@visactor/vtable 1.21.1 → 1.22.1

package/cjs/ListTable.d.ts

@@ -20,10 +20,11 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     get recordsCount(): number;
     updateColumns(columns: ColumnsDefine, options?: {
         clearColWidthCache?: boolean;
+        clearRowHeightCache?: boolean;
     }): void;
     private _recreateSceneForStateChange;
-    addColumn(column: ColumnDefine, colIndex?: number, isMaintainArrayData?: boolean): void;
-    deleteColumn(colIndex: number): void;
+    addColumns(toAddColumns: ColumnDefine[], colIndex?: number, isMaintainArrayData?: boolean): void;
+    deleteColumns(deleteColIndexs: number[], isMaintainArrayData?: boolean): void;
     get columns(): ColumnsDefine;
     get header(): ColumnsDefine;
     set header(header: ColumnsDefine);
@@ -69,6 +70,7 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     _getSortFuncFromHeaderOption(columns: ColumnsDefine | undefined, field: FieldDef, fieldKey?: FieldKeyDef): SortState['orderFn'] | undefined;
     updateSortState(sortState: SortState[] | SortState | null, executeSort?: boolean): void;
     updateFilterRules(filterRules: FilterRules): void;
+    getFilteredRecords(): any[];
     getCheckboxState(field?: string | number): any[];
     getCellCheckboxState(col: number, row: number): boolean | "indeterminate";
     getRadioState(field?: string | number): number | boolean | Record<string | number, number | boolean | Record<number, number>>;

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();
     }
@@ -114,21 +117,52 @@ class ListTable extends core_1.BaseTable {
         this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
         this.renderAsync(), this.eventManager.updateEventBinder();
     }
-    addColumn(column, colIndex, isMaintainArrayData = !0) {
+    addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
+        var _a;
         const columns = this.options.columns;
-        if (void 0 === colIndex) columns.push(column); else {
-            if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) "number" == typeof columns[i].field && columns[i].field >= colIndex && (columns[i].field = columns[i].field + 1);
-            columns.splice(colIndex, 0, column);
-        }
-        if (isMaintainArrayData) for (let i = 0; i < this.records.length; i++) {
-            const record = this.records[i];
-            Array.isArray(record) && record.splice(colIndex, 0, void 0);
+        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.updateColumns(columns, {
+            clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_COLUMN, {
+            columnIndex: colIndex,
+            columnCount: toAddColumns.length,
+            columns: columns
+        });
     }
-    deleteColumn(colIndex) {
+    deleteColumns(deleteColIndexs, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        columns.splice(colIndex, 1), this.updateColumns(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, {
+            clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_COLUMN, {
+            deleteColIndexs: deleteColIndexs,
+            columns: columns
+        });
     }
     get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -531,6 +565,9 @@ class ListTable extends core_1.BaseTable {
         this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(), 
         this.resize();
     }
+    getFilteredRecords() {
+        return this.dataSource.records;
+    }
     getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), 
         (0, vutils_1.isValid)(field)) {
@@ -672,18 +709,41 @@ class ListTable extends core_1.BaseTable {
     }
     addRecord(record, recordIndex) {
         var _a;
-        (0, record_helper_1.listTableAddRecord)(record, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
+        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+            records: [ record ],
+            recordIndex: recordIndex,
+            recordCount: 1
+        });
     }
     addRecords(records, recordIndex) {
         var _a;
-        (0, record_helper_1.listTableAddRecords)(records, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), 
+        success && this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.ADD_RECORD, {
+            records: records,
+            recordIndex: recordIndex,
+            recordCount: records.length
+        });
     }
     deleteRecords(recordIndexs) {
         var _a;
         (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const rowIndexs = [];
+        for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
+        this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.DELETE_RECORD, {
+            recordIndexs: recordIndexs,
+            rowIndexs: rowIndexs,
+            deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
+        });
     }
     updateRecords(records, recordIndexs) {
-        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this);
+        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.UPDATE_RECORD, {
+            records: records,
+            recordIndexs: recordIndexs,
+            updateCount: records.length
+        });
     }
     _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;