k-react-vtable 1.0.19 → 1.0.21

package/dist/react-vtable.js

@@ -24618,14 +24618,15 @@
         return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
       }
       _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (custom && customType) {
-          const customParams = Object.assign({
-              width: (null === (_a = graphic.stage) || void 0 === _a ? void 0 : _a.width) || 0,
-              height: (null === (_b = graphic.stage) || void 0 === _b ? void 0 : _b.height) || 0,
-              group: this._target.parent
-            }, this.resolveValue(customParameters, graphic)),
-            objOptions = isFunction$9(options) ? options.call(null, null !== (_d = customParams && (null === (_c = customParams.data) || void 0 === _c ? void 0 : _c[0])) && void 0 !== _d ? _d : null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, customParams) : options;
+          let customParams = this.resolveValue(customParameters, graphic);
+          "function" == typeof customParams && (customParams = customParams(null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], graphic, {})), customParams = Object.assign({
+            width: (null === (_c = graphic.stage) || void 0 === _c ? void 0 : _c.width) || 0,
+            height: (null === (_d = graphic.stage) || void 0 === _d ? void 0 : _d.height) || 0,
+            group: this._target.parent
+          }, customParams);
+          const objOptions = isFunction$9(options) ? options.call(null, null !== (_f = customParams && (null === (_e = customParams.data) || void 0 === _e ? void 0 : _e[0])) && void 0 !== _f ? _f : null === (_h = null === (_g = graphic.context) || void 0 === _g ? void 0 : _g.data) || void 0 === _h ? void 0 : _h[0], graphic, customParams) : options;
           customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
         } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
       }
@@ -24723,12 +24724,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 = {};
@@ -24788,7 +24789,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++) {
@@ -24839,7 +24840,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) {
@@ -35204,6 +35205,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",
@@ -35213,7 +35216,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 => {
@@ -35264,7 +35272,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,
@@ -35272,7 +35280,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;
@@ -37463,7 +37471,7 @@
             } else if (isEmptyA || isEmptyB) return indexA - indexB;
             return (state.orderFn || ("desc" !== state.order ? (v1, v2) => v1 === v2 ? 0 : v1 > v2 ? 1 : -1 : (v1, v2) => v1 === v2 ? 0 : v1 < v2 ? 1 : -1))(this.getOriginalField(indexA, state.field), this.getOriginalField(indexB, state.field), state.order);
           }, 0);
