@visactor/vtable 1.21.1 → 1.22.1

package/dist/vtable.js

@@ -24496,12 +24496,12 @@
         const parsedParams = this.parseParams(params, isTimeline);
         return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
       }
-      stop(type) {
+      stop(type, callEnd = !0) {
         for (; this._animates.length > 0;) {
           const animate = this._animates.pop();
-          null == animate || animate.stop(type);
+          !1 === callEnd && (animate.status = AnimateStatus.END), null == animate || animate.stop(type);
         }
-        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, callEnd && this.onEnd());
       }
     }
     AnimateExecutor.builtInAnimateMap = {};
@@ -24561,7 +24561,7 @@
             executor: new AnimateExecutor(this.graphic)
           });
         }), shouldStopState.forEach(state => {
-          state.executor.stop();
+          state.executor.stop(null, !1);
         }), shouldApplyState.length) {
           shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
           for (let i = 0; i < shouldApplyState.length; i++) {
@@ -24612,7 +24612,7 @@
       clearState() {
         var _a;
         null === (_a = this.stateList) || void 0 === _a || _a.forEach(state => {
-          state.executor.stop();
+          state.executor.stop(null, !1);
         }), this.stateList = null;
       }
       reApplyState(state) {
@@ -36319,6 +36319,8 @@
         AFTER_RENDER: 'after_render',
         INITIALIZED: 'initialized',
         UPDATED: 'updated',
+        AFTER_UPDATE_CELL_CONTENT_WIDTH: 'after_update_cell_content_width',
+        AFTER_UPDATE_SELECT_BORDER_HEIGHT: 'after_update_select_border_height',
         CHANGE_CELL_VALUE: 'change_cell_value',
         DRAG_FILL_HANDLE_END: 'drag_fill_handle_end',
         MOUSEDOWN_FILL_HANDLE: 'mousedown_fill_handle',
@@ -36328,7 +36330,12 @@
         BUTTON_CLICK: 'button_click',
         BEFORE_CACHE_CHART_IMAGE: 'before_cache_chart_image',
         PASTED_DATA: 'pasted_data',
-        PLUGIN_EVENT: 'plugin_event'
+        PLUGIN_EVENT: 'plugin_event',
+        ADD_RECORD: 'add_record',
+        DELETE_RECORD: 'delete_record',
+        UPDATE_RECORD: 'update_record',
+        ADD_COLUMN: 'add_column',
+        DELETE_COLUMN: 'delete_column'
     };
 
     const judgeType = (value) => {
@@ -36379,7 +36386,7 @@
         let maxing = false;
         let leading = false;
         let trailing = true;
-        const useRAF = !wait && wait !== 0 && typeof requestAnimationFrame === 'function';
+        const useRAF = !wait && wait !== 0 && typeof vglobal.getRequestAnimationFrame() === 'function';
         if (typeof func !== 'function') {
             throw new TypeError('Expected a function');
         }
@@ -36403,7 +36410,7 @@
         }
         function startTimer(pendingFunc, wait) {
             if (useRAF) {
-                return requestAnimationFrame(pendingFunc);
+                return vglobal.getRequestAnimationFrame()(pendingFunc);
             }
             return setTimeout(pendingFunc, wait);
         }
@@ -40818,7 +40825,6 @@
         constructor(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel) {
             let _isGrouped;
             if (isArray$7(dataConfig?.groupByRules)) {
-                rowHierarchyType = 'tree';
                 _isGrouped = true;
             }
             super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel);
@@ -41662,9 +41668,17 @@
         ];
     }
     function _setRecords(table, records = []) {
+        const tableWithPlugins = table;
         _dealWithUpdateDataSource(table, () => {
             table.internalProps.records = records;
-            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, table.internalProps.layoutMap.rowHierarchyType, getHierarchyExpandLevel(table)));
+            let rowHierarchyType = table.internalProps.layoutMap.rowHierarchyType;
+            if (isArray$7(table.internalProps.dataConfig?.groupByRules)) {
+                rowHierarchyType = 'tree';
+            }
+            if (tableWithPlugins.pluginManager.getPluginByName('Master Detail Plugin')) {
+                rowHierarchyType = 'grid';
+            }
+            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(records, table.internalProps.dataConfig, table.pagination, table.internalProps.columns, rowHierarchyType, getHierarchyExpandLevel(table)));
             table.addReleaseObj(newDataSource);
         });
     }
@@ -44290,6 +44304,16 @@
         if (autoRowHeight) {
             let newHeight = Math.max(leftIconHeight, contentHeight, rightIconHeight);
             if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) {
+                if (scene.table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH)) {
+                    scene.table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        cellHeight,
+                        cellGroup,
+                        padding,
+                        textBaseline
+                    });
+                }
                 return true;
             }
             newHeight = (cellGroup.contentHeight ?? cellHeight) - (padding[0] + padding[2]);
@@ -44330,6 +44354,16 @@
                 }
             });
         }
+        if (scene.table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH)) {
+            scene.table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_CELL_CONTENT_WIDTH, {
+                col: cellGroup.col,
+                row: cellGroup.row,
+                cellHeight,
+                cellGroup,
+                padding,
+                textBaseline
+            });
+        }
         return false;
     }
     function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline, table) {
@@ -47509,7 +47543,8 @@
             let symbolY = 0;
             let symbolRotate = Math.PI;
             const linePoints = [];
-            if (cellLocation === 'columnHeader') {
+            const movingColumnOrRow = this.table.stateManager.columnMove.movingColumnOrRow;
+            if ((cellLocation === 'columnHeader' && movingColumnOrRow === undefined) || movingColumnOrRow === 'column') {
                 rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManager.scroll.horizontalBarPos;
                 rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1);
                 rectHeight = this.table.tableNoFrameHeight;
@@ -47526,7 +47561,8 @@
                 linePoints.push({ x: 0, y: this.table.tableNoFrameHeight });
             }
             else if (cellLocation === 'rowHeader' ||
-                this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
+                this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ||
+                movingColumnOrRow === 'row') {
                 rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManager.scroll.verticalBarPos;
                 rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1);
                 rectWidth = this.table.tableNoFrameWidth;
@@ -48980,7 +49016,7 @@
         chartRenderKeys = [];
         chartRenderQueueList = [];
         isHandlingChartQueue = false;
-        cancelAnimationFrame(requestAnimationFrameId);
+        vglobal.getCancelAnimationFrame()(requestAnimationFrameId);
     }
     function IsHandlingChartQueue() {
         return isHandlingChartQueue;
@@ -49049,6 +49085,7 @@
             });
             table.internalProps.layoutMap?.updateDataStateToActiveChartInstance?.(chartInstance);
             if (typeof dataId === 'string') {
+                chartInstance.getChart().setLayoutTag(true);
                 chartInstance.updateDataSync(dataId, data ?? []);
             }
             else {
@@ -49073,6 +49110,7 @@
                             : data ?? []);
                     }
                 }
