📦 [refact] 修改Version Panel 类型为blessed.listtable

.flowconfig

@@ -0,0 +1,16 @@
+1
+2
+3
+4
+5
+6
+7
+8
+9
+[include]
+[libs]
+./flow
+[options]
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+suppress_comment= \\(.\\|\n\\)*\\$FlowIgnore

src/azer-compare.js

@@ -36,7 +36,7 @@ async function selectBaseVersion() {
     );
   baseTable.updateView(choices);
   // 监听选择事件
-  baseTable.rows.on('select', value => {
+  baseTable.on('select', value => {
     baseVersion = value.content.trim();
     updateSummaryView();
     if (compareVersion) {
@@ -60,7 +60,7 @@ async function selectCompareVersion() {
     );
   compareTable.updateView(choices);
   // 监听选择事件
-  compareTable.rows.on('select', value => {
+  compareTable.on('select', value => {
     compareVersion = value.content.trim();
     updateSummaryView();
 

src/util/blessed.js

@@ -17,12 +17,12 @@ const baseTable = grid.set(
   8,
   6,
   4,
-  contrib.table,
-  makeList([24]),
+  blessed.listtable,
+  makeScrollList([30]),
 );
 
 baseTable.updateView = data => {
-  baseTable.setData({headers: [], data: data});
+  baseTable.setData([[], ...data]);
   screen.render();
 };
 
@@ -32,12 +32,12 @@ const compareTable = grid.set(
   8,
   6,
   4,
-  contrib.table,
-  makeList([30]),
+  blessed.listtable,
+  makeScrollList([30]),
 );
 
 compareTable.updateView = data => {
-  compareTable.setData({headers: [], data: data});
+  compareTable.setData([[], ...data]);
   screen.render();
 };
 
@@ -128,10 +128,12 @@ function makeScrollList(columnWidth) {
 function makeList(columnWidth) {
   const options = makeBox();
   options.columnSpacing = 1;
+  options.padding = 1;
   options.noCellBorders = true;
   options.align = 'left';
   options.columnWidth = columnWidth;
   options.interactive = true;
+  options.selectedBg = 'blue';
   return options;
 }