@visactor/vtable-sheet 1.22.2 → 1.22.3

package/dist/vtable-sheet.js

@@ -1940,7 +1940,7 @@
                             needsCellMove = true;
                         }
                     }
-                    const newFormula = this.adjustFormulaWithColumnMapping(formula, columnMapping);
+                    const newFormula = this.adjustFormulaWithColumnMapping(formula, columnMapping, sourceCol, targetCol);
                     if (needsCellMove || newFormula !== formula) {
                         if (needsCellMove) {
                             movedFormulas.push({
@@ -1977,7 +1977,7 @@
                 return { adjustedCells: [], movedCells: [] };
             }
         }
-        adjustFormulaWithColumnMapping(formula, columnMapping) {
+        adjustFormulaWithColumnMapping(formula, columnMapping, sourceCol, targetCol) {
             if (!formula || !formula.startsWith('=')) {
                 return formula;
             }
@@ -1996,16 +1996,23 @@
                 const endColIndex = this.columnLettersToIndex(endCol);
                 let newStartCol = startColIndex;
                 let newEndCol = endColIndex;
-                if (columnMapping.has(startColIndex)) {
-                    const mappedStartCol = columnMapping.get(startColIndex);
-                    if (mappedStartCol !== undefined) {
-                        newStartCol = mappedStartCol;
-                    }
+                const isSourceColInRange = startColIndex <= sourceCol && sourceCol <= endColIndex;
+                if (isSourceColInRange) {
+                    newStartCol = startColIndex;
+                    newEndCol = endColIndex;
                 }
-                if (columnMapping.has(endColIndex)) {
-                    const mappedEndCol = columnMapping.get(endColIndex);
-                    if (mappedEndCol !== undefined) {
-                        newEndCol = mappedEndCol;
+                else {
+                    if (columnMapping.has(startColIndex)) {
+                        const mappedStartCol = columnMapping.get(startColIndex);
+                        if (mappedStartCol !== undefined) {
+                            newStartCol = mappedStartCol;
+                        }
+                    }
+                    if (columnMapping.has(endColIndex)) {
+                        const mappedEndCol = columnMapping.get(endColIndex);
+                        if (mappedEndCol !== undefined) {
+                            newEndCol = mappedEndCol;
+                        }
                     }
                 }
                 if (newStartCol > newEndCol) {
@@ -40766,7 +40773,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]),
@@ -45025,7 +45032,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);
         if (reactGroup) {
           const {
             col: col,
@@ -45438,7 +45445,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);
@@ -45461,7 +45467,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);
@@ -45545,6 +45551,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;
@@ -45573,7 +45583,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$4(maxHeight) ? Math.max(textHeight, maxHeight) : textHeight;
       }
       if (isValid$4(maxHeight)) return maxHeight;
@@ -48249,7 +48260,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$a(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) => {
@@ -53162,9 +53173,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);
@@ -53179,6 +53190,52 @@
       }
       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, dragColumnOrRow) {
       var _a;
@@ -53240,7 +53297,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) || "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, {
+        "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,
@@ -54754,7 +54811,7 @@
       });
       (optimizedDeltaX || optimizedDeltaY) && state.interactionState !== InteractionState.scrolling && state.updateInteractionState(InteractionState.scrolling);
       const autoHide = "scrolling" === (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;
@@ -54769,6 +54826,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;
     }