+                chartInstance.getChart().setLayoutTag(true);
                 chartInstance.updateFullDataSync?.(dataBatch);
             }
         }
@@ -49083,7 +49121,7 @@
     function startRenderChartQueue(table) {
         isHandlingChartQueue = true;
         if (chartRenderQueueList.length > 0) {
-            requestAnimationFrameId = requestAnimationFrame(() => {
+            requestAnimationFrameId = vglobal.getRequestAnimationFrame()(() => {
                 const chartsToRender = chartRenderQueueList.splice(0, batchRenderChartCount);
                 chartRenderKeys.splice(0, batchRenderChartCount);
                 chartsToRender.forEach(chart => {
@@ -50710,15 +50748,20 @@
             let actualWidth = 0;
             for (let col = 0; col < table.colCount; col++) {
                 const colWidth = update ? newWidths[col] ?? table.getColWidth(col) : table.getColWidth(col);
-                if (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount ||
-                    (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                if (table.widthAdaptiveMode === 'only-body' &&
+                    (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount ||
+                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount))) {
                     actualHeaderWidth += colWidth;
                 }
                 actualWidth += colWidth;
             }
             if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-                const startCol = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
-                const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                let startCol = 0;
+                let endCol = table.colCount;
+                if (table.widthAdaptiveMode === 'only-body') {
+                    startCol = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
+                    endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                }
                 getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, update, newWidths, table);
             }
         }
@@ -53151,8 +53194,9 @@
             else if (this.rowEnd === this.bodyBottomRow) {
                 const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, this.rowEnd, true);
                 if (cellGroup.role === 'cell') {
+                    const actualRowHeight = this.table.getRowHeight(this.rowEnd);
                     const deltaY = cellGroup.attribute.y +
-                        cellGroup.attribute.height -
+                        actualRowHeight -
                         (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
                     this.deltaY = -deltaY;
                 }
@@ -53376,6 +53420,14 @@
             height: rowsHeight,
             visible: true
         });
+        if (table.hasListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_SELECT_BORDER_HEIGHT)) {
+            table.fireListeners(TABLE_EVENT_TYPE.AFTER_UPDATE_SELECT_BORDER_HEIGHT, {
+                startRow: computeRectCellRangeStartRow,
+                endRow: computeRectCellRangeEndRow,
+                currentHeight: rowsHeight,
+                selectComp
+            });
+        }
         if (selectComp.fillhandle) {
             const fillHandle = scene.table.options.excelOptions?.fillHandle;
             let visible = true;
@@ -57069,14 +57121,14 @@
             else if (lastBodyCell &&
                 this.table.tableNoFrameHeight < this.table.getAllRowsHeight() &&
                 lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 &&
-                lastBodyCell.attribute.y + lastBodyCell.attribute.height + y <
+                lastBodyCell.attribute.y + this.table.getRowHeight(lastBodyCell.row) + y <
                     this.table.tableNoFrameHeight - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight()) {
                 y =
                     this.table.tableNoFrameHeight -
                         this.table.getFrozenRowsHeight() -
                         this.table.getBottomFrozenRowsHeight() -
                         lastBodyCell.attribute.y -
-                        lastBodyCell.attribute.height;
+                        this.table.getRowHeight(lastBodyCell.row);
             }
             if (this.colHeaderGroup.attribute.height + y === this.bodyGroup.attribute.y) {
                 return;
@@ -57172,15 +57224,20 @@
                 let actualWidth = 0;
                 for (let col = 0; col < table.colCount; col++) {
                     const colWidth = table.getColWidth(col);
-                    if (col < table.rowHeaderLevelCount ||
-                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                    if (table.widthAdaptiveMode === 'only-body' &&
+                        (col < table.rowHeaderLevelCount ||
+                            (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount))) {
                         actualHeaderWidth += colWidth;
                     }
                     actualWidth += colWidth;
                 }
                 if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-                    const startCol = table.rowHeaderLevelCount;
-                    const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                    let startCol = 0;
+                    let endCol = table.colCount;
+                    if (table.widthAdaptiveMode === 'only-body') {
+                        startCol = table.rowHeaderLevelCount;
+                        endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                    }
                     getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, false, [], table, true);
                 }
             }
@@ -58676,10 +58733,11 @@
         return target;
     }
 
-    function startMoveCol(col, row, x, y, state, event) {
+    function startMoveCol(col, row, x, y, state, event, dragColumnOrRow) {
         if (!('canMoveHeaderPosition' in state.table.internalProps.layoutMap)) {
             return;
         }
+        state.columnMove.movingColumnOrRow = dragColumnOrRow;
         state.columnMove.moving = true;
         state.columnMove.colSource = col;
         state.columnMove.rowSource = row;
@@ -58691,13 +58749,23 @@
         }
         state.columnMove.x = x - state.table.tableX;
         state.columnMove.y = y - state.table.tableY;
-        const cellLocation = state.table.getCellLocation(col, row);
-        const delta = cellLocation === 'columnHeader'
-            ? state.columnMove.x
-            : cellLocation === 'rowHeader' ||
-                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)
-                ? state.columnMove.y
-                : 0;
+        let delta;
+        if (dragColumnOrRow === 'column') {
+            delta = state.columnMove.x;
+        }
+        else if (dragColumnOrRow === 'row') {
+            delta = state.columnMove.y;
+        }
+        else {
+            const cellLocation = state.table.getCellLocation(col, row);
+            delta =
+                cellLocation === 'columnHeader'
+                    ? state.columnMove.x
+                    : cellLocation === 'rowHeader' ||
+                        state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)
+                        ? state.columnMove.y
+                        : 0;
+        }
         const { backX, lineX, backY, lineY } = state.table.scenegraph.component.showMoveCol(col, row, delta);
         state.table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_START, {
             col,
@@ -58708,7 +58776,8 @@
             lineX,
             backY,
             lineY,
-            event
+            event,
+            movingColumnOrRow: dragColumnOrRow
         });
         const isHasSelected = !!state.select.ranges?.length;
         state.table.stateManager.updateSelectPos(-1, -1);
@@ -58763,7 +58832,8 @@
                 }
             }
             else if (cellLocation === 'rowHeader' ||
-                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
+                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ||
+                state.columnMove.movingColumnOrRow === 'row') {
                 backY = state.columnMove.y;
                 if (state.table.isFrozenRow(row)) {
                     lineY =
@@ -58793,7 +58863,8 @@
                 lineX,
                 backY,
                 lineY,
-                event
+                event,
+                movingColumnOrRow: state.columnMove.movingColumnOrRow
             });
             state.table.scenegraph.updateNextFrame();
         }
