@visactor/vtable-calendar 1.21.1 → 1.22.1

package/dist/vtable-calendar.js

@@ -24401,12 +24401,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 = {};
@@ -24466,7 +24466,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++) {
@@ -24517,7 +24517,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) {
@@ -34794,6 +34794,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",
@@ -34803,7 +34805,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 => {
@@ -34854,7 +34861,7 @@
         maxing = !1,
         leading = !1,
         trailing = !0;
-      const useRAF = !wait && 0 !== wait && "function" == typeof requestAnimationFrame;
+      const useRAF = !wait && 0 !== wait && "function" == typeof vglobal.getRequestAnimationFrame();
       if ("function" != typeof func) throw new TypeError("Expected a function");
       function invokeFunc(time) {
         const args = lastArgs,
@@ -34862,7 +34869,7 @@
         return lastThis = void 0, lastArgs = void 0, lastInvokeTime = time, result = func.apply(thisArg, args), result;
       }
       function startTimer(pendingFunc, wait) {
-        return useRAF ? requestAnimationFrame(pendingFunc) : setTimeout(pendingFunc, wait);
+        return useRAF ? vglobal.getRequestAnimationFrame()(pendingFunc) : setTimeout(pendingFunc, wait);
       }
       function shouldInvoke(time) {
         const timeSinceLastCall = time - lastCallTime;
@@ -38555,7 +38562,7 @@
       }
       constructor(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel) {
         let _isGrouped;
-        isArray$7(null == dataConfig ? void 0 : dataConfig.groupByRules) && (rowHierarchyType = "tree", _isGrouped = !0), super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel), this._isGrouped = _isGrouped, this._recordCache = [], this._fieldCache = {};
+        isArray$7(null == dataConfig ? void 0 : dataConfig.groupByRules) && (_isGrouped = !0), super(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel), this._isGrouped = _isGrouped, this._recordCache = [], this._fieldCache = {};
       }
       getOriginalRecord(index) {
         return isNumber$4(index) && this._recordCache && this._recordCache[index] ? this._recordCache[index] : super.getOriginalRecord(index);
@@ -39171,9 +39178,13 @@
       })];
     }
     function _setRecords(table, records = []) {
+      const tableWithPlugins = table;
       _dealWithUpdateDataSource(table, () => {
+        var _a;
         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;
+        isArray$7(null === (_a = table.internalProps.dataConfig) || void 0 === _a ? void 0 : _a.groupByRules) && (rowHierarchyType = "tree"), 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);
       });
     }
@@ -40665,14 +40676,28 @@
         } else "mark" === child.name && child.setAttribute("x", cellGroup.attribute.width);
       }), autoRowHeight) {
         let newHeight = Math.max(leftIconHeight, contentHeight, rightIconHeight);
-        if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) return !0;
+        if (isCellHeightUpdate(scene, cellGroup, Math.round(newHeight + padding[0] + padding[2]), oldCellHeight)) return 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: cellHeight,
+          cellGroup: cellGroup,
+          padding: padding,
+          textBaseline: textBaseline
+        }), !0;
         newHeight = (null !== (_d = cellGroup.contentHeight) && void 0 !== _d ? _d : cellHeight) - (padding[0] + padding[2]), cellGroup.forEachChildren(child => {
           "rect" !== child.type && "chart" !== child.type && child.name !== CUSTOM_CONTAINER_NAME$1 && ("mark" === child.name ? child.setAttribute("y", 0) : "middle" === textBaseline ? child.setAttribute("y", padding[0] + (newHeight - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + newHeight - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
         });
       } else "middle" !== textBaseline && "bottom" !== textBaseline || cellGroup.forEachChildren(child => {
         "rect" !== child.type && "chart" !== child.type && child.name !== CUSTOM_CONTAINER_NAME$1 && ("mark" === child.name ? child.setAttribute("y", 0) : "middle" === textBaseline ? child.setAttribute("y", (cellHeight - padding[2] + padding[0] - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", cellHeight - child.AABBBounds.height() - padding[2]) : child.setAttribute("y", padding[0]));
       });
-      return !1;
+      return 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: cellHeight,
+        cellGroup: cellGroup,
+        padding: padding,
+        textBaseline: textBaseline
+      }), !1;
     }
     function updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, textAlign, textBaseline, table) {
       var _a;
@@ -42759,14 +42784,15 @@
           symbolX = 0,
           symbolY = 0,
           symbolRotate = Math.PI;
-        const linePoints = [];
-        return "columnHeader" === cellLocation ? (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, rectWidth = mergeInfo ? this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col) : this.table.getColWidth(col), rectDx = rectX - delta, symbolX = rectX + rectWidth, symbolY = 2, linePoints.push({
+        const linePoints = [],
+          movingColumnOrRow = this.table.stateManager.columnMove.movingColumnOrRow;
+        return "columnHeader" === cellLocation && void 0 === movingColumnOrRow || "column" === movingColumnOrRow ? (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, rectWidth = mergeInfo ? this.table.getColsWidth(mergeInfo.start.col, mergeInfo.end.col) : this.table.getColWidth(col), rectDx = rectX - delta, symbolX = rectX + rectWidth, symbolY = 2, linePoints.push({
           x: 0,
           y: 0
         }), linePoints.push({
           x: 0,
           y: this.table.tableNoFrameHeight
-        })) : ("rowHeader" === cellLocation || this.table.internalProps.layoutMap.isSeriesNumberInBody(col, 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, rectHeight = mergeInfo ? this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row) : this.table.getRowHeight(row), rectDy = rectY - delta, symbolX = 2, symbolY = rectY + rectHeight, symbolRotate = Math.PI / 2, linePoints.push({
+        })) : ("rowHeader" === cellLocation || this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) || "row" === movingColumnOrRow) && (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, rectHeight = mergeInfo ? this.table.getRowsHeight(mergeInfo.start.row, mergeInfo.end.row) : this.table.getRowHeight(row), rectDy = rectY - delta, symbolX = 2, symbolY = rectY + rectHeight, symbolRotate = Math.PI / 2, linePoints.push({
           x: 0,
           y: 0
         }), linePoints.push({
@@ -43750,7 +43776,7 @@
       isValid$3(count) && (batchRenderChartCount = count);
     }
     function clearChartRenderQueue() {
-      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, cancelAnimationFrame(requestAnimationFrameId);
+      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, vglobal.getCancelAnimationFrame()(requestAnimationFrameId);
     }
     function IsHandlingChartQueue() {
       return isHandlingChartQueue;
@@ -43829,7 +43855,7 @@
             tickMode: null === (_e = axis.tick) || void 0 === _e ? void 0 : _e.tickMode
           }
         }, !0);
-      }), null === (_c = null === (_b = table.internalProps.layoutMap) || void 0 === _b ? void 0 : _b.updateDataStateToActiveChartInstance) || void 0 === _c || _c.call(_b, chartInstance), "string" == typeof dataId) chartInstance.updateDataSync(dataId, null != data ? data : []);else {
+      }), null === (_c = null === (_b = table.internalProps.layoutMap) || void 0 === _b ? void 0 : _b.updateDataStateToActiveChartInstance) || void 0 === _c || _c.call(_b, chartInstance), "string" == typeof dataId) chartInstance.getChart().setLayoutTag(!0), chartInstance.updateDataSync(dataId, null != data ? data : []);else {
         const dataBatch = [];
         for (const dataIdStr in dataId) {
           const dataIdAndField = dataId[dataIdStr],
@@ -43843,7 +43869,7 @@
             fields: null === (_e = null == series ? void 0 : series.data) || void 0 === _e ? void 0 : _e.fields
           }), chartInstance.updateFullDataSync || chartInstance.updateDataSync(dataIdStr, dataIdAndField ? null !== (_f = null == data ? void 0 : data.filter(item => item.hasOwnProperty(dataIdAndField))) && void 0 !== _f ? _f : [] : null != data ? data : []);
         }