-        }), this.currentIndexedData = sortedIndexArray, this.hierarchyExpandLevel) {
+        }), this.currentIndexedData = sortedIndexArray, this.hierarchyExpandLevel && "tree" === this.rowHierarchyType) {
           let nodeLength = sortedIndexArray.length;
           for (let i = 0; i < nodeLength; i++) {
             const record = this.getOriginalRecord(sortedIndexArray[i]),
@@ -38963,7 +38971,7 @@
       }
       constructor(opt, dataConfig, pagination, columns, rowHierarchyType, hierarchyExpandLevel) {
         let _isGrouped;
-        isArray$9(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$9(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$6(index) && this._recordCache && this._recordCache[index] ? this._recordCache[index] : super.getOriginalRecord(index);
@@ -39580,9 +39588,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$9(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);
       });
     }
@@ -40337,7 +40349,7 @@
     const regIndexReg = /radio-\d+-\d+-(\d+)/;
 
     const CUSTOM_MERGE_PRE_NAME = "_custom_";
-    const CUSTOM_CONTAINER_NAME = "custom-container";
+    const CUSTOM_CONTAINER_NAME$1 = "custom-container";
     const CUSTOM_MERGE_CONTAINER_NAME = CUSTOM_MERGE_PRE_NAME + "_0";
     function dealWithCustom(customLayout, customRender, col, row, width, height, autoWidth, autoHeight, padding, range, table) {
       var _a, _b, _c;
@@ -40368,7 +40380,7 @@
         if (!customRenderObj) return {
           renderDefault: !0
         };
-        customRenderObj.rootContainer && (customRenderObj.rootContainer = decodeReactDom(customRenderObj.rootContainer, table.animationManager.timeline)), customRenderObj.rootContainer instanceof Group$2 && (elementsGroup = customRenderObj.rootContainer, elementsGroup.name = CUSTOM_CONTAINER_NAME, elementsGroup.col = col, elementsGroup.row = row), renderDefault = customRenderObj.renderDefault, enableCellPadding = customRenderObj.enableCellPadding;
+        customRenderObj.rootContainer && (customRenderObj.rootContainer = decodeReactDom(customRenderObj.rootContainer, table.animationManager.timeline)), customRenderObj.rootContainer instanceof Group$2 && (elementsGroup = customRenderObj.rootContainer, elementsGroup.name = CUSTOM_CONTAINER_NAME$1, elementsGroup.col = col, elementsGroup.row = row), renderDefault = customRenderObj.renderDefault, enableCellPadding = customRenderObj.enableCellPadding;
       } else if ("function" == typeof customRender) {
         const customRenderObj = customRender({
           col: col,
@@ -40410,7 +40422,7 @@
         stroke: !1,
         pickable: !1
       });
-      customGroup.name = CUSTOM_CONTAINER_NAME;
+      customGroup.name = CUSTOM_CONTAINER_NAME$1;
       return adjustElementsPos(elements, width, height, value).forEach(element => {
         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, _0, _1, _2, _3;
         switch (element.clickable && (element.pickable = element.clickable), element.type) {
@@ -41050,7 +41062,7 @@
       cellGroup.forEachChildren(child => {
         "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + width - rightIconWidth + padding[3]) : "icon-absolute-right" === child.role ? child.setAttribute("x", child.attribute.x + width - absoluteRightIconWidth + padding[3] + padding[1]) : "content" !== child.name && "text" !== child.name || ("center" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + leftIconWidth + (width - leftIconWidth - rightIconWidth) / 2) : "right" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + width - rightIconWidth) : child.setAttribute("x", padding[3] + leftIconWidth));
       }), cellGroup.forEachChildren(child => {
-        child.name !== CUSTOM_CONTAINER_NAME && ("middle" === textBaseline ? child.setAttribute("y", padding[0] + (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + height - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
+        child.name !== CUSTOM_CONTAINER_NAME$1 && ("middle" === textBaseline ? child.setAttribute("y", padding[0] + (height - child.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + height - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
       }), cellGroup.setAttributes({
         width: width + padding[1] + padding[3],
         height: height + padding[0] + padding[2]
@@ -41095,14 +41107,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 && ("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]));
+          "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 && ("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]));
+        "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;
@@ -41116,7 +41142,7 @@
         cellGroup.getChildByName("content").updateHeight(newHeight);
       }
       cellGroup.forEachChildren(child => {
-        child.setAttribute("dy", 0), "rect" === child.type || "chart" === child.type || child.name === CUSTOM_CONTAINER_NAME || ("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]));
+        child.setAttribute("dy", 0), "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]));
       });
     }
     function isCellHeightUpdate(scene, cellGroup, newHeight, oldHeight) {
@@ -41726,7 +41752,7 @@
       var _a, _b;
       if (isPromise(value) && (value = table.getCellValue(col, row)), !addNew && (oldCellGroup.row !== row || oldCellGroup.col !== col)) return null;
       if (!addNew && oldCellGroup.parent && table.reactCustomLayout) {
-        const reactGroup = oldCellGroup.getChildByName("custom-container");
+        const reactGroup = oldCellGroup.getChildByName(CUSTOM_CONTAINER_NAME$1);
         if (reactGroup) {
           const {
             col: col,
@@ -42139,7 +42165,6 @@
     });
     function computeRowsHeight(table, rowStart, rowEnd, isClearRowRangeHeightsMap = !0, update) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-      "undefined" != typeof window && window.performance.now();
       const oldRowHeights = [],
         newHeights = [];
       if (update) for (let row = rowStart; row <= rowEnd; row++) oldRowHeights[row] = table.getRowHeight(row);
@@ -42162,7 +42187,7 @@
           const height = computeRowHeight(row, 0, table.colCount - 1, table);
           update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
         }
-        if (rowEnd < table.columnHeaderLevelCount || !isAllRowsAuto && !isDefaultRowHeightIsAuto) ;else if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol || table.options.customComputeRowHeight || !checkFixedStyleAndNoWrap(table, rowStart)) {
+        if (rowEnd < table.columnHeaderLevelCount || !isAllRowsAuto && !isDefaultRowHeightIsAuto) ;else if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol || table.options.customComputeRowHeight || table.options.rowHeightConfig || !checkFixedStyleAndNoWrap(table, rowStart)) {
           if (table.internalProps.transpose || table.isPivotTable() && !table.internalProps.layoutMap.indicatorsAsCol) for (let row = Math.max(rowStart, table.columnHeaderLevelCount); row <= rowEnd; row++) {
             let height;
             height = checkFixedStyleAndNoWrapForTranspose(table, row) ? computeRowHeight(row, 0, table.rowHeaderLevelCount, table) : computeRowHeight(row, 0, table.colCount - 1, table), update ? newHeights[row] = Math.round(height) : table._setRowHeight(row, height);
@@ -42246,6 +42271,10 @@
         if ("number" == typeof customRowHeight) return customRowHeight;
         if ("auto" !== customRowHeight) return table.getDefaultRowHeight(row);
       }
+      if (table.internalProps.rowHeightConfig) {
+        const rowHeightConfig = table.internalProps.rowHeightConfig.find(item => item.key === row);
+        if (rowHeightConfig) return table.internalProps._heightResizedRowMap.has(row) || (table._setRowHeight(row, rowHeightConfig.height), table.internalProps._heightResizedRowMap.add(row)), rowHeightConfig.height;
+      }
       if (table.isPivotChart() && row >= table.columnHeaderLevelCount && row < table.rowCount - table.bottomFrozenRowCount) {
         let ifNeedComputeRowHeight = table.internalProps.layoutMap.indicatorsAsCol,
           isHeatmap = !1;
@@ -42274,7 +42303,8 @@
           }
         }
         if (table.isPivotChart() && (table.isLeftFrozenColumn(col) && table.isBottomFrozenRow(row) || table.isRightFrozenColumn(col) && table.isBottomFrozenRow(row))) continue;
-        const textHeight = computeTextHeight(col, row, table.isHeader(col, row) ? null === (_a = table._getHeaderLayoutMap(col, row)) || void 0 === _a ? void 0 : _a.headerType : table.getBodyColumnType(col, row), table);
+        const cellType = table.isHeader(col, row) ? null === (_a = table._getHeaderLayoutMap(col, row)) || void 0 === _a ? void 0 : _a.headerType : table.getBodyColumnType(col, row),
+          textHeight = computeTextHeight(col, row, cellType, table);
         maxHeight = isValid$5(maxHeight) ? Math.max(textHeight, maxHeight) : textHeight;
       }
       if (isValid$5(maxHeight)) return maxHeight;
@@ -42504,8 +42534,6 @@
       for (let col = 0; col < scene.table.colCount; col++) {
         const cell = scene.getCell(col, row);
         if ("empty" === cell.role) continue;
-        const mergeInfo = getCellMergeInfo(scene.table, col, row);
-        if (mergeInfo && mergeInfo.start.col !== col) continue;
         updateCellHeightForRow(scene, cell, col, row, cell.attribute.height + detaY, detaY, scene.table.isHeader(col, row)), scene.updateCellContentWhileResize(col, row);
       }
       let rowStart = 0,
@@ -42544,7 +42572,7 @@
         Factory.getFunction("createSparkLineCellGroup")(cell, cell.parent, cell.attribute.x, cell.attribute.y, col, row, cell.attribute.width, cell.attribute.height, padding, scene.table, getStyleTheme(headerStyle, scene.table, col, row, getProp).theme, !1);
       } else if ("image" === type || "video" === type) updateImageCellContentWhileResize(cell, col, row, 0, detaY, scene.table);else if ("axis" === (null === (_d = cell.firstChild) || void 0 === _d ? void 0 : _d.name)) null === (_e = cell.firstChild) || void 0 === _e || _e.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
         let renderDefault = !0;
-        const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+        const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME$1) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
           let customElementsGroup;
           cell.removeChild(customContainer);
@@ -42552,7 +42580,7 @@
           if (customMergeRange) for (let mergeRow = customMergeRange.start.row; mergeRow <= customMergeRange.end.row; mergeRow++) {
             if (mergeRow === row) continue;
             const mergedCell = scene.getCell(col, mergeRow),
-              customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+              customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME$1) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
             customContainer.removeAllChild(), mergedCell.removeChild(customContainer), getCustomCellMergeCustom(col, mergeRow, mergedCell, scene.table);
           } else {
             let customRender, customLayout;
@@ -42753,7 +42781,7 @@
         }
       } else if ("axis" === (null === (_f = cell.firstChild) || void 0 === _f ? void 0 : _f.name)) null === (_g = cell.firstChild) || void 0 === _g || _g.originAxis.resize(cell.attribute.width, cell.attribute.height);else {
         let renderDefault = !0;
-        const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+        const customContainer = cell.getChildByName(CUSTOM_CONTAINER_NAME$1) || cell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
         if (customContainer) {
           let customElementsGroup;
           cell.removeChild(customContainer);
@@ -42761,7 +42789,7 @@
           if (customMergeRange) for (let mergeCol = customMergeRange.start.col; mergeCol <= customMergeRange.end.col; mergeCol++) {
             if (mergeCol === col) continue;
             const mergedCell = scene.getCell(mergeCol, row),
-              customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
+              customContainer = mergedCell.getChildByName(CUSTOM_CONTAINER_NAME$1) || mergedCell.getChildByName(CUSTOM_MERGE_CONTAINER_NAME);
             customContainer.removeAllChild(), mergedCell.removeChild(customContainer), getCustomCellMergeCustom(mergeCol, row, mergedCell, scene.table);
           } else {
             let customRender, customLayout;
@@ -43189,14 +43217,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({
@@ -43259,7 +43288,7 @@
       return row >= table.frozenRowCount && (rowY -= table.scrollTop), rowY;
     }
     function getRowBottomY(table) {
-      return table.tableNoFrameHeight - table.getBottomFrozenRowsHeight();
+      return Math.min(table.tableNoFrameHeight, table.getAllRowsHeight()) - table.getBottomFrozenRowsHeight();
     }
     function getRowTopY(table) {
       return table.getFrozenRowsHeight();
@@ -44254,7 +44283,7 @@
       isValid$5(count) && (batchRenderChartCount = count);
     }
     function clearChartRenderQueue() {
-      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, cancelAnimationFrame(requestAnimationFrameId);
+      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, vglobal.getCancelAnimationFrame()(requestAnimationFrameId);
     }
     function IsHandlingChartQueue() {
       return isHandlingChartQueue;
@@ -44333,7 +44362,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],
@@ -44347,7 +44376,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
@@ -44355,7 +44384,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();
@@ -44587,10 +44616,11 @@
           !key || colorKey && "cellBgColor" !== key || (colorKey = key);
         }
       } else "cell" === cellGroup.role && (colorKey = isCellSelected(table.stateManager, cellGroup.col, cellGroup.row));
-      if (!colorKey) return;
+      if (!colorKey) return table.options.customCellStyleFn ? table.options.customCellStyleFn(cellGroup.col, cellGroup.row, table, "#ffffff") : void 0;
       const layout = table.internalProps.layoutMap;
       layout.isCornerHeader(cellGroup.col, cellGroup.row) ? selectStyle = (null === (_a = table.theme.cornerHeaderStyle) || void 0 === _a ? void 0 : _a.select) || (null === (_b = table.theme.headerStyle) || void 0 === _b ? void 0 : _b.select) : layout.isColumnHeader(cellGroup.col, cellGroup.row) ? selectStyle = null === (_c = table.theme.headerStyle) || void 0 === _c ? void 0 : _c.select : layout.isRowHeader(cellGroup.col, cellGroup.row) ? selectStyle = null === (_d = table.theme.rowHeaderStyle) || void 0 === _d ? void 0 : _d.select : layout.isBottomFrozenRow(cellGroup.col, cellGroup.row) ? selectStyle = (null === (_e = table.theme.bottomFrozenStyle) || void 0 === _e ? void 0 : _e.select) || (table.isListTable() ? null === (_f = table.theme.bodyStyle) || void 0 === _f ? void 0 : _f.select : null === (_g = table.theme.headerStyle) || void 0 === _g ? void 0 : _g.select) : layout.isRightFrozenColumn(cellGroup.col, cellGroup.row) ? selectStyle = (null === (_h = table.theme.rightFrozenStyle) || void 0 === _h ? void 0 : _h.select) || (table.isListTable() ? null === (_j = table.theme.bodyStyle) || void 0 === _j ? void 0 : _j.select : null === (_k = table.theme.rowHeaderStyle) || void 0 === _k ? void 0 : _k.select) : table.isHeader(cellGroup.col, cellGroup.row) || (selectStyle = null === (_l = table.theme.bodyStyle) || void 0 === _l ? void 0 : _l.select);
-      return getProp(colorKey, selectStyle, cellGroup.col, cellGroup.row, table);
+      const fillColor = getProp(colorKey, selectStyle, cellGroup.col, cellGroup.row, table);
+      return table.options.customCellStyleFn ? table.options.customCellStyleFn(cellGroup.col, cellGroup.row, table, fillColor) : fillColor;
     }
     function isSelectMultipleRange(range) {
       return range.start.col !== range.end.col || range.start.row !== range.end.row;
@@ -45072,7 +45102,7 @@
           strokeColor = rectAttribute.stroke,
           cornerRadius = rectAttribute.cornerRadius
         } = rect.attribute;
-        if (stroke && (Array.isArray(strokeArrayWidth) || 0 !== lineWidth) && (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth))) {
+        if (!(!stroke || !Array.isArray(strokeArrayWidth) && 0 === lineWidth || width <= 0 || height <= 0) && (Array.isArray(stroke) || Array.isArray(strokeArrayColor) || Array.isArray(strokeArrayWidth))) {
           const deltaWidth = 0,
             deltaHeight = 0;
           "border-rect" !== rect.name && "table-border-rect" !== rect.name && ("number" == typeof lineWidth && 1 & lineWidth || Array.isArray(strokeArrayWidth) && strokeArrayWidth.some(width => 1 & width)) && (x = Math.floor(x) + .5, y = Math.floor(y) + .5), 0 === cornerRadius || isArray$9(cornerRadius) && cornerRadius.every(num => 0 === num) ? renderStroke(rect, context, x, y, rectAttribute, stroke, strokeArrayWidth || lineWidth, strokeArrayColor || strokeColor, "table-border-rect" !== rect.name ? Math.ceil(width + deltaWidth) : width + deltaWidth, "table-border-rect" !== rect.name ? Math.ceil(height + deltaHeight) : height + deltaHeight) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius, !0, new Array(4).fill(0).map((_, i) => (x1, y1, x2, y2) => {
@@ -45343,10 +45373,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) {
@@ -46822,7 +46854,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$5(screenTopY) && isValid$5(screenTopRow)) {
@@ -46987,6 +47020,11 @@
         height: rowsHeight,
         visible: !0,
         cornerRadius: other ? 1 === other.size ? 2 : 1 === other.index ? "rightFrozen" === selectComp.role ? [0, 2, 2, 0] : [2, 0, 0, 2] : other.index === other.size ? "rightFrozen" === (null === (_a = other.firstItem) || void 0 === _a ? void 0 : _a.role) ? [2, 0, 0, 2] : [0, 2, 2, 0] : 0 : 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 === (_b = scene.table.options.excelOptions) || void 0 === _b ? void 0 : _b.fillHandle;
         let lastCellBound,
@@ -47585,12 +47623,13 @@
       const {
         internalProps: internalProps
       } = table;
-      internalProps.tableBodyDomContainer = document.createElement("div"), internalProps.tableBodyDomContainer.id = "vtable-table-body-dom-container", internalProps.tableBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.tableBodyDomContainer), internalProps.bodyDomContainer = document.createElement("div"), internalProps.bodyDomContainer.id = "vtable-body-dom-container", internalProps.bodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.bodyDomContainer), internalProps.headerDomContainer = document.createElement("div"), internalProps.headerDomContainer.id = "vtable-header-dom-container", internalProps.headerDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.headerDomContainer), internalProps.frozenBodyDomContainer = document.createElement("div"), internalProps.frozenBodyDomContainer.id = "vtable-frozen-body-dom-container", internalProps.frozenBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenBodyDomContainer), internalProps.frozenHeaderDomContainer = document.createElement("div"), internalProps.frozenHeaderDomContainer.id = "vtable-frozen-header-dom-container", internalProps.frozenHeaderDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenHeaderDomContainer), internalProps.rightFrozenBodyDomContainer = document.createElement("div"), internalProps.rightFrozenBodyDomContainer.id = "vtable-right-frozen-body-dom-container", internalProps.rightFrozenBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenBodyDomContainer), internalProps.rightFrozenHeaderDomContainer = document.createElement("div"), internalProps.rightFrozenHeaderDomContainer.id = "vtable-right-frozen-header-dom-container", internalProps.rightFrozenHeaderDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenHeaderDomContainer), internalProps.frozenBottomDomContainer = document.createElement("div"), internalProps.frozenBottomDomContainer.id = "vtable-frozen-bottom-dom-container", internalProps.frozenBottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenBottomDomContainer), internalProps.bottomDomContainer = document.createElement("div"), internalProps.bottomDomContainer.id = "vtable-bottom-dom-container", internalProps.bottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.bottomDomContainer), internalProps.rightFrozenBottomDomContainer = document.createElement("div"), internalProps.rightFrozenBottomDomContainer.id = "vtable-right-frozen-bottom-dom-container", internalProps.rightFrozenBottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenBottomDomContainer);
+      internalProps.tableBodyDomContainer = document.createElement("div"), internalProps.tableBodyDomContainer.id = "vtable-table-body-dom-container", internalProps.tableBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.tableBodyDomContainer), internalProps.bodyDomContainer = document.createElement("div"), internalProps.bodyDomContainer.id = "vtable-body-dom-container", internalProps.bodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.bodyDomContainer), internalProps.headerDomContainer = document.createElement("div"), internalProps.headerDomContainer.id = "vtable-header-dom-container", internalProps.headerDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.headerDomContainer), internalProps.tableHeaderDomContainer = document.createElement("div"), internalProps.tableHeaderDomContainer.id = "vtable-table-header-dom-container", internalProps.tableHeaderDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.tableHeaderDomContainer), internalProps.frozenBodyDomContainer = document.createElement("div"), internalProps.frozenBodyDomContainer.id = "vtable-frozen-body-dom-container", internalProps.frozenBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenBodyDomContainer), internalProps.frozenHeaderDomContainer = document.createElement("div"), internalProps.frozenHeaderDomContainer.id = "vtable-frozen-header-dom-container", internalProps.frozenHeaderDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenHeaderDomContainer), internalProps.rightFrozenBodyDomContainer = document.createElement("div"), internalProps.rightFrozenBodyDomContainer.id = "vtable-right-frozen-body-dom-container", internalProps.rightFrozenBodyDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenBodyDomContainer), internalProps.rightFrozenHeaderDomContainer = document.createElement("div"), internalProps.rightFrozenHeaderDomContainer.id = "vtable-right-frozen-header-dom-container", internalProps.rightFrozenHeaderDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenHeaderDomContainer), internalProps.frozenBottomDomContainer = document.createElement("div"), internalProps.frozenBottomDomContainer.id = "vtable-frozen-bottom-dom-container", internalProps.frozenBottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.frozenBottomDomContainer), internalProps.bottomDomContainer = document.createElement("div"), internalProps.bottomDomContainer.id = "vtable-bottom-dom-container", internalProps.bottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.bottomDomContainer), internalProps.rightFrozenBottomDomContainer = document.createElement("div"), internalProps.rightFrozenBottomDomContainer.id = "vtable-right-frozen-bottom-dom-container", internalProps.rightFrozenBottomDomContainer.classList.add("table-component-container"), internalProps.element.appendChild(internalProps.rightFrozenBottomDomContainer);
     }
     function updateReactContainer(table) {
       const {
         headerDomContainer: headerDomContainer,
         tableBodyDomContainer: tableBodyDomContainer,
+        tableHeaderDomContainer: tableHeaderDomContainer,
         bodyDomContainer: bodyDomContainer,
         frozenBodyDomContainer: frozenBodyDomContainer,
         frozenHeaderDomContainer: frozenHeaderDomContainer,
@@ -47600,7 +47639,7 @@
         frozenBottomDomContainer: frozenBottomDomContainer,
         rightFrozenBottomDomContainer: rightFrozenBottomDomContainer
       } = table.internalProps;
-      if (!(headerDomContainer || bodyDomContainer || frozenBodyDomContainer || frozenHeaderDomContainer || rightFrozenBodyDomContainer || rightFrozenHeaderDomContainer || bottomDomContainer || frozenBottomDomContainer || rightFrozenBottomDomContainer || tableBodyDomContainer)) return;
+      if (!(headerDomContainer || bodyDomContainer || frozenBodyDomContainer || frozenHeaderDomContainer || rightFrozenBodyDomContainer || rightFrozenHeaderDomContainer || bottomDomContainer || frozenBottomDomContainer || rightFrozenBottomDomContainer || tableBodyDomContainer || tableHeaderDomContainer)) return;
       const allColsWidth = table.getAllColsWidth(),
         tableNoFrameWidth = Math.min(allColsWidth, table.tableNoFrameWidth),
         frozenColsWidth = table.getFrozenColsWidth(),
@@ -47615,7 +47654,7 @@
         h = table.tableNoFrameHeight - totalFrozenRowsHeight,
         hh = Math.min(allRowsHeight - totalFrozenRowsHeight, tableNoFrameHeight - totalFrozenRowsHeight),
         bodyHeight = hh < h ? h : hh;
-      tableBodyDomContainer.style.width = `${tableNoFrameWidth}px`, tableBodyDomContainer.style.height = `${bodyHeight}px`, tableBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, table.frozenColCount > 0 ? (headerDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bodyDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bottomDomContainer.style.left = `${table.tableX + frozenColsWidth}px`) : 0 === table.frozenColCount && (headerDomContainer.style.left = `${table.tableX}px`, bodyDomContainer.style.left = `${table.tableX}px`, bottomDomContainer.style.left = `${table.tableX}px`), frozenBodyDomContainer.style.left = `${table.tableX}px`, frozenHeaderDomContainer.style.left = `${table.tableX}px`, headerDomContainer.style.width = `${bodyWidth}px`, headerDomContainer.style.height = `${frozenRowsHeight}px`, bodyDomContainer.style.top = `${table.tableY}px`, bodyDomContainer.style.width = `${bodyWidth}px`, bodyDomContainer.style.height = `${bodyHeight}px`, bodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenBodyDomContainer.style.width = `${frozenColsWidth}px`, frozenBodyDomContainer.style.height = `${bodyHeight}px`, frozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenHeaderDomContainer.style.width = `${frozenColsWidth}px`, frozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, frozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenBodyDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBodyDomContainer.style.height = `${bodyHeight}px`, rightFrozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, rightFrozenBodyDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", rightFrozenHeaderDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, rightFrozenHeaderDomContainer.style.top = `${table.tableY}px`, rightFrozenHeaderDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", bottomDomContainer.style.width = `${bodyWidth}px`, bottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, bottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", frozenBottomDomContainer.style.width = `${frozenColsWidth}px`, frozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, frozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, rightFrozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px";
+      tableBodyDomContainer.style.width = `${tableNoFrameWidth}px`, tableBodyDomContainer.style.height = `${bodyHeight}px`, tableBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, tableHeaderDomContainer.style.width = `${tableNoFrameWidth}px`, tableHeaderDomContainer.style.height = `${frozenRowsHeight}px`, tableHeaderDomContainer.style.top = `${table.tableY + table.stateManager.stickyTop}px`, table.frozenColCount > 0 ? (headerDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bodyDomContainer.style.left = `${table.tableX + frozenColsWidth}px`, bottomDomContainer.style.left = `${table.tableX + frozenColsWidth}px`) : 0 === table.frozenColCount && (headerDomContainer.style.left = `${table.tableX}px`, bodyDomContainer.style.left = `${table.tableX}px`, bottomDomContainer.style.left = `${table.tableX}px`), frozenBodyDomContainer.style.left = `${table.tableX}px`, frozenHeaderDomContainer.style.left = `${table.tableX}px`, headerDomContainer.style.width = `${bodyWidth}px`, headerDomContainer.style.height = `${frozenRowsHeight}px`, headerDomContainer.style.top = `${table.stateManager.stickyTop}px`, bodyDomContainer.style.top = `${table.tableY}px`, bodyDomContainer.style.width = `${bodyWidth}px`, bodyDomContainer.style.height = `${bodyHeight}px`, bodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenBodyDomContainer.style.width = `${frozenColsWidth}px`, frozenBodyDomContainer.style.height = `${bodyHeight}px`, frozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, frozenHeaderDomContainer.style.width = `${frozenColsWidth}px`, frozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, frozenHeaderDomContainer.style.top = `${table.tableY + table.stateManager.stickyTop}px`, rightFrozenBodyDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBodyDomContainer.style.height = `${bodyHeight}px`, rightFrozenBodyDomContainer.style.top = `${table.tableY + frozenRowsHeight}px`, rightFrozenBodyDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", rightFrozenHeaderDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenHeaderDomContainer.style.height = `${frozenRowsHeight}px`, rightFrozenHeaderDomContainer.style.top = `${table.tableY + table.stateManager.stickyTop}px`, rightFrozenHeaderDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px", bottomDomContainer.style.width = `${bodyWidth}px`, bottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, bottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", frozenBottomDomContainer.style.width = `${frozenColsWidth}px`, frozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, frozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.width = `${rightFrozenColsWidth}px`, rightFrozenBottomDomContainer.style.height = `${bottomFrozenRowsHeight}px`, rightFrozenBottomDomContainer.style.top = table.tableY + tableNoFrameHeight - bottomFrozenRowsHeight + "px", rightFrozenBottomDomContainer.style.left = table.tableX + tableNoFrameWidth - rightFrozenColsWidth + "px";
     }
     function updateReactComponentContainer(scene) {
       if (!scene.table.reactCustomLayout) return;
@@ -49077,7 +49116,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,
@@ -49110,12 +49149,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;
@@ -49214,7 +49253,7 @@
           colHeaderX = this.colHeaderGroup.hasChildNodes() && this.colHeaderGroup.firstChild ? updateContainerChildrenX(this.colHeaderGroup, this.colHeaderGroup.firstChild.col > 0 ? this.table.getColsWidth(null !== (_a = this.table.frozenColCount) && void 0 !== _a ? _a : 0, this.colHeaderGroup.firstChild.col - 1) : 0) : 0,
           bodyX = this.bodyGroup.hasChildNodes() && this.bodyGroup.firstChild ? updateContainerChildrenX(this.bodyGroup, this.bodyGroup.firstChild.col > 0 ? this.table.getColsWidth(null !== (_b = this.table.frozenColCount) && void 0 !== _b ? _b : 0, this.bodyGroup.firstChild.col - 1) : 0) : 0,
           rightX = updateContainerChildrenX(this.rightFrozenGroup.childrenCount > 0 ? this.rightFrozenGroup : this.rightTopCornerGroup, 0);
-        this.bottomFrozenGroup.hasChildNodes() && this.bottomFrozenGroup.firstChild && updateContainerChildrenX(this.bottomFrozenGroup, this.bottomFrozenGroup.firstChild.col > 0 ? this.table.getColsWidth(null !== (_c = this.table.frozenColCount) && void 0 !== _c ? _c : 0, this.bottomFrozenGroup.firstChild.col - 1) : 0), updateContainerChildrenX(this.leftBottomCornerGroup, 0), updateContainerChildrenX(this.rightTopCornerGroup, 0), updateContainerChildrenX(this.rightBottomCornerGroup, 0), this.cornerHeaderGroup.setDeltaWidth(cornerX - this.cornerHeaderGroup.attribute.width), this.leftBottomCornerGroup.setDeltaWidth(cornerX - this.leftBottomCornerGroup.attribute.width), this.colHeaderGroup.setDeltaWidth(colHeaderX - this.colHeaderGroup.attribute.width), this.rowHeaderGroup.setDeltaWidth(rowHeaderX - this.rowHeaderGroup.attribute.width), this.bottomFrozenGroup.setDeltaWidth(colHeaderX - this.bottomFrozenGroup.attribute.width), this.rightFrozenGroup.setDeltaWidth(rightX - this.rightFrozenGroup.attribute.width), this.rightTopCornerGroup.setDeltaWidth(rightX - this.rightTopCornerGroup.attribute.width), this.rightBottomCornerGroup.setDeltaWidth(rightX - this.rightBottomCornerGroup.attribute.width), this.bodyGroup.setDeltaWidth(bodyX - this.bodyGroup.attribute.width), this.colHeaderGroup.setAttribute("x", this.cornerHeaderGroup.attribute.width), this.bottomFrozenGroup.setAttribute("x", this.table.getFrozenColsWidth()), this.bodyGroup.setAttribute("x", this.rowHeaderGroup.attribute.width);
+        this.bottomFrozenGroup.hasChildNodes() && this.bottomFrozenGroup.firstChild && updateContainerChildrenX(this.bottomFrozenGroup, this.bottomFrozenGroup.firstChild.col > 0 ? this.table.getColsWidth(null !== (_c = this.table.frozenColCount) && void 0 !== _c ? _c : 0, this.bottomFrozenGroup.firstChild.col - 1) : 0), updateContainerChildrenX(this.leftBottomCornerGroup, 0), updateContainerChildrenX(this.rightTopCornerGroup, 0), updateContainerChildrenX(this.rightBottomCornerGroup, 0), this.cornerHeaderGroup.setDeltaWidth(cornerX - this.cornerHeaderGroup.attribute.width), this.leftBottomCornerGroup.setDeltaWidth(cornerX - this.leftBottomCornerGroup.attribute.width), this.colHeaderGroup.setDeltaWidth(colHeaderX - this.colHeaderGroup.attribute.width), this.rowHeaderGroup.setDeltaWidth(rowHeaderX - this.rowHeaderGroup.attribute.width), this.bottomFrozenGroup.setDeltaWidth(colHeaderX - this.bottomFrozenGroup.attribute.width), this.rightFrozenGroup.setDeltaWidth(rightX - this.rightFrozenGroup.attribute.width), this.rightTopCornerGroup.setDeltaWidth(rightX - this.rightTopCornerGroup.attribute.width), this.rightBottomCornerGroup.setDeltaWidth(rightX - this.rightBottomCornerGroup.attribute.width), this.bodyGroup.setDeltaWidth(bodyX - this.bodyGroup.attribute.width), this.colHeaderGroup.setAttribute("x", this.cornerHeaderGroup.attribute.width), this.colHeaderGroup.setAttribute("y", this.table.stateManager.stickyTop), this.cornerHeaderGroup.setAttribute("y", this.table.stateManager.stickyTop), this.rightTopCornerGroup.setAttribute("y", this.table.stateManager.stickyTop), this.bottomFrozenGroup.setAttribute("x", this.table.getFrozenColsWidth()), this.bodyGroup.setAttribute("x", this.rowHeaderGroup.attribute.width);
       }
       updateContainerAttrHeightAndY() {
         var _a, _b, _c;
@@ -50062,9 +50101,9 @@
 
     function adjustMoveHeaderTarget(source, target, table) {
       const sourceCellRange = table.getCellRange(source.col, source.row);
-      if (table.isColumnHeader(source.col, source.row)) {
+      if (table.isColumnHeader(source.col, source.row) || "column" === table.stateManager.columnMove.movingColumnOrRow && 0 === source.row) {
         const targetCellRange = table.getCellRange(target.col, sourceCellRange.start.row);
-        target.row >= table.columnHeaderLevelCount && (target.row = table.columnHeaderLevelCount - 1), target.col >= source.col ? target.col = targetCellRange.end.col : target.col = targetCellRange.start.col;
+        target.row >= table.columnHeaderLevelCount && (target.row = Math.max(table.columnHeaderLevelCount - 1, 0)), target.col >= source.col ? target.col = targetCellRange.end.col : target.col = targetCellRange.start.col;
       } else if (table.isRowHeader(source.col, source.row)) {
         const layoutMap = table.internalProps.layoutMap,
           targetCellRange = table.getCellRange(sourceCellRange.start.col, target.row);
@@ -50079,25 +50118,73 @@
       }
       return target;
     }
+    function adjustWidthResizedColMap(moveContext, table) {
+      if (table.internalProps._widthResizedColMap.size > 0) {
+        const resizedColIndexs = Array.from(table.internalProps._widthResizedColMap.keys());
+        table.internalProps._widthResizedColMap.clear();
+        for (let i = 0; i < resizedColIndexs.length; i++) {
+          const colIndex = resizedColIndexs[i];
+          let newColIndex;
+          const {
+            sourceIndex: sourceIndex,
+            targetIndex: targetIndex,
+            sourceSize: sourceSize
+          } = moveContext;
+          newColIndex = colIndex >= sourceIndex && colIndex < sourceIndex + sourceSize ? targetIndex + (colIndex - sourceIndex) : sourceIndex < targetIndex ? colIndex >= sourceIndex + sourceSize && colIndex < targetIndex || colIndex >= targetIndex ? colIndex - sourceSize : colIndex : colIndex >= targetIndex && colIndex < sourceIndex ? colIndex + sourceSize : colIndex, table.internalProps._widthResizedColMap.add(newColIndex);
+        }
+      }
+    }
+    function adjustHeightResizedRowMap(moveContext, table) {
+      if (table.internalProps._heightResizedRowMap.size > 0) {
+        const resizedRowIndexs = Array.from(table.internalProps._heightResizedRowMap.keys());
+        table.internalProps._heightResizedRowMap.clear();
+        for (let i = 0; i < resizedRowIndexs.length; i++) {
+          const rowIndex = resizedRowIndexs[i];
+          let newRowIndex;
+          const {
+            sourceIndex: sourceIndex,
+            targetIndex: targetIndex,
+            sourceSize: sourceSize
+          } = moveContext;
+          newRowIndex = rowIndex >= sourceIndex && rowIndex < sourceIndex + sourceSize ? targetIndex + (rowIndex - sourceIndex) : sourceIndex < targetIndex ? rowIndex >= sourceIndex + sourceSize && rowIndex < targetIndex || rowIndex >= targetIndex ? rowIndex - sourceSize : rowIndex : rowIndex >= targetIndex && rowIndex < sourceIndex ? rowIndex + sourceSize : rowIndex, table.internalProps._heightResizedRowMap.add(newRowIndex);
+        }
+      }
+    }
+    function adjustHeightResizedRowMapWithAddRecordIndex(table, recordIndex, records) {
+      const resizedRowIndexs = Array.from(table.internalProps._heightResizedRowMap.keys()),
+        rowIndex = recordIndex + (table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount);
+      for (let i = 0; i < resizedRowIndexs.length; i++) resizedRowIndexs[i] >= rowIndex && (table.internalProps._heightResizedRowMap.delete(resizedRowIndexs[i]), table.internalProps._heightResizedRowMap.add(resizedRowIndexs[i] + records.length));
+    }
+    function adjustHeightResizedRowMapWithDeleteRecordIndex(table, recordIndexs) {
+      const headerCount = table.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+      recordIndexs.sort((a, b) => b - a);
+      for (let i = 0; i < recordIndexs.length; i++) {
+        const rowIndex = recordIndexs[i] + headerCount,
+          resizedRowIndexs = Array.from(table.internalProps._heightResizedRowMap.keys());
+        for (let j = 0; j < resizedRowIndexs.length; j++) resizedRowIndexs[j] === rowIndex ? table.internalProps._heightResizedRowMap.delete(resizedRowIndexs[j]) : resizedRowIndexs[j] > rowIndex && (table.internalProps._heightResizedRowMap.delete(resizedRowIndexs[j]), table.internalProps._heightResizedRowMap.add(resizedRowIndexs[j] - 1));
+      }
+    }
 
-    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,
@@ -50107,7 +50194,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();
@@ -50137,7 +50225,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 || "column" === state.columnMove.movingColumnOrRow && 0 === state.columnMove.rowSource ? (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,
@@ -50146,14 +50234,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({
@@ -50163,7 +50252,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),
@@ -50172,11 +50263,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.component.setBottomFrozenColumnShadow(), state.table.scenegraph.component.setTopFrozenColumnShadow(), 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) {
@@ -50214,6 +50305,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;
@@ -50238,7 +50330,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.component.setBottomFrozenColumnShadow(), state.table.scenegraph.component.setTopFrozenColumnShadow(), 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.component.setBottomFrozenColumnShadow(), state.table.scenegraph.component.setTopFrozenColumnShadow(), 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));
@@ -50552,6 +50646,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;
@@ -50561,7 +50656,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));
@@ -50701,7 +50798,7 @@
 
     class StateManager {
       constructor(table) {
-        this.fastScrolling = !1, this.checkedState = new Map(), this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce(state => {
+        this.stickyTop = 0, this.fastScrolling = !1, this.checkedState = new Map(), this.headerCheckedState = {}, this._checkboxCellTypeFields = [], this._headerCheckFuncs = {}, this.radioState = {}, this.resetInteractionState = debounce(state => {
           this.updateInteractionState(null != state ? state : InteractionState.default);
         }, 100), this.table = table, this.initState(), this.updateVerticalScrollBar = this.updateVerticalScrollBar.bind(this), this.updateHorizontalScrollBar = this.updateHorizontalScrollBar.bind(this);
       }
@@ -50733,7 +50830,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -50761,7 +50859,7 @@
         };
       }
       _initState() {
-        this.interactionState = InteractionState.default, this.select = {
+        this.interactionState = InteractionState.default, this.stickyTop = 0, this.select = {
           highlightScope: HighlightScope.single,
           ranges: [],
           cellPos: {
@@ -50800,7 +50898,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -50830,6 +50929,9 @@
           row: -1
         };
       }
+      setStickyTop(stickyTop) {
+        this.stickyTop !== stickyTop && (this.stickyTop = stickyTop, this.table.scenegraph.updateDomContainer(), this.table.scenegraph.colHeaderGroup.setAttribute("y", stickyTop), this.table.scenegraph.cornerHeaderGroup.setAttribute("y", stickyTop), this.table.scenegraph.rightTopCornerGroup.setAttribute("y", stickyTop), this.table.scenegraph.updateNextFrame());
+      }
       setHoverState() {
         var _a;
         const {
@@ -50967,7 +51069,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];
@@ -51023,8 +51125,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);
@@ -51036,8 +51138,8 @@
         return endMoveCol(this);
       }
       checkFrozen() {
-        var _a;
-        let originalFrozenColCount = this.table.options.frozenColCount ? this.table.options.frozenColCount : this.table.isPivotTable() || this.table.isListTable() && this.table.internalProps.transpose ? (null !== (_a = this.table.rowHeaderLevelCount) && void 0 !== _a ? _a : 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount : 0;
+        var _a, _b;
+        let originalFrozenColCount = (null !== (_a = this.table.options.frozenColCount) && void 0 !== _a ? _a : this.table.isPivotTable() || this.table.isListTable() && this.table.internalProps.transpose) ? (null !== (_b = this.table.rowHeaderLevelCount) && void 0 !== _b ? _b : 0) + this.table.internalProps.layoutMap.leftRowSeriesNumberColumnCount : 0;
         if (originalFrozenColCount) {
           originalFrozenColCount = Math.min(originalFrozenColCount, this.table.colCount);
           const container = this.table.getContainer();
@@ -51653,7 +51755,7 @@
       });
       (optimizedDeltaX || optimizedDeltaY) && state.interactionState !== InteractionState.scrolling && state.updateInteractionState(InteractionState.scrolling);
       const autoHide = "focus" !== (null === (_b = null === (_a = state.table.options.theme) || void 0 === _a ? void 0 : _a.scrollStyle) || void 0 === _b ? void 0 : _b.visible);
-      optimizedDeltaX && (state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX, event), state.showHorizontalScrollBar(autoHide)), optimizedDeltaY && (state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY, event), state.showVerticalScrollBar(autoHide)), isWheelEvent && state.resetInteractionState(state.interactionStateBeforeScroll), (null === (_c = event.nativeEvent) || void 0 === _c ? void 0 : _c.cancelable) && ("none" === state.table.internalProps.overscrollBehavior || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, state) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, state)) && event.nativeEvent.preventDefault();
+      optimizedDeltaX && (state.setScrollLeft(state.scroll.horizontalBarPos + optimizedDeltaX, event), state.showHorizontalScrollBar(autoHide)), optimizedDeltaY && (state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY, event), state.showVerticalScrollBar(autoHide)), isWheelEvent && state.resetInteractionState(state.interactionStateBeforeScroll), (null === (_c = event.nativeEvent) || void 0 === _c ? void 0 : _c.cancelable) && ("none" === state.table.internalProps.overscrollBehavior && (deltaY && isVerticalExistScrollBar(state) || deltaX && isHorizontalExistScrollBar(state)) || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, state) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, state)) && event.nativeEvent.preventDefault();
     }
     function optimizeScrollXY(x, y, ratio) {
       var _a, _b;
@@ -51668,6 +51770,12 @@
     function isHorizontalScrollable(deltaX, state) {
       return 0 != state.table.getAllColsWidth() - state.table.scenegraph.width && !isScrollToLeft(deltaX, state) && !isScrollToRight(deltaX, state);
     }
+    function isVerticalExistScrollBar(state) {
+      return !(state.table.getAllRowsHeight() - state.table.scenegraph.height <= 0);
+    }
+    function isHorizontalExistScrollBar(state) {
+      return !(state.table.getAllColsWidth() - state.table.scenegraph.width <= 0);
+    }
     function isScrollToTop(deltaY, state) {
       return 0 !== state.table.getAllRowsHeight() - state.table.scenegraph.height && deltaY <= 0 && state.scroll.verticalBarPos < 1;
     }
@@ -51694,7 +51802,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;
@@ -51706,10 +51814,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;
@@ -51724,7 +51832,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;
@@ -51737,6 +51846,7 @@
               col: colSource,
               row: rowSource
             },