@@ -58802,10 +58873,10 @@
         let moveColResult = false;
         if ('canMoveHeaderPosition' in state.table.internalProps.layoutMap &&
             state.columnMove.moving &&
-            state.columnMove.colSource >= 0 &&
-            state.columnMove.rowSource >= 0 &&
-            state.columnMove.colTarget >= 0 &&
-            state.columnMove.rowTarget >= 0 &&
+            (state.columnMove.colSource >= 0 || state.columnMove.movingColumnOrRow === 'row') &&
+            (state.columnMove.rowSource >= 0 || state.columnMove.movingColumnOrRow === 'column') &&
+            (state.columnMove.colTarget >= 0 || state.columnMove.movingColumnOrRow === 'row') &&
+            (state.columnMove.rowTarget >= 0 || state.columnMove.movingColumnOrRow === 'column') &&
             state.table.options.customConfig?.notUpdateInColumnRowMove !== true) {
             const oldSourceMergeInfo = state.table.getCellRange(state.columnMove.colSource, state.columnMove.rowSource);
             const oldTargetMergeInfo = state.table.getCellRange(state.columnMove.colTarget, state.columnMove.rowTarget);
@@ -58829,7 +58900,8 @@
                     }
                 }
                 if (!state.table.transpose &&
-                    state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource)) {
+                    (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ||
+                        state.columnMove.movingColumnOrRow === 'row')) {
                     state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex);
                     state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex);
                 }
@@ -58840,7 +58912,8 @@
                     clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table);
                 }
                 state.table.clearCellStyleCache();
-                if (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource)) {
+                if (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ||
+                    state.columnMove.movingColumnOrRow === 'row') {
                     state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType);
                 }
                 else if (moveContext.moveType === 'column') {
@@ -58876,10 +58949,13 @@
             else {
                 state.updateCursor();
                 state.columnMove.moving = false;
-                delete state.columnMove.colSource;
-                delete state.columnMove.rowSource;
-                delete state.columnMove.colTarget;
-                delete state.columnMove.rowTarget;
+                setTimeout(() => {
+                    delete state.columnMove.colSource;
+                    delete state.columnMove.rowSource;
+                    delete state.columnMove.colTarget;
+                    delete state.columnMove.rowTarget;
+                    state.columnMove.movingColumnOrRow = undefined;
+                }, 0);
                 state.table.scenegraph.component.hideMoveCol();
                 state.table.scenegraph.updateNextFrame();
                 return false;
@@ -58891,6 +58967,7 @@
             delete state.columnMove.rowSource;
             delete state.columnMove.colTarget;
             delete state.columnMove.rowTarget;
+            state.columnMove.movingColumnOrRow = undefined;
         }, 0);
         state.table.scenegraph.component.hideMoveCol();
         if (state.columnResize.col < state.table.frozenColCount &&
@@ -59034,6 +59111,15 @@
         state.columnResize.x = xInTable;
         state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen);
         state.table._updateSize();
+        state.table.internalProps.legends?.forEach(legend => {
+            legend?.resize();
+        });
+        if (state.table.internalProps.title) {
+            state.table.internalProps.title.resize();
+        }
+        if (state.table.internalProps.emptyTip) {
+            state.table.internalProps.emptyTip.resize();
+        }
         if (state.columnResize.col < state.table.frozenColCount &&
             !state.table.isPivotTable() &&
             !state.table.transpose) {
@@ -59693,6 +59779,15 @@
         state.rowResize.y = yInTable;
         state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen);
         state.table._updateSize();
+        state.table.internalProps.legends?.forEach(legend => {
+            legend?.resize();
+        });
+        if (state.table.internalProps.title) {
+            state.table.internalProps.title.resize();
+        }
+        if (state.table.internalProps.emptyTip) {
+            state.table.internalProps.emptyTip.resize();
+        }
         state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForRow(detaY, state) {
@@ -59977,7 +60072,8 @@
                 rowTargetSize: 0,
                 x: 0,
                 y: 0,
-                moving: false
+                moving: false,
+                movingColumnOrRow: undefined
             };
             this.menu = {
                 x: -1,
@@ -60059,7 +60155,8 @@
                 rowTargetSize: 0,
                 x: 0,
                 y: 0,
-                moving: false
+                moving: false,
+                movingColumnOrRow: undefined
             };
             this.menu = {
                 x: -1,
@@ -60349,7 +60446,8 @@
                 }
                 const currentRange = this.select.ranges[this.select.ranges.length - 1];
                 if (!this.table.isSeriesNumber(this.select.cellPos.col, this.select.cellPos.row) &&
-                    !this.table.isHeader(this.select.cellPos.col, this.select.cellPos.row)) {
+                    !this.table.isHeader(this.select.cellPos.col, this.select.cellPos.row) &&
+                    !this.table.isSeriesNumberInBody(currentRange.start.col, currentRange.start.row)) {
                     expendCellRange(currentRange, this.table);
                 }
                 let isSame = false;
@@ -60458,8 +60556,8 @@
             this.fillHandle.beforeFillMinCol = undefined;
             this.fillHandle.beforeFillMinRow = undefined;
         }
-        startMoveCol(col, row, x, y, event) {
-            startMoveCol(col, row, x, y, this, event);
+        startMoveCol(col, row, x, y, event, dragColumnOrRow) {
+            startMoveCol(col, row, x, y, this, event, dragColumnOrRow);
         }
         updateMoveCol(col, row, x, y, event) {
             updateMoveCol(col, row, x, y, this, event);
@@ -61458,7 +61556,7 @@
             this.speedY = speedY;
             this.friction = friction;
             if (!this.runingId) {
-                this.runingId = requestAnimationFrame(this.inertia.bind(this));
+                this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this));
             }
         }
         inertia() {
@@ -61486,10 +61584,10 @@
             this.lastTime = now;
             this.speedX = newSpeedX;
             this.speedY = newSpeedY;
-            this.runingId = requestAnimationFrame(this.inertia.bind(this));
+            this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this));
         }
         endInertia() {
-            cancelAnimationFrame(this.runingId);
+            vglobal.getCancelAnimationFrame()(this.runingId);
             this.runingId = null;
         }
         isInertiaScrolling() {
@@ -61504,7 +61602,7 @@
             table.stateManager.columnMove?.colTarget !== -1 &&
             table.stateManager.columnMove?.rowTarget !== -1) {
             if (table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION)) {
-                const { colSource, rowSource, colTarget, rowTarget } = table.stateManager.columnMove;
+                const { colSource, rowSource, colTarget, rowTarget, movingColumnOrRow } = table.stateManager.columnMove;
                 const rowSourceSize = table.stateManager.columnMove.rowSourceSize ?? 0;
                 const rowTargetSize = table.stateManager.columnMove.rowTargetSize ?? 0;
                 table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
@@ -61513,6 +61611,7 @@
                         col: colSource,
                         row: rowSource
                     },