@@ -55711,7 +55774,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, {
@@ -58563,7 +58626,7 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          isNumber$4(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$4(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"),
@@ -58645,7 +58708,7 @@
               targetRange: targetRange,
               theme: theme
             } = axisRange;
-          isNumber$4(null == axisOption ? void 0 : axisOption.min) && (range.min = axisOption.min, range.min > 0 && (axisOption.zero = !1)), isNumber$4(null == axisOption ? void 0 : axisOption.max) && (range.max = axisOption.max, range.max < 0 && (axisOption.zero = !1));
+          isNumber$4(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$4(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"),
@@ -59247,7 +59310,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.22.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env$1.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
@@ -59827,7 +59890,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;
@@ -63441,7 +63504,7 @@
         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)) {
@@ -63453,7 +63516,7 @@
         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);
@@ -63465,7 +63528,7 @@
             if (null === (_c = this._table.options.dragOrder) || void 0 === _c ? void 0 : _c.maintainArrayDataOrder) for (let j = 0; j < (null === (_d = this._table.dataSource.dataSourceObj) || void 0 === _d ? void 0 : _d.records.length); j++) {
               const rowRecords = null === (_e = this._table.dataSource.dataSourceObj) || void 0 === _e ? void 0 : _e.records[j];
               if (Array.isArray(rowRecords)) {
-                rowRecords.length - 1 < targetIndex && rowRecords.push(...Array(targetIndex - rowRecords.length + 1).fill(void 0));
+                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);
               }
@@ -64435,7 +64498,7 @@
         const internalProps = this.internalProps;
         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) : {
           addRecordRule: options.addRecordRule
-        }, 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$4(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$1.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$4(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$1.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");
@@ -64714,7 +64777,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) : {
           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$4(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$4(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));
         }
@@ -64770,7 +64833,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);
@@ -64934,8 +64997,10 @@
           };
         })), 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;
@@ -65080,7 +65145,7 @@
       addRecord(record, recordIndex) {
         var _a;
         const success = listTableAddRecord(record, recordIndex, this);
-        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+        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
@@ -65089,7 +65154,7 @@
       addRecords(records, recordIndex) {
         var _a;
         const success = listTableAddRecords(records, recordIndex, this);
-        null === (_a = this.internalProps.emptyTip) || void 0 === _a || _a.resetVisible(), success && this.fireListeners(TABLE_EVENT_TYPE.ADD_RECORD, {
+        "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
@@ -65097,7 +65162,7 @@
       }
       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, {
@@ -71742,8 +71807,14 @@
               }
             }
           }, pluginOptions.cornerCellStyle),