-        null === (_g = chartInstance.updateFullDataSync) || void 0 === _g || _g.call(chartInstance, dataBatch);
+        chartInstance.getChart().setLayoutTag(!0), null === (_g = chartInstance.updateFullDataSync) || void 0 === _g || _g.call(chartInstance, dataBatch);
       }
       table.fireListeners("before_cache_chart_image", {
         chartInstance: chartInstance
@@ -43851,7 +43877,7 @@
       cacheStageCanvas(chartInstance.getStage(), chart);
     }
     function startRenderChartQueue(table) {
-      isHandlingChartQueue = !0, chartRenderQueueList.length > 0 ? requestAnimationFrameId = requestAnimationFrame(() => {
+      isHandlingChartQueue = !0, chartRenderQueueList.length > 0 ? requestAnimationFrameId = vglobal.getRequestAnimationFrame()(() => {
         const chartsToRender = chartRenderQueueList.splice(0, batchRenderChartCount);
         chartRenderKeys.splice(0, batchRenderChartCount), chartsToRender.forEach(chart => {
           renderChart(chart), chart.addUpdateBoundTag();
@@ -44790,10 +44816,12 @@
           actualWidth = 0;
         for (let col = 0; col < table.colCount; col++) {
           const colWidth = update && null !== (_f = newWidths[col]) && void 0 !== _f ? _f : table.getColWidth(col);
-          (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount || table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount) && (actualHeaderWidth += colWidth), actualWidth += colWidth;
+          "only-body" === table.widthAdaptiveMode && (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount || table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount) && (actualHeaderWidth += colWidth), actualWidth += colWidth;
         }
         if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-          getAdaptiveWidth(canvasWidth - actualHeaderWidth, table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount, update, newWidths, table);
+          let startCol = 0,
+            endCol = table.colCount;
+          "only-body" === table.widthAdaptiveMode && (startCol = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount, endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount), getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, update, newWidths, table);
         }
       }
       if (update) {
@@ -46269,7 +46297,8 @@
         } else if (this.rowEnd === this.bodyBottomRow) {
           const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, this.rowEnd, !0);
           if ("cell" === cellGroup.role) {
-            const deltaY = cellGroup.attribute.y + cellGroup.attribute.height - (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
+            const actualRowHeight = this.table.getRowHeight(this.rowEnd),
+              deltaY = cellGroup.attribute.y + actualRowHeight - (this.table.getAllRowsHeight() - this.table.getFrozenRowsHeight() - this.table.getBottomFrozenRowsHeight());
             this.deltaY = -deltaY;
           }
         } else if (isValid$3(screenTopY) && isValid$3(screenTopRow)) {
@@ -46410,6 +46439,11 @@
         width: colsWidth,
         height: rowsHeight,
         visible: !0
+      }), 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: selectComp
       }), selectComp.fillhandle) {
         const fillHandle = null === (_a = scene.table.options.excelOptions) || void 0 === _a ? void 0 : _a.fillHandle;
         let lastCellBound,
@@ -48439,7 +48473,7 @@
         var _a, _b, _c, _d, _e, _f;
         const firstBodyCell = null !== (_b = null === (_a = this.bodyGroup.firstChild) || void 0 === _a ? void 0 : _a.firstChild) && void 0 !== _b ? _b : null === (_c = this.rowHeaderGroup.firstChild) || void 0 === _c ? void 0 : _c.firstChild,
           lastBodyCell = null !== (_e = null === (_d = this.bodyGroup.firstChild) || void 0 === _d ? void 0 : _d.lastChild) && void 0 !== _e ? _e : null === (_f = this.rowHeaderGroup.firstChild) || void 0 === _f ? void 0 : _f.lastChild;
-        0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && lastBodyCell.attribute.y + lastBodyCell.attribute.height + 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.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.table.rightFrozenColCount > 0 && this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.updateNextFrame());
+        0 === y && firstBodyCell && firstBodyCell.row === this.table.frozenRowCount && firstBodyCell.attribute.y + y < 0 ? y = -firstBodyCell.attribute.y : lastBodyCell && this.table.tableNoFrameHeight < this.table.getAllRowsHeight() && lastBodyCell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 && 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 - this.table.getRowHeight(lastBodyCell.row)), this.colHeaderGroup.attribute.height + y !== this.bodyGroup.attribute.y && (this.bodyGroup.setAttribute("y", this.colHeaderGroup.attribute.height + y), this.rowHeaderGroup.setAttribute("y", this.cornerHeaderGroup.attribute.height + y), this.table.rightFrozenColCount > 0 && this.rightFrozenGroup.setAttribute("y", this.rightTopCornerGroup.attribute.height + y), this.updateNextFrame());
       }
       setBodyAndColHeaderX(x) {
         const firstBodyCol = this.bodyGroup.firstChild,
@@ -48472,12 +48506,12 @@
             actualWidth = 0;
           for (let col = 0; col < table.colCount; col++) {
             const colWidth = table.getColWidth(col);
-            (col < table.rowHeaderLevelCount || table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount) && (actualHeaderWidth += colWidth), actualWidth += colWidth;
+            "only-body" === table.widthAdaptiveMode && (col < table.rowHeaderLevelCount || table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount) && (actualHeaderWidth += colWidth), actualWidth += colWidth;
           }
           if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-            const startCol = table.rowHeaderLevelCount,
-              endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
-            getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, !1, [], table, !0);
+            let startCol = 0,
+              endCol = table.colCount;
+            "only-body" === table.widthAdaptiveMode && (startCol = table.rowHeaderLevelCount, endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount), getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, !1, [], table, !0);
           }
         }
         let bodyWidth = 0;
@@ -49442,24 +49476,26 @@
       return target;
     }
 