+            movingColumnOrRow: movingColumnOrRow,
             event: e
           });
         }
@@ -51752,6 +51862,7 @@
             col: table.stateManager.columnMove.colSource,
             row: table.stateManager.columnMove.rowSource
           },
+          movingColumnOrRow: table.stateManager.columnMove.movingColumnOrRow,
           event: e
         });
       }
@@ -51777,7 +51888,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, {
@@ -52092,8 +52203,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),
@@ -52446,7 +52558,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$5(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$5(table.options.pixelRatio) || table.setPixelRatio(getPixelRatio()), e.windowSizeNotChange || table.resize());
       });
       const globalPointerdownCallback = e => {
         var _a;
@@ -52528,10 +52640,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(),
@@ -52606,7 +52718,7 @@
           handleWhell({
             deltaX: deltaX,
             deltaY: deltaY
-          }, stateManager), e.cancelable && ("none" === table.internalProps.overscrollBehavior || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, stateManager) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, stateManager)) && e.preventDefault();
+          }, stateManager), e.cancelable && ("none" === table.internalProps.overscrollBehavior && (deltaY && isVerticalExistScrollBar(stateManager) || deltaX && isHorizontalExistScrollBar(stateManager)) || Math.abs(deltaY) >= Math.abs(deltaX) && 0 !== deltaY && isVerticalScrollable(deltaY, stateManager) || Math.abs(deltaY) <= Math.abs(deltaX) && 0 !== deltaX && isHorizontalScrollable(deltaX, stateManager)) && e.preventDefault();
         }
       };
       vglobal.addEventListener("touchmove", globalTouchMoveCallback, {
@@ -52936,7 +53048,7 @@
           if (table.eventManager.checkCellFillhandle(eventArgsSet)) table.fireListeners(TABLE_EVENT_TYPE.DBLCLICK_FILL_HANDLE, {});else if (table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0 && !disableDblclickAutoResizeColWidth) {
             table.scenegraph.updateAutoColWidth(resizeCol.col), table.internalProps._widthResizedColMap.add(resizeCol.col), table.scenegraph.updateChartSizeForResizeColWidth(resizeCol.col);
             const state = table.stateManager;
-            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.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), (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);
             const colWidths = [];
             for (let col = 0; col < table.colCount; col++) colWidths.push(table.getColWidth(col));
             table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
@@ -53145,12 +53257,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$5(eventArgs.col) && isValid$5(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$5(col) && isValid$5(row) && this.table.stateManager.updateMoveCol(col, row, x, y, event);
       }
       startColumnResize(eventArgsSet) {}
       dealIconClick(e, eventArgsSet) {
@@ -53354,7 +53464,7 @@
               });
             } else navigator.clipboard.read().then(clipboardItems => {
               for (const item of clipboardItems) item.types.includes("text/plain") && item.getType("text/plain").then(blob => {
-                blob.text().then(this._pasteValue);
+                blob.text().then(data => this._pasteValue(data));
               });
             });
           }));