+                    movingColumnOrRow,
                     event: e
                 });
             }
@@ -61530,6 +61629,7 @@
                         col: table.stateManager.columnMove.colSource,
                         row: table.stateManager.columnMove.rowSource
                     },
+                    movingColumnOrRow: table.stateManager.columnMove.movingColumnOrRow,
                     event: e
                 });
             }
@@ -61562,9 +61662,7 @@
             if (stateManager.interactionState === InteractionState.grabing) {
                 if (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1) {
                     if (stateManager.isResizeCol() || stateManager.isResizeRow()) ;
-                    else if (stateManager.isMoveCol()) {
-                        eventManager.dealColumnMover(eventArgsSet);
-                    }
+                    else if (stateManager.isMoveCol()) ;
                     else if (stateManager.isFillHandle()) {
                         eventManager.dealFillSelect(eventArgsSet, true);
                     }
@@ -62132,6 +62230,10 @@
         });
         table.scenegraph.stage.addEventListener('pointermove', (e) => {
             const eventArgsSet = getCellEventArgsSet(e);
+            const isEventFromCurrentTable = e.target?.isDescendantsOf?.(table.scenegraph.tableGroup) ?? false;
+            if (!isEventFromCurrentTable) {
+                return;
+            }
             if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
                 if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
                     stateManager.updateCursor('crosshair');
@@ -62767,7 +62869,10 @@
                 if (e.width === 0 && e.height === 0) {
                     return;
                 }
-                if (table.autoFillWidth || table.autoFillHeight) {
+                if (table.autoFillWidth ||
+                    table.autoFillHeight ||
+                    table.widthMode === 'adaptive' ||
+                    table.heightMode === 'adaptive') {
                     table.editorManager?.completeEdit();
                 }
                 if (!isValid$3(table.options.pixelRatio)) {
@@ -62913,6 +63018,9 @@
                         });
                     }
                 }
+                else if (stateManager.isMoveCol()) {
+                    eventManager.dealColumnMover(x, y, e);
+                }
             }
             const isSelecting = table.stateManager.isSelecting();
             if (eventManager._enableTableScroll &&
@@ -63946,10 +64054,17 @@
             }
             return false;
         }
-        dealColumnMover(eventArgsSet) {
-            const { eventArgs } = eventArgsSet;
-            if (isValid$3(eventArgs.col) && isValid$3(eventArgs.row)) {
-                this.table.stateManager.updateMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs?.event?.nativeEvent);
+        dealColumnMover(x, y, event) {
+            let col = this.table.getColAtRelativePosition(x);
+            let row = this.table.getRowAtRelativePosition(y);
+            if (col === -1 && this.table.stateManager.columnMove.movingColumnOrRow === 'row') {
+                col = 0;
+            }
+            if (row === -1 && this.table.stateManager.columnMove.movingColumnOrRow === 'column') {
+                row = 0;
+            }
+            if (isValid$3(col) && isValid$3(row)) {
+                this.table.stateManager.updateMoveCol(col, row, x, y, event);
             }
         }
         startColumnResize(eventArgsSet) {
@@ -66220,7 +66335,7 @@
             this.cumulativeSum.clear();
             this.difference.clear();
         }
-        add(position, value) {
+        _add(position, value) {
             if (!isValid$3(value)) {
                 return;
             }
@@ -66233,7 +66348,7 @@
             this.totalSum += value;
             this.updateDifference(position, value - defaultValue);
         }
-        remove(position) {
+        _remove(position) {
             if (this.data.has(position)) {
                 const value = this.data.get(position);
                 this.data.delete(position);
@@ -66261,7 +66376,7 @@
                 this.updateDifference(position, difference);
             }
             else {
-                this.add(position, newValue);
+                this._add(position, newValue);
             }
         }
         get(position) {
@@ -66371,10 +66486,19 @@
                 this.cumulativeSum.delete(i);
             }
             const lastIndex = this.getLastIndex() + 1;
-            this.adjustOrder(position, position + 1, lastIndex - position);
+            const values = [];
+            for (let i = position; i <= lastIndex; i++) {
+                if (this.has(i)) {
+                    values.push({ position: i, value: this.get(i) });
+                    this._remove(i);
+                }
+            }
             if (isValid$3(value)) {
                 this.put(position, value);
             }
+            for (const { position, value } of values) {
+                this.put(position + 1, value);
+            }
         }
         getLastIndex() {
             this._sort();
@@ -66382,18 +66506,26 @@
         }
         delLast() {
             const lastIndex = this.getLastIndex();
-            this.remove(lastIndex);
+            this._remove(lastIndex);
         }
         delete(position) {
-            if (!this.has(position)) {
-                return;
-            }
             for (let i = position; i <= this.getLastIndex(); i++) {
                 this.cumulativeSum.delete(i);
             }
             const lastIndex = this.getLastIndex();
-            this.adjustOrder(position + 1, position, lastIndex - position);
-            this.delLast();
+            if (this.has(position)) {
+                this._remove(position);
+            }
+            const values = [];
+            for (let i = position + 1; i <= lastIndex; i++) {
+                if (this.has(i)) {
+                    values.push({ position: i, value: this.get(i) });
+                }
+            }
+            for (const { position, value } of values) {
+                this._remove(position);
+                this._add(position - 1, value);
+            }
         }
         adjustOrder(sourceIndex, targetIndex, moveCount) {
             this.clearRange();
@@ -66438,56 +66570,13 @@
             }
         }
         exchangeOrder(sourceIndex, sourceCount, targetIndex, targetCount, insertIndex) {
-            const { _keys: keys } = this;
-            if (!this._sorted) {
-                keys.sort((a, b) => {
-                    if (a < b) {
-                        return -1;
-                    }
-                    if (a > b) {
-                        return 1;
-                    }
-                    return 0;
-                });
-                this._sorted = true;
+            const values = [];
+            for (let i = sourceIndex + sourceCount - 1; i >= sourceIndex; i--) {
+                values.push({ position: i, value: this.get(i) });
+                this.delete(i);
             }
-            if (sourceIndex > targetIndex) {
-                const targetVals = [];
-                const sourceVals = [];
-                for (let i = indexFirst(keys, targetIndex); i < indexFirst(keys, sourceIndex) + sourceCount; i++) {
-                    const key = keys[i];
-                    if (key >= sourceIndex && key < sourceIndex + sourceCount) {
-                        sourceVals.push(this.get(key));
-                    }
-                    else {
-                        targetVals.push(this.get(key));
-                    }
-                }
-                for (let i = 0; i < sourceCount; i++) {
-                    this.put(insertIndex + i, sourceVals[i]);
-                }
-                for (let i = 0; i < targetVals.length; i++) {
-                    this.put(insertIndex + sourceCount + i, targetVals[i]);
-                }
-            }
-            else {
-                const targetVals = [];
-                const sourceVals = [];
-                for (let i = indexFirst(keys, sourceIndex); i < indexFirst(keys, targetIndex) + targetCount; i++) {
-                    const key = keys[i];
-                    if (key >= sourceIndex && key < sourceIndex + sourceCount) {
-                        sourceVals.push(this.get(key));
-                    }
-                    else {
-                        targetVals.push(this.get(key));
-                    }
-                }
-                for (let i = 0; i < sourceCount; i++) {
-                    this.put(insertIndex + i, sourceVals[i]);
-                }
-                for (let i = 0; i < targetVals.length; i++) {
-                    this.put(sourceIndex + i, targetVals[i]);
-                }
+            for (let i = 0; i < sourceCount; i++) {
+                this.insert(insertIndex, values[i].value);
             }
         }
     }
@@ -66506,7 +66595,11 @@
                 low = i + 1;
             }
         }