-    function startMoveCol(col, row, x, y, state, event) {
+    function startMoveCol(col, row, x, y, state, event, dragColumnOrRow) {
       var _a;
       if (!("canMoveHeaderPosition" in state.table.internalProps.layoutMap)) return;
-      if (state.columnMove.moving = !0, state.columnMove.colSource = col, state.columnMove.rowSource = row, state.table.isListTable()) {
+      if (state.columnMove.movingColumnOrRow = dragColumnOrRow, state.columnMove.moving = !0, state.columnMove.colSource = col, state.columnMove.rowSource = row, state.table.isListTable()) {
         const nodeIndex = state.table.getRecordIndexByCell(col, row),
           nodeData = state.table.getRecordByCell(col, row),
           hierarchyState = state.table.getRecordHierarchyState(col, row);
         state.columnMove.rowSourceSize = computeChildrenNodeLength(nodeIndex, hierarchyState, nodeData) + 1;
       }
-      state.columnMove.x = x - state.table.tableX, state.columnMove.y = y - state.table.tableY;
-      const cellLocation = state.table.getCellLocation(col, row),
-        delta = "columnHeader" === cellLocation ? state.columnMove.x : "rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ? state.columnMove.y : 0,
-        {
-          backX: backX,
-          lineX: lineX,
-          backY: backY,
-          lineY: lineY
-        } = state.table.scenegraph.component.showMoveCol(col, row, delta);
+      let delta;
+      if (state.columnMove.x = x - state.table.tableX, state.columnMove.y = y - state.table.tableY, "column" === dragColumnOrRow) delta = state.columnMove.x;else if ("row" === dragColumnOrRow) delta = state.columnMove.y;else {
+        const cellLocation = state.table.getCellLocation(col, row);
+        delta = "columnHeader" === cellLocation ? state.columnMove.x : "rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ? state.columnMove.y : 0;
+      }
+      const {
+        backX: backX,
+        lineX: lineX,
+        backY: backY,
+        lineY: lineY
+      } = state.table.scenegraph.component.showMoveCol(col, row, delta);
       state.table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_START, {
         col: col,
         row: row,
@@ -49469,7 +49505,8 @@
         lineX: lineX,
         backY: backY,
         lineY: lineY,
-        event: event
+        event: event,
+        movingColumnOrRow: dragColumnOrRow
       });
       const isHasSelected = !!(null === (_a = state.select.ranges) || void 0 === _a ? void 0 : _a.length);
       state.table.stateManager.updateSelectPos(-1, -1), state.table.stateManager.endSelectCells(!0, isHasSelected), state.table.scenegraph.updateNextFrame();
@@ -49499,7 +49536,7 @@
         let lineX, backX, lineY, backY;
         state.updateCursor("grabbing");
         const cellLocation = state.table.getCellLocation(state.columnMove.colSource, state.columnMove.rowSource);
-        "columnHeader" === cellLocation ? (backX = state.columnMove.x, lineX = state.table.isLeftFrozenColumn(col) ? state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1) : state.table.isRightFrozenColumn(col) ? state.table.tableNoFrameWidth - state.table.getColsWidth(targetCell.col + 1, state.table.colCount - 1) : (state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1)) - state.table.stateManager.scroll.horizontalBarPos) : ("rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) && (backY = state.columnMove.y, lineY = state.table.isFrozenRow(row) ? state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1) : state.table.isBottomFrozenRow(row) ? state.table.tableNoFrameHeight - state.table.getRowsHeight(targetCell.row + 1, state.table.rowCount - 1) : (state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1)) - state.table.stateManager.scroll.verticalBarPos), state.table.scenegraph.component.updateMoveCol(backX, lineX, backY, lineY), state.table.fireListeners(TABLE_EVENT_TYPE.CHANGING_HEADER_POSITION, {
+        "columnHeader" === cellLocation ? (backX = state.columnMove.x, lineX = state.table.isLeftFrozenColumn(col) ? state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1) : state.table.isRightFrozenColumn(col) ? state.table.tableNoFrameWidth - state.table.getColsWidth(targetCell.col + 1, state.table.colCount - 1) : (state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1)) - state.table.stateManager.scroll.horizontalBarPos) : ("rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) || "row" === state.columnMove.movingColumnOrRow) && (backY = state.columnMove.y, lineY = state.table.isFrozenRow(row) ? state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1) : state.table.isBottomFrozenRow(row) ? state.table.tableNoFrameHeight - state.table.getRowsHeight(targetCell.row + 1, state.table.rowCount - 1) : (state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1)) - state.table.stateManager.scroll.verticalBarPos), state.table.scenegraph.component.updateMoveCol(backX, lineX, backY, lineY), state.table.fireListeners(TABLE_EVENT_TYPE.CHANGING_HEADER_POSITION, {
           col: col,
           row: row,
           x: x,
@@ -49508,14 +49545,15 @@
           lineX: lineX,
           backY: backY,
           lineY: lineY,
-          event: event
+          event: event,
+          movingColumnOrRow: state.columnMove.movingColumnOrRow
         }), state.table.scenegraph.updateNextFrame();
       } else state.updateCursor("not-allowed"), state.columnMove.colTarget = state.columnMove.colSource, state.columnMove.rowTarget = state.columnMove.rowSource;
     }
     function endMoveCol(state) {
       var _a, _b;
       let moveColResult = !1;
-      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 && !0 !== (null === (_a = state.table.options.customConfig) || void 0 === _a ? void 0 : _a.notUpdateInColumnRowMove)) {
+      if ("canMoveHeaderPosition" in state.table.internalProps.layoutMap && state.columnMove.moving && (state.columnMove.colSource >= 0 || "row" === state.columnMove.movingColumnOrRow) && (state.columnMove.rowSource >= 0 || "column" === state.columnMove.movingColumnOrRow) && (state.columnMove.colTarget >= 0 || "row" === state.columnMove.movingColumnOrRow) && (state.columnMove.rowTarget >= 0 || "column" === state.columnMove.movingColumnOrRow) && !0 !== (null === (_a = state.table.options.customConfig) || void 0 === _a ? void 0 : _a.notUpdateInColumnRowMove)) {
         const oldSourceMergeInfo = state.table.getCellRange(state.columnMove.colSource, state.columnMove.rowSource),
           oldTargetMergeInfo = state.table.getCellRange(state.columnMove.colTarget, state.columnMove.rowTarget),
           moveContext = state.table._moveHeaderPosition({
@@ -49525,7 +49563,9 @@
             col: state.columnMove.colTarget,
             row: state.columnMove.rowTarget
           });
-        if (!moveContext || moveContext.targetIndex === moveContext.sourceIndex) return state.updateCursor(), state.columnMove.moving = !1, delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget, state.table.scenegraph.component.hideMoveCol(), state.table.scenegraph.updateNextFrame(), !1;
+        if (!moveContext || moveContext.targetIndex === moveContext.sourceIndex) return state.updateCursor(), state.columnMove.moving = !1, setTimeout(() => {
+          delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget, state.columnMove.movingColumnOrRow = void 0;
+        }, 0), state.table.scenegraph.component.hideMoveCol(), state.table.scenegraph.updateNextFrame(), !1;
         {
           state.table.internalProps.useOneRowHeightFillAll = !1, state.table.internalProps.layoutMap.clearCellRangeMap();
           const sourceMergeInfo = state.table.getCellRange(state.columnMove.colSource, state.columnMove.rowSource),
@@ -49534,11 +49574,11 @@
             colMax = Math.max(sourceMergeInfo.end.col, targetMergeInfo.end.col, oldSourceMergeInfo.end.col, oldTargetMergeInfo.end.col),
             rowMin = Math.min(sourceMergeInfo.start.row, targetMergeInfo.start.row, oldSourceMergeInfo.start.row, oldTargetMergeInfo.start.row);
           let rowMax = Math.max(sourceMergeInfo.end.row, targetMergeInfo.end.row, oldSourceMergeInfo.end.row, oldTargetMergeInfo.end.row);
-          "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), !state.table.transpose && state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ? 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) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
+          "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), state.table.transpose || !state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && "row" !== state.columnMove.movingColumnOrRow || (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) || "row" === state.columnMove.movingColumnOrRow ? 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) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
         }
       }
       return state.columnMove.moving = !1, setTimeout(() => {
-        delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
+        delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget, state.columnMove.movingColumnOrRow = void 0;
       }, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), !0 === (null === (_b = state.table.options.customConfig) || void 0 === _b ? void 0 : _b.notUpdateInColumnRowMove) || moveColResult;
     }
     function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
@@ -49576,6 +49616,7 @@
     }
 
     function updateResizeColumn(xInTable, yInTable, state) {
+      var _a;
       xInTable = Math.ceil(xInTable), yInTable = Math.ceil(yInTable);
       let detaX = state.columnResize.isRightFrozen ? state.columnResize.x - xInTable : xInTable - state.columnResize.x;
       if (Math.abs(detaX) < 1) return;
@@ -49600,7 +49641,9 @@
         }
         rightColWidth - detaX < state.table.internalProps.limitMinWidth && (detaX = rightColWidth - state.table.internalProps.limitMinWidth);
       }