@@ -54617,12 +54727,12 @@
       clearRange() {
         this.cumulativeSum.clear(), this.difference.clear();
       }
-      add(position, value) {
+      _add(position, value) {
         if (!isValid$5(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);
@@ -54639,7 +54749,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);
@@ -54706,21 +54816,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$5(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$5(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();
@@ -54748,28 +54875,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) {
@@ -54780,7 +54891,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 {
@@ -55537,6 +55649,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];
@@ -55771,7 +55911,7 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          isNumber$6(null == axisOption ? void 0 : axisOption.max) ? (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)) : "boxPlot" === chartType && (range.max += (range.max - range.min) / 20), isNumber$6(null == axisOption ? void 0 : axisOption.min) ? (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)) : "boxPlot" === chartType && (range.min -= (range.max - range.min) / 20);
           let domain = [];
           if ("heatmap" === chartType) {
             const colDimensionKey = layout.getDimensionKeyInChartSpec(col, layout.rowCount - layout.bottomFrozenRowCount - 1, "xField"),
@@ -55853,7 +55993,7 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          isNumber$6(null == axisOption ? void 0 : axisOption.max) ? (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1)) : "boxPlot" === chartType && (range.max += (range.max - range.min) / 20), isNumber$6(null == axisOption ? void 0 : axisOption.min) ? (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)) : "boxPlot" === chartType && (range.min -= (range.max - range.min) / 20);
           let domain = [];
           if ("heatmap" === chartType) {
             const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, "yField"),
@@ -56176,7 +56316,8 @@
           range: range,
           isZeroAlign: isZeroAlign,
           isTickAlign: isTickAlign,
-          axisOption: axisOption
+          axisOption: axisOption,
+          chartType: chartType
         } = getChartAxisRange(col, row, index, position, indicatorKeys, path, layout),
         {
           targetRange: targetRange,
@@ -56202,7 +56343,8 @@
         axisOption: axisOption,
         range: range,
         targetTicks: targetTicks,
-        targetRange: targetRange
+        targetRange: targetRange,
+        chartType: chartType
       };
     }
     function getTargetRangeAndTicks(col, row, index, isZeroAlign, isTickAlign, range, indicatorKeys, subAxisPosition, path, layout) {
@@ -56531,7 +56673,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.0.19", 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.0.21", 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
@@ -57111,7 +57253,7 @@
         return this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
       }
       isAutoRowHeight(row) {
-        return "autoHeight" === this.heightMode || !!this.options.customComputeRowHeight || (row >= 0 && row < this.columnHeaderLevelCount ? "auto" === this.getDefaultRowHeight(row) : "auto" === this.internalProps.defaultRowHeight);
+        return "autoHeight" === this.heightMode || !!this.options.customComputeRowHeight || !!this.internalProps.rowHeightConfig || (row >= 0 && row < this.columnHeaderLevelCount ? "auto" === this.getDefaultRowHeight(row) : "auto" === this.internalProps.defaultRowHeight);
       }
       getColWidth(col) {
         var _a;
@@ -57283,6 +57425,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;
       }