-          checkMoveColumnOrder: colIndex => this.table.isColumnSelected(colIndex),
-          checkMoveRowOrder: rowIndex => this.table.isRowSelected(rowIndex)
+          checkMoveColumnOrder: colIndex => {
+            var _a;
+            return !!(null === (_a = this.pluginOptions.dragOrder) || void 0 === _a ? void 0 : _a.enableDragColumnOrder) && this.table.isColumnSelected(colIndex);
+          },
+          checkMoveRowOrder: rowIndex => {
+            var _a;
+            return !!(null === (_a = this.pluginOptions.dragOrder) || void 0 === _a ? void 0 : _a.enableDragRowOrder) && this.table.isRowSelected(rowIndex);
+          }
         }), this.listenComponentEvents();
       }
       run(...args) {
@@ -71759,6 +71830,7 @@
           for (let i = options.columns.length; i < this.pluginOptions.colCount; i++) {
             const columnFields = {
               field: i,
+              key: i,
               title: ""
             };
             options.columns.push(columnFields);
@@ -71785,7 +71857,8 @@
         this.table.on(TABLE_EVENT_TYPE.SCROLL, this.handleScroll), this.table.on(TABLE_EVENT_TYPE.AFTER_SORT, this.handleAfterSort), this.table.on(TABLE_EVENT_TYPE.SELECTED_CHANGED, this.handleSelectedChanged), this.table.on(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, this.handleResizeColumnEnd), this.table.on(TABLE_EVENT_TYPE.RESIZE_ROW_END, this.handleResizeRowEnd), this.table.on(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, this.handleChangeHeaderPosition);
       }
       listenComponentEvents() {
-        this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellRightClick, this.handleSeriesNumberCellRightClick), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellHover, this.handleSeriesNumberCellHover), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellUnHover, this.handleSeriesNumberCellUnHover), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellClick, this.handleSeriesNumberCellClick), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellClickUp, this.handleSeriesNumberCellClickUp), this.seriesNumberComponent.on(SeriesNumberEvent.rowSeriesNumberWidthChange, this.handleRowSeriesNumberWidthChange), this.seriesNumberComponent.on(SeriesNumberEvent.resizeColWidthStart, this.handleResizeColWidthStart), this.seriesNumberComponent.on(SeriesNumberEvent.resizeRowHeightStart, this.handleResizeRowHeightStart), this.seriesNumberComponent.on(SeriesNumberEvent.dragColumnOrderStart, this.handleDragColumOrderStart), this.seriesNumberComponent.on(SeriesNumberEvent.dragRowOrderStart, this.handleDragRowOrderStart);
+        var _a, _b;
+        this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellRightClick, this.handleSeriesNumberCellRightClick), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellHover, this.handleSeriesNumberCellHover), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellUnHover, this.handleSeriesNumberCellUnHover), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellClick, this.handleSeriesNumberCellClick), this.seriesNumberComponent.on(SeriesNumberEvent.seriesNumberCellClickUp, this.handleSeriesNumberCellClickUp), this.seriesNumberComponent.on(SeriesNumberEvent.rowSeriesNumberWidthChange, this.handleRowSeriesNumberWidthChange), this.seriesNumberComponent.on(SeriesNumberEvent.resizeColWidthStart, this.handleResizeColWidthStart), this.seriesNumberComponent.on(SeriesNumberEvent.resizeRowHeightStart, this.handleResizeRowHeightStart), (null === (_a = this.pluginOptions.dragOrder) || void 0 === _a ? void 0 : _a.enableDragColumnOrder) && this.seriesNumberComponent.on(SeriesNumberEvent.dragColumnOrderStart, this.handleDragColumOrderStart), (null === (_b = this.pluginOptions.dragOrder) || void 0 === _b ? void 0 : _b.enableDragRowOrder) && this.seriesNumberComponent.on(SeriesNumberEvent.dragRowOrderStart, this.handleDragRowOrderStart);
       }
       release() {
         var _a, _b;
@@ -72118,7 +72191,9 @@
               fieldId: String(filter.field)
             });
           }
-        }), table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule]);
+        }), table.updateFilterRules([...this.filterFuncRule, ...this.filterValueRule], {
+          clearRowHeightCache: !1
+        });
       }
       createFilterFunction(filter) {
         const {
@@ -72262,20 +72337,7 @@
         });
       }
       applyFilters() {
-        this.engine.applyFilter(this.state, this.table), this.updateColumnIcons();
-      }
-      updateColumnIcons() {
-        const columns = this.table.columns;
-        if (!columns) return;
-        const plugin = this.table.pluginManager.getPluginByName("Filter");
-        if (!plugin || !plugin.pluginOptions) return;
-        const filterIcon = plugin.pluginOptions.filterIcon,
-          filteringIcon = plugin.pluginOptions.filteringIcon;
-        columns.forEach((col, index) => {
-          const field = col.field,
-            filterConfig = this.state.filters.get(field);
-          !plugin.shouldEnableFilterForColumn || plugin.shouldEnableFilterForColumn(index, col) ? filterConfig && filterConfig.enable ? col.headerIcon = filteringIcon : col.headerIcon = filterIcon : col.headerIcon !== filterIcon && col.headerIcon !== filteringIcon || delete col.headerIcon;
-        }), this.table.updateColumns(columns);
+        this.engine.applyFilter(this.state, this.table);
       }
       shouldApplyFilter(action) {
         return [FilterActionType.REMOVE_FILTER, FilterActionType.ENABLE_FILTER, FilterActionType.DISABLE_FILTER, FilterActionType.CLEAR_ALL_FILTERS, FilterActionType.APPLY_FILTERS].includes(action.type) || action.payload.enable;
@@ -73015,7 +73077,11 @@
         const eventArgs = args[0],
           runtime = args[1],
           table = args[2];
-        if (this.table = table, runtime === TABLE_EVENT_TYPE.BEFORE_INIT) this.filterEngine = new FilterEngine(), this.filterStateManager = new FilterStateManager(this.table, this.filterEngine), this.filterToolbar = new FilterToolbar(this.table, this.filterStateManager), this.filterToolbar.render(document.body), this.updateFilterIcons(eventArgs.options);else if (runtime === TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) this.pluginOptions = Object.assign(Object.assign({}, this.pluginOptions), eventArgs.options.plugins.find(plugin => plugin.id === this.id).pluginOptions), this.handleOptionUpdate(eventArgs.options);else if (runtime === TABLE_EVENT_TYPE.ICON_CLICK && "filter-icon" === eventArgs.name || "filtering-icon" === eventArgs.name) {
+        if (this.table = table, runtime === TABLE_EVENT_TYPE.BEFORE_INIT) this.filterEngine = new FilterEngine(), this.filterStateManager = new FilterStateManager(this.table, this.filterEngine), this.filterToolbar = new FilterToolbar(this.table, this.filterStateManager), this.filterToolbar.render(document.body), this.updateFilterIcons(eventArgs.options), this.filterStateManager.subscribe(() => {
+          this.updateFilterIcons(eventArgs.options), this.table.updateColumns(eventArgs.options.columns, {
+            clearRowHeightCache: !1
+          });
+        });else if (runtime === TABLE_EVENT_TYPE.BEFORE_UPDATE_OPTION) this.pluginOptions = Object.assign(Object.assign({}, this.pluginOptions), eventArgs.options.plugins.find(plugin => plugin.id === this.id).pluginOptions), this.handleOptionUpdate(eventArgs.options);else if (runtime === TABLE_EVENT_TYPE.ICON_CLICK && "filter-icon" === eventArgs.name || "filtering-icon" === eventArgs.name) {
           if (3 === (null === (_a = eventArgs.event) || void 0 === _a ? void 0 : _a.which) || 2 === (null === (_b = eventArgs.event) || void 0 === _b ? void 0 : _b.button) || 2 == (2 & (null === (_c = eventArgs.event) || void 0 === _c ? void 0 : _c.buttons))) return;
           const col = eventArgs.col,
             row = eventArgs.row;
@@ -73048,8 +73114,16 @@
         });
       }
       updateFilterIcons(options) {
-        options.columns.forEach(col => {
-          this.shouldEnableFilterForColumn(col.field, col) ? col.headerIcon = this.pluginOptions.filterIcon : delete col.headerIcon;
+        const filterIcon = this.pluginOptions.filterIcon,
+          filteringIcon = this.pluginOptions.filteringIcon,
+          isIconEqual = (a, b) => a === b || a && b && "object" == typeof a && "object" == typeof b && a.name === b.name;
+        options.columns.forEach(column => {
+          var _a;
+          const shouldShow = this.shouldEnableFilterForColumn(column.field, column),
+            isFiltering = !!(null === (_a = this.filterStateManager.getFilterState(column.field)) || void 0 === _a ? void 0 : _a.enable);
+          let icons = (icons => icons ? Array.isArray(icons) ? icons : [icons] : [])(column.headerIcon);
+          var list;
+          shouldShow ? isFiltering ? icons.some(icon => isIconEqual(icon, filteringIcon)) || (icons = icons.filter(icon => !isIconEqual(icon, filterIcon)), icons.push(filteringIcon)) : icons.some(icon => isIconEqual(icon, filterIcon)) || (icons = icons.filter(icon => !isIconEqual(icon, filteringIcon)), icons.push(filterIcon)) : icons = icons.filter(icon => !isIconEqual(icon, filterIcon)), column.headerIcon = 0 === (list = icons).length ? void 0 : 1 === list.length ? list[0] : list;
         });
       }
       shouldEnableFilterForColumn(field, column) {
@@ -77069,6 +77143,7 @@
             else {
                 for (let i = 0; i < this.options.columns.length; i++) {
                     this.options.columns[i].field = i;
+                    this.options.columns[i].key = i;
                 }
             }
             if (!this.options.data) {
@@ -77080,6 +77155,7 @@
                     for (let i = 0; i < data[0].length; i++) {
                         this.options.columns[i] = {
                             field: i,
+                            key: i,
                             title: data[0][i],
                             filter: !!this.options.filter
                         };
@@ -77530,16 +77606,16 @@
 
     function getTablePlugins(sheetDefine, options) {
         const plugins = [];
-        const disabledPlugins = options?.VTablePluginModules?.filter(module => module.disabled);
-        const enabledPlugins = options?.VTablePluginModules?.filter(module => !module.disabled);
-        if (!disabledPlugins?.some(module => module.module === FilterPlugin)) {
-            const userPluginOptions = enabledPlugins?.find(module => module.module === FilterPlugin)
+        const disabledPluginsUserSetted = options?.VTablePluginModules?.filter(module => module.disabled);
+        let enabledPluginsUserSetted = options?.VTablePluginModules?.filter(module => !module.disabled);
+        if (!disabledPluginsUserSetted?.some(module => module.module === FilterPlugin)) {
+            const userPluginOptions = enabledPluginsUserSetted?.find(module => module.module === FilterPlugin)
                 ?.moduleOptions;
             const filterPlugin = createFilterPlugin(sheetDefine, userPluginOptions);
             plugins.push(filterPlugin);
         }
-        if (!disabledPlugins?.some(module => module.module === AddRowColumnPlugin)) {
-            const userPluginOptions = enabledPlugins?.find(module => module.module === AddRowColumnPlugin)
+        if (!disabledPluginsUserSetted?.some(module => module.module === AddRowColumnPlugin)) {
+            const userPluginOptions = enabledPluginsUserSetted?.find(module => module.module === AddRowColumnPlugin)
                 ?.moduleOptions;
             const addRowColumnPlugin = new AddRowColumnPlugin({
                 addRowCallback: (row, tableInstance) => {
@@ -77548,13 +77624,15 @@
                 ...userPluginOptions
             });
             plugins.push(addRowColumnPlugin);
+            enabledPluginsUserSetted = enabledPluginsUserSetted?.filter(module => module.module !== AddRowColumnPlugin);
         }
-        if (!disabledPlugins?.some(module => module.module === TableSeriesNumber)) {
-            const userPluginOptions = enabledPlugins?.find(module => module.module === TableSeriesNumber)
+        if (!disabledPluginsUserSetted?.some(module => module.module === TableSeriesNumber)) {
+            const userPluginOptions = enabledPluginsUserSetted?.find(module => module.module === TableSeriesNumber)
                 ?.moduleOptions;
             const tableSeriesNumberPlugin = new TableSeriesNumber({
                 rowCount: sheetDefine?.rowCount || 100,
                 colCount: sheetDefine?.columnCount || 100,
+                dragOrder: sheetDefine?.dragOrder,
                 rowSeriesNumberWidth: 30,
                 colSeriesNumberHeight: 30,
                 rowSeriesNumberCellStyle: sheetDefine?.theme?.rowSeriesNumberCellStyle || options?.theme?.rowSeriesNumberCellStyle,
@@ -77562,23 +77640,27 @@
                 ...userPluginOptions
             });
             plugins.push(tableSeriesNumberPlugin);
+            enabledPluginsUserSetted = enabledPluginsUserSetted?.filter(module => module.module !== TableSeriesNumber);
         }
-        if (!disabledPlugins?.some(module => module.module === ContextMenuPlugin)) {
-            const userPluginOptions = enabledPlugins?.find(module => module.module === ContextMenuPlugin)?.moduleOptions;
+        if (!disabledPluginsUserSetted?.some(module => module.module === ContextMenuPlugin)) {
+            const userPluginOptions = enabledPluginsUserSetted?.find(module => module.module === ContextMenuPlugin)?.moduleOptions;
             const contextMenuPlugin = createContextMenuItems(sheetDefine, userPluginOptions);
             plugins.push(contextMenuPlugin);
+            enabledPluginsUserSetted = enabledPluginsUserSetted?.filter(module => module.module !== ContextMenuPlugin);
         }
-        if (!disabledPlugins?.some(module => module.module === ExcelEditCellKeyboardPlugin)) {
-            const userPluginOptions = enabledPlugins?.find(module => module.module === ExcelEditCellKeyboardPlugin)?.moduleOptions;
+        if (!disabledPluginsUserSetted?.some(module => module.module === ExcelEditCellKeyboardPlugin)) {
+            const userPluginOptions = enabledPluginsUserSetted?.find(module => module.module === ExcelEditCellKeyboardPlugin)?.moduleOptions;
             const excelEditCellKeyboardPlugin = new ExcelEditCellKeyboardPlugin(userPluginOptions);
             plugins.push(excelEditCellKeyboardPlugin);
+            enabledPluginsUserSetted = enabledPluginsUserSetted?.filter(module => module.module !== ExcelEditCellKeyboardPlugin);
         }
-        if (!disabledPlugins?.some(module => module.module === AutoFillPlugin)) {
+        if (!disabledPluginsUserSetted?.some(module => module.module === AutoFillPlugin)) {
             const autoFillPlugin = new AutoFillPlugin();
             plugins.push(autoFillPlugin);
+            enabledPluginsUserSetted = enabledPluginsUserSetted?.filter(module => module.module !== AutoFillPlugin);
         }
-        if (options?.VTablePluginModules) {
-            options.VTablePluginModules.forEach((module) => {
+        if (enabledPluginsUserSetted?.length) {
+            enabledPluginsUserSetted.forEach((module) => {
                 if (typeof module?.module === 'function') {
                     plugins.push(new module.module(module.moduleOptions));
                 }
@@ -78686,6 +78768,7 @@
             formulaEditor.setSheet(this);
             const contentWidth = this.contentElement.clientWidth;
             const contentHeight = this.contentElement.clientHeight;
+            sheetDefine.dragOrder = sheetDefine.dragOrder ?? this.options.dragOrder;
             const sheet = new WorkSheet(this, {
                 ...sheetDefine,
                 container: this.contentElement,
@@ -78693,6 +78776,7 @@
                 height: contentHeight,
                 defaultRowHeight: this.options.defaultRowHeight,
                 defaultColWidth: this.options.defaultColWidth,
+                dragOrder: sheetDefine.dragOrder,
                 plugins: getTablePlugins(sheetDefine, this.options),
                 headerEditor: 'formula',
                 editor: 'formula',
@@ -78843,6 +78927,18 @@
                         }));
                     }
                     const formulas = this.formulaManager.exportFormulas(sheetDefine.sheetKey);
+                    const columnWidthConfig = Array.from(instance.tableInstance.internalProps._widthResizedColMap).map(key => {
+                        return {
+                            key: key,
+                            width: instance.tableInstance.getColWidth(key)
+                        };
+                    });
+                    const rowHeightConfig = Array.from(instance.tableInstance.internalProps._heightResizedRowMap).map(key => {
+                        return {
+                            key: key,
+                            height: instance.tableInstance.getRowHeight(key)
+                        };
+                    });
                     sheets.push({
                         ...sheetDefine,
                         data,
@@ -78854,7 +78950,9 @@
                         active: sheetDefine.sheetKey === this.sheetManager.getActiveSheet().sheetKey,
                         filterState: filterState,
                         sortState: currentSortState,
-                        formulas: Object.keys(formulas).length > 0 ? formulas : undefined
+                        formulas: Object.keys(formulas).length > 0 ? formulas : undefined,
+                        columnWidthConfig,
+                        rowHeightConfig
                     });
                 }
                 else {
@@ -80383,7 +80481,7 @@
         importStyle();
     }
 
-    const version = "1.22.2";
+    const version = "1.22.3";
     importStyles();
 
     exports.TYPES = index;