-      detaX = Math.ceil(detaX), state.columnResize.col < state.table.rowHeaderLevelCount || state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount ? updateResizeColForColumn(detaX, state) : "indicator" === state.table.internalProps.columnResizeType ? updateResizeColForIndicator$1(detaX, state) : "indicatorGroup" === state.table.internalProps.columnResizeType ? updateResizeColForIndicatorGroup$1(detaX, state) : "all" === state.table.internalProps.columnResizeType ? updateResizeColForAll$1(detaX, state) : updateResizeColForColumn(detaX, state), state.columnResize.x = xInTable, state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen), state.table._updateSize(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen) : state.table.options.frozenColCount && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1), (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose || state.table.options.rightFrozenColCount) && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame();
+      detaX = Math.ceil(detaX), state.columnResize.col < state.table.rowHeaderLevelCount || state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount ? updateResizeColForColumn(detaX, state) : "indicator" === state.table.internalProps.columnResizeType ? updateResizeColForIndicator$1(detaX, state) : "indicatorGroup" === state.table.internalProps.columnResizeType ? updateResizeColForIndicatorGroup$1(detaX, state) : "all" === state.table.internalProps.columnResizeType ? updateResizeColForAll$1(detaX, state) : updateResizeColForColumn(detaX, state), state.columnResize.x = xInTable, state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen), state.table._updateSize(), null === (_a = state.table.internalProps.legends) || void 0 === _a || _a.forEach(legend => {
+        null == legend || legend.resize();
+      }), state.table.internalProps.title && state.table.internalProps.title.resize(), state.table.internalProps.emptyTip && state.table.internalProps.emptyTip.resize(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen) : state.table.options.frozenColCount && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1), (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose || state.table.options.rightFrozenColCount) && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForColumn(detaX, state) {
       "adaptive" === state.table.widthMode && state.columnResize.col < state.table.colCount - 1 ? (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.scenegraph.updateColWidth(state.columnResize.col + 1, -detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col), state.table.internalProps._widthResizedColMap.add(state.columnResize.col + 1)) : (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col));
@@ -49914,6 +49957,7 @@
     }
 
     function updateResizeRow(xInTable, yInTable, state) {
+      var _a;
       xInTable = Math.ceil(xInTable), yInTable = Math.ceil(yInTable);
       let detaY = state.rowResize.isBottomFrozen ? state.rowResize.y - yInTable : yInTable - state.rowResize.y;
       if (Math.abs(detaY) < 1) return;
@@ -49923,7 +49967,9 @@
         let bottomRowHeight = state.table.getRowHeight(state.rowResize.row + 1);
         bottomRowHeight -= detaY, bottomRowHeight - detaY < state.table.internalProps.limitMinHeight && (detaY = bottomRowHeight - state.table.internalProps.limitMinHeight);
       }
-      detaY = Math.ceil(detaY), state.rowResize.row < state.table.columnHeaderLevelCount || state.rowResize.row >= state.table.rowCount - state.table.bottomFrozenRowCount ? updateResizeColForRow(detaY, state) : "indicator" === state.table.internalProps.rowResizeType ? updateResizeColForIndicator(detaY, state) : "indicatorGroup" === state.table.internalProps.rowResizeType ? updateResizeColForIndicatorGroup(detaY, state) : "all" === state.table.internalProps.rowResizeType ? updateResizeColForAll(detaY, state) : updateResizeColForRow(detaY, state), state.rowResize.y = yInTable, state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen), state.table._updateSize(), state.table.scenegraph.updateNextFrame();
+      detaY = Math.ceil(detaY), state.rowResize.row < state.table.columnHeaderLevelCount || state.rowResize.row >= state.table.rowCount - state.table.bottomFrozenRowCount ? updateResizeColForRow(detaY, state) : "indicator" === state.table.internalProps.rowResizeType ? updateResizeColForIndicator(detaY, state) : "indicatorGroup" === state.table.internalProps.rowResizeType ? updateResizeColForIndicatorGroup(detaY, state) : "all" === state.table.internalProps.rowResizeType ? updateResizeColForAll(detaY, state) : updateResizeColForRow(detaY, state), state.rowResize.y = yInTable, state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen), state.table._updateSize(), null === (_a = state.table.internalProps.legends) || void 0 === _a || _a.forEach(legend => {
+        null == legend || legend.resize();
+      }), state.table.internalProps.title && state.table.internalProps.title.resize(), state.table.internalProps.emptyTip && state.table.internalProps.emptyTip.resize(), state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForRow(detaY, state) {
       "adaptive" === state.table.heightMode && state.rowResize.row < state.table.rowCount - 1 ? (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY), state.table.scenegraph.updateRowHeight(state.rowResize.row + 1, -detaY), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row + 1)) : (state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY), state.table.internalProps._heightResizedRowMap.add(state.rowResize.row));
@@ -50095,7 +50141,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -50162,7 +50209,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -50329,7 +50377,7 @@
         if (this.select.selecting) {
           if (this.select.selecting = !1, 0 === this.select.ranges.length) return;
           const currentRange = this.select.ranges[this.select.ranges.length - 1];
-          this.table.isSeriesNumber(this.select.cellPos.col, this.select.cellPos.row) || this.table.isHeader(this.select.cellPos.col, this.select.cellPos.row) || expendCellRange(currentRange, this.table);
+          this.table.isSeriesNumber(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 = !1;
           for (let i = 0; i < this.select.ranges.length - 1; i++) {
             const range = this.select.ranges[i];
@@ -50385,8 +50433,8 @@
           direction: this.fillHandle.direction
         }), this.fillHandle.beforeFillMaxCol = void 0, this.fillHandle.beforeFillMaxRow = void 0, this.fillHandle.beforeFillMinCol = void 0, this.fillHandle.beforeFillMinRow = void 0;
       }
-      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);
@@ -51043,7 +51091,7 @@
         this.scrollHandle = scrollHandle;
       }
       startInertia(speedX, speedY, friction) {
-        this.lastTime = Date.now(), this.speedX = speedX, this.speedY = speedY, this.friction = friction, this.runingId || (this.runingId = requestAnimationFrame(this.inertia.bind(this)));
+        this.lastTime = Date.now(), this.speedX = speedX, this.speedY = speedY, this.friction = friction, this.runingId || (this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this)));
       }
       inertia() {
         var _a;
@@ -51055,10 +51103,10 @@
           newSpeedY = f * this.speedY;
         let dx = 0,
           dy = 0;
-        Math.abs(newSpeedX) > .05 && (stopped = !1, dx = (this.speedX + newSpeedX) / 2 * dffTime), Math.abs(newSpeedY) > .05 && (stopped = !1, dy = (this.speedY + newSpeedY) / 2 * dffTime), null === (_a = this.scrollHandle) || void 0 === _a || _a.call(this, dx, dy), stopped ? this.runingId = null : (this.lastTime = now, this.speedX = newSpeedX, this.speedY = newSpeedY, this.runingId = requestAnimationFrame(this.inertia.bind(this)));
+        Math.abs(newSpeedX) > .05 && (stopped = !1, dx = (this.speedX + newSpeedX) / 2 * dffTime), Math.abs(newSpeedY) > .05 && (stopped = !1, dy = (this.speedY + newSpeedY) / 2 * dffTime), null === (_a = this.scrollHandle) || void 0 === _a || _a.call(this, dx, dy), stopped ? this.runingId = null : (this.lastTime = now, this.speedX = newSpeedX, this.speedY = newSpeedY, this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this)));
       }
       endInertia() {
-        cancelAnimationFrame(this.runingId), this.runingId = null;
+        vglobal.getCancelAnimationFrame()(this.runingId), this.runingId = null;
       }
       isInertiaScrolling() {
         return !!this.runingId;
@@ -51073,7 +51121,8 @@
               colSource: colSource,
               rowSource: rowSource,
               colTarget: colTarget,
-              rowTarget: rowTarget
+              rowTarget: rowTarget,
+              movingColumnOrRow: movingColumnOrRow
             } = table.stateManager.columnMove,
             rowSourceSize = null !== (_e = table.stateManager.columnMove.rowSourceSize) && void 0 !== _e ? _e : 0,
             rowTargetSize = null !== (_f = table.stateManager.columnMove.rowTargetSize) && void 0 !== _f ? _f : 0;
