k-vtable 1.0.20 → 1.0.22

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);
@@ -68,7 +69,10 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     getMenuInfo(col: number, row: number, type: string): DropDownMenuEventInfo;
     _getSortFuncFromHeaderOption(columns: ColumnsDefine | undefined, field: FieldDef, fieldKey?: FieldKeyDef): SortState['orderFn'] | undefined;
     updateSortState(sortState: SortState[] | SortState | null, executeSort?: boolean): void;
-    updateFilterRules(filterRules: FilterRules): void;
+    updateFilterRules(filterRules: FilterRules, options?: {
+        clearRowHeightCache?: boolean;
+    }): 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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ListTable = void 0;
 
-const ts_types_1 = require("./ts-types"), layout_1 = require("./layout"), vutils_1 = require("@visactor/vutils"), tableHelper_1 = require("./core/tableHelper"), core_1 = require("./core"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), env_1 = require("./tools/env"), editors = __importStar(require("./edit/editors")), edit_manager_1 = require("./edit/edit-manager"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), radio_1 = require("./state/radio/radio"), vutils_extension_1 = require("@visactor/vutils-extension"), checkbox_1 = require("./state/checkbox/checkbox"), factory_1 = require("./core/factory"), group_helper_1 = require("./core/group-helper"), data_1 = require("./data"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func");
+const ts_types_1 = require("./ts-types"), layout_1 = require("./layout"), vutils_1 = require("@visactor/vutils"), tableHelper_1 = require("./core/tableHelper"), core_1 = require("./core"), TABLE_EVENT_TYPE_1 = require("./core/TABLE_EVENT_TYPE"), env_1 = require("./tools/env"), editors = __importStar(require("./edit/editors")), edit_manager_1 = require("./edit/edit-manager"), compute_row_height_1 = require("./scenegraph/layout/compute-row-height"), util_1 = require("./tools/util"), radio_1 = require("./state/radio/radio"), vutils_extension_1 = require("@visactor/vutils-extension"), checkbox_1 = require("./state/checkbox/checkbox"), factory_1 = require("./core/factory"), group_helper_1 = require("./core/group-helper"), data_1 = require("./data"), record_helper_1 = require("./core/record-helper"), update_row_1 = require("./tools/update-row"), chart_render_helper_1 = require("./scenegraph/graphic/contributions/chart-render-helper"), get_custom_merge_cell_func_1 = require("./core/utils/get-custom-merge-cell-func"), adjust_header_1 = require("./state/cell-move/adjust-header");
 
 class ListTable extends core_1.BaseTable {
     constructor(container, options) {
@@ -47,7 +47,8 @@ class ListTable extends core_1.BaseTable {
         internalProps.enableTreeNodeMerge = null !== (_d = null !== (_c = options.enableTreeNodeMerge) && void 0 !== _c ? _c : (0, 
         vutils_1.isValid)(this.internalProps.groupBy)) && void 0 !== _d && _d, this.internalProps.headerHelper.setTableColumnsEditor(), 
         this.showHeader = null === (_e = options.showHeader) || void 0 === _e || _e, this.internalProps.columnWidthConfig = options.columnWidthConfig, 
-        this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManager(this)), 
+        this.internalProps.rowHeightConfig = options.rowHeightConfig, this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, 
+        "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManager(this)), 
         this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? this.dataSource = options.dataSource : options.records ? this.setRecords(options.records, {
             sortState: internalProps.sortState
         }) : this.setRecords([]), options.title) {
@@ -85,7 +86,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 = {
@@ -98,7 +102,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,21 +119,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();
@@ -291,7 +326,7 @@ class ListTable extends core_1.BaseTable {
         vutils_1.isValid)(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), 
         this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(), 
         this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, 
-        internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
+        this.internalProps.rowHeightConfig = options.rowHeightConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
             const releaseObj = internalProps.releaseList[i];
             releaseObj instanceof data_1.DataSource ? releaseObj.updateColumns(this.internalProps.columns) : (null === (_g = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _g || _g.call(releaseObj), 
             internalProps.releaseList.splice(i, 1));
@@ -361,8 +396,9 @@ class ListTable extends core_1.BaseTable {
     _moveHeaderPosition(source, target) {
         const sourceCellRange = this.getCellRange(source.col, source.row), targetCellRange = this.getCellRange(target.col, target.row), moveContext = this.internalProps.layoutMap.moveHeaderPosition(source, target);
         return moveContext ? ("column" === moveContext.moveType ? (this.colWidthsMap.exchangeOrder(sourceCellRange.start.col, sourceCellRange.end.col - sourceCellRange.start.col + 1, targetCellRange.start.col, targetCellRange.end.col - targetCellRange.start.col + 1, moveContext.targetIndex), 
-        this.transpose || (this.colWidthsLimit = {}, this.setMinMaxLimitWidth())) : moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex), 
-        moveContext) : null;
+        (0, adjust_header_1.adjustWidthResizedColMap)(moveContext, this), this.transpose || (this.colWidthsLimit = {}, 
+        this.setMinMaxLimitWidth())) : (moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex), 
+        (0, adjust_header_1.adjustHeightResizedRowMap)(moveContext, this)), moveContext) : null;
     }
     changeRecordOrder(sourceIndex, targetIndex) {
         this.transpose ? (sourceIndex = this.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = this.getRecordShowIndexByCell(targetIndex, 0)) : (sourceIndex = this.getRecordShowIndexByCell(0, sourceIndex), 
@@ -526,12 +562,17 @@ class ListTable extends core_1.BaseTable {
         }))), this.internalProps.layoutMap.clearCellRangeMap(), this.internalProps.useOneRowHeightFillAll = !1, 
         this.scenegraph.sortCell()), sortState.length && this.stateManager.updateSortState(sortState);
     }
-    updateFilterRules(filterRules) {
+    updateFilterRules(filterRules, options = {
+        clearRowHeightCache: !0
+    }) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), 
         (0, record_helper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules), 
-        this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(), 
+        this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), 
         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)) {
@@ -673,18 +714,44 @@ 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);
+        (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, [ record ]), 
+        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);
+        "number" == typeof recordIndex && (0, adjust_header_1.adjustHeightResizedRowMapWithAddRecordIndex)(this, recordIndex, records), 
+        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();
+        (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this), (0, adjust_header_1.adjustHeightResizedRowMapWithDeleteRecordIndex)(this, recordIndexs), 
+        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;