@@ -58666,6 +58814,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 = {};
@@ -60021,9 +60185,10 @@
             range: range,
             targetTicks: targetTicks,
             targetRange: targetRange,
-            axisOption: axisOption
+            axisOption: axisOption,
+            chartType: chartType
           } = getAxisRangeAndTicks(col, row, index, 0 === index ? "bottom" : "top", 0 === index ? "top" : "bottom", indicatorKeys, colPath, layout);
-          isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max), hasSameAxis(axisOption, axes) || axes.push(merge$2({
+          isNumber$6(null == axisOption ? void 0 : axisOption.max) ? range.max = axisOption.max : "boxPlot" === chartType && (range.max += (range.max - range.min) / 20), isNumber$6(null == axisOption ? void 0 : axisOption.min) ? range.min = axisOption.min : "boxPlot" === chartType && (range.min -= (range.max - range.min) / 20), hasSameAxis(axisOption, axes) || axes.push(merge$2({
             range: range,
             label: {
               style: {
@@ -60095,15 +60260,15 @@
         indicatorKeys.forEach((key, index) => {
           var _a, _b;
           const {
-            range: range,
-            targetTicks: targetTicks,
-            targetRange: targetRange,
-            axisOption: axisOption
-          } = getAxisRangeAndTicks(col, row, index, 0 === index ? "left" : "right", 0 === index ? "right" : "left", indicatorKeys, rowPath, layout);
-          if (isNumber$6(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min), isNumber$6(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max), hasSameAxis(axisOption, axes)) return;
-          const {
-            chartType: chartType
-          } = getAxisOption(col, row, 0 === index ? "left" : "right", layout);
+              range: range,
+              targetTicks: targetTicks,
+              targetRange: targetRange,
+              axisOption: axisOption
+            } = getAxisRangeAndTicks(col, row, index, 0 === index ? "left" : "right", 0 === index ? "right" : "left", indicatorKeys, rowPath, layout),
+            {
+              chartType: chartType
+            } = getAxisOption(col, row, 0 === index ? "left" : "right", layout);
+          if (isNumber$6(null == axisOption ? void 0 : axisOption.max) ? range.max = axisOption.max : "boxPlot" === chartType && (range.max += (range.max - range.min) / 20), isNumber$6(null == axisOption ? void 0 : axisOption.min) ? range.min = axisOption.min : "boxPlot" === chartType && (range.min -= (range.max - range.min) / 20), hasSameAxis(axisOption, axes)) return;
           let domain = [];
           if ("heatmap" === chartType) {
             const rowDimensionKey = layout.getDimensionKeyInChartSpec(layout.rowHeaderLevelCount, row, "yField"),
@@ -60960,16 +61125,17 @@
         }
       }
       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)) {
+        if (this.isColumnHeader(source.col, source.row) || "column" === this._table.stateManager.columnMove.movingColumnOrRow && 0 === source.row) {
           return this.getParentCellId(source.col, sourceCellRange.start.row) === this.getParentCellId(target.col, sourceCellRange.start.row);
         }
         if (this.isRowHeader(source.col, source.row)) {
@@ -60978,10 +61144,10 @@
         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)) {
+          if (this.isColumnHeader(source.col, source.row) || "column" === this._table.stateManager.columnMove.movingColumnOrRow && 0 === source.row) {
             const sourceSize = sourceCellRange.end.col - sourceCellRange.start.col + 1;
             let targetIndex;
             const targetCellRange = this.getCellRange(target.col, sourceCellRange.start.row);
@@ -60990,8 +61156,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 < Math.max(targetIndex, source.col) && rowRecords.push(...Array(Math.max(targetIndex, source.col) - 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,
@@ -61018,7 +61194,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,
@@ -61456,140 +61632,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) {
@@ -61945,7 +62133,7 @@
         if (internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.multipleSort = !!options.multipleSort, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule, this.internalProps.customDealGroupData) : {
           addRecordRule: options.addRecordRule,
           customDealGroupData: this.internalProps.customDealGroupData
-        }, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_d = null !== (_c = options.enableTreeNodeMerge) && void 0 !== _c ? _c : isValid$5(this.internalProps.groupBy)) && void 0 !== _d && _d, this.internalProps.headerHelper.setTableColumnsEditor(), this.showHeader = null === (_e = options.showHeader) || void 0 === _e || _e, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, "node" !== Env.mode && (this.editorManager = new EditManager(this)), this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? this.dataSource = options.dataSource : options.records ? this.setRecords(options.records, {
+        }, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_d = null !== (_c = options.enableTreeNodeMerge) && void 0 !== _c ? _c : isValid$5(this.internalProps.groupBy)) && void 0 !== _d && _d, this.internalProps.headerHelper.setTableColumnsEditor(), this.showHeader = null === (_e = options.showHeader) || void 0 === _e || _e, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.internalProps.rowHeightConfig = options.rowHeightConfig, this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, "node" !== Env.mode && (this.editorManager = new EditManager(this)), this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, options.dataSource ? this.dataSource = options.dataSource : options.records ? this.setRecords(options.records, {
           sortState: internalProps.sortState
         }) : this.setRecords([]), options.title) {
           const Title = Factory.getComponent("title");
@@ -61982,14 +62170,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;
@@ -62000,21 +62191,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);
+        void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns);
+        for (let i = 0; i < toAddColumns.length; i++) this.colWidthsMap.addAndReorder(colIndex + i, null !== (_a = toAddColumns[i].width) && void 0 !== _a ? _a : this.internalProps.defaultColWidth);
+        this.internalProps._colRangeWidthsMap.clear();
+        const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+        for (let i = 0; i < resizedColIndexs.length; i++) resizedColIndexs[i] >= colIndex && (this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]), this.internalProps._widthResizedColMap.add(resizedColIndexs[i] + toAddColumns.length));
+        if (isMaintainArrayData) {
+          for (let i = 0; i < columns.length; i++) columns[i].field = i;
+          for (let i = 0; i < this.records.length; i++) {
+            const record = this.records[i];
+            Array.isArray(record) && record.splice(colIndex, 0, ...Array(toAddColumns.length).fill(void 0));
+          }
         }
-        this.updateColumns(columns);
+        this.updateColumns(columns, {
+          clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE.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();
@@ -62193,7 +62412,7 @@
         const internalProps = this.internalProps;
         if (super.updateOption(options, updateConfig), internalProps.frozenColDragHeaderMode = null !== (_b = null === (_a = options.dragOrder) || void 0 === _a ? void 0 : _a.frozenColDragHeaderMode) && void 0 !== _b ? _b : options.frozenColDragHeaderMode, this.pagination = options.pagination, internalProps.sortState = options.sortState, internalProps.dataConfig = this.internalProps.groupBy ? getGroupByDataConfig(this.internalProps.groupBy, options.addRecordRule, this.internalProps.customDealGroupData) : {
           addRecordRule: options.addRecordRule
-        }, this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_e = null !== (_d = options.enableTreeNodeMerge) && void 0 !== _d ? _d : isValid$5(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
+        }, this.showHeader = null === (_c = options.showHeader) || void 0 === _c || _c, internalProps.columns = options.columns ? cloneDeepSpec(options.columns, ["children"]) : options.header ? cloneDeepSpec(options.header, ["children"]) : [], generateAggregationForColumn(this), internalProps.enableTreeNodeMerge = null !== (_e = null !== (_d = options.enableTreeNodeMerge) && void 0 !== _d ? _d : isValid$5(this.internalProps.groupBy)) && void 0 !== _e && _e, this.internalProps.headerHelper.setTableColumnsEditor(), this.transpose = null !== (_f = options.transpose) && void 0 !== _f && _f, this.refreshHeader(), this.internalProps.useOneRowHeightFillAll = !1, this.internalProps.columnWidthConfig = options.columnWidthConfig, this.internalProps.rowHeightConfig = options.rowHeightConfig, internalProps.releaseList) for (let i = internalProps.releaseList.length - 1; i >= 0; i--) {
           const releaseObj = internalProps.releaseList[i];
           releaseObj instanceof DataSource ? releaseObj.updateColumns(this.internalProps.columns) : (null === (_g = null == releaseObj ? void 0 : releaseObj.release) || void 0 === _g || _g.call(releaseObj), internalProps.releaseList.splice(i, 1));
         }
@@ -62249,7 +62468,7 @@
         const sourceCellRange = this.getCellRange(source.col, source.row),
           targetCellRange = this.getCellRange(target.col, target.row),
           moveContext = this.internalProps.layoutMap.moveHeaderPosition(source, target);
-        return moveContext ? ("column" === moveContext.moveType ? (this.colWidthsMap.exchangeOrder(sourceCellRange.start.col, sourceCellRange.end.col - sourceCellRange.start.col + 1, targetCellRange.start.col, targetCellRange.end.col - targetCellRange.start.col + 1, moveContext.targetIndex), this.transpose || (this.colWidthsLimit = {}, this.setMinMaxLimitWidth())) : moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex), moveContext) : null;
+        return moveContext ? ("column" === moveContext.moveType ? (this.colWidthsMap.exchangeOrder(sourceCellRange.start.col, sourceCellRange.end.col - sourceCellRange.start.col + 1, targetCellRange.start.col, targetCellRange.end.col - targetCellRange.start.col + 1, moveContext.targetIndex), adjustWidthResizedColMap(moveContext, this), this.transpose || (this.colWidthsLimit = {}, this.setMinMaxLimitWidth())) : (moveContext.targetIndex > moveContext.sourceIndex ? this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex + moveContext.sourceSize - moveContext.targetSize, moveContext.targetSize, moveContext.targetIndex) : this.rowHeightsMap.exchangeOrder(moveContext.sourceIndex, moveContext.sourceSize, moveContext.targetIndex, moveContext.targetSize, moveContext.targetIndex), adjustHeightResizedRowMap(moveContext, this)), moveContext) : null;
       }
       changeRecordOrder(sourceIndex, targetIndex) {
         this.transpose ? (sourceIndex = this.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = this.getRecordShowIndexByCell(targetIndex, 0)) : (sourceIndex = this.getRecordShowIndexByCell(0, sourceIndex), targetIndex = this.getRecordShowIndexByCell(0, targetIndex)), this.dataSource.changeOrder(sourceIndex, targetIndex);
@@ -62413,8 +62632,13 @@
           };
         })), this.internalProps.layoutMap.clearCellRangeMap(), this.internalProps.useOneRowHeightFillAll = !1, this.scenegraph.sortCell()), sortState.length && this.stateManager.updateSortState(sortState);
       }