@@ -51086,6 +51135,7 @@
               col: colSource,
               row: rowSource
             },
+            movingColumnOrRow: movingColumnOrRow,
             event: e
           });
         }
@@ -51101,6 +51151,7 @@
             col: table.stateManager.columnMove.colSource,
             row: table.stateManager.columnMove.rowSource
           },
+          movingColumnOrRow: table.stateManager.columnMove.movingColumnOrRow,
           event: e
         });
       }
@@ -51126,7 +51177,7 @@
           event: e.nativeEvent,
           target: null === (_e = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _e ? void 0 : _e.target,
           mergeCellInfo: null === (_f = eventArgsSet.eventArgs) || void 0 === _f ? void 0 : _f.mergeInfo
-        }), stateManager.interactionState === InteractionState.grabing) return void (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1 && (stateManager.isResizeCol() || stateManager.isResizeRow() || (stateManager.isMoveCol() ? eventManager.dealColumnMover(eventArgsSet) : stateManager.isFillHandle() ? eventManager.dealFillSelect(eventArgsSet, !0) : (null === (_g = table.options.select) || void 0 === _g ? void 0 : _g.disableDragSelect) || eventManager.dealTableSelect(eventArgsSet, !0))));
+        }), stateManager.interactionState === InteractionState.grabing) return void (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1 && (stateManager.isResizeCol() || stateManager.isResizeRow() || stateManager.isMoveCol() || (stateManager.isFillHandle() ? eventManager.dealFillSelect(eventArgsSet, !0) : (null === (_g = table.options.select) || void 0 === _g ? void 0 : _g.disableDragSelect) || eventManager.dealTableSelect(eventArgsSet, !0))));
         !(null === (_h = table.options.select) || void 0 === _h ? void 0 : _h.disableDragSelect) && table.eventManager.isDraging && stateManager.isSelecting() && !(null === (_j = table.editorManager) || void 0 === _j ? void 0 : _j.editingEditor) && eventManager.dealTableSelect(eventArgsSet, !0);
         const cellGoup = e.path.find(node => "cell" === node.role);
         if (table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL) && (-1 === table.stateManager.hover.cellPos.col || -1 === table.stateManager.hover.cellPos.row || (null == cellGoup ? void 0 : cellGoup.col) === table.stateManager.hover.cellPos.col && (null == cellGoup ? void 0 : cellGoup.row) === table.stateManager.hover.cellPos.row || table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
@@ -51441,8 +51492,9 @@
           (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null);
         }
       }), table.scenegraph.stage.addEventListener("pointermove", e => {
+        var _a, _b, _c;
         const eventArgsSet = getCellEventArgsSet(e);
-        stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor();
+        null !== (_c = null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.isDescendantsOf) || void 0 === _b ? void 0 : _b.call(_a, table.scenegraph.tableGroup)) && void 0 !== _c && _c && (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor());
       }), table.scenegraph.tableGroup.addEventListener("checkbox_state_change", e => {
         var _a, _b;
         const eventArgsSet = getCellEventArgsSet(e),
@@ -51795,7 +51847,7 @@
         !1 !== (null === (_a = table.eventOptions) || void 0 === _a ? void 0 : _a.preventDefaultContextMenu) ? e.preventDefault() : globalPointerupCallback(e);
       }), table.options.canvas || handler.on(table.getContainer(), "resize", e => {
         var _a;
-        table.isReleased || 0 === e.width && 0 === e.height || ((table.autoFillWidth || table.autoFillHeight) && (null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit()), isValid$3(table.options.pixelRatio) || table.setPixelRatio(getPixelRatio()), e.windowSizeNotChange || table.resize());
+        table.isReleased || 0 === e.width && 0 === e.height || ((table.autoFillWidth || table.autoFillHeight || "adaptive" === table.widthMode || "adaptive" === table.heightMode) && (null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit()), isValid$3(table.options.pixelRatio) || table.setPixelRatio(getPixelRatio()), e.windowSizeNotChange || table.resize());
       });
       const globalPointerdownCallback = e => {
         var _a;
@@ -51877,10 +51929,10 @@
         stateManager.interactionState === InteractionState.grabing && (stateManager.isResizeCol() ? (eventManager.dealColumnResize(x, y), table.hasListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN) && table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN, {
           col: table.stateManager.columnResize.col,
           colWidth: table.getColWidth(table.stateManager.columnResize.col)
-        })) : stateManager.isResizeRow() && (eventManager.dealRowResize(x, y), table.hasListeners(TABLE_EVENT_TYPE.RESIZE_ROW) && table.fireListeners(TABLE_EVENT_TYPE.RESIZE_ROW, {
+        })) : stateManager.isResizeRow() ? (eventManager.dealRowResize(x, y), table.hasListeners(TABLE_EVENT_TYPE.RESIZE_ROW) && table.fireListeners(TABLE_EVENT_TYPE.RESIZE_ROW, {
           row: table.stateManager.rowResize.row,
           rowHeight: table.getRowHeight(table.stateManager.rowResize.row)
-        })));
+        })) : stateManager.isMoveCol() && eventManager.dealColumnMover(x, y, e));
         const isSelecting = table.stateManager.isSelecting();
         if (eventManager._enableTableScroll && eventManager.isDraging && isSelecting && (null === (_e = table.stateManager.select.ranges) || void 0 === _e ? void 0 : _e.length) > 0) {
           const drawRange = table.getDrawRange(),
@@ -52494,12 +52546,10 @@
         } = eventArgsSet;
         return !(!eventArgs || !this.table._canDragHeaderPosition(eventArgs.col, eventArgs.row)) && (this.table.stateManager.startMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_a = null == eventArgs ? void 0 : eventArgs.event) || void 0 === _a ? void 0 : _a.nativeEvent), !0);
       }
-      dealColumnMover(eventArgsSet) {
-        var _a;
-        const {
-          eventArgs: eventArgs
-        } = eventArgsSet;
-        isValid$3(eventArgs.col) && isValid$3(eventArgs.row) && this.table.stateManager.updateMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, null === (_a = null == eventArgs ? void 0 : eventArgs.event) || void 0 === _a ? void 0 : _a.nativeEvent);
+      dealColumnMover(x, y, event) {
+        let col = this.table.getColAtRelativePosition(x),
+          row = this.table.getRowAtRelativePosition(y);
+        -1 === col && "row" === this.table.stateManager.columnMove.movingColumnOrRow && (col = 0), -1 === row && "column" === this.table.stateManager.columnMove.movingColumnOrRow && (row = 0), isValid$3(col) && isValid$3(row) && this.table.stateManager.updateMoveCol(col, row, x, y, event);
       }
       startColumnResize(eventArgsSet) {}
       dealIconClick(e, eventArgsSet) {
@@ -53966,12 +54016,12 @@
       clearRange() {
         this.cumulativeSum.clear(), this.difference.clear();
       }
-      add(position, value) {
+      _add(position, value) {
         if (!isValid$3(value)) return;
         const defaultValue = this.table.getRowHeight(position);
         this.data.has(position) || (this._keys.push(position), this._sorted = !1), this.data.set(position, value), 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);
@@ -53988,7 +54038,7 @@
           this.data.set(position, newValue);
           const difference = newValue - oldValue;
           this.totalSum += difference, this.updateDifference(position, difference);
-        } else this.add(position, newValue);
+        } else this._add(position, newValue);
       }
       get(position) {
         return this.data.get(position);
@@ -54055,21 +54105,38 @@
       }
       insert(position, value) {
         for (let i = position; i <= this.getLastIndex(); i++) this.cumulativeSum.delete(i);
-        const lastIndex = this.getLastIndex() + 1;
-        this.adjustOrder(position, position + 1, lastIndex - position), isValid$3(value) && this.put(position, value);
+        const lastIndex = this.getLastIndex() + 1,
+          values = [];
+        for (let i = position; i <= lastIndex; i++) this.has(i) && (values.push({
+          position: i,
+          value: this.get(i)
+        }), this._remove(i));
+        isValid$3(value) && this.put(position, value);
+        for (const {
+          position: position,
+          value: value
+        } of values) this.put(position + 1, value);
       }
       getLastIndex() {
         return this._sort(), this._keys[this._keys.length - 1];
       }
       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();