-        return high < 0 ? 0 : high;
+        const tempI = high < 0 ? 0 : high;
+        if (arr[tempI] === elm) {
+            return tempI;
+        }
+        return -1;
     }
 
     class RowSeriesNumberHelper {
@@ -67689,6 +67782,44 @@
         }
         return { col: -1, row: -1 };
     }
+    function getColAtRelativePosition(x, _this) {
+        x -= _this.tableX;
+        let leftFrozen = false;
+        if (x > 0 && x < _this.getFrozenColsWidth()) {
+            leftFrozen = true;
+        }
+        let rightFrozen = false;
+        if (x > _this.tableNoFrameWidth - _this.getRightFrozenColsWidth() &&
+            x < _this.tableNoFrameWidth &&
+            x <= _this.getAllColsWidth()) {
+            rightFrozen = true;
+        }
+        const colInfo = getTargetColAtConsiderRightFrozen((leftFrozen || rightFrozen ? x : x + _this.scrollLeft) + _this.tableX, rightFrozen, _this);
+        if (colInfo) {
+            const { col } = colInfo;
+            return col;
+        }
+        return -1;
+    }
+    function getRowAtRelativePosition(y, _this) {
+        y -= _this.tableY;
+        let topFrozen = false;
+        if (y > 0 && y < _this.getFrozenRowsHeight()) {
+            topFrozen = true;
+        }
+        let bottomFrozen = false;
+        if (y > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() &&
+            y < _this.tableNoFrameHeight &&
+            y <= _this.getAllRowsHeight()) {
+            bottomFrozen = true;
+        }
+        const rowInfo = getTargetRowAtConsiderBottomFrozen((topFrozen || bottomFrozen ? y : y + _this.scrollTop) + _this.tableY, bottomFrozen, _this);
+        if (rowInfo) {
+            const { row } = rowInfo;
+            return row;
+        }
+        return -1;
+    }
 
     function isValidAlignDomain(domain) {
         return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -69128,7 +69259,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.21.1";
+        version = "1.22.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70486,6 +70617,12 @@
         getCellAtRelativePosition(relativeX, relativeY) {
             return getCellAtRelativePosition(relativeX, relativeY, this);
         }
+        getColAtRelativePosition(relativeX) {
+            return getColAtRelativePosition(relativeX, this);
+        }
+        getRowAtRelativePosition(relativeY) {
+            return getRowAtRelativePosition(relativeY, this);
+        }
         _checkRowCol(col, row) {
             if (col >= 0 && col < this.colCount && row >= 0 && row < this.rowCount) {
                 return true;
@@ -72328,6 +72465,32 @@
                 this._containerFit = { width: false, height: false };
             }
         }
+        isColumnSelected(col) {
+            const selectRange = this.stateManager.select.ranges;
+            for (let i = 0; i <= selectRange.length - 1; i++) {
+                const range = selectRange[i];
+                if (range.start.col <= col &&
+                    range.end.col >= col &&
+                    range.start.row === 0 &&
+                    range.end.row === this.rowCount - 1) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        isRowSelected(row) {
+            const selectRange = this.stateManager.select.ranges;
+            for (let i = 0; i <= selectRange.length - 1; i++) {
+                const range = selectRange[i];
+                if (range.start.row <= row &&
+                    range.end.row >= row &&
+                    range.start.col === 0 &&
+                    range.end.col === this.colCount - 1) {
+                    return true;
+                }
+            }
+            return false;
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -75300,20 +75463,21 @@
             return undefined;
         }
         canMoveHeaderPosition(source, target) {
+            const dragColumnOrRow = this._table.stateManager.columnMove.movingColumnOrRow;
             if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) {
                 return false;
             }
             else if (!this.transpose &&
-                this.isSeriesNumberInBody(target.col, target.row) &&
-                this.isSeriesNumberInBody(source.col, source.row)) {
+                ((this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) ||
+                    dragColumnOrRow === 'row')) {
                 const sourceIndex = this.getRecordShowIndexByCell(0, source.row);
                 const targetIndex = this.getRecordShowIndexByCell(0, target.row);
                 const canMove = this._table.dataSource.canChangeOrder(sourceIndex, targetIndex);
                 return canMove;
             }
             else if (this.transpose &&
-                this.isSeriesNumberInBody(target.col, target.row) &&
-                this.isSeriesNumberInBody(source.col, source.row)) {
+                ((this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) ||
+                    dragColumnOrRow === 'row')) {
                 if (this.getBody(source.col + this.leftRowSeriesNumberColumnCount, source.row).isChildNode &&
                     this.getBody(target.col + this.leftRowSeriesNumberColumnCount, target.row).isChildNode) {
                     source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1;
@@ -75368,10 +75532,33 @@
                         sourceIds.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0);
                         Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
                     }
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let j = 0; j < this._table.dataSource.dataSourceObj?.records.length; j++) {
+                            const rowRecords = this._table.dataSource.dataSourceObj?.records[j];
+                            if (Array.isArray(rowRecords)) {
+                                if (rowRecords.length - 1 < targetIndex) {
+                                    rowRecords.push(...Array(targetIndex - rowRecords.length + 1).fill(undefined));
+                                }
+                                const sourceData = rowRecords.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                                sourceData.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
+                                Array.prototype.splice.apply(rowRecords, sourceData);
+                            }
+                        }
+                    }
                     const sourceColumns = this._columns.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
                     sourceColumns.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
                     Array.prototype.splice.apply(this._columns, sourceColumns);
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let i = 0; i < this._columns.length; i++) {
+                            this._columns[i].field = i;
+                        }
+                    }
                     this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount);
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let i = 0; i < this.columnTree.tree.children.length; i++) {
+                            this.columnTree.tree.children[i].field = i;
+                        }
+                    }
                     this.columnTree.reset(this.columnTree.tree.children);
                     this._cellRangeMap = new Map();
                     return {
@@ -75418,7 +75605,8 @@
                         moveType: 'row'
                     };
                 }
-                else if (this.isSeriesNumberInBody(source.col, source.row)) {
+                else if (this.isSeriesNumberInBody(source.col, source.row) ||
+                    this._table.stateManager.columnMove.movingColumnOrRow === 'row') {
                     return {
                         sourceIndex: source.row,
                         targetIndex: target.row,
@@ -76049,226 +76237,259 @@
         }
     }
     function listTableAddRecord(record, recordIndex, table) {
-        if (table.internalProps.groupBy) {
-            table.dataSource.addRecordsForGroup?.([record], recordIndex);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.dataSource.rowHierarchyType === 'tree') {
-            table.dataSource.addRecordsForTree?.([record], recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.sortState) {
-            table.dataSource.addRecordForSorted(record);
-            table.stateManager.checkedState.clear();
-            sortRecords(table);
-            table.refreshRowColCount();
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else {
-            recordIndex = recordIndex;
-            if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
-                recordIndex = table.dataSource.sourceLength;
-            }
-            const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
-            table.dataSource.addRecord(record, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
-            const oldRowCount = table.rowCount;
-            table.refreshRowColCount();
-            if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+        try {
+            if (!record) {
+                return false;
+            }
+            if (table.internalProps.groupBy) {
+                table.dataSource.addRecordsForGroup?.([record], recordIndex);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
                 table.scenegraph.clearCells();
                 table.scenegraph.createSceneGraph();
-                return;
             }
-            const newRowCount = table.transpose ? table.colCount : table.rowCount;
-            if (table.pagination) {
-                const { perPageCount, currentPage } = table.pagination;
-                const startIndex = perPageCount * (currentPage || 0);
-                const endIndex = startIndex + perPageCount;
-                if (recordIndex < endIndex) {
-                    if (recordIndex < endIndex - perPageCount) {
-                        table.scenegraph.clearCells();
-                        table.scenegraph.createSceneGraph();
-                    }
-                    else {
-                        const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                        if (oldRowCount - headerCount === table.pagination.perPageCount) {
-                            const updateRows = [];
-                            for (let row = rowNum; row < newRowCount; row++) {
-                                if (table.transpose) {
-                                    updateRows.push({ col: row, row: 0 });
-                                }
-                                else {
-                                    updateRows.push({ col: 0, row });
-                                }
-                            }
-                            table.transpose
-                                ? table.scenegraph.updateCol([], [], updateRows)
-                                : table.scenegraph.updateRow([], [], updateRows);
+            else if (table.dataSource.rowHierarchyType === 'tree') {
+                table.dataSource.addRecordsForTree?.([record], recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else if (table.sortState) {
+                table.dataSource.addRecordForSorted(record);
+                table.stateManager.checkedState.clear();
+                sortRecords(table);
+                table.refreshRowColCount();
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else {
+                recordIndex = recordIndex;
+                if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
+                    recordIndex = table.dataSource.sourceLength;
+                }
+                const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+                table.dataSource.addRecord(record, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, 1);
+                const oldRowCount = table.rowCount;
+                table.refreshRowColCount();
+                if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+                    table.scenegraph.clearCells();
+                    table.scenegraph.createSceneGraph();
+                    return true;
+                }
+                const newRowCount = table.transpose ? table.colCount : table.rowCount;
+                if (table.pagination) {
+                    const { perPageCount, currentPage } = table.pagination;
+                    const startIndex = perPageCount * (currentPage || 0);
+                    const endIndex = startIndex + perPageCount;
+                    if (recordIndex < endIndex) {
+                        if (recordIndex < endIndex - perPageCount) {
+                            table.scenegraph.clearCells();
+                            table.scenegraph.createSceneGraph();
                         }
                         else {
-                            const addRows = [];
-                            for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) {
-                                if (table.transpose) {
-                                    addRows.push({ col: row, row: 0 });
+                            const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                            if (oldRowCount - headerCount === table.pagination.perPageCount) {
+                                const updateRows = [];
+                                for (let row = rowNum; row < newRowCount; row++) {
+                                    if (table.transpose) {
+                                        updateRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        updateRows.push({ col: 0, row });
+                                    }
                                 }
-                                else {
-                                    addRows.push({ col: 0, row });
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], [], updateRows)
+                                    : table.scenegraph.updateRow([], [], updateRows);
+                            }
+                            else {
+                                const addRows = [];
+                                for (let row = rowNum; row < Math.min(newRowCount, rowNum + 1); row++) {
+                                    if (table.transpose) {
+                                        addRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        addRows.push({ col: 0, row });
+                                    }
                                 }
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], addRows, [])
+                                    : table.scenegraph.updateRow([], addRows, []);
                             }
-                            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                         }
                     }
                 }
-            }
-            else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) {
-                    if (table.transpose) {
-                        addRows.push({ col: row, row: 0 });
+                else {
+                    const addRows = [];
+                    for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) {
+                        if (table.transpose) {
+                            addRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            addRows.push({ col: 0, row });
+                        }
                     }
-                    else {
-                        addRows.push({ col: 0, row });
+                    const updateRows = [];
+                    const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
+                    const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+                    for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
+                    for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
+                    }
+                    table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                 }
-                const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
-                const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-                for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
-                    if (table.transpose) ;
-                }
-                for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
-                    if (table.transpose) ;
-                }
-                table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
             }
+            return true;
+        }
+        catch (error) {
+            return false;
         }
     }
     function listTableAddRecords(records, recordIndex, table) {
-        if (table.internalProps.groupBy) {
-            table.dataSource.addRecordsForGroup?.(records, recordIndex);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.dataSource.rowHierarchyType === 'tree') {
-            table.dataSource.addRecordsForTree?.(records, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
-            table.refreshRowColCount();
-            table.internalProps.layoutMap.clearCellRangeMap();
-            table.sortState && sortRecords(table);
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else if (table.sortState) {
-            table.dataSource.addRecordsForSorted(records);
-            sortRecords(table);
-            table.refreshRowColCount();
-            table.scenegraph.clearCells();
-            table.scenegraph.createSceneGraph();
-        }
-        else {
-            recordIndex = recordIndex;
-            if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
-                recordIndex = table.dataSource.sourceLength;
+        try {
+            if (!records || records.length === 0) {
+                return false;
             }
-            else if (recordIndex < 0) {
-                recordIndex = 0;
+            if (table.internalProps.groupBy) {
+                table.dataSource.addRecordsForGroup?.(records, recordIndex);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
             }
-            const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
-            table.dataSource.addRecords(records, recordIndex);
-            adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
-            const oldRowCount = table.transpose ? table.colCount : table.rowCount;
-            table.refreshRowColCount();
-            if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+            else if (table.dataSource.rowHierarchyType === 'tree') {
+                table.dataSource.addRecordsForTree?.(records, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
+                table.refreshRowColCount();
+                table.internalProps.layoutMap.clearCellRangeMap();
+                table.sortState && sortRecords(table);
                 table.scenegraph.clearCells();
                 table.scenegraph.createSceneGraph();
-                return;
             }
-            const newRowCount = table.transpose ? table.colCount : table.rowCount;
-            if (table.pagination) {
-                const { perPageCount, currentPage } = table.pagination;
-                const startIndex = perPageCount * (currentPage || 0);
-                const endIndex = startIndex + perPageCount;
-                if (recordIndex < endIndex) {
-                    if (recordIndex < endIndex - perPageCount) {
-                        table.scenegraph.clearCells();
-                        table.scenegraph.createSceneGraph();
-                    }
-                    else {
-                        const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
-                        if (oldRowCount - headerCount === table.pagination.perPageCount) {
-                            const updateRows = [];
-                            for (let row = rowNum; row < newRowCount; row++) {
-                                if (table.transpose) {
-                                    updateRows.push({ col: row, row: 0 });
-                                }
-                                else {
-                                    updateRows.push({ col: 0, row });
-                                }
-                            }
-                            table.transpose
-                                ? table.scenegraph.updateCol([], [], updateRows)
-                                : table.scenegraph.updateRow([], [], updateRows);
+            else if (table.sortState) {
+                table.dataSource.addRecordsForSorted(records);
+                sortRecords(table);
+                table.refreshRowColCount();
+                table.scenegraph.clearCells();
+                table.scenegraph.createSceneGraph();
+            }
+            else {
+                recordIndex = recordIndex;
+                if (recordIndex === undefined || recordIndex > table.dataSource.sourceLength) {
+                    recordIndex = table.dataSource.sourceLength;
+                }
+                else if (recordIndex < 0) {
+                    recordIndex = 0;
+                }
+                const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+                table.dataSource.addRecords(records, recordIndex);
+                adjustCheckBoxStateMapWithAddRecordIndex(table, recordIndex, records.length);
+                const oldRowCount = table.transpose ? table.colCount : table.rowCount;
+                table.refreshRowColCount();
+                if (table.scenegraph.proxy.totalActualBodyRowCount === 0) {
+                    table.scenegraph.clearCells();
+                    table.scenegraph.createSceneGraph();
+                    return true;
+                }
+                const newRowCount = table.transpose ? table.colCount : table.rowCount;
+                if (table.pagination) {
+                    const { perPageCount, currentPage } = table.pagination;
+                    const startIndex = perPageCount * (currentPage || 0);
+                    const endIndex = startIndex + perPageCount;
+                    if (recordIndex < endIndex) {
+                        if (recordIndex < endIndex - perPageCount) {
+                            table.scenegraph.clearCells();
+                            table.scenegraph.createSceneGraph();
                         }
                         else {
-                            const addRows = [];
-                            for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) {
-                                if (table.transpose) {
-                                    addRows.push({ col: row, row: 0 });
+                            const rowNum = recordIndex - (endIndex - perPageCount) + headerCount;
+                            if (oldRowCount - headerCount === table.pagination.perPageCount) {
+                                const updateRows = [];
+                                for (let row = rowNum; row < newRowCount; row++) {
+                                    if (table.transpose) {
+                                        updateRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        updateRows.push({ col: 0, row });
+                                    }
                                 }
-                                else {
-                                    addRows.push({ col: 0, row });
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], [], updateRows)
+                                    : table.scenegraph.updateRow([], [], updateRows);
+                            }
+                            else {
+                                const addRows = [];
+                                for (let row = rowNum; row < Math.min(newRowCount, rowNum + (Array.isArray(records) ? records.length : 1)); row++) {
+                                    if (table.transpose) {
+                                        addRows.push({ col: row, row: 0 });
+                                    }
+                                    else {
+                                        addRows.push({ col: 0, row });
+                                    }
                                 }
+                                table.transpose
+                                    ? table.scenegraph.updateCol([], addRows, [])
+                                    : table.scenegraph.updateRow([], addRows, []);
                             }
-                            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
                         }
                     }
                 }
-            }
-            else {
-                const addRows = [];
-                for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) {
-                    if (table.transpose) {
-                        addRows.push({ col: row, row: 0 });
-                    }
-                    else {
-                        addRows.push({ col: 0, row });
-                    }
-                }
-                const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
-                const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-                const updateRows = [];
-                for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
-                    if (table.transpose) {
-                        updateRows.push({ col: row, row: 0 });
-                    }
-                    else {
-                        updateRows.push({ col: 0, row });
+                else {
+                    const addRows = [];
+                    for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) {
+                        if (table.transpose) {
+                            addRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            addRows.push({ col: 0, row });
+                        }
                     }
-                }
-                for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
-                    if (table.transpose) {
-                        updateRows.push({ col: row, row: 0 });
+                    const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount;
+                    const bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+                    const updateRows = [];
+                    for (let row = headerCount; row < headerCount + topAggregationCount; row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
-                    else {
-                        updateRows.push({ col: 0, row });
+                    for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) {
+                        if (table.transpose) {
+                            updateRows.push({ col: row, row: 0 });
+                        }
+                        else {
+                            updateRows.push({ col: 0, row });
+                        }
                     }
+                    table.transpose
+                        ? table.scenegraph.updateCol([], addRows, updateRows)
+                        : table.scenegraph.updateRow([], addRows, updateRows);
                 }
-                table.transpose
-                    ? table.scenegraph.updateCol([], addRows, updateRows)
-                    : table.scenegraph.updateRow([], addRows, updateRows);
             }
+            return true;
+        }
+        catch (error) {
+            return false;
         }
     }
     function listTableDeleteRecords(recordIndexs, table) {
@@ -76838,7 +77059,10 @@
         get recordsCount() {
             return this.dataSource.records.length;
         }
-        updateColumns(columns, options) {
+        updateColumns(columns, options = {
+            clearColWidthCache: false,
+            clearRowHeightCache: true
+        }) {
             this.scenegraph.clearCells();
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
             this.internalProps.columns = cloneDeepSpec(columns, ['children']);
@@ -76858,7 +77082,7 @@
             this.headerStyleCache = new Map();
             this.bodyStyleCache = new Map();
             this.bodyBottomStyleCache = new Map();
-            this.scenegraph.createSceneGraph();
+            this.scenegraph.createSceneGraph(!!!options?.clearRowHeightCache);
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.renderAsync();
             this.eventManager.updateEventBinder();
@@ -76881,37 +77105,81 @@
             this.renderAsync();
             this.eventManager.updateEventBinder();
         }
-        addColumn(column, colIndex, isMaintainArrayData = true) {
+        addColumns(toAddColumns, colIndex, isMaintainArrayData = true) {
             const columns = this.options.columns;
             if (colIndex === undefined) {
-                columns.push(column);
+                colIndex = columns.length;
+                columns.push(...toAddColumns);
             }
             else {
-                if (isMaintainArrayData) {
-                    for (let i = 0; i < columns.length; i++) {
-                        if (typeof columns[i].field === 'number') {
-                            if (columns[i].field >= colIndex) {
-                                columns[i].field = columns[i].field + 1;
-                            }
-                        }
-                    }
+                columns.splice(colIndex, 0, ...toAddColumns);
+            }
+            for (let i = 0; i < toAddColumns.length; i++) {
+                this.colWidthsMap.addAndReorder(colIndex + i, toAddColumns[i].width ?? this.internalProps.defaultColWidth);
+            }
+            this.internalProps._colRangeWidthsMap.clear();
+            const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+            for (let i = 0; i < resizedColIndexs.length; i++) {
+                if (resizedColIndexs[i] >= colIndex) {
+                    this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]);
+                    this.internalProps._widthResizedColMap.add(resizedColIndexs[i] + toAddColumns.length);
                 }
-                columns.splice(colIndex, 0, column);
             }
             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];
                     if (Array.isArray(record)) {
-                        record.splice(colIndex, 0, undefined);
+                        record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(undefined));
                     }
                 }
             }
-            this.updateColumns(columns);
+            this.updateColumns(columns, { clearRowHeightCache: false });
+            this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
+                columnIndex: colIndex,
+                columnCount: toAddColumns.length,
+                columns
+            });
         }
-        deleteColumn(colIndex) {
+        deleteColumns(deleteColIndexs, isMaintainArrayData = true) {
             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++) {
+                columns.splice(deleteColIndexs[i], 1);
+                this.colWidthsMap.delAndReorder(deleteColIndexs[i]);
+                this.internalProps._widthResizedColMap.delete(deleteColIndexs[i]);
+                if (isMaintainArrayData) {
+                    for (let j = 0; j < this.records.length; j++) {
+                        const record = this.records[j];
+                        if (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: false });
+            this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
+                deleteColIndexs: deleteColIndexs,
+                columns
+            });
         }
         get columns() {
             return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -77575,6 +77843,9 @@
             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);
@@ -77777,19 +78048,49 @@
             return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, triggerEvent, this);
         }
         addRecord(record, recordIndex) {
-            listTableAddRecord(record, recordIndex, this);
+            const success = listTableAddRecord(record, recordIndex, this);
             this.internalProps.emptyTip?.resetVisible();
+            if (success) {
+                this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+                    records: [record],
+                    recordIndex,
+                    recordCount: 1
+                });
+            }
         }
         addRecords(records, recordIndex) {
-            listTableAddRecords(records, recordIndex, this);
+            const success = listTableAddRecords(records, recordIndex, this);
             this.internalProps.emptyTip?.resetVisible();
+            if (success) {
+                this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+                    records,
+                    recordIndex,
+                    recordCount: records.length
+                });
+            }
         }
         deleteRecords(recordIndexs) {
             listTableDeleteRecords(recordIndexs, this);
             this.internalProps.emptyTip?.resetVisible();
+            const rowIndexs = [];
+            for (let i = 0; i < recordIndexs.length; i++) {
+                rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
+            }
+            this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
+                recordIndexs,
+                rowIndexs,
+                deletedCount: Array.isArray(recordIndexs[0])
+                    ? recordIndexs.length
+                    : recordIndexs.length
+            });
         }
         updateRecords(records, recordIndexs) {
             listTableUpdateRecords(records, recordIndexs, this);
+            this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+                records,
+                recordIndexs,
+                updateCount: records.length
+            });
         }
         _hasCustomRenderOrLayout() {
             const { headerObjects } = this.internalProps.layoutMap;
@@ -83676,6 +83977,17 @@
         else {
             height = table.getRowHeight(row);
         }
+        if (table.pluginManager) {
+            const masterDetailPlugin = table.pluginManager.getPluginByName('Master Detail Plugin');
+            if (masterDetailPlugin) {
+                const bodyRowIndex = row - table.columnHeaderLevelCount;
+                const internalProps = table.internalProps;
+                const originalHeight = internalProps?.originalRowHeights?.get(bodyRowIndex);
+                if (originalHeight !== undefined && originalHeight > 0) {
+                    height = originalHeight;
+                }
+            }
+        }
         let contentWidth = width;
         let contentHeight = height;
         let _contentOffset = 0;
@@ -91546,7 +91858,7 @@
             this.renderWithRecreateCells();
         }
         getFilteredRecords() {
-            return this.dataset?.filterRules;
+            return this.dataset?.filteredRecords;
         }
         getCellPivotRole(col, row) {
             const path = this.getCellHeaderPaths(col, row);
@@ -93426,7 +93738,7 @@
     }
 
     registerForVrender();
-    const version = "1.21.1";
+    const version = "1.22.1";
     function getIcons() {
         return get$2();
     }