@visactor/vtable 1.19.9-alpha.2 → 1.20.0-alpha.0

package/cjs/ListTable.d.ts

@@ -22,7 +22,8 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         clearColWidthCache?: boolean;
     }): void;
     private _recreateSceneForStateChange;
-    addColumn(column: ColumnDefine): void;
+    addColumn(column: ColumnDefine, colIndex?: number, isMaintainArrayData?: boolean): void;
+    deleteColumn(colIndex: number): void;
     get columns(): ColumnsDefine;
     get header(): ColumnsDefine;
     set header(header: ColumnsDefine);
@@ -39,7 +40,10 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     getCellOriginRecord(col: number, row: number): MaybePromiseOrUndefined;
     getCellRawRecord(col: number, row: number): MaybePromiseOrUndefined;
     _canResizeColumn(col: number, row: number): boolean;
-    updateOption(options: ListTableConstructorOptions): Promise<unknown>;
+    updateOption(options: ListTableConstructorOptions, updateConfig?: {
+        clearColWidthCache?: boolean;
+        clearRowHeightCache?: boolean;
+    }): Promise<unknown>;
     updatePagination(pagination: IPagination): void;
     refreshHeader(): void;
     refreshRowColCount(): void;
@@ -102,4 +106,6 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
     release(): void;
     expandAllTreeNode(): void;
     collapseAllTreeNode(): void;
+    mergeCells(startCol: number, startRow: number, endCol: number, endRow: number): void;
+    unmergeCells(startCol: number, startRow: number, endCol: number, endRow: number): void;
 }

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");
+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");
 
 class ListTable extends core_1.BaseTable {
     constructor(container, options) {
@@ -39,8 +39,9 @@ class ListTable extends core_1.BaseTable {
         if (internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.sortState = options.sortState, 
         internalProps.multipleSort = !!options.multipleSort, internalProps.dataConfig = this.internalProps.groupBy ? (0, 
-        group_helper_1.getGroupByDataConfig)(this.internalProps.groupBy) : {}, internalProps.columns = options.columns ? (0, 
-        vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
+        group_helper_1.getGroupByDataConfig)(this.internalProps.groupBy, options.addRecordRule) : {
+            addRecordRule: options.addRecordRule
+        }, internalProps.columns = options.columns ? (0, vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
         vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], (0, tableHelper_1.generateAggregationForColumn)(this), 
         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(), 
@@ -61,7 +62,7 @@ class ListTable extends core_1.BaseTable {
             this.listTreeStickCellPlugin = new ListTreeStickCellPlugin(this);
         }
         setTimeout((() => {
-            this.resize(), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.INITIALIZED, null);
+            this.isReleased || (this.resize(), this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.INITIALIZED, null));
         }), 0);
     }
     isListTable() {
@@ -113,9 +114,18 @@ class ListTable extends core_1.BaseTable {
         this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), 
         this.renderAsync(), this.eventManager.updateEventBinder();
     }
-    addColumn(column) {
+    addColumn(column, colIndex, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        columns.push(column), this.updateColumns(columns);
+        if (void 0 === colIndex ? columns.push(column) : columns.splice(colIndex, 0, column), 
+        isMaintainArrayData) for (let i = 0; i < this.records.length; i++) {
+            const record = this.records[i];
+            Array.isArray(record) && record.splice(colIndex, 0, void 0);
+        }
+        this.updateColumns(columns);
+    }
+    deleteColumn(colIndex) {
+        const columns = this.options.columns;
+        columns.splice(colIndex, 1), this.updateColumns(columns);
     }
     get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -260,14 +270,18 @@ class ListTable extends core_1.BaseTable {
         }
         return ifCan;
     }
-    updateOption(options) {
+    updateOption(options, updateConfig = {
+        clearColWidthCache: !0,
+        clearRowHeightCache: !0
+    }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const internalProps = this.internalProps;
-        if (super.updateOption(options), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, 
+        if (super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.sortState = options.sortState, 
-        internalProps.dataConfig = this.internalProps.groupBy ? (0, group_helper_1.getGroupByDataConfig)(this.internalProps.groupBy) : {}, 
-        this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, internalProps.columns = options.columns ? (0, 
-        vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
+        internalProps.dataConfig = this.internalProps.groupBy ? (0, group_helper_1.getGroupByDataConfig)(this.internalProps.groupBy, options.addRecordRule) : {
+            addRecordRule: options.addRecordRule
+        }, this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, 
+        internalProps.columns = options.columns ? (0, vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
         vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], (0, tableHelper_1.generateAggregationForColumn)(this), 
         internalProps.enableTreeNodeMerge = null !== (_e = null !== (_d = options.enableTreeNodeMerge) && void 0 !== _d ? _d : (0, 
         vutils_1.isValid)(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), 
@@ -289,7 +303,9 @@ class ListTable extends core_1.BaseTable {
             const EmptyTip = factory_1.Factory.getComponent("emptyTip");
             this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), null === (_j = this.internalProps.emptyTip) || void 0 === _j || _j.resetVisible();
         }
-        return this.pluginManager.updatePlugins(options.plugins), new Promise((resolve => {
+        return this.pluginManager.updatePlugins(options.plugins), setTimeout((() => {
+            this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.UPDATED, null);
+        }), 0), new Promise((resolve => {
             setTimeout(resolve, 0);
         }));
     }
@@ -740,6 +756,37 @@ class ListTable extends core_1.BaseTable {
             }
         }));
     }
+    mergeCells(startCol, startRow, endCol, endRow) {
+        for (let i = startCol; i <= endCol; i++) for (let j = startRow; j <= endRow; j++) {
+            const cellRange = this.getCellRange(i, j);
+            if (cellRange.start.col !== cellRange.end.col || cellRange.start.row !== cellRange.end.row) return;
+        }
+        this.options.customMergeCell ? "function" == typeof this.options.customMergeCell && (this.options.customMergeCell = []) : this.options.customMergeCell = [], 
+        this.options.customMergeCell.push({
+            text: this.getCellValue(startCol, startRow),
+            range: {
+                start: {
+                    col: startCol,
+                    row: startRow
+                },
+                end: {
+                    col: endCol,
+                    row: endRow
+                }
+            }
+        }), this.internalProps.customMergeCell = (0, get_custom_merge_cell_func_1.getCustomMergeCellFunc)(this.options.customMergeCell);
+        for (let i = startCol; i <= endCol; i++) for (let j = startRow; j <= endRow; j++) this.scenegraph.updateCellContent(i, j);
+        this.scenegraph.updateNextFrame();
+    }
+    unmergeCells(startCol, startRow, endCol, endRow) {
+        this.options.customMergeCell ? "function" == typeof this.options.customMergeCell && (this.options.customMergeCell = []) : this.options.customMergeCell = [], 
+        this.options.customMergeCell = this.options.customMergeCell.filter((item => {
+            const {start: start, end: end} = item.range;
+            return !(start.col === startCol && start.row === startRow && end.col === endCol && end.row === endRow);
+        })), this.internalProps.customMergeCell = (0, get_custom_merge_cell_func_1.getCustomMergeCellFunc)(this.options.customMergeCell);
+        for (let i = startCol; i <= endCol; i++) for (let j = startRow; j <= endRow; j++) this.scenegraph.updateCellContent(i, j);
+        this.scenegraph.updateNextFrame();
+    }
 }
 
 exports.ListTable = ListTable;