+        this.has(position) && this._remove(position);
+        const values = [];
+        for (let i = position + 1; i <= lastIndex; i++) this.has(i) && values.push({
+          position: i,
+          value: this.get(i)
+        });
+        for (const {
+          position: position,
+          value: value
+        } of values) this._remove(position), this._add(position - 1, value);
       }
       adjustOrder(sourceIndex, targetIndex, moveCount) {
         this.clearRange(), this._sort();
@@ -54097,28 +54164,12 @@
         }
       }
       exchangeOrder(sourceIndex, sourceCount, targetIndex, targetCount, insertIndex) {
-        const {
-          _keys: keys
-        } = this;
-        if (this._sorted || (keys.sort((a, b) => a < b ? -1 : a > b ? 1 : 0), this._sorted = !0), sourceIndex > targetIndex) {
-          const targetVals = [],
-            sourceVals = [];
-          for (let i = indexFirst(keys, targetIndex); i < indexFirst(keys, sourceIndex) + sourceCount; i++) {
-            const key = keys[i];
-            key >= sourceIndex && key < sourceIndex + sourceCount ? sourceVals.push(this.get(key)) : 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 = [],
-            sourceVals = [];
-          for (let i = indexFirst(keys, sourceIndex); i < indexFirst(keys, targetIndex) + targetCount; i++) {
-            const key = keys[i];
-            key >= sourceIndex && key < sourceIndex + sourceCount ? sourceVals.push(this.get(key)) : 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]);
-        }
+        const values = [];
+        for (let i = sourceIndex + sourceCount - 1; i >= sourceIndex; i--) values.push({
+          position: i,
+          value: this.get(i)
+        }), this.delete(i);
+        for (let i = 0; i < sourceCount; i++) this.insert(insertIndex, values[i].value);
       }
     }
     function indexFirst(arr, elm) {
@@ -54129,7 +54180,8 @@
         if (arr[i] === elm) return i;
         arr[i] > elm ? high = i - 1 : low = i + 1;
       }
-      return high < 0 ? 0 : high;
+      const tempI = high < 0 ? 0 : high;
+      return arr[tempI] === elm ? tempI : -1;
     }
 
     class RowSeriesNumberHelper {
@@ -54545,6 +54597,34 @@
         row: -1
       };
     }
+    function getColAtRelativePosition(x, _this) {
+      let leftFrozen = !1;
+      (x -= _this.tableX) > 0 && x < _this.getFrozenColsWidth() && (leftFrozen = !0);
+      let rightFrozen = !1;
+      x > _this.tableNoFrameWidth - _this.getRightFrozenColsWidth() && x < _this.tableNoFrameWidth && x <= _this.getAllColsWidth() && (rightFrozen = !0);
+      const colInfo = getTargetColAtConsiderRightFrozen((leftFrozen || rightFrozen ? x : x + _this.scrollLeft) + _this.tableX, rightFrozen, _this);
+      if (colInfo) {
+        const {
+          col: col
+        } = colInfo;
+        return col;
+      }
+      return -1;
+    }
+    function getRowAtRelativePosition(y, _this) {
+      let topFrozen = !1;
+      (y -= _this.tableY) > 0 && y < _this.getFrozenRowsHeight() && (topFrozen = !0);
+      let bottomFrozen = !1;
+      y > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() && y < _this.tableNoFrameHeight && y <= _this.getAllRowsHeight() && (bottomFrozen = !0);
+      const rowInfo = getTargetRowAtConsiderBottomFrozen((topFrozen || bottomFrozen ? y : y + _this.scrollTop) + _this.tableY, bottomFrozen, _this);
+      if (rowInfo) {
+        const {
+          row: row
+        } = rowInfo;
+        return row;
+      }
+      return -1;
+    }
 
     function isValidAlignDomain(domain) {
       return 2 === domain.length && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -55463,7 +55543,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.21.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -56215,6 +56295,12 @@
       getCellAtRelativePosition(relativeX, relativeY) {
         return getCellAtRelativePosition(relativeX, relativeY, this);
       }
+      getColAtRelativePosition(relativeX) {
+        return getColAtRelativePosition(relativeX, this);
+      }
+      getRowAtRelativePosition(relativeY) {
+        return getRowAtRelativePosition(relativeY, this);
+      }
       _checkRowCol(col, row) {
         return col >= 0 && col < this.colCount && row >= 0 && row < this.rowCount;
       }
@@ -57598,6 +57684,22 @@
           height: !1
         };
       }
+      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 && 0 === range.start.row && range.end.row === this.rowCount - 1) return !0;
+        }
+        return !1;
+      }
+      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 && 0 === range.start.col && range.end.col === this.colCount - 1) return !0;
+        }
+        return !1;
+      }
     }
 
     const chartTypes = {};
@@ -59589,13 +59691,14 @@
         }
       }
       canMoveHeaderPosition(source, target) {
+        const dragColumnOrRow = this._table.stateManager.columnMove.movingColumnOrRow;
         if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) return !1;
-        if (!this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) {
+        if (!this.transpose && (this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) || "row" === dragColumnOrRow)) {
           const sourceIndex = this.getRecordShowIndexByCell(0, source.row),
             targetIndex = this.getRecordShowIndexByCell(0, target.row);
           return this._table.dataSource.canChangeOrder(sourceIndex, targetIndex);
         }