-      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();
+      updateFilterRules(filterRules, options = {
+        clearRowHeightCache: !0
+      }) {
+        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(!(null == options ? void 0 : options.clearRowHeightCache)), this.resize();
+      }
+      getFilteredRecords() {
+        return this.dataSource.records;
       }
       getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), isValid$5(field)) {
@@ -62555,18 +62779,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);
+        adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, [record]), 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);
+        "number" == typeof recordIndex && adjustHeightResizedRowMapWithAddRecordIndex(this, recordIndex, records), 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();
+        listTableDeleteRecords(recordIndexs, this), adjustHeightResizedRowMapWithDeleteRecordIndex(this, recordIndexs), null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible();
+        const rowIndexs = [];
+        for (let i = 0; i < recordIndexs.length; i++) rowIndexs.push(this.getBodyRowIndexByRecordIndex(recordIndexs[i]) + this.columnHeaderLevelCount);
+        this.fireListeners(TABLE_EVENT_TYPE.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;
@@ -65946,7 +66191,7 @@
         cellGroup.forEachChildren(child => {
           "icon-left" === child.role ? child.setAttribute("x", child.attribute.x + padding[3]) : "icon-right" === child.role ? child.setAttribute("x", child.attribute.x + Awidth - cellRightIconWidth + padding[3]) : "icon-absolute-right" === child.role ? child.setAttribute("x", child.attribute.x + Awidth - cellabsoluteRightIconWidth + padding[3] + padding[1]) : "content" !== child.name && "checkbox-content" !== child.name || ("center" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + cellLeftIconWidth + (Awidth - cellLeftIconWidth - cellRightIconWidth) / 2) : "right" === textAlign && "richtext" !== child.type ? child.setAttribute("x", padding[3] + Awidth - cellRightIconWidth) : child.setAttribute("x", padding[3] + cellLeftIconWidth));
         }), cellGroup.forEachChildren(child => {
-          child.name !== CUSTOM_CONTAINER_NAME && ("middle" === textBaseline ? (null == child ? void 0 : child._checkboxGroup) && child._leftGroup.setAttribute("y", padding[0] + (Aheight - child._checkboxGroup.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + Aheight - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
+          child.name !== CUSTOM_CONTAINER_NAME$1 && ("middle" === textBaseline ? (null == child ? void 0 : child._checkboxGroup) && child._leftGroup.setAttribute("y", padding[0] + (Aheight - child._checkboxGroup.AABBBounds.height()) / 2) : "bottom" === textBaseline ? child.setAttribute("y", padding[0] + Aheight - child.AABBBounds.height()) : child.setAttribute("y", padding[0]));
         });
       }
       return width -= padding[1] + padding[3] + iconWidth, height -= padding[0] + padding[2], "center" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + (width - checkboxComponent.AABBBounds.width()) / 2) : "right" === textAlign ? checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth + width - checkboxComponent.AABBBounds.width()) : checkboxComponent.setAttribute("x", padding[3] + cellLeftIconWidth), "middle" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + (height - checkboxComponent.AABBBounds.height()) / 2) : "bottom" === textBaseline ? checkboxComponent.setAttribute("y", padding[0] + height - checkboxComponent.AABBBounds.height()) : checkboxComponent.setAttribute("y", padding[0]), cellGroup;
@@ -66780,7 +67025,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,
@@ -66817,7 +67062,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;
@@ -68455,6 +68707,25 @@
           }
         }), headerPaths;
       }
+      getCellRowHeaderFullPaths(col) {
+        const headerPaths = [];
+        if ("grid" === this.rowHierarchyType) {
+          for (let i = 0; i <= Math.min(this.rowsDefine.length - 1, col); i++) {
+            const rowDefine = this.rowsDefine[i];
+            "string" == typeof rowDefine ? headerPaths.push({
+              dimensionKey: rowDefine
+            }) : headerPaths.push({
+              dimensionKey: rowDefine.dimensionKey
+            });
+          }
+          col >= this.rowsDefine.length && !1 === this.indicatorsAsCol && this.indicatorsDefine.length > 0 && ("string" == typeof this.indicatorsDefine[0] ? headerPaths.push({
+            indicatorKey: this.indicatorsDefine[0]
+          }) : headerPaths.push({
+            indicatorKey: this.indicatorsDefine[0].indicatorKey
+          }));
+        }
+        return headerPaths;
+      }
       getIndicatorInfoByIndicatorKey(indicatorKey) {
         var _a;
         return null === (_a = this.indicatorsDefine) || void 0 === _a ? void 0 : _a.find(indicator => "string" != typeof indicator && !!indicatorKey && indicator.indicatorKey === indicatorKey);
@@ -68890,7 +69161,12 @@
               startInTotal: startInTotal,
               afterSpanLevel: afterSpanLevel
             } = null !== (_g = rowDimensionFinded) && void 0 !== _g ? _g : defaultDimension;
-            row += null != startInTotal ? startInTotal : 0, defaultCol = "grid" === this.rowHierarchyType ? (this.rowHeaderTitle ? afterSpanLevel + 1 : afterSpanLevel) + this.leftRowSeriesNumberColumnCount : 0;
+            if (row += null != startInTotal ? startInTotal : 0, "grid" === this.rowHierarchyType) {
+              if (rowHeaderPaths.every((path, index) => this.rowDimensionKeys[index] === path.dimensionKey)) {
+                const col = rowHeaderPaths.length - 1;
+                defaultCol = (this.rowHeaderTitle ? col + 1 : col) + this.leftRowSeriesNumberColumnCount;
+              } else defaultCol = (this.rowHeaderTitle ? afterSpanLevel + 1 : afterSpanLevel) + this.leftRowSeriesNumberColumnCount;
+            } else defaultCol = 0;
           }
           if (colDimensionFinded || forceBody) {
             col = this.rowHeaderLevelCount + this.leftRowSeriesNumberColumnCount;
@@ -68900,10 +69176,19 @@
             } = null !== (_h = colDimensionFinded) && void 0 !== _h ? _h : defaultDimension;
             col += null != startInTotal ? startInTotal : 0, defaultRow = this.columnHeaderTitle ? afterSpanLevel + 1 : afterSpanLevel;
           }
-          return isValid$5(col) || isValid$5(row) ? {
+          if (isValid$5(col) || isValid$5(row)) return {
             col: null != col ? col : defaultCol,
             row: null != row ? row : defaultRow
-          } : void 0;
+          };
+          if (rowHeaderPaths.length > 0) {
+            if (rowHeaderPaths.every((path, index) => this.rowDimensionKeys[index] === path.dimensionKey)) {
+              const col = rowHeaderPaths.length - 1;
+              return {
+                col: (this.rowHeaderTitle ? col + 1 : col) + this.leftRowSeriesNumberColumnCount,
+                row: void 0
+              };
+            }
+          }
         }
       }
       setChartInstance(_col, _row, chartInstance) {
@@ -69115,6 +69400,7 @@
         const chartSpec = this.getRawChartSpec(_col, _row),
           indicatorKeys = [];
         if (chartSpec) {
+          if ("boxPlot" === chartSpec.type) return [chartSpec.maxField];
           if (chartSpec.series || chartSpec.xField || chartSpec.yField) return !1 === this.indicatorsAsCol ? chartSpec.series ? chartSpec.series.forEach(chartSeries => {
             const yField = chartSeries.yField;
             indicatorKeys.push(yField);
@@ -69620,9 +69906,10 @@
               needSplitPositiveAndNegative: this.needSplitPositiveAndNegative
             })), this.collectedValues[field][collectKeys][sumByKeys].push(record);
           } else if (this.collectValuesBy[field].range) {
-            const fieldRange = this.collectedValues[field][collectKeys],
-              max = Math.max(record[field], fieldRange.max),
+            const fieldRange = this.collectedValues[field][collectKeys];
+            let max = Math.max(record[field], fieldRange.max),
               min = Math.min(record[field], fieldRange.min);
+            if (this.collectValuesBy[field].considerFields) for (const considerField of this.collectValuesBy[field].considerFields) record[considerField] && ("number" == typeof record[considerField] ? (max = Math.max(record[considerField], max), min = Math.min(record[considerField], min)) : Array.isArray(record[considerField]) && (max = Math.max(...record[considerField], max), min = Math.min(...record[considerField], min)));
             isNaN(max) || (fieldRange.max = max, fieldRange.min = min);
           } else {
             const fieldRange = this.collectedValues[field][collectKeys];
@@ -69789,7 +70076,8 @@
       }
       updateFilterRules(filterRules, isResetTree = !1) {
         var _a, _b;
-        if (this.filterRules = filterRules, this.filteredRecords = void 0, isResetTree) this.tree = {};else for (const treeRowKey in this.tree) for (const treeColKey in this.tree[treeRowKey]) for (let i = 0; i < this.tree[treeRowKey][treeColKey].length; i++) null === (_a = this.tree[treeRowKey][treeColKey][i]) || void 0 === _a || _a.reset();
+        if (this.filterRules = filterRules, this.filteredRecords = void 0, isResetTree) return this.setRecords(this.records);
+        for (const treeRowKey in this.tree) for (const treeColKey in this.tree[treeRowKey]) for (let i = 0; i < this.tree[treeRowKey][treeColKey].length; i++) null === (_a = this.tree[treeRowKey][treeColKey][i]) || void 0 === _a || _a.reset();
         this.collectedValues = {}, this.processRecords(), this.processCollectedValuesWithSumBy(), this.processCollectedValuesWithSortBy(), this.totalStatistics(), (null === (_b = this.dataConfig) || void 0 === _b ? void 0 : _b.isPivotChart) && this.cacheDeminsionCollectedValues();
       }
       getAggregatorRule(indicatorKey) {
@@ -70443,12 +70731,12 @@
         this.setMinMaxLimitWidth(!0), this.refreshRowColCount();
       }
       refreshRowColCount() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const table = this,
           {
             layoutMap: layoutMap
           } = table.internalProps;
-        layoutMap && (table.colCount = null !== (_a = layoutMap.colCount) && void 0 !== _a ? _a : 0, table.rowCount = null !== (_b = layoutMap.rowCount) && void 0 !== _b ? _b : 0, this.internalProps.frozenColCount = this.options.frozenColCount ? this.options.frozenColCount : (null !== (_c = layoutMap.rowHeaderLevelCount) && void 0 !== _c ? _c : 0) + layoutMap.leftRowSeriesNumberColumnCount, table._setFrozenRowCount(Math.max(layoutMap.headerLevelCount, null !== (_d = this.options.frozenRowCount) && void 0 !== _d ? _d : 0)), table.bottomFrozenRowCount !== (null !== (_e = this.options.bottomFrozenRowCount) && void 0 !== _e ? _e : 0) && (table.bottomFrozenRowCount = null !== (_f = this.options.bottomFrozenRowCount) && void 0 !== _f ? _f : 0), table.rightFrozenColCount !== (null !== (_g = this.options.rightFrozenColCount) && void 0 !== _g ? _g : 0) && (table.rightFrozenColCount = null !== (_h = this.options.rightFrozenColCount) && void 0 !== _h ? _h : 0), this.stateManager.setFrozenCol(this.internalProps.frozenColCount), this.stateManager.setFrozenRow(this.frozenRowCount));
+        layoutMap && (table.colCount = null !== (_a = layoutMap.colCount) && void 0 !== _a ? _a : 0, table.rowCount = null !== (_b = layoutMap.rowCount) && void 0 !== _b ? _b : 0, this.internalProps.frozenColCount = null !== (_c = this.options.frozenColCount) && void 0 !== _c ? _c : (null !== (_d = layoutMap.rowHeaderLevelCount) && void 0 !== _d ? _d : 0) + layoutMap.leftRowSeriesNumberColumnCount, table._setFrozenRowCount(Math.max(layoutMap.headerLevelCount, null !== (_e = this.options.frozenRowCount) && void 0 !== _e ? _e : 0)), table.bottomFrozenRowCount !== (null !== (_f = this.options.bottomFrozenRowCount) && void 0 !== _f ? _f : 0) && (table.bottomFrozenRowCount = null !== (_g = this.options.bottomFrozenRowCount) && void 0 !== _g ? _g : 0), table.rightFrozenColCount !== (null !== (_h = this.options.rightFrozenColCount) && void 0 !== _h ? _h : 0) && (table.rightFrozenColCount = null !== (_j = this.options.rightFrozenColCount) && void 0 !== _j ? _j : 0), this.stateManager.setFrozenCol(this.internalProps.frozenColCount), this.stateManager.setFrozenRow(this.frozenRowCount));
       }
       _getSortFuncFromHeaderOption(columns, field, fieldKey) {}
       get rowHierarchyType() {
@@ -71218,12 +71506,12 @@
           });
         }
       }
-      updateFilterRules(filterRules) {
-        this.internalProps.dataConfig.filterRules = filterRules, this.dataset.updateFilterRules(filterRules), this.renderWithRecreateCells();
+      updateFilterRules(filterRules, isResetTree = !1) {
+        this.internalProps.dataConfig.filterRules = filterRules, isResetTree ? (this.dataset.updateFilterRules(filterRules, !0), this.internalProps.layoutMap.resetHeaderTree()) : this.dataset.updateFilterRules(filterRules), this.renderWithRecreateCells();
       }
       getFilteredRecords() {
         var _a;
-        return null === (_a = this.dataset) || void 0 === _a ? void 0 : _a.filterRules;
+        return null === (_a = this.dataset) || void 0 === _a ? void 0 : _a.filteredRecords;
       }
       getCellPivotRole(col, row) {
         const path = this.getCellHeaderPaths(col, row),
@@ -71244,6 +71532,9 @@
           cellLocation: cellLocation
         };
       }
+      getCellRowHeaderFullPaths(col) {
+        return this.internalProps.layoutMap.getCellRowHeaderFullPaths(col);
+      }
       setLoadingHierarchyState(col, row) {
         this.scenegraph.setLoadingHierarchyState(col, row);
       }
@@ -71621,7 +71912,7 @@
         };
       }
       _generateCollectValuesConfig(columnKeys, rowKeys) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        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;
         columnKeys = columnKeys.filter(key => key !== IndicatorDimensionKeyPlaceholder), rowKeys = rowKeys.filter(key => key !== IndicatorDimensionKeyPlaceholder);
         const indicators = this.internalProps.indicators,
           collectValuesBy = {};
@@ -71659,14 +71950,15 @@
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !0),
                 sortBy: "horizontal" !== indicatorSpec.direction ? null === (_o = null === (_m = null === (_l = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _l ? void 0 : _l.fields) || void 0 === _m ? void 0 : _m[xField]) || void 0 === _o ? void 0 : _o.domain : void 0
               }, !1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0);
-              const yField = indicatorSpec.yField;
+              const yField = null !== (_p = indicatorSpec.yField) && void 0 !== _p ? _p : indicatorSpec.maxField;
               collectValuesBy[yField] = {
                 by: rowKeys,
                 type: "horizontal" !== indicatorSpec.direction ? "yField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !1),
                 sumBy: "histogram" === indicatorSpec.type ? columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField, null == indicatorSpec ? void 0 : indicatorSpec.x2Field) : indicatorSpec.stack && columnKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.xField),
-                sortBy: "horizontal" === indicatorSpec.direction ? null === (_r = null === (_q = null === (_p = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _p ? void 0 : _p.fields) || void 0 === _q ? void 0 : _q[yField]) || void 0 === _r ? void 0 : _r.domain : void 0,
-                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
+                sortBy: "horizontal" === indicatorSpec.direction ? null === (_s = null === (_r = null === (_q = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _q ? void 0 : _q.fields) || void 0 === _r ? void 0 : _r[yField]) || void 0 === _s ? void 0 : _s.domain : void 0,
+                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine),
+                considerFields: "boxPlot" === (null == indicatorSpec ? void 0 : indicatorSpec.type) ? [indicatorSpec.maxField, indicatorSpec.minField, indicatorSpec.outliersField] : void 0
               };
             }
           } else {
@@ -71698,16 +71990,17 @@
                 by: rowKeys,
                 type: "horizontal" === indicatorSpec.direction ? "yField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !1),
-                sortBy: "horizontal" === indicatorSpec.direction ? null === (_u = null === (_t = null === (_s = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _s ? void 0 : _s.fields) || void 0 === _t ? void 0 : _t[yField]) || void 0 === _u ? void 0 : _u.domain : void 0
+                sortBy: "horizontal" === indicatorSpec.direction ? null === (_v = null === (_u = null === (_t = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _t ? void 0 : _t.fields) || void 0 === _u ? void 0 : _u[yField]) || void 0 === _v ? void 0 : _v.domain : void 0
               }, !1 !== (null == indicatorSpec ? void 0 : indicatorSpec.stack) && ("bar" === (null == indicatorSpec ? void 0 : indicatorSpec.type) || "area" === (null == indicatorSpec ? void 0 : indicatorSpec.type)) && (indicatorSpec.stack = !0);
-              const xField = "histogram" === indicatorSpec.type ? indicatorSpec.x2Field : indicatorSpec.xField;
+              const xField = "histogram" === indicatorSpec.type ? indicatorSpec.x2Field : null !== (_w = indicatorSpec.xField) && void 0 !== _w ? _w : indicatorSpec.maxField;
               collectValuesBy[xField] = {
                 by: columnKeys,
                 type: "horizontal" === indicatorSpec.direction ? "xField" : void 0,
                 range: hasLinearAxis(indicatorSpec, this._axes, "horizontal" === indicatorSpec.direction, !0),
                 sumBy: indicatorSpec.stack && rowKeys.concat(null == indicatorSpec ? void 0 : indicatorSpec.yField),
-                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_x = null === (_w = null === (_v = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _v ? void 0 : _v.fields) || void 0 === _w ? void 0 : _w[xField]) || void 0 === _x ? void 0 : _x.domain : void 0,
-                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine)
+                sortBy: "horizontal" !== indicatorSpec.direction ? null === (_z = null === (_y = null === (_x = null == indicatorSpec ? void 0 : indicatorSpec.data) || void 0 === _x ? void 0 : _x.fields) || void 0 === _y ? void 0 : _y[xField]) || void 0 === _z ? void 0 : _z.domain : void 0,
+                extendRange: parseMarkLineGetExtendRange(indicatorSpec.markLine),
+                considerFields: "boxPlot" === (null == indicatorSpec ? void 0 : indicatorSpec.type) ? [indicatorSpec.maxField, indicatorSpec.minField, indicatorSpec.outliersField] : void 0
               };
             }
           }
@@ -72873,6 +73166,8 @@
         return true;
     };
 
+    const CUSTOM_CONTAINER_NAME = "custom-container";
+
     class VTableReactAttributePlugin extends ReactAttributePlugin {
         removeElement(id) {
             super.removeElement(id);
@@ -73079,7 +73374,7 @@
     }
     function getTargetGroup(target) {
         while (target && target.parent) {
-            if (target.name === 'custom-container') {
+            if (target.name === CUSTOM_CONTAINER_NAME) {
                 return target;
             }
             target = target.parent;
@@ -80004,7 +80299,7 @@
     const Checkbox = React.forwardRef(CheckboxComponent);
     Checkbox.displayName = 'Checkbox';
 
-    const version = "1.0.19";
+    const version = "1.0.21";
 
     exports.Arc = Arc;
     exports.Avatar = Avatar;