@visactor/vtable 1.22.0 → 1.22.2

package/cjs/ListTable.d.ts

@@ -20,6 +20,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     get recordsCount(): number;
     updateColumns(columns: ColumnsDefine, options?: {
         clearColWidthCache?: boolean;
+        clearRowHeightCache?: boolean;
     }): void;
     private _recreateSceneForStateChange;
     addColumns(toAddColumns: ColumnDefine[], colIndex?: number, isMaintainArrayData?: boolean): void;

package/cjs/ListTable.js

@@ -84,7 +84,10 @@ class ListTable extends core_1.BaseTable {
     get recordsCount() {
         return this.dataSource.records.length;
     }
-    updateColumns(columns, options) {
+    updateColumns(columns, options = {
+        clearColWidthCache: !1,
+        clearRowHeightCache: !0
+    }) {
         var _a, _b, _c, _d;
         this.scenegraph.clearCells();
         const oldHoverState = {
@@ -97,7 +100,7 @@ class ListTable extends core_1.BaseTable {
         this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), 
         this.records && (0, tableHelper_1.checkHasAggregationOnColumnDefine)(this.internalProps.columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), 
         this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map, 
-        this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, this.scenegraph.createSceneGraph(), 
+        this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), 
         this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), 
         this.eventManager.updateEventBinder();
     }
@@ -115,16 +118,24 @@ class ListTable extends core_1.BaseTable {
         this.renderAsync(), this.eventManager.updateEventBinder();
     }
     addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
+        var _a;
         const columns = this.options.columns;
-        if (void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns), 
-        isMaintainArrayData) {
+        void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns);
+        for (let i = 0; i < toAddColumns.length; i++) this.colWidthsMap.addAndReorder(colIndex + i, null !== (_a = toAddColumns[i].width) && void 0 !== _a ? _a : this.internalProps.defaultColWidth);
+        this.internalProps._colRangeWidthsMap.clear();
+        const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+        for (let i = 0; i < resizedColIndexs.length; i++) resizedColIndexs[i] >= colIndex && (this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]), 
+        this.internalProps._widthResizedColMap.add(resizedColIndexs[i] + toAddColumns.length));
+        if (isMaintainArrayData) {
             for (let i = 0; i < columns.length; i++) columns[i].field = i;
             for (let i = 0; i < this.records.length; i++) {
                 const record = this.records[i];
                 Array.isArray(record) && record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(void 0));
             }
         }
-        this.updateColumns(columns), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_COLUMN, {
+        this.updateColumns(columns, {
+            clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_COLUMN, {
             columnIndex: colIndex,
             columnCount: toAddColumns.length,
             columns: columns
@@ -134,12 +145,21 @@ class ListTable extends core_1.BaseTable {
         const columns = this.options.columns;
         deleteColIndexs.sort(((a, b) => b - a));
         for (let i = 0; i < deleteColIndexs.length; i++) if (columns.splice(deleteColIndexs[i], 1), 
+        this.colWidthsMap.delAndReorder(deleteColIndexs[i]), this.internalProps._widthResizedColMap.delete(deleteColIndexs[i]), 
         isMaintainArrayData) for (let j = 0; j < this.records.length; j++) {
             const record = this.records[j];
             Array.isArray(record) && record.splice(deleteColIndexs[i], 1);
         }
+        this.internalProps._colRangeWidthsMap.clear();
+        const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+        for (let i = 0; i < resizedColIndexs.length; i++) for (let j = 0; j < deleteColIndexs.length; j++) if (resizedColIndexs[i] > deleteColIndexs[j]) {
+            this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]), this.internalProps._widthResizedColMap.add(resizedColIndexs[i] - (deleteColIndexs.length - j));
+            break;
+        }
         if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) columns[i].field = i;
-        this.updateColumns(columns), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_COLUMN, {
+        this.updateColumns(columns, {
+            clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_COLUMN, {
             deleteColIndexs: deleteColIndexs,
             columns: columns
         });