-        if (this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) && (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, target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1) : (source.col = source.col + this.leftRowSeriesNumberColumnCount, target.col = target.col + this.leftRowSeriesNumberColumnCount)), source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
+        if (this.transpose && (this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) || "row" === dragColumnOrRow) && (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, target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1) : (source.col = source.col + this.leftRowSeriesNumberColumnCount, target.col = target.col + this.leftRowSeriesNumberColumnCount)), source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
         if ("disabled" === this._table.internalProps.frozenColDragHeaderMode && this._table.isFrozenColumn(target.col)) return !1;
         const sourceCellRange = this.getCellRange(source.col, source.row);
         if (this.isColumnHeader(source.col, source.row)) {
@@ -59607,7 +59710,7 @@
         return !1;
       }
       moveHeaderPosition(source, target) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         if ((!(null === (_a = this._table.options.dragOrder) || void 0 === _a ? void 0 : _a.validateDragOrderOnEnd) || (null === (_b = this._table.options.dragOrder) || void 0 === _b ? void 0 : _b.validateDragOrderOnEnd(source, target))) && this.canMoveHeaderPosition(source, target)) {
           let sourceCellRange = this.getCellRange(source.col, source.row);
           if (this.isColumnHeader(source.col, source.row)) {
@@ -59619,8 +59722,18 @@
               const sourceIds = this._headerCellIds[row].splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
               sourceIds.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
             }
+            if (null === (_c = this._table.options.dragOrder) || void 0 === _c ? void 0 : _c.maintainArrayDataOrder) for (let j = 0; j < (null === (_d = this._table.dataSource.dataSourceObj) || void 0 === _d ? void 0 : _d.records.length); j++) {
+              const rowRecords = null === (_e = this._table.dataSource.dataSourceObj) || void 0 === _e ? void 0 : _e.records[j];
+              if (Array.isArray(rowRecords)) {
+                rowRecords.length - 1 < targetIndex && rowRecords.push(...Array(targetIndex - rowRecords.length + 1).fill(void 0));
+                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);
-            return sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._columns, sourceColumns), this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount), this.columnTree.reset(this.columnTree.tree.children), this._cellRangeMap = new Map(), {
+            if (sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._columns, sourceColumns), null === (_f = this._table.options.dragOrder) || void 0 === _f ? void 0 : _f.maintainArrayDataOrder) for (let i = 0; i < this._columns.length; i++) this._columns[i].field = i;
+            if (this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount), null === (_g = this._table.options.dragOrder) || void 0 === _g ? void 0 : _g.maintainArrayDataOrder) for (let i = 0; i < this.columnTree.tree.children.length; i++) this.columnTree.tree.children[i].field = i;
+            return this.columnTree.reset(this.columnTree.tree.children), this._cellRangeMap = new Map(), {
               sourceIndex: sourceCellRange.start.col,
               targetIndex: targetIndex,
               sourceSize: sourceSize,
@@ -59647,7 +59760,7 @@
               moveType: "row"
             };
           }
-          if (this.isSeriesNumberInBody(source.col, source.row)) return {
+          if (this.isSeriesNumberInBody(source.col, source.row) || "row" === this._table.stateManager.columnMove.movingColumnOrRow) return {
             sourceIndex: source.row,
             targetIndex: target.row,
             sourceSize: 1,
@@ -60082,140 +60195,152 @@
     }
     function listTableAddRecord(record, recordIndex, table) {
       var _a, _b, _c, _d;
-      if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, [record], recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, [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 {
-        (void 0 === recordIndex || 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;
-        if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
-        const newRowCount = table.transpose ? table.colCount : table.rowCount;
-        if (table.pagination) {
-          const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = table.pagination,
-            endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
-                col: row,
-                row: 0
-              }) : updateRows.push({
-                col: 0,
-                row: 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++) table.transpose ? addRows.push({
-                col: row,
-                row: 0
-              }) : addRows.push({
-                col: 0,
-                row: row
-              });
-              table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+      try {
+        if (!record) return !1;
+        if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, [record], recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, [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 {
+          (void 0 === recordIndex || 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;
+          if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
+          const newRowCount = table.transpose ? table.colCount : table.rowCount;
+          if (table.pagination) {
+            const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = table.pagination,
+              endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
+                  col: row,
+                  row: 0
+                }) : updateRows.push({
+                  col: 0,
+                  row: 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++) table.transpose ? addRows.push({
+                  col: row,
+                  row: 0
+                }) : addRows.push({
+                  col: 0,
+                  row: row
+                });
+                table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+              }
             }
+          } else {
+            const addRows = [];
+            for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) table.transpose ? addRows.push({
+              col: row,
+              row: 0
+            }) : addRows.push({
+              col: 0,
+              row: row
+            });
+            const updateRows = [],
+              topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
+              bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
+            for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
           }
-        } else {
-          const addRows = [];
-          for (let row = recordIndex + headerCount; row < recordIndex + headerCount + 1; row++) table.transpose ? addRows.push({
-            col: row,
-            row: 0
-          }) : addRows.push({
-            col: 0,
-            row: row
-          });
-          const updateRows = [],
-            topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
-            bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount;
-          for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
         }
+        return !0;
+      } catch (error) {
+        return !1;
       }
     }
     function listTableAddRecords(records, recordIndex, table) {
       var _a, _b, _c, _d;
-      if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, 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 {
-        void 0 === recordIndex || recordIndex > table.dataSource.sourceLength ? recordIndex = table.dataSource.sourceLength : 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;
-        if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), void table.scenegraph.createSceneGraph();
-        const newRowCount = table.transpose ? table.colCount : table.rowCount;
-        if (table.pagination) {
-          const {
-              perPageCount: perPageCount,
-              currentPage: currentPage
-            } = table.pagination,
-            endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
-                col: row,
-                row: 0
-              }) : updateRows.push({
-                col: 0,
-                row: 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++) table.transpose ? addRows.push({
-                col: row,
-                row: 0
-              }) : addRows.push({
-                col: 0,
-                row: row
-              });
-              table.transpose ? table.scenegraph.updateCol([], addRows, []) : table.scenegraph.updateRow([], addRows, []);
+      try {
+        if (!records || 0 === records.length) return !1;
+        if (table.internalProps.groupBy) null === (_b = (_a = table.dataSource).addRecordsForGroup) || void 0 === _b || _b.call(_a, records, recordIndex), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.sortState && sortRecords(table), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if ("tree" === table.dataSource.rowHierarchyType) null === (_d = (_c = table.dataSource).addRecordsForTree) || void 0 === _d || _d.call(_c, 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 {
+          void 0 === recordIndex || recordIndex > table.dataSource.sourceLength ? recordIndex = table.dataSource.sourceLength : 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;
+          if (table.refreshRowColCount(), 0 === table.scenegraph.proxy.totalActualBodyRowCount) return table.scenegraph.clearCells(), table.scenegraph.createSceneGraph(), !0;
+          const newRowCount = table.transpose ? table.colCount : table.rowCount;
+          if (table.pagination) {
+            const {
+                perPageCount: perPageCount,
+                currentPage: currentPage
+              } = table.pagination,
+              endIndex = perPageCount * (currentPage || 0) + 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++) table.transpose ? updateRows.push({
+                  col: row,
+                  row: 0
+                }) : updateRows.push({
+                  col: 0,
+                  row: 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++) table.transpose ? addRows.push({
+                  col: row,
+                  row: 0
+                }) : addRows.push({
+                  col: 0,
+                  row: row
+                });
+                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++) table.transpose ? addRows.push({
+              col: row,
+              row: 0
+            }) : addRows.push({
+              col: 0,
+              row: row
+            });
+            const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
+              bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount,
+              updateRows = [];
+            for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
+              col: row,
+              row: 0
+            }) : updateRows.push({
+              col: 0,
+              row: row
+            });
+            table.transpose ? table.scenegraph.updateCol([], addRows, updateRows) : table.scenegraph.updateRow([], addRows, updateRows);
           }
-        } else {
-          const addRows = [];
-          for (let row = recordIndex + headerCount; row < recordIndex + headerCount + (Array.isArray(records) ? records.length : 1); row++) table.transpose ? addRows.push({
-            col: row,
-            row: 0
-          }) : addRows.push({
-            col: 0,
-            row: row
-          });
-          const topAggregationCount = table.internalProps.layoutMap.hasAggregationOnTopCount,
-            bottomAggregationCount = table.internalProps.layoutMap.hasAggregationOnBottomCount,
-            updateRows = [];
-          for (let row = headerCount; row < headerCount + topAggregationCount; row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          for (let row = (table.transpose ? table.colCount : table.rowCount) - bottomAggregationCount; row < (table.transpose ? table.colCount : table.rowCount); row++) table.transpose ? updateRows.push({
-            col: row,
-            row: 0
-          }) : updateRows.push({
-            col: 0,
-            row: row
-          });
-          table.transpose ? table.scenegraph.updateCol([], addRows, updateRows) : table.scenegraph.updateRow([], addRows, updateRows);
         }
+        return !0;
+      } catch (error) {
+        return !1;
       }
     }
     function listTableDeleteRecords(recordIndexs, table) {
@@ -60607,14 +60732,17 @@
       get recordsCount() {
         return this.dataSource.records.length;
       }
-      updateColumns(columns, options) {
+      updateColumns(columns, options = {
+        clearColWidthCache: !1,
+        clearRowHeightCache: !0
+      }) {
         var _a, _b, _c, _d;
         this.scenegraph.clearCells();
         const oldHoverState = {
           col: this.stateManager.hover.cellPos.col,
           row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), (null == options ? void 0 : options.clearColWidthCache) && this.internalProps._widthResizedColMap.clear(), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
+        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), (null == options ? void 0 : options.clearColWidthCache) && this.internalProps._widthResizedColMap.clear(), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(!(null == options ? void 0 : options.clearRowHeightCache)), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
       }
       _recreateSceneForStateChange() {
         var _a, _b;
@@ -60625,21 +60753,49 @@
         };
         this._hasAutoImageColumn = void 0, this.refreshHeader(), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_b = null === (_a = this.dataSource.dataSourceObj) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this._updateSize(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
       }
-      addColumn(column, colIndex, isMaintainArrayData = !0) {
+      addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
+        var _a;
         const columns = this.options.columns;
-        if (void 0 === colIndex) columns.push(column);else {
-          if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) "number" == typeof columns[i].field && columns[i].field >= colIndex && (columns[i].field = columns[i].field + 1);
-          columns.splice(colIndex, 0, column);
-        }
-        if (isMaintainArrayData) for (let i = 0; i < this.records.length; i++) {
-          const record = this.records[i];
-          Array.isArray(record) && record.splice(colIndex, 0, void 0);
-        }
-        this.updateColumns(columns);
+        void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns);
+        for (let i = 0; i < toAddColumns.length; i++) this.colWidthsMap.addAndReorder(colIndex + i, null !== (_a = toAddColumns[i].width) && void 0 !== _a ? _a : this.internalProps.defaultColWidth);
+        this.internalProps._colRangeWidthsMap.clear();
+        const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+        for (let i = 0; i < resizedColIndexs.length; i++) resizedColIndexs[i] >= colIndex && (this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]), this.internalProps._widthResizedColMap.add(resizedColIndexs[i] + toAddColumns.length));
+        if (isMaintainArrayData) {
+          for (let i = 0; i < columns.length; i++) columns[i].field = i;
+          for (let i = 0; i < this.records.length; i++) {
+            const record = this.records[i];
+            Array.isArray(record) && record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(void 0));
+          }
+        }
+        this.updateColumns(columns, {
+          clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
+          columnIndex: colIndex,
+          columnCount: toAddColumns.length,
+          columns: columns
+        });
       }
-      deleteColumn(colIndex) {
+      deleteColumns(deleteColIndexs, isMaintainArrayData = !0) {
         const columns = this.options.columns;
-        columns.splice(colIndex, 1), this.updateColumns(columns);
+        deleteColIndexs.sort((a, b) => b - a);
+        for (let i = 0; i < deleteColIndexs.length; i++) if (columns.splice(deleteColIndexs[i], 1), this.colWidthsMap.delAndReorder(deleteColIndexs[i]), this.internalProps._widthResizedColMap.delete(deleteColIndexs[i]), isMaintainArrayData) for (let j = 0; j < this.records.length; j++) {
+          const record = this.records[j];
+          Array.isArray(record) && record.splice(deleteColIndexs[i], 1);
+        }
+        this.internalProps._colRangeWidthsMap.clear();
+        const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+        for (let i = 0; i < resizedColIndexs.length; i++) for (let j = 0; j < deleteColIndexs.length; j++) if (resizedColIndexs[i] > deleteColIndexs[j]) {
+          this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]), this.internalProps._widthResizedColMap.add(resizedColIndexs[i] - (deleteColIndexs.length - j));
+          break;
+        }
+        if (isMaintainArrayData) for (let i = 0; i < columns.length; i++) columns[i].field = i;
+        this.updateColumns(columns, {
+          clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
+          deleteColIndexs: deleteColIndexs,
+          columns: columns
+        });
       }
       get columns() {
         return this.internalProps.layoutMap.columnTree.getCopiedTree();
@@ -61041,6 +61197,9 @@
       updateFilterRules(filterRules) {
         this.scenegraph.clearCells(), this.sortState ? (this.dataSource.updateFilterRulesForSorted(filterRules), sortRecords(this)) : this.dataSource.updateFilterRules(filterRules), this.refreshRowColCount(), this.stateManager.initCheckedState(this.records), this.scenegraph.createSceneGraph(), this.resize();
       }
+      getFilteredRecords() {
+        return this.dataSource.records;
+      }
       getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), isValid$3(field)) {
           let stateArr = Array.from(this.stateManager.checkedState.keys()).sort((a, b) => {
@@ -61180,18 +61339,39 @@
       }
       addRecord(record, recordIndex) {
         var _a;
-        listTableAddRecord(record, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = listTableAddRecord(record, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+          records: [record],
+          recordIndex: recordIndex,
+          recordCount: 1
+        });
       }
       addRecords(records, recordIndex) {
         var _a;
-        listTableAddRecords(records, recordIndex, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const success = listTableAddRecords(records, recordIndex, this);
+        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+          records: records,
+          recordIndex: recordIndex,
+          recordCount: records.length
+        });
       }
       deleteRecords(recordIndexs) {
         var _a;
         listTableDeleteRecords(recordIndexs, this), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const rowIndexs = [];
+        for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
+        this.fireListeners(TABLE_EVENT_TYPE.DELETE_RECORD, {
+          recordIndexs: recordIndexs,
+          rowIndexs: rowIndexs,
+          deletedCount: (Array.isArray(recordIndexs[0]), recordIndexs.length)
+        });
       }
       updateRecords(records, recordIndexs) {
-        listTableUpdateRecords(records, recordIndexs, this);
+        listTableUpdateRecords(records, recordIndexs, this), this.fireListeners(TABLE_EVENT_TYPE.UPDATE_RECORD, {
+          records: records,
+          recordIndexs: recordIndexs,
+          updateCount: records.length
+        });
       }
       _hasCustomRenderOrLayout() {
         var _a, _b, _c, _d;
@@ -65405,7 +65585,7 @@
     }
 
     function createProgressBarCell(progressBarDefine, style, width, value, dataValue, col, row, padding, table, range) {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       if (progressBarDefine.dependField) {
         const dependField = getOrApply(progressBarDefine.dependField, {
           col: col,
@@ -65442,7 +65622,14 @@
           cellHeaderPaths: void 0
         })) && void 0 !== _e ? _e : min + 100;
       let height = 0;
-      height = range ? table.getRowsHeight(range.start.row, range.end.row) : table.getRowHeight(row);
+      if (height = range ? table.getRowsHeight(range.start.row, range.end.row) : table.getRowHeight(row), table.pluginManager) {
+        if (table.pluginManager.getPluginByName("Master Detail Plugin")) {
+          const bodyRowIndex = row - table.columnHeaderLevelCount,
+            internalProps = table.internalProps,
+            originalHeight = null === (_f = null == internalProps ? void 0 : internalProps.originalRowHeights) || void 0 === _f ? void 0 : _f.get(bodyRowIndex);
+          void 0 !== originalHeight && originalHeight > 0 && (height = originalHeight);
+        }
+      }
       let contentWidth = width,
         contentHeight = height,
         _contentOffset = 0;