@visactor/vtable 1.5.7-alpha.1 → 1.5.7

package/cjs/ListTable-all.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.ListTableAll = void 0;
 
-const ListTable_1 = require("./ListTable"), components_1 = require("./components"), cell_type_1 = require("./scenegraph/group-creater/cell-type");
+const ListTable_1 = require("./ListTable"), components_1 = require("./components"), list_tree_stick_cell_1 = require("./plugins/list-tree-stick-cell"), cell_type_1 = require("./scenegraph/group-creater/cell-type");
 
 (0, components_1.registerAxis)(), (0, components_1.registerEmptyTip)(), (0, components_1.registerLegend)(), 
 (0, components_1.registerMenu)(), (0, components_1.registerTitle)(), (0, components_1.registerTooltip)(), 
-(0, cell_type_1.registerChartCell)(), (0, cell_type_1.registerCheckboxCell)(), (0, 
-cell_type_1.registerImageCell)(), (0, cell_type_1.registerProgressBarCell)(), (0, 
-cell_type_1.registerRadioCell)(), (0, cell_type_1.registerSparkLineCell)(), (0, 
-cell_type_1.registerTextCell)(), (0, cell_type_1.registerVideoCell)();
+(0, list_tree_stick_cell_1.registerListTreeStickCellPlugin)(), (0, cell_type_1.registerChartCell)(), 
+(0, cell_type_1.registerCheckboxCell)(), (0, cell_type_1.registerImageCell)(), (0, 
+cell_type_1.registerProgressBarCell)(), (0, cell_type_1.registerRadioCell)(), (0, 
+cell_type_1.registerSparkLineCell)(), (0, cell_type_1.registerTextCell)(), (0, cell_type_1.registerVideoCell)();
 
 class ListTableAll extends ListTable_1.ListTable {}
 

package/cjs/ListTable-all.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ListTable-all.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AACxC,6CAOsB;AACtB,oEAS8C;AAE9C,IAAA,yBAAY,GAAE,CAAC;AACf,IAAA,6BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAc,GAAE,CAAC;AACjB,IAAA,yBAAY,GAAE,CAAC;AACf,IAAA,0BAAa,GAAE,CAAC;AAChB,IAAA,4BAAe,GAAE,CAAC;AAElB,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,gCAAoB,GAAE,CAAC;AACvB,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,mCAAuB,GAAE,CAAC;AAC1B,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,iCAAqB,GAAE,CAAC;AACxB,IAAA,4BAAgB,GAAE,CAAC;AACnB,IAAA,6BAAiB,GAAE,CAAC;AACpB,MAAa,YAAa,SAAQ,qBAAS;CAAG;AAA9C,oCAA8C","file":"ListTable-all.js","sourcesContent":["import { ListTable } from './ListTable';\nimport {\n  registerAxis,\n  registerEmptyTip,\n  registerLegend,\n  registerMenu,\n  registerTitle,\n  registerTooltip\n} from './components';\nimport {\n  registerChartCell,\n  registerCheckboxCell,\n  registerImageCell,\n  registerProgressBarCell,\n  registerRadioCell,\n  registerSparkLineCell,\n  registerTextCell,\n  registerVideoCell\n} from './scenegraph/group-creater/cell-type';\n\nregisterAxis();\nregisterEmptyTip();\nregisterLegend();\nregisterMenu();\nregisterTitle();\nregisterTooltip();\n\nregisterChartCell();\nregisterCheckboxCell();\nregisterImageCell();\nregisterProgressBarCell();\nregisterRadioCell();\nregisterSparkLineCell();\nregisterTextCell();\nregisterVideoCell();\nexport class ListTableAll extends ListTable {}\n"]}
+{"version":3,"sources":["../src/ListTable-all.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AACxC,6CAOsB;AACtB,yEAAiF;AACjF,oEAS8C;AAE9C,IAAA,yBAAY,GAAE,CAAC;AACf,IAAA,6BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAc,GAAE,CAAC;AACjB,IAAA,yBAAY,GAAE,CAAC;AACf,IAAA,0BAAa,GAAE,CAAC;AAChB,IAAA,4BAAe,GAAE,CAAC;AAClB,IAAA,sDAA+B,GAAE,CAAC;AAElC,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,gCAAoB,GAAE,CAAC;AACvB,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,mCAAuB,GAAE,CAAC;AAC1B,IAAA,6BAAiB,GAAE,CAAC;AACpB,IAAA,iCAAqB,GAAE,CAAC;AACxB,IAAA,4BAAgB,GAAE,CAAC;AACnB,IAAA,6BAAiB,GAAE,CAAC;AACpB,MAAa,YAAa,SAAQ,qBAAS;CAAG;AAA9C,oCAA8C","file":"ListTable-all.js","sourcesContent":["import { ListTable } from './ListTable';\nimport {\n  registerAxis,\n  registerEmptyTip,\n  registerLegend,\n  registerMenu,\n  registerTitle,\n  registerTooltip\n} from './components';\nimport { registerListTreeStickCellPlugin } from './plugins/list-tree-stick-cell';\nimport {\n  registerChartCell,\n  registerCheckboxCell,\n  registerImageCell,\n  registerProgressBarCell,\n  registerRadioCell,\n  registerSparkLineCell,\n  registerTextCell,\n  registerVideoCell\n} from './scenegraph/group-creater/cell-type';\n\nregisterAxis();\nregisterEmptyTip();\nregisterLegend();\nregisterMenu();\nregisterTitle();\nregisterTooltip();\nregisterListTreeStickCellPlugin();\n\nregisterChartCell();\nregisterCheckboxCell();\nregisterImageCell();\nregisterProgressBarCell();\nregisterRadioCell();\nregisterSparkLineCell();\nregisterTextCell();\nregisterVideoCell();\nexport class ListTableAll extends ListTable {}\n"]}

package/cjs/ListTable.d.ts

@@ -3,10 +3,12 @@ import { HierarchyState } from './ts-types';
 import { BaseTable } from './core';
 import type { ListTableProtected } from './ts-types/base-table';
 import type { IEditor } from '@visactor/vtable-editors';
+import type { ListTreeStickCellPlugin } from './plugins/list-tree-stick-cell';
 export declare class ListTable extends BaseTable implements ListTableAPI {
     internalProps: ListTableProtected;
     options: ListTableConstructorOptions;
     showHeader: boolean;
+    listTreeStickCellPlugin?: ListTreeStickCellPlugin;
     constructor(options: ListTableConstructorOptions);
     constructor(container: HTMLElement, options: ListTableConstructorOptions);
     isListTable(): true;
@@ -85,4 +87,5 @@ export declare class ListTable extends BaseTable implements ListTableAPI {
         }[];
     }[];
     isAggregation(col: number, row: number): boolean;
+    getGroupTitleLevel(col: number, row: number): number | undefined;
 }

package/cjs/ListTable.js

@@ -29,20 +29,22 @@ 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_col_width_1 = require("./scenegraph/layout/compute-col-width"), 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");
+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"), 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"), record_helper_1 = require("./core/record-helper");
 
 class ListTable extends core_1.BaseTable {
     constructor(container, options) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         "node" === env_1.Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, 
         container = container.container ? container.container : null), super(container, options), 
         this.showHeader = !0;
         const internalProps = this.internalProps;
         if (internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, 
-        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? (0, 
+        internalProps.sortState = options.sortState, internalProps.dataConfig = options.groupBy ? (0, 
+        group_helper_1.getGroupByDataConfig)(options.groupBy) : {}, internalProps.columns = options.columns ? (0, 
         vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
-        vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], this.internalProps.headerHelper.setTableColumnsEditor(), 
-        this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, 
+        vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], internalProps.enableTreeNodeMerge = null !== (_b = null !== (_a = options.enableTreeNodeMerge) && void 0 !== _a ? _a : (0, 
+        vutils_1.isValid)(options.groupBy)) && void 0 !== _b && _b, this.internalProps.headerHelper.setTableColumnsEditor(), 
+        this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, this.transpose = null !== (_d = options.transpose) && void 0 !== _d && _d, 
         "node" !== env_1.Env.mode && (this.editorManager = new edit_manager_1.EditManeger(this)), 
         this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? (0, 
         tableHelper_1._setDataSource)(this, options.dataSource) : options.records ? this.setRecords(options.records, {
@@ -55,6 +57,10 @@ class ListTable extends core_1.BaseTable {
             const EmptyTip = factory_1.Factory.getComponent("emptyTip");
             this.internalProps.emptyTip = new EmptyTip(this.options.emptyTip, this), this.internalProps.emptyTip.resetVisible();
         }
+        if (options.enableTreeStickCell) {
+            const ListTreeStickCellPlugin = factory_1.Factory.getComponent("listTreeStickCellPlugin");
+            this.listTreeStickCellPlugin = new ListTreeStickCellPlugin(this);
+        }
         setTimeout((() => {
             this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.INITIALIZED, null);
         }), 0);
@@ -225,8 +231,9 @@ class ListTable extends core_1.BaseTable {
         const internalProps = this.internalProps;
         if (super.updateOption(options), internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.sortState = options.sortState, 
-        internalProps.dataConfig = {}, this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, 
-        internalProps.columns = options.columns ? (0, vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
+        internalProps.dataConfig = options.groupBy ? (0, group_helper_1.getGroupByDataConfig)(options.groupBy) : {}, 
+        this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, internalProps.columns = options.columns ? (0, 
+        vutils_extension_1.cloneDeepSpec)(options.columns, [ "children" ]) : options.header ? (0, 
         vutils_extension_1.cloneDeepSpec)(options.header, [ "children" ]) : [], this.internalProps.headerHelper.setTableColumnsEditor(), 
         this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, this.refreshHeader(), 
         this.internalProps.useOneRowHeightFillAll = !1, internalProps.releaseList && (internalProps.releaseList.forEach((releaseObj => {
@@ -261,21 +268,21 @@ class ListTable extends core_1.BaseTable {
         transpose || this.setMinMaxLimitWidth(!0), this.refreshRowColCount();
     }
     refreshRowColCount() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         const table = this, {layoutMap: layoutMap} = table.internalProps;
         if (!layoutMap) return;
         const dataCount = null !== (_b = null === (_a = table.internalProps.dataSource) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
         layoutMap.recordsCount = dataCount + (dataCount > 0 ? layoutMap.hasAggregationOnTopCount + layoutMap.hasAggregationOnBottomCount : 0), 
         table.transpose ? (table.rowCount = null !== (_c = layoutMap.rowCount) && void 0 !== _c ? _c : 0, 
-        table.colCount = null !== (_d = layoutMap.colCount) && void 0 !== _d ? _d : 0, table.frozenRowCount = 0, 
-        this.internalProps.frozenColCount = Math.max((null !== (_e = layoutMap.headerLevelCount) && void 0 !== _e ? _e : 0) + layoutMap.leftRowSeriesNumberColumnCount, null !== (_f = this.options.frozenColCount) && void 0 !== _f ? _f : 0), 
-        table.bottomFrozenRowCount !== (null !== (_g = this.options.bottomFrozenRowCount) && void 0 !== _g ? _g : 0) && (table.bottomFrozenRowCount = null !== (_h = this.options.bottomFrozenRowCount) && void 0 !== _h ? _h : 0), 
-        table.rightFrozenColCount !== (null !== (_j = this.options.rightFrozenColCount) && void 0 !== _j ? _j : 0) && (table.rightFrozenColCount = null !== (_k = this.options.rightFrozenColCount) && void 0 !== _k ? _k : 0)) : (table.colCount = null !== (_l = layoutMap.colCount) && void 0 !== _l ? _l : 0, 
+        table.colCount = null !== (_d = layoutMap.colCount) && void 0 !== _d ? _d : 0, this.internalProps.frozenColCount = Math.max((null !== (_e = layoutMap.headerLevelCount) && void 0 !== _e ? _e : 0) + layoutMap.leftRowSeriesNumberColumnCount, null !== (_f = this.options.frozenColCount) && void 0 !== _f ? _f : 0), 
+        this.internalProps.frozenRowCount = null !== (_g = this.options.frozenRowCount) && void 0 !== _g ? _g : 0, 
+        table.bottomFrozenRowCount !== (null !== (_h = this.options.bottomFrozenRowCount) && void 0 !== _h ? _h : 0) && (table.bottomFrozenRowCount = null !== (_j = this.options.bottomFrozenRowCount) && void 0 !== _j ? _j : 0), 
+        table.rightFrozenColCount !== (null !== (_k = this.options.rightFrozenColCount) && void 0 !== _k ? _k : 0) && (table.rightFrozenColCount = null !== (_l = this.options.rightFrozenColCount) && void 0 !== _l ? _l : 0)) : (table.colCount = null !== (_m = layoutMap.colCount) && void 0 !== _m ? _m : 0, 
         table.rowCount = layoutMap.recordsCount * layoutMap.bodyRowSpanCount + layoutMap.headerLevelCount, 
-        this.internalProps.frozenColCount = null !== (_m = this.options.frozenColCount) && void 0 !== _m ? _m : 0, 
-        table.frozenRowCount = Math.max(layoutMap.headerLevelCount, null !== (_o = this.options.frozenRowCount) && void 0 !== _o ? _o : 0), 
-        table.bottomFrozenRowCount !== (null !== (_p = this.options.bottomFrozenRowCount) && void 0 !== _p ? _p : 0) && (table.bottomFrozenRowCount = null !== (_q = this.options.bottomFrozenRowCount) && void 0 !== _q ? _q : 0), 
-        table.rightFrozenColCount !== (null !== (_r = this.options.rightFrozenColCount) && void 0 !== _r ? _r : 0) && (table.rightFrozenColCount = null !== (_s = this.options.rightFrozenColCount) && void 0 !== _s ? _s : 0)), 
+        this.internalProps.frozenColCount = null !== (_o = this.options.frozenColCount) && void 0 !== _o ? _o : 0, 
+        table.frozenRowCount = Math.max(layoutMap.headerLevelCount, null !== (_p = this.options.frozenRowCount) && void 0 !== _p ? _p : 0), 
+        table.bottomFrozenRowCount !== (null !== (_q = this.options.bottomFrozenRowCount) && void 0 !== _q ? _q : 0) && (table.bottomFrozenRowCount = null !== (_r = this.options.bottomFrozenRowCount) && void 0 !== _r ? _r : 0), 
+        table.rightFrozenColCount !== (null !== (_s = this.options.rightFrozenColCount) && void 0 !== _s ? _s : 0) && (table.rightFrozenColCount = null !== (_t = this.options.rightFrozenColCount) && void 0 !== _t ? _t : 0)), 
         this.stateManager.setFrozenCol(this.internalProps.frozenColCount);
     }
     getFieldData(field, col, row) {
@@ -349,7 +356,9 @@ class ListTable extends core_1.BaseTable {
         return null;
     }
     getHierarchyState(col, row) {
-        if (!this.getBodyColumnDefine(col, row).tree) return ts_types_1.HierarchyState.none;
+        if (!this.options.groupBy) {
+            if (!this.getBodyColumnDefine(col, row).tree) return ts_types_1.HierarchyState.none;
+        }
         const index = this.getRecordShowIndexByCell(col, row);
         return this.dataSource.getHierarchyState(index);
     }
@@ -420,7 +429,7 @@ class ListTable extends core_1.BaseTable {
     }
     updateFilterRules(filterRules) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), 
-        (0, tableHelper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules), 
+        (0, record_helper_1.sortRecords)(this)) : this.dataSource.updateFilterRules(filterRules), 
         this.refreshRowColCount(), this.scenegraph.createSceneGraph();
     }
     getCheckboxState(field) {
@@ -529,282 +538,22 @@ class ListTable extends core_1.BaseTable {
         return (0, vutils_1.isValid)(editorDefine);
     }
     changeCellValue(col, row, value, workOnEditableCell = !1) {
-        if (workOnEditableCell && this.isHasEditorDefine(col, row) || !1 === workOnEditableCell) {
-            const recordIndex = this.getRecordShowIndexByCell(col, row), {field: field} = this.internalProps.layoutMap.getBody(col, row), beforeChangeValue = this.getCellRawValue(col, row), oldValue = this.getCellOriginValue(col, row);
-            this.isHeader(col, row) ? this.internalProps.layoutMap.updateColumnTitle(col, row, value) : this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
-            const range = this.getCellRange(col, row), aggregators = this.internalProps.layoutMap.getAggregatorsByCell(col, row);
-            if (aggregators) {
-                if (Array.isArray(aggregators)) for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate(); else aggregators.recalculate();
-                const aggregatorCells = this.internalProps.layoutMap.getAggregatorCellAddress(range.start.col, range.start.row, range.end.col, range.end.row);
-                for (let i = 0; i < aggregatorCells.length; i++) {
-                    const range = this.getCellRange(aggregatorCells[i].col, aggregatorCells[i].row);
-                    for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) this.scenegraph.updateCellContent(sCol, sRow);
-                }
-            }
-            for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) this.scenegraph.updateCellContent(sCol, sRow);
-            if ("adaptive" === this.widthMode || this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth) 0 === this.internalProps._widthResizedColMap.size && this.scenegraph.recalculateColWidths(); else if (!this.internalProps._widthResizedColMap.has(col)) {
-                const oldWidth = this.getColWidth(col), newWidth = (0, compute_col_width_1.computeColWidth)(col, 0, this.rowCount - 1, this, !1);
-                newWidth !== oldWidth && this.scenegraph.updateColWidth(col, newWidth - oldWidth);
-            }
-            if ("adaptive" === this.heightMode || this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight) 0 === this.internalProps._heightResizedRowMap.size && this.scenegraph.recalculateRowHeights(); else if ("autoHeight" === this.heightMode && !this.internalProps._heightResizedRowMap.has(row)) {
-                const oldHeight = this.getRowHeight(row), newHeight = (0, compute_row_height_1.computeRowHeight)(row, 0, this.colCount - 1, this);
-                this.scenegraph.updateRowHeight(row, newHeight - oldHeight);
-            }
-            this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-                col: col,
-                row: row,
-                rawValue: beforeChangeValue,
-                currentValue: oldValue,
-                changedValue: this.getCellOriginValue(col, row)
-            }), this.scenegraph.updateNextFrame();
-        }
+        return (0, record_helper_1.listTableChangeCellValue)(col, row, value, workOnEditableCell, this);
     }
     changeCellValues(startCol, startRow, values, workOnEditableCell = !1) {
-        let pasteColEnd = startCol, pasteRowEnd = startRow;
-        const beforeChangeValues = [], oldValues = [];
-        for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
-            const rowValues = values[i], rawRowValues = [], oldRowValues = [];
-            beforeChangeValues.push(rawRowValues), oldValues.push(oldRowValues);
-            for (let j = 0; j < rowValues.length && !(startCol + j > this.colCount - 1); j++) {
-                const beforeChangeValue = this.getCellRawValue(startCol + j, startRow + i);
-                rawRowValues.push(beforeChangeValue);
-                const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
-                oldRowValues.push(oldValue);
-            }
-        }
-        for (let i = 0; i < values.length && !(startRow + i > this.rowCount - 1); i++) {
-            pasteRowEnd = startRow + i;
-            const rowValues = values[i];
-            let thisRowPasteColEnd = startCol;
-            for (let j = 0; j < rowValues.length && !(startCol + j > this.colCount - 1); j++) if (thisRowPasteColEnd = startCol + j, 
-            workOnEditableCell && this.isHasEditorDefine(startCol + j, startRow + i) || !1 === workOnEditableCell) {
-                const value = rowValues[j], recordIndex = this.getRecordShowIndexByCell(startCol + j, startRow + i), {field: field} = this.internalProps.layoutMap.getBody(startCol + j, startRow + i), beforeChangeValue = beforeChangeValues[i][j], oldValue = oldValues[i][j];
-                this.isHeader(startCol + j, startRow + i) ? this.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value) : this.dataSource.changeFieldValue(value, recordIndex, field, startCol + j, startRow + i, this), 
-                this.fireListeners(TABLE_EVENT_TYPE_1.TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
-                    col: startCol + j,
-                    row: startRow + i,
-                    rawValue: beforeChangeValue,
-                    currentValue: oldValue,
-                    changedValue: this.getCellOriginValue(startCol + j, startRow + i)
-                });
-            }
-            pasteColEnd = Math.max(pasteColEnd, thisRowPasteColEnd);
-        }
-        const startRange = this.getCellRange(startCol, startRow), range = this.getCellRange(pasteColEnd, pasteRowEnd), aggregators = this.internalProps.layoutMap.getAggregatorsByCellRange(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
-        if (aggregators) {
-            for (let i = 0; i < (null == aggregators ? void 0 : aggregators.length); i++) aggregators[i].recalculate();
-            const aggregatorCells = this.internalProps.layoutMap.getAggregatorCellAddress(startRange.start.col, startRange.start.row, range.end.col, range.end.row);
-            for (let i = 0; i < aggregatorCells.length; i++) {
-                const range = this.getCellRange(aggregatorCells[i].col, aggregatorCells[i].row);
-                for (let sCol = range.start.col; sCol <= range.end.col; sCol++) for (let sRow = range.start.row; sRow <= range.end.row; sRow++) this.scenegraph.updateCellContent(sCol, sRow);
-            }
-        }
-        for (let sCol = startRange.start.col; sCol <= range.end.col; sCol++) for (let sRow = startRange.start.row; sRow <= range.end.row; sRow++) this.scenegraph.updateCellContent(sCol, sRow);
-        if ("adaptive" === this.widthMode || this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth) 0 === this.internalProps._widthResizedColMap.size && this.scenegraph.recalculateColWidths(); else for (let sCol = startCol; sCol <= range.end.col; sCol++) if (!this.internalProps._widthResizedColMap.has(sCol)) {
-            const oldWidth = this.getColWidth(sCol), newWidth = (0, compute_col_width_1.computeColWidth)(sCol, 0, this.rowCount - 1, this, !1);
-            newWidth !== oldWidth && this.scenegraph.updateColWidth(sCol, newWidth - oldWidth);
-        }
-        if ("adaptive" === this.heightMode || this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight) this.scenegraph.recalculateRowHeights(); else if ("autoHeight" === this.heightMode) {
-            const rows = [], deltaYs = [];
-            for (let sRow = startRow; sRow <= range.end.row; sRow++) if (this.rowHeightsMap.get(sRow)) {
-                const oldHeight = this.getRowHeight(sRow), newHeight = (0, compute_row_height_1.computeRowHeight)(sRow, 0, this.colCount - 1, this);
-                rows.push(sRow), deltaYs.push(newHeight - oldHeight);
-            }
-            this.scenegraph.updateRowsHeight(rows, deltaYs);
-        }
-        this.scenegraph.updateNextFrame();
+        return (0, record_helper_1.listTableChangeCellValues)(startCol, startRow, values, workOnEditableCell, this);
     }
     addRecord(record, recordIndex) {
-        if (this.sortState) this.dataSource.addRecordForSorted(record), (0, tableHelper_1.sortRecords)(this), 
-        this.refreshRowColCount(), this.scenegraph.clearCells(), this.scenegraph.createSceneGraph(); else {
-            (void 0 === recordIndex || recordIndex > this.dataSource.sourceLength) && (recordIndex = this.dataSource.sourceLength);
-            const headerCount = this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount;
-            this.dataSource.addRecord(record, recordIndex);
-            const oldRowCount = this.rowCount;
-            if (this.refreshRowColCount(), 0 === this.scenegraph.proxy.totalActualBodyRowCount) return this.scenegraph.clearCells(), 
-            void this.scenegraph.createSceneGraph();
-            const newRowCount = this.transpose ? this.colCount : this.rowCount;
-            if (this.pagination) {
-                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
-                if (recordIndex < endIndex) if (recordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
-                this.scenegraph.createSceneGraph(); else {
-                    const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                    if (oldRowCount - headerCount === this.pagination.perPageCount) {
-                        const updateRows = [];
-                        for (let row = rowNum; row < newRowCount; row++) this.transpose ? updateRows.push({
-                            col: row,
-                            row: 0
-                        }) : updateRows.push({
-                            col: 0,
-                            row: row
-                        });
-                        this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
-                    } else {
-                        const addRows = [];
-                        for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) this.transpose ? addRows.push({
-                            col: row,
-                            row: 0
-                        }) : addRows.push({
-                            col: 0,
-                            row: row
-                        });
-                        this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
-                    }
-                }
-            } else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) this.transpose ? addRows.push({
-                    col: row,
-                    row: 0
-                }) : addRows.push({
-                    col: 0,
-                    row: row
-                });
-                this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
-            }
-        }
+        (0, record_helper_1.listTableAddRecord)(record, recordIndex, this);
     }
     addRecords(records, recordIndex) {
-        if (this.sortState) this.dataSource.addRecordsForSorted(records), (0, tableHelper_1.sortRecords)(this), 
-        this.refreshRowColCount(), this.scenegraph.clearCells(), this.scenegraph.createSceneGraph(); else {
-            void 0 === recordIndex || recordIndex > this.dataSource.sourceLength ? recordIndex = this.dataSource.sourceLength : recordIndex < 0 && (recordIndex = 0);
-            const headerCount = this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount;
-            this.dataSource.addRecords(records, recordIndex);
-            const oldRowCount = this.transpose ? this.colCount : this.rowCount;
-            if (this.refreshRowColCount(), 0 === this.scenegraph.proxy.totalActualBodyRowCount) return this.scenegraph.clearCells(), 
-            void this.scenegraph.createSceneGraph();
-            const newRowCount = this.transpose ? this.colCount : this.rowCount;
-            if (this.pagination) {
-                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
-                if (recordIndex < endIndex) if (recordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
-                this.scenegraph.createSceneGraph(); else {
-                    const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                    if (oldRowCount - headerCount === this.pagination.perPageCount) {
-                        const updateRows = [];
-                        for (let row = rowNum; row < newRowCount; row++) this.transpose ? updateRows.push({
-                            col: row,
-                            row: 0
-                        }) : updateRows.push({
-                            col: 0,
-                            row: row
-                        });
-                        this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
-                    } else {
-                        const addRows = [];
-                        for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) this.transpose ? addRows.push({
-                            col: row,
-                            row: 0
-                        }) : addRows.push({
-                            col: 0,
-                            row: row
-                        });
-                        this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
-                    }
-                }
-            } else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) this.transpose ? addRows.push({
-                    col: row,
-                    row: 0
-                }) : addRows.push({
-                    col: 0,
-                    row: row
-                });
-                this.transpose ? this.scenegraph.updateCol([], addRows, []) : this.scenegraph.updateRow([], addRows, []);
-            }
-        }
+        (0, record_helper_1.listTableAddRecords)(records, recordIndex, this);
     }
     deleteRecords(recordIndexs) {
-        if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (this.sortState) this.dataSource.deleteRecordsForSorted(recordIndexs), 
-        (0, tableHelper_1.sortRecords)(this), this.refreshRowColCount(), this.scenegraph.clearCells(), 
-        this.scenegraph.createSceneGraph(); else {
-            const deletedRecordIndexs = this.dataSource.deleteRecords(recordIndexs);
-            if (0 === deletedRecordIndexs.length) return;
-            const oldRowCount = this.transpose ? this.colCount : this.rowCount;
-            this.refreshRowColCount();
-            const newRowCount = this.transpose ? this.colCount : this.rowCount, recordIndexsMinToMax = deletedRecordIndexs.sort(((a, b) => a - b)), minRecordIndex = recordIndexsMinToMax[0];
-            if (this.pagination) {
-                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount;
-                if (minRecordIndex < endIndex) if (minRecordIndex < endIndex - perPageCount) this.scenegraph.clearCells(), 
-                this.scenegraph.createSceneGraph(); else {
-                    const updateRows = [], delRows = [];
-                    for (let row = minRecordIndex - (endIndex - perPageCount) + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount); row < newRowCount; row++) this.transpose ? updateRows.push({
-                        col: row,
-                        row: 0
-                    }) : updateRows.push({
-                        col: 0,
-                        row: row
-                    });
-                    if (newRowCount < oldRowCount) for (let row = newRowCount; row < oldRowCount; row++) this.transpose ? delRows.push({
-                        col: row,
-                        row: 0
-                    }) : delRows.push({
-                        col: 0,
-                        row: row
-                    });
-                    this.transpose ? this.scenegraph.updateCol(delRows, [], updateRows) : this.scenegraph.updateRow(delRows, [], updateRows);
-                }
-            } else {
-                const delRows = [];
-                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
-                    const rowNum = recordIndexsMinToMax[index] + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
-                    this.transpose ? delRows.push({
-                        col: rowNum,
-                        row: 0
-                    }) : delRows.push({
-                        col: 0,
-                        row: rowNum
-                    });
-                }
-                this.transpose ? this.scenegraph.updateCol(delRows, [], []) : this.scenegraph.updateRow(delRows, [], []);
-            }
-        }
+        (0, record_helper_1.listTableDeleteRecords)(recordIndexs, this);
     }
     updateRecords(records, recordIndexs) {
-        if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (this.sortState) this.dataSource.updateRecordsForSorted(records, recordIndexs), 
-        (0, tableHelper_1.sortRecords)(this), this.refreshRowColCount(), this.scenegraph.clearCells(), 
-        this.scenegraph.createSceneGraph(); else {
-            const updateRecordIndexs = this.dataSource.updateRecords(records, recordIndexs);
-            if (0 === updateRecordIndexs.length) return;
-            const recordIndexsMinToMax = updateRecordIndexs.sort(((a, b) => a - b));
-            if (this.pagination) {
-                const {perPageCount: perPageCount, currentPage: currentPage} = this.pagination, endIndex = perPageCount * (currentPage || 0) + perPageCount, updateRows = [];
-                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
-                    const recordIndex = recordIndexsMinToMax[index];
-                    if (recordIndex < endIndex && recordIndex >= endIndex - perPageCount) {
-                        const rowNum = recordIndex - (endIndex - perPageCount) + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
-                        updateRows.push(rowNum);
-                    }
-                }
-                if (updateRows.length >= 1) {
-                    const updateRowCells = [];
-                    for (let index = 0; index < updateRows.length; index++) {
-                        const updateRow = updateRows[index];
-                        this.transpose ? updateRowCells.push({
-                            col: updateRow,
-                            row: 0
-                        }) : updateRowCells.push({
-                            col: 0,
-                            row: updateRow
-                        });
-                    }
-                    this.transpose ? this.scenegraph.updateCol([], [], updateRowCells) : this.scenegraph.updateRow([], [], updateRowCells);
-                }
-            } else {
-                const updateRows = [];
-                for (let index = 0; index < recordIndexsMinToMax.length; index++) {
-                    const rowNum = recordIndexsMinToMax[index] + (this.transpose ? this.rowHeaderLevelCount : this.columnHeaderLevelCount);
-                    this.transpose ? updateRows.push({
-                        col: rowNum,
-                        row: 0
-                    }) : updateRows.push({
-                        col: 0,
-                        row: rowNum
-                    });
-                }
-                this.transpose ? this.scenegraph.updateCol([], [], updateRows) : this.scenegraph.updateRow([], [], updateRows);
-            }
-        }
+        (0, record_helper_1.listTableUpdateRecords)(records, recordIndexs, this);
     }
     _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;
@@ -840,6 +589,14 @@ class ListTable extends core_1.BaseTable {
     isAggregation(col, row) {
         return this.internalProps.layoutMap.isAggregation(col, row);
     }
+    getGroupTitleLevel(col, row) {
+        var _a;
+        if (!this.options.groupBy) return;
+        const indexArr = this.dataSource.getIndexKey(this.getRecordShowIndexByCell(col, row)), groupLength = null !== (_a = this.dataSource.getGroupLength()) && void 0 !== _a ? _a : 0;
+        let indexArrLngth = (0, vutils_1.isArray)(indexArr) ? indexArr.length - 1 : 0;
+        return groupLength > 0 && indexArrLngth === groupLength && (indexArrLngth = void 0), 
+        indexArrLngth;
+    }
 }
 
 exports.ListTable = ListTable;