@visactor/vtable-sheet 1.22.0 → 1.22.2

package/dist/vtable-sheet.js

@@ -268,8 +268,10 @@
             sheet[cell.row][cell.col] = processedValue;
             if (typeof processedValue === 'string' && processedValue.startsWith('=')) {
                 const cellKey = this.getCellKey(cell);
-                this.formulaCells.set(cellKey, processedValue);
-                this.updateDependencies(cellKey, processedValue);
+                const correctedFormula = this.correctFormulaCase(processedValue);
+                this.formulaCells.set(cellKey, correctedFormula);
+                this.updateDependencies(cellKey, correctedFormula);
+                sheet[cell.row][cell.col] = correctedFormula;
             }
             this.recalculateDependents(cell);
         }
@@ -317,7 +319,8 @@
                 if (!formula.startsWith('=')) {
                     return { value: formula, error: undefined };
                 }
-                const expression = formula.substring(1).trim();
+                const correctedFormula = this.correctFormulaCase(formula);
+                const expression = correctedFormula.substring(1).trim();
                 if (expression.includes('#REF!')) {
                     return { value: '#REF!', error: undefined };
                 }
@@ -331,6 +334,112 @@
                 };
             }
         }
+        correctFormulaCase(formula) {
+            if (!formula.startsWith('=')) {
+                return formula;
+            }
+            let corrected = '=';
+            const expression = formula.substring(1);
+            let inQuotes = false;
+            let quoteChar = '';
+            let i = 0;
+            while (i < expression.length) {
+                const char = expression[i];
+                if ((char === '"' || char === "'") && (i === 0 || expression[i - 1] !== '\\')) {
+                    if (!inQuotes) {
+                        inQuotes = true;
+                        quoteChar = char;
+                    }
+                    else if (char === quoteChar) {
+                        inQuotes = false;
+                        quoteChar = '';
+                    }
+                    corrected += char;
+                    i++;
+                    continue;
+                }
+                if (inQuotes) {
+                    corrected += char;
+                    i++;
+                    continue;
+                }
+                const funcMatch = expression.substring(i).match(/^[A-Za-z][A-Za-z0-9]*\s*\(/);
+                if (funcMatch) {
+                    const funcName = funcMatch[0].replace(/\s*\($/, '');
+                    corrected += funcName.toUpperCase() + '(';
+                    i += funcName.length + 1;
+                    while (i < expression.length && expression[i] === ' ') {
+                        i++;
+                    }
+                    continue;
+                }
+                const sheetCellMatch = expression.substring(i).match(/^[A-Za-z0-9_]+![A-Za-z]+[0-9]+/);
+                if (sheetCellMatch) {
+                    const fullRef = sheetCellMatch[0];
+                    const [sheetName, cellRef] = fullRef.split('!');
+                    const originalSheetName = this.findOriginalSheetName(sheetName);
+                    const letters = cellRef.replace(/[0-9]/g, '');
+                    const numbers = cellRef.replace(/[A-Za-z]/g, '');
+                    corrected += (originalSheetName || sheetName) + '!' + letters.toUpperCase() + numbers;
+                    i += fullRef.length;
+                    continue;
+                }
+                const sheetRangeMatch = expression.substring(i).match(/^[A-Za-z0-9_]+![A-Za-z]+[0-9]+:[A-Za-z]+[0-9]+/);
+                if (sheetRangeMatch) {
+                    const fullRangeRef = sheetRangeMatch[0];
+                    const [sheetPart, rangePart] = fullRangeRef.split('!');
+                    const [startCell, endCell] = rangePart.split(':');
+                    const originalSheetName = this.findOriginalSheetName(sheetPart);
+                    const startLetters = startCell.replace(/[0-9]/g, '');
+                    const startNumbers = startCell.replace(/[A-Za-z]/g, '');
+                    const newStartCell = startLetters.toUpperCase() + startNumbers;
+                    const endLetters = endCell.replace(/[0-9]/g, '');
+                    const endNumbers = endCell.replace(/[A-Za-z]/g, '');
+                    const newEndCell = endLetters.toUpperCase() + endNumbers;
+                    corrected += (originalSheetName || sheetPart) + '!' + newStartCell + ':' + newEndCell;
+                    i += fullRangeRef.length;
+                    continue;
+                }
+                const cellMatch = expression.substring(i).match(/^[A-Za-z]+[0-9]+/);
+                if (cellMatch) {
+                    const cellRef = cellMatch[0];
+                    const letters = cellRef.replace(/[0-9]/g, '');
+                    const numbers = cellRef.replace(/[A-Za-z]/g, '');
+                    corrected += letters.toUpperCase() + numbers;
+                    i += cellRef.length;
+                    continue;
+                }
+                const rangeMatch = expression.substring(i).match(/^[A-Za-z]+[0-9]+:[A-Za-z]+[0-9]+/);
+                if (rangeMatch) {
+                    const rangeRef = rangeMatch[0];
+                    const [startCell, endCell] = rangeRef.split(':');
+                    const startLetters = startCell.replace(/[0-9]/g, '');
+                    const startNumbers = startCell.replace(/[A-Za-z]/g, '');
+                    const newStartCell = startLetters.toUpperCase() + startNumbers;
+                    const endLetters = endCell.replace(/[0-9]/g, '');
+                    const endNumbers = endCell.replace(/[A-Za-z]/g, '');
+                    const newEndCell = endLetters.toUpperCase() + endNumbers;
+                    corrected += newStartCell + ':' + newEndCell;
+                    i += rangeRef.length;
+                    continue;
+                }
+                corrected += char;
+                i++;
+            }
+            return corrected;
+        }
+        findOriginalSheetName(sheetName) {
+            if (this.sheets.has(sheetName)) {
+                return sheetName;
+            }
+            const lowerSheetName = sheetName.toLowerCase();
+            for (const [existingSheetName] of this.sheets.entries()) {
+                if (existingSheetName.toLowerCase() === lowerSheetName) {
+                    return existingSheetName;
+                }
+            }
+            return null;
+        }
         parseExpression(expr) {
             expr = expr.trim();
             const functionResult = this.tryParseFunction(expr);
@@ -895,24 +1004,6 @@
                 return { value: null, error: 'Basic arithmetic evaluation failed' };
             }
         }
-        evaluateBasicArithmetic(expr) {
-            try {
-                if (/[A-Z]+\s*\(/.test(expr)) {
-                    return { value: null, error: 'Expression contains function calls' };
-                }
-                let processedExpr = expr;
-                const cellRefs = processedExpr.match(/[A-Z]+[0-9]+/g) || [];
-                for (const cellRef of cellRefs) {
-                    const value = this.getCellValueByA1(cellRef);
-                    processedExpr = processedExpr.replace(cellRef, String(value));
-                }
-                const result = Function('"use strict"; return (' + processedExpr + ')')();
-                return { value: result, error: undefined };
-            }
-            catch (error) {
-                return { value: null, error: 'Basic arithmetic evaluation failed' };
-            }
-        }
         getCellValueByA1(a1Notation) {
             try {
                 let sheetKey = this.activeSheetKey || this.reverseSheets.get(0) || 'Sheet1';
@@ -1488,7 +1579,8 @@
                         }
                     }
                 }
-                for (const [cellKey, formula] of Array.from(this.formulaCells.entries())) {
+                const entries = Array.from(this.formulaCells.entries());
+                for (const [cellKey, formula] of entries) {
                     const cell = this.parseCellKey(cellKey);
                     if (!cell || cell.sheet !== sheetKey) {
                         continue;
@@ -1715,8 +1807,12 @@
                 if (dimension === 'row') {
                     const deleteStartRow = index;
                     const deleteEndRow = index + count - 1;
+                    const entireRangeDeleted = minRow >= deleteStartRow && maxRow <= deleteEndRow;
+                    if (entireRangeDeleted) {
+                        return '#REF!';
+                    }
                     if (minRow >= deleteStartRow && minRow <= deleteEndRow) {
-                        newMinRow = deleteStartRow > 0 ? deleteStartRow - 1 : 0;
+                        newMinRow = deleteStartRow;
                     }
                     else if (minRow > deleteEndRow) {
                         newMinRow = minRow - count;
@@ -1740,6 +1836,10 @@
                 else if (dimension === 'column') {
                     const deleteStartCol = index;
                     const deleteEndCol = index + count - 1;
+                    const entireRangeDeleted = minCol >= deleteStartCol && maxCol <= deleteEndCol;
+                    if (entireRangeDeleted) {
+                        return '#REF!';
+                    }
                     if (minCol >= deleteStartCol && minCol <= deleteEndCol) {
                         newMinCol = deleteStartCol > 0 ? deleteStartCol - 1 : 0;
                     }
@@ -1808,6 +1908,308 @@
                 return '#REF!';
             }
         }
+        adjustFormulaReferencesForColumnMove(sheetKey, sourceCol, targetCol, totalColCount, totalRowCount) {
+            try {
+                const adjustedFormulas = [];
+                const movedFormulas = [];
+                const isMovingForward = targetCol > sourceCol;
+                const columnMapping = new Map();
+                if (isMovingForward) {
+                    for (let col = sourceCol + 1; col <= targetCol; col++) {
+                        columnMapping.set(col, col - 1);
+                    }
+                    columnMapping.set(sourceCol, targetCol);
+                }
+                else {
+                    for (let col = targetCol; col < sourceCol; col++) {
+                        columnMapping.set(col, col + 1);
+                    }
+                    columnMapping.set(sourceCol, targetCol);
+                }
+                for (const [cellKey, formula] of Array.from(this.formulaCells.entries())) {
+                    const cell = this.parseCellKey(cellKey);
+                    if (!cell || cell.sheet !== sheetKey) {
+                        continue;
+                    }
+                    let needsCellMove = false;
+                    const newCellLocation = { ...cell };
+                    if (columnMapping.has(cell.col)) {
+                        const mappedCol = columnMapping.get(cell.col);
+                        if (mappedCol !== undefined) {
+                            newCellLocation.col = mappedCol;
+                            needsCellMove = true;
+                        }
+                    }
+                    const newFormula = this.adjustFormulaWithColumnMapping(formula, columnMapping);
+                    if (needsCellMove || newFormula !== formula) {
+                        if (needsCellMove) {
+                            movedFormulas.push({
+                                oldCellKey: cellKey,
+                                newCell: newCellLocation,
+                                formula: newFormula
+                            });
+                            this.formulaCells.delete(cellKey);
+                            this.clearDependencies(cellKey);
+                        }
+                        else {
+                            adjustedFormulas.push({ cell, oldFormula: formula, newFormula });
+                            this.clearDependencies(cellKey);
+                        }
+                    }
+                }
+                for (const { newCell, formula } of movedFormulas) {
+                    const newCellKey = this.getCellKey(newCell);
+                    this.formulaCells.set(newCellKey, formula);
+                    this.updateDependencies(newCellKey, formula);
+                    this.setCellContentWithoutDependencyUpdate(newCell, formula);
+                }
+                for (const { cell, newFormula } of adjustedFormulas) {
+                    const cellKey = this.getCellKey(cell);
+                    this.formulaCells.set(cellKey, newFormula);
+                    this.updateDependencies(cellKey, newFormula);
+                    this.setCellContentWithoutDependencyUpdate(cell, newFormula);
+                }
+                const adjustedCells = adjustedFormulas.map(item => item.cell);
+                const movedCells = movedFormulas.map(item => item.newCell);
+                return { adjustedCells, movedCells };
+            }
+            catch (error) {
+                return { adjustedCells: [], movedCells: [] };
+            }
+        }
+        adjustFormulaWithColumnMapping(formula, columnMapping) {
+            if (!formula || !formula.startsWith('=')) {
+                return formula;
+            }
+            let expression = formula.substring(1);
+            const rangeRegex = /([A-Z]+)([0-9]+):([A-Z]+)([0-9]+)/g;
+            let match;
+            const rangeReplacements = [];
+            const processedRanges = [];
+            while ((match = rangeRegex.exec(expression)) !== null) {
+                const fullMatch = match[0];
+                const startCol = match[1];
+                const startRow = match[2];
+                const endCol = match[3];
+                const endRow = match[4];
+                const startColIndex = this.columnLettersToIndex(startCol);
+                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;
+                    }
+                }
+                if (columnMapping.has(endColIndex)) {
+                    const mappedEndCol = columnMapping.get(endColIndex);
+                    if (mappedEndCol !== undefined) {
+                        newEndCol = mappedEndCol;
+                    }
+                }
+                if (newStartCol > newEndCol) {
+                    [newStartCol, newEndCol] = [newEndCol, newStartCol];
+                }
+                const newStartColLetters = this.indexToColumnLetters(newStartCol);
+                const newEndColLetters = this.indexToColumnLetters(newEndCol);
+                const replacement = `${newStartColLetters}${startRow}:${newEndColLetters}${endRow}`;
+                rangeReplacements.push({
+                    start: match.index,
+                    end: match.index + fullMatch.length,
+                    replacement
+                });
+                processedRanges.push({ start: match.index, end: match.index + fullMatch.length });
+            }
+            for (let i = rangeReplacements.length - 1; i >= 0; i--) {
+                const { start, end, replacement } = rangeReplacements[i];
+                expression = expression.substring(0, start) + replacement + expression.substring(end);
+            }
+            const cellRegex = /([A-Z]+)([0-9]+)/g;
+            const cellReplacements = [];
+            while ((match = cellRegex.exec(expression)) !== null) {
+                const fullMatch = match[0];
+                const colLetters = match[1];
+                const row = match[2];
+                const colIndex = this.columnLettersToIndex(colLetters);
+                const matchIndex = match.index;
+                const isInProcessedRange = processedRanges.some(range => {
+                    return matchIndex >= range.start && matchIndex < range.end;
+                });
+                if (isInProcessedRange) {
+                    continue;
+                }
+                if (columnMapping.has(colIndex)) {
+                    const newColIndex = columnMapping.get(colIndex);
+                    if (newColIndex !== undefined) {
+                        const newColLetters = this.indexToColumnLetters(newColIndex);
+                        const replacement = `${newColLetters}${row}`;
+                        cellReplacements.push({
+                            start: match.index,
+                            end: match.index + fullMatch.length,
+                            replacement
+                        });
+                    }
+                }
+            }
+            for (let i = cellReplacements.length - 1; i >= 0; i--) {
+                const { start, end, replacement } = cellReplacements[i];
+                expression = expression.substring(0, start) + replacement + expression.substring(end);
+            }
+            return '=' + expression;
+        }
+        adjustFormulaReferencesForRowMove(sheetKey, sourceRow, targetRow) {
+            try {
+                if (sourceRow < 0 || targetRow < 0) {
+                    return { adjustedCells: [], movedCells: [] };
+                }
+                const adjustedFormulas = [];
+                const movedFormulas = [];
+                const isMovingForward = targetRow > sourceRow;
+                const rowMapping = new Map();
+                if (isMovingForward) {
+                    for (let row = sourceRow + 1; row <= targetRow; row++) {
+                        rowMapping.set(row, row - 1);
+                    }
+                    rowMapping.set(sourceRow, targetRow);
+                }
+                else {
+                    for (let row = targetRow; row < sourceRow; row++) {
+                        rowMapping.set(row, row + 1);
+                    }
+                    rowMapping.set(sourceRow, targetRow);
+                }
+                for (const [cellKey, formula] of Array.from(this.formulaCells.entries())) {
+                    const cell = this.parseCellKey(cellKey);
+                    if (!cell || cell.sheet !== sheetKey) {
+                        continue;
+                    }
+                    let needsCellMove = false;
+                    const newCellLocation = { ...cell };
+                    if (rowMapping.has(cell.row)) {
+                        const mappedRow = rowMapping.get(cell.row);
+                        if (mappedRow !== undefined && mappedRow !== cell.row) {
+                            newCellLocation.row = mappedRow;
+                            needsCellMove = true;
+                        }
+                    }
+                    const newFormula = this.adjustFormulaWithRowMapping(formula, rowMapping);
+                    if (needsCellMove || newFormula !== formula) {
+                        if (needsCellMove) {
+                            movedFormulas.push({
+                                oldCellKey: cellKey,
+                                newCell: newCellLocation,
+                                formula: newFormula
+                            });
+                            this.formulaCells.delete(cellKey);
+                            this.clearDependencies(cellKey);
+                        }
+                        else {
+                            adjustedFormulas.push({ cell, oldFormula: formula, newFormula });
+                            this.clearDependencies(cellKey);
+                        }
+                    }
+                }
+                for (const { newCell, formula } of movedFormulas) {
+                    const newCellKey = this.getCellKey(newCell);
+                    this.formulaCells.set(newCellKey, formula);
+                    this.updateDependencies(newCellKey, formula);
+                    this.setCellContentWithoutDependencyUpdate(newCell, formula);
+                }
+                for (const { cell, newFormula } of adjustedFormulas) {
+                    const cellKey = this.getCellKey(cell);
+                    this.formulaCells.set(cellKey, newFormula);
+                    this.updateDependencies(cellKey, newFormula);
+                    this.setCellContentWithoutDependencyUpdate(cell, newFormula);
+                }
+                const adjustedCells = adjustedFormulas.map(item => item.cell);
+                const movedCells = movedFormulas.map(item => item.newCell);
+                return { adjustedCells, movedCells };
+            }
+            catch (error) {
+                return { adjustedCells: [], movedCells: [] };
+            }
+        }
+        adjustFormulaWithRowMapping(formula, rowMapping) {
+            if (!formula || !formula.startsWith('=')) {
+                return formula;
+            }
+            let expression = formula.substring(1);
+            const rangeRegex = /([A-Z]+)([0-9]+):([A-Z]+)([0-9]+)/g;
+            let match;
+            const rangeReplacements = [];
+            const processedRanges = [];
+            while ((match = rangeRegex.exec(expression)) !== null) {
+                const fullMatch = match[0];
+                const startCol = match[1];
+                const startRow = match[2];
+                const endCol = match[3];
+                const endRow = match[4];
+                const startRowIndex = parseInt(startRow, 10) - 1;
+                const endRowIndex = parseInt(endRow, 10) - 1;
+                let newStartRow = startRowIndex;
+                let newEndRow = endRowIndex;
+                if (rowMapping.has(startRowIndex)) {
+                    const mappedStartRow = rowMapping.get(startRowIndex);
+                    if (mappedStartRow !== undefined) {
+                        newStartRow = mappedStartRow;
+                    }
+                }
+                if (rowMapping.has(endRowIndex)) {
+                    const mappedEndRow = rowMapping.get(endRowIndex);
+                    if (mappedEndRow !== undefined) {
+                        newEndRow = mappedEndRow;
+                    }
+                }
+                if (newStartRow !== startRowIndex || newEndRow !== endRowIndex) {
+                    const newStartRowNumber = newStartRow + 1;
+                    const newEndRowNumber = newEndRow + 1;
+                    const replacement = `${startCol}${newStartRowNumber}:${endCol}${newEndRowNumber}`;
+                    rangeReplacements.push({
+                        start: match.index,
+                        end: match.index + fullMatch.length,
+                        replacement
+                    });
+                    processedRanges.push({ start: match.index, end: match.index + fullMatch.length });
+                }
+            }
+            for (let i = rangeReplacements.length - 1; i >= 0; i--) {
+                const { start, end, replacement } = rangeReplacements[i];
+                expression = expression.substring(0, start) + replacement + expression.substring(end);
+            }
+            const cellRegex = /([A-Z]+)([0-9]+)/g;
+            const cellReplacements = [];
+            while ((match = cellRegex.exec(expression)) !== null) {
+                const fullMatch = match[0];
+                const colLetters = match[1];
+                const row = match[2];
+                const rowIndex = parseInt(row, 10) - 1;
+                const matchIndex = match.index;
+                const isInProcessedRange = processedRanges.some(range => {
+                    return matchIndex >= range.start && matchIndex < range.end;
+                });
+                if (isInProcessedRange) {
+                    continue;
+                }
+                if (rowMapping.has(rowIndex)) {
+                    const newRowIndex = rowMapping.get(rowIndex);
+                    if (newRowIndex !== undefined) {
+                        const newRowNumber = newRowIndex + 1;
+                        const replacement = `${colLetters}${newRowNumber}`;
+                        cellReplacements.push({
+                            start: match.index,
+                            end: match.index + fullMatch.length,
+                            replacement
+                        });
+                    }
+                }
+            }
+            for (let i = cellReplacements.length - 1; i >= 0; i--) {
+                const { start, end, replacement } = cellReplacements[i];
+                expression = expression.substring(0, start) + replacement + expression.substring(end);
+            }
+            return '=' + expression;
+        }
     }
     class FormulaError {
         message;
@@ -26772,12 +27174,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 = {};
@@ -26837,7 +27239,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++) {
@@ -26888,7 +27290,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) {
@@ -35213,7 +35615,7 @@
     }(SeriesNumberCellStateValue || (SeriesNumberCellStateValue = {}));
     var SeriesNumberEvent;
     !function (SeriesNumberEvent) {
-      SeriesNumberEvent.seriesNumberCellHover = "seriesNumberCellHover", SeriesNumberEvent.seriesNumberCellUnHover = "seriesNumberCellUnHover", SeriesNumberEvent.seriesNumberCellClick = "seriesNumberCellClick", SeriesNumberEvent.seriesNumberCellClickUp = "seriesNumberCellClickUp", SeriesNumberEvent.seriesNumberCellCancelClick = "seriesNumberCellCancelClick", SeriesNumberEvent.rowSeriesNumberWidthChange = "rowSeriesNumberWidthChange", SeriesNumberEvent.resizeRowHeightStart = "resizeRowHeightStart", SeriesNumberEvent.resizeColWidthStart = "resizeColWidthStart", SeriesNumberEvent.seriesNumberCellRightClick = "seriesNumberCellRightClick";
+      SeriesNumberEvent.seriesNumberCellHover = "seriesNumberCellHover", SeriesNumberEvent.seriesNumberCellUnHover = "seriesNumberCellUnHover", SeriesNumberEvent.seriesNumberCellClick = "seriesNumberCellClick", SeriesNumberEvent.seriesNumberCellClickUp = "seriesNumberCellClickUp", SeriesNumberEvent.seriesNumberCellCancelClick = "seriesNumberCellCancelClick", SeriesNumberEvent.rowSeriesNumberWidthChange = "rowSeriesNumberWidthChange", SeriesNumberEvent.resizeRowHeightStart = "resizeRowHeightStart", SeriesNumberEvent.resizeColWidthStart = "resizeColWidthStart", SeriesNumberEvent.seriesNumberCellRightClick = "seriesNumberCellRightClick", SeriesNumberEvent.dragColumnOrderStart = "dragColumnOrderStart", SeriesNumberEvent.dragRowOrderStart = "dragRowOrderStart";
     }(SeriesNumberEvent || (SeriesNumberEvent = {}));
 
     class TableSeriesNumberEventManager {
@@ -35225,6 +35627,7 @@
             event: e
           });
         }, this._onPointermove = e => {
+          var _a, _b, _c, _d;
           const target = e.target;
           if (this.isPointerDownStartSelect) {
             if (this._tableSeriesNumber.interactionState.selectIndexs.has(target.name)) {
@@ -35242,21 +35645,21 @@
             this._tableSeriesNumber.interactionState._lastClickItem = target;
           } else {
             if (target.name.startsWith("col")) {
-              Number(target.name.split("-")[1]);
-              const canvasPointXY = target.stage.window.pointTransform(e.canvasX, e.canvasY),
+              const colIndex = Number(target.name.split("-")[1]),
+                canvasPointXY = target.stage.window.pointTransform(e.canvasX, e.canvasY),
                 XYtoTarget = {
                   x: 0,
                   y: 0
                 };
-              target.globalTransMatrix.transformPoint(canvasPointXY, XYtoTarget), XYtoTarget.x <= 4 || XYtoTarget.x <= target.getAttributes().width && XYtoTarget.x >= target.getAttributes().width - 4 ? target.setAttribute("cursor", "col-resize") : target.setAttribute("cursor", "default");
+              target.globalTransMatrix.transformPoint(canvasPointXY, XYtoTarget), XYtoTarget.x <= 4 || XYtoTarget.x <= target.getAttributes().width && XYtoTarget.x >= target.getAttributes().width - 4 ? target.setAttribute("cursor", "col-resize") : null != colIndex && (null === (_b = (_a = this._tableSeriesNumber.attribute).checkMoveColumnOrder) || void 0 === _b ? void 0 : _b.call(_a, colIndex)) ? target.setAttribute("cursor", "grab") : target.setAttribute("cursor", "default");
             } else if (target.name.startsWith("row")) {
-              Number(target.name.split("-")[1]);
-              const canvasPointXY = target.stage.window.pointTransform(e.canvasX, e.canvasY),
+              const rowIndex = Number(target.name.split("-")[1]),
+                canvasPointXY = target.stage.window.pointTransform(e.canvasX, e.canvasY),
                 XYtoTarget = {
                   x: 0,
                   y: 0
                 };
-              target.globalTransMatrix.transformPoint(canvasPointXY, XYtoTarget), XYtoTarget.y <= 4 || XYtoTarget.y <= target.getAttributes().height && XYtoTarget.y >= target.getAttributes().height - 4 ? target.setAttribute("cursor", "row-resize") : target.setAttribute("cursor", "default");
+              target.globalTransMatrix.transformPoint(canvasPointXY, XYtoTarget), XYtoTarget.y <= 4 || XYtoTarget.y <= target.getAttributes().height && XYtoTarget.y >= target.getAttributes().height - 4 ? target.setAttribute("cursor", "row-resize") : null != rowIndex && (null === (_d = (_c = this._tableSeriesNumber.attribute).checkMoveRowOrder) || void 0 === _d ? void 0 : _d.call(_c, rowIndex)) ? target.setAttribute("cursor", "grab") : target.setAttribute("cursor", "default");
             }
             if (this._tableSeriesNumber.interactionState._lastHoverItem) {
               if (this._tableSeriesNumber.interactionState._lastHoverItem.id === target.id) return;
@@ -35267,7 +35670,7 @@
         }, this._onPointerleave = e => {
           this._tableSeriesNumber.interactionState._lastHoverItem && (this._unHoverHandler(this._tableSeriesNumber.interactionState._lastHoverItem, e), this._tableSeriesNumber.interactionState._lastHoverItem = null);
         }, this._onPointerdown = e => {
-          var _a;
+          var _a, _b, _c, _d, _e;
           if (2 === e.button) return;
           const target = e.target;
           if (target.name.startsWith("col")) {
@@ -35284,6 +35687,10 @@
                 event: e
               });
             }
+            if (null != colIndex && (null === (_b = (_a = this._tableSeriesNumber.attribute).checkMoveColumnOrder) || void 0 === _b ? void 0 : _b.call(_a, colIndex))) return void this._tableSeriesNumber.dispatchTableSeriesNumberEvent(SeriesNumberEvent.dragColumnOrderStart, {
+              colIndex: colIndex,
+              event: e
+            });
           } else if (target.name.startsWith("row")) {
             const rowIndex = Number(target.name.split("-")[1]),
               canvasPointXY = target.stage.window.pointTransform(e.canvasX, e.canvasY),
@@ -35298,8 +35705,12 @@
                 event: e
               });
             }
+            if (null != rowIndex && (null === (_d = (_c = this._tableSeriesNumber.attribute).checkMoveRowOrder) || void 0 === _d ? void 0 : _d.call(_c, rowIndex))) return void this._tableSeriesNumber.dispatchTableSeriesNumberEvent(SeriesNumberEvent.dragRowOrderStart, {
+              rowIndex: rowIndex,
+              event: e
+            });
           }
-          if (this.isPointerDownStartSelect = !0, null === (_a = this._tableSeriesNumber.interactionState.selectIndexs) || void 0 === _a ? void 0 : _a.size) if (this._tableSeriesNumber.interactionState.selectIndexs.has(target.name)) {
+          if (this.isPointerDownStartSelect = !0, null === (_e = this._tableSeriesNumber.interactionState.selectIndexs) || void 0 === _e ? void 0 : _e.size) if (this._tableSeriesNumber.interactionState.selectIndexs.has(target.name)) {
             if (e.nativeEvent.ctrlKey || e.nativeEvent.metaKey) this._tableSeriesNumber.removeOneGroupSelected(target), this._unClickHandler(target.name, e);else {
               this._tableSeriesNumber.removeAllSelectedIndexs();
               for (const name of this._tableSeriesNumber.interactionState.selectIndexs) this._unClickHandler(name, e);
@@ -38140,7 +38551,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,
@@ -38148,7 +38559,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;
@@ -46077,14 +46488,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({
@@ -47068,7 +47480,7 @@
       isValid$4(count) && (batchRenderChartCount = count);
     }
     function clearChartRenderQueue() {
-      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, cancelAnimationFrame(requestAnimationFrameId);
+      chartRenderKeys = [], chartRenderQueueList = [], isHandlingChartQueue = !1, vglobal.getCancelAnimationFrame()(requestAnimationFrameId);
     }
     function IsHandlingChartQueue() {
       return isHandlingChartQueue;
@@ -47147,7 +47559,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],
@@ -47161,7 +47573,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
@@ -47169,7 +47581,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();
@@ -48108,10 +48520,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) {
@@ -51796,12 +52210,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;
@@ -52766,24 +53180,26 @@
       return target;
     }
 
-    function startMoveCol(col, row, x, y, state, event) {
+    function startMoveCol(col, row, x, y, state, event, dragColumnOrRow) {
       var _a;
       if (!("canMoveHeaderPosition" in state.table.internalProps.layoutMap)) return;
-      if (state.columnMove.moving = !0, state.columnMove.colSource = col, state.columnMove.rowSource = row, state.table.isListTable()) {
+      if (state.columnMove.movingColumnOrRow = dragColumnOrRow, state.columnMove.moving = !0, state.columnMove.colSource = col, state.columnMove.rowSource = row, state.table.isListTable()) {
         const nodeIndex = state.table.getRecordIndexByCell(col, row),
           nodeData = state.table.getRecordByCell(col, row),
           hierarchyState = state.table.getRecordHierarchyState(col, row);
         state.columnMove.rowSourceSize = computeChildrenNodeLength(nodeIndex, hierarchyState, nodeData) + 1;
       }
-      state.columnMove.x = x - state.table.tableX, state.columnMove.y = y - state.table.tableY;
-      const cellLocation = state.table.getCellLocation(col, row),
-        delta = "columnHeader" === cellLocation ? state.columnMove.x : "rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ? state.columnMove.y : 0,
-        {
-          backX: backX,
-          lineX: lineX,
-          backY: backY,
-          lineY: lineY
-        } = state.table.scenegraph.component.showMoveCol(col, row, delta);
+      let delta;
+      if (state.columnMove.x = x - state.table.tableX, state.columnMove.y = y - state.table.tableY, "column" === dragColumnOrRow) delta = state.columnMove.x;else if ("row" === dragColumnOrRow) delta = state.columnMove.y;else {
+        const cellLocation = state.table.getCellLocation(col, row);
+        delta = "columnHeader" === cellLocation ? state.columnMove.x : "rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ? state.columnMove.y : 0;
+      }
+      const {
+        backX: backX,
+        lineX: lineX,
+        backY: backY,
+        lineY: lineY
+      } = state.table.scenegraph.component.showMoveCol(col, row, delta);
       state.table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_START, {
         col: col,
         row: row,
@@ -52793,7 +53209,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();
@@ -52823,7 +53240,7 @@
         let lineX, backX, lineY, backY;
         state.updateCursor("grabbing");
         const cellLocation = state.table.getCellLocation(state.columnMove.colSource, state.columnMove.rowSource);
-        "columnHeader" === cellLocation ? (backX = state.columnMove.x, lineX = state.table.isLeftFrozenColumn(col) ? state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1) : state.table.isRightFrozenColumn(col) ? state.table.tableNoFrameWidth - state.table.getColsWidth(targetCell.col + 1, state.table.colCount - 1) : (state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1)) - state.table.stateManager.scroll.horizontalBarPos) : ("rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) && (backY = state.columnMove.y, lineY = state.table.isFrozenRow(row) ? state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1) : state.table.isBottomFrozenRow(row) ? state.table.tableNoFrameHeight - state.table.getRowsHeight(targetCell.row + 1, state.table.rowCount - 1) : (state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1)) - state.table.stateManager.scroll.verticalBarPos), state.table.scenegraph.component.updateMoveCol(backX, lineX, backY, lineY), state.table.fireListeners(TABLE_EVENT_TYPE.CHANGING_HEADER_POSITION, {
+        "columnHeader" === cellLocation ? (backX = state.columnMove.x, lineX = state.table.isLeftFrozenColumn(col) ? state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1) : state.table.isRightFrozenColumn(col) ? state.table.tableNoFrameWidth - state.table.getColsWidth(targetCell.col + 1, state.table.colCount - 1) : (state.columnMove.colTarget >= state.columnMove.colSource ? state.table.getColsWidth(0, state.columnMove.colTarget) : state.table.getColsWidth(0, state.columnMove.colTarget - 1)) - state.table.stateManager.scroll.horizontalBarPos) : ("rowHeader" === cellLocation || state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) || "row" === state.columnMove.movingColumnOrRow) && (backY = state.columnMove.y, lineY = state.table.isFrozenRow(row) ? state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1) : state.table.isBottomFrozenRow(row) ? state.table.tableNoFrameHeight - state.table.getRowsHeight(targetCell.row + 1, state.table.rowCount - 1) : (state.columnMove.rowTarget >= state.columnMove.rowSource ? state.table.getRowsHeight(0, state.columnMove.rowTarget) : state.table.getRowsHeight(0, state.columnMove.rowTarget - 1)) - state.table.stateManager.scroll.verticalBarPos), state.table.scenegraph.component.updateMoveCol(backX, lineX, backY, lineY), state.table.fireListeners(TABLE_EVENT_TYPE.CHANGING_HEADER_POSITION, {
           col: col,
           row: row,
           x: x,
@@ -52832,14 +53249,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({
@@ -52849,7 +53267,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),
@@ -52858,11 +53278,11 @@
             colMax = Math.max(sourceMergeInfo.end.col, targetMergeInfo.end.col, oldSourceMergeInfo.end.col, oldTargetMergeInfo.end.col),
             rowMin = Math.min(sourceMergeInfo.start.row, targetMergeInfo.start.row, oldSourceMergeInfo.start.row, oldTargetMergeInfo.start.row);
           let rowMax = Math.max(sourceMergeInfo.end.row, targetMergeInfo.end.row, oldSourceMergeInfo.end.row, oldTargetMergeInfo.end.row);
-          "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), !state.table.transpose && state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
+          "row" === moveContext.moveType && "tree" === state.table.internalProps.layoutMap.rowHierarchyType && (rowMax = moveContext.targetIndex > moveContext.sourceIndex ? rowMax + moveContext.targetSize - 1 : rowMax + moveContext.sourceSize - 1), state.table.transpose || !state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) && "row" !== state.columnMove.movingColumnOrRow || (state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex), state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex)), "column" === moveContext.moveType ? clearWidthsAndHeightsCache(colMin, colMax, 0, -1, state.table) : clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table), state.table.clearCellStyleCache(), state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) || "row" === state.columnMove.movingColumnOrRow ? state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType) : "column" === moveContext.moveType ? state.table.scenegraph.updateHeaderPosition(colMin, colMax, 0, -1, moveContext.moveType) : state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType), "adjustFrozenCount" === state.table.internalProps.frozenColDragHeaderMode && state.table.isListTable() && (state.table.isLeftFrozenColumn(state.columnMove.colTarget) && !state.table.isLeftFrozenColumn(state.columnMove.colSource) ? state.table.frozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isLeftFrozenColumn(state.columnMove.colSource) && !state.table.isLeftFrozenColumn(state.columnMove.colTarget) && (state.table.frozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1), state.table.isRightFrozenColumn(state.columnMove.colTarget) && !state.table.isRightFrozenColumn(state.columnMove.colSource) ? state.table.rightFrozenColCount += sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1 : state.table.isRightFrozenColumn(state.columnMove.colSource) && !state.table.isRightFrozenColumn(state.columnMove.colTarget) && (state.table.rightFrozenColCount -= sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1)), moveColResult = !0;
         }
       }
       return state.columnMove.moving = !1, setTimeout(() => {
-        delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget;
+        delete state.columnMove.colSource, delete state.columnMove.rowSource, delete state.columnMove.colTarget, delete state.columnMove.rowTarget, state.columnMove.movingColumnOrRow = void 0;
       }, 0), state.table.scenegraph.component.hideMoveCol(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? (state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen), state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount)) : state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount) : state.table.options.frozenColCount ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1) : state.table.options.rightFrozenColCount && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame(), !0 === (null === (_b = state.table.options.customConfig) || void 0 === _b ? void 0 : _b.notUpdateInColumnRowMove) || moveColResult;
     }
     function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
@@ -52900,6 +53320,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;
@@ -52924,7 +53345,9 @@
         }
         rightColWidth - detaX < state.table.internalProps.limitMinWidth && (detaX = rightColWidth - state.table.internalProps.limitMinWidth);
       }
-      detaX = Math.ceil(detaX), state.columnResize.col < state.table.rowHeaderLevelCount || state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount ? updateResizeColForColumn(detaX, state) : "indicator" === state.table.internalProps.columnResizeType ? updateResizeColForIndicator$1(detaX, state) : "indicatorGroup" === state.table.internalProps.columnResizeType ? updateResizeColForIndicatorGroup$1(detaX, state) : "all" === state.table.internalProps.columnResizeType ? updateResizeColForAll$1(detaX, state) : updateResizeColForColumn(detaX, state), state.columnResize.x = xInTable, state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen), state.table._updateSize(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen) : state.table.options.frozenColCount && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1), (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose || state.table.options.rightFrozenColCount) && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame();
+      detaX = Math.ceil(detaX), state.columnResize.col < state.table.rowHeaderLevelCount || state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount ? updateResizeColForColumn(detaX, state) : "indicator" === state.table.internalProps.columnResizeType ? updateResizeColForIndicator$1(detaX, state) : "indicatorGroup" === state.table.internalProps.columnResizeType ? updateResizeColForIndicatorGroup$1(detaX, state) : "all" === state.table.internalProps.columnResizeType ? updateResizeColForAll$1(detaX, state) : updateResizeColForColumn(detaX, state), state.columnResize.x = xInTable, state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen), state.table._updateSize(), null === (_a = state.table.internalProps.legends) || void 0 === _a || _a.forEach(legend => {
+        null == legend || legend.resize();
+      }), state.table.internalProps.title && state.table.internalProps.title.resize(), state.table.internalProps.emptyTip && state.table.internalProps.emptyTip.resize(), state.columnResize.col < state.table.frozenColCount && !state.table.isPivotTable() && !state.table.transpose ? state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen) : state.table.options.frozenColCount && state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1), (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount && !state.table.isPivotTable() && !state.table.transpose || state.table.options.rightFrozenColCount) && state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount), state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForColumn(detaX, state) {
       "adaptive" === state.table.widthMode && state.columnResize.col < state.table.colCount - 1 ? (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.scenegraph.updateColWidth(state.columnResize.col + 1, -detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col), state.table.internalProps._widthResizedColMap.add(state.columnResize.col + 1)) : (state.table.scenegraph.updateColWidth(state.columnResize.col, detaX), state.table.internalProps._widthResizedColMap.add(state.columnResize.col));
@@ -53238,6 +53661,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;
@@ -53247,7 +53671,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));
@@ -53419,7 +53845,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -53486,7 +53913,8 @@
           rowTargetSize: 0,
           x: 0,
           y: 0,
-          moving: !1
+          moving: !1,
+          movingColumnOrRow: void 0
         }, this.menu = {
           x: -1,
           y: -1,
@@ -53653,7 +54081,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];
@@ -53709,8 +54137,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);
@@ -54367,7 +54795,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;
@@ -54379,10 +54807,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;
@@ -54397,7 +54825,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;
@@ -54410,6 +54839,7 @@
               col: colSource,
               row: rowSource
             },
+            movingColumnOrRow: movingColumnOrRow,
             event: e
           });
         }
@@ -54425,6 +54855,7 @@
             col: table.stateManager.columnMove.colSource,
             row: table.stateManager.columnMove.rowSource
           },
+          movingColumnOrRow: table.stateManager.columnMove.movingColumnOrRow,
           event: e
         });
       }
@@ -54450,7 +54881,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, {
@@ -55120,7 +55551,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$4(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$4(table.options.pixelRatio) || table.setPixelRatio(getPixelRatio()), e.windowSizeNotChange || table.resize());
       });
       const globalPointerdownCallback = e => {
         var _a;
@@ -55202,10 +55633,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(),
@@ -55819,12 +56250,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$4(eventArgs.col) && isValid$4(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$4(col) && isValid$4(row) && this.table.stateManager.updateMoveCol(col, row, x, y, event);
       }
       startColumnResize(eventArgsSet) {}
       dealIconClick(e, eventArgsSet) {
@@ -57291,12 +57720,12 @@
       clearRange() {
         this.cumulativeSum.clear(), this.difference.clear();
       }
-      add(position, value) {
+      _add(position, value) {
         if (!isValid$4(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);
@@ -57313,7 +57742,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);
@@ -57380,21 +57809,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$4(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$4(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();
@@ -57422,28 +57868,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) {
@@ -57454,7 +57884,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 {
@@ -57870,6 +58301,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];
@@ -58788,7 +59247,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.0", 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.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");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -59540,6 +59999,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;
       }
@@ -60923,6 +61388,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 = {};
@@ -62950,13 +63431,14 @@
         }
       }
       canMoveHeaderPosition(source, target) {
+        const dragColumnOrRow = this._table.stateManager.columnMove.movingColumnOrRow;
         if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) return !1;
-        if (!this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) {
+        if (!this.transpose && (this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) || "row" === dragColumnOrRow)) {
           const sourceIndex = this.getRecordShowIndexByCell(0, source.row),
             targetIndex = this.getRecordShowIndexByCell(0, target.row);
           return this._table.dataSource.canChangeOrder(sourceIndex, targetIndex);
         }
-        if (this.transpose && this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) && (this.getBody(source.col + this.leftRowSeriesNumberColumnCount, source.row).isChildNode && this.getBody(target.col + this.leftRowSeriesNumberColumnCount, target.row).isChildNode ? (source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1, target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1) : (source.col = source.col + this.leftRowSeriesNumberColumnCount, target.col = target.col + this.leftRowSeriesNumberColumnCount)), source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
+        if (this.transpose && (this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row) || "row" === dragColumnOrRow) && (this.getBody(source.col + this.leftRowSeriesNumberColumnCount, source.row).isChildNode && this.getBody(target.col + this.leftRowSeriesNumberColumnCount, target.row).isChildNode ? (source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1, target.col = target.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1) : (source.col = source.col + this.leftRowSeriesNumberColumnCount, target.col = target.col + this.leftRowSeriesNumberColumnCount)), source.col < 0 || source.row < 0 || target.col < 0 || target.row < 0) return !1;
         if ("disabled" === this._table.internalProps.frozenColDragHeaderMode && this._table.isFrozenColumn(target.col)) return !1;
         const sourceCellRange = this.getCellRange(source.col, source.row);
         if (this.isColumnHeader(source.col, source.row)) {
@@ -62968,7 +63450,7 @@
         return !1;
       }
       moveHeaderPosition(source, target) {
-        var _a, _b;
+        var _a, _b, _c, _d, _e, _f, _g;
         if ((!(null === (_a = this._table.options.dragOrder) || void 0 === _a ? void 0 : _a.validateDragOrderOnEnd) || (null === (_b = this._table.options.dragOrder) || void 0 === _b ? void 0 : _b.validateDragOrderOnEnd(source, target))) && this.canMoveHeaderPosition(source, target)) {
           let sourceCellRange = this.getCellRange(source.col, source.row);
           if (this.isColumnHeader(source.col, source.row)) {
@@ -62980,8 +63462,18 @@
               const sourceIds = this._headerCellIds[row].splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
               sourceIds.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
             }
+            if (null === (_c = this._table.options.dragOrder) || void 0 === _c ? void 0 : _c.maintainArrayDataOrder) for (let j = 0; j < (null === (_d = this._table.dataSource.dataSourceObj) || void 0 === _d ? void 0 : _d.records.length); j++) {
+              const rowRecords = null === (_e = this._table.dataSource.dataSourceObj) || void 0 === _e ? void 0 : _e.records[j];
+              if (Array.isArray(rowRecords)) {
+                rowRecords.length - 1 < targetIndex && rowRecords.push(...Array(targetIndex - rowRecords.length + 1).fill(void 0));
+                const sourceData = rowRecords.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                sourceData.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(rowRecords, sourceData);
+              }
+            }
             const sourceColumns = this._columns.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
-            return sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._columns, sourceColumns), this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount), this.columnTree.reset(this.columnTree.tree.children), this._cellRangeMap = new Map(), {
+            if (sourceColumns.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0), Array.prototype.splice.apply(this._columns, sourceColumns), null === (_f = this._table.options.dragOrder) || void 0 === _f ? void 0 : _f.maintainArrayDataOrder) for (let i = 0; i < this._columns.length; i++) this._columns[i].field = i;
+            if (this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount), null === (_g = this._table.options.dragOrder) || void 0 === _g ? void 0 : _g.maintainArrayDataOrder) for (let i = 0; i < this.columnTree.tree.children.length; i++) this.columnTree.tree.children[i].field = i;
+            return this.columnTree.reset(this.columnTree.tree.children), this._cellRangeMap = new Map(), {
               sourceIndex: sourceCellRange.start.col,
               targetIndex: targetIndex,
               sourceSize: sourceSize,
@@ -63008,7 +63500,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,
@@ -63980,14 +64472,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;
@@ -63999,15 +64494,23 @@
         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();
       }
       addColumns(toAddColumns, colIndex, isMaintainArrayData = !0) {
+        var _a;
         const columns = this.options.columns;
-        if (void 0 === colIndex ? (colIndex = columns.length, columns.push(...toAddColumns)) : columns.splice(colIndex, 0, ...toAddColumns), isMaintainArrayData) {
+        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.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
+        this.updateColumns(columns, {
+          clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
           columnIndex: colIndex,
           columnCount: toAddColumns.length,
           columns: columns
@@ -64016,12 +64519,20 @@
       deleteColumns(deleteColIndexs, isMaintainArrayData = !0) {
         const columns = this.options.columns;
         deleteColIndexs.sort((a, b) => b - a);
-        for (let i = 0; i < deleteColIndexs.length; i++) if (columns.splice(deleteColIndexs[i], 1), isMaintainArrayData) for (let j = 0; j < this.records.length; j++) {
+        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), this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
+        this.updateColumns(columns, {
+          clearRowHeightCache: !1
+        }), this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
           deleteColIndexs: deleteColIndexs,
           columns: columns
         });
@@ -71031,6 +71542,8 @@
           this.seriesNumberComponent.setAttribute("hover", !0);
         }, this.handleResizeRowEnd = e => {
           this.seriesNumberComponent.setAttribute("hover", !0);
+        }, this.handleChangeHeaderPosition = e => {
+          this.syncColWidthToComponent();
         }, this.handleSeriesNumberCellRightClick = e => {
           const {
               seriesNumberCell: seriesNumberCell,
@@ -71140,6 +71653,18 @@
             event: event
           } = e.detail;
           this.table.stateManager.updateInteractionState(InteractionState.grabing), this.table.stateManager.startResizeRow(rowIndex, event.viewport.x, event.viewport.y);
+        }, this.handleDragColumOrderStart = e => {
+          const {
+            colIndex: colIndex,
+            event: event
+          } = e.detail;
+          this.table.stateManager.updateInteractionState(InteractionState.grabing), this.table.stateManager.startMoveCol(colIndex, 0, event.viewport.x, event.viewport.y, event.nativeEvent, "column");
+        }, this.handleDragRowOrderStart = e => {
+          const {
+            rowIndex: rowIndex,
+            event: event
+          } = e.detail;
+          this.table.stateManager.updateInteractionState(InteractionState.grabing), this.table.stateManager.startMoveCol(0, rowIndex, event.viewport.x, event.viewport.y, event.nativeEvent, "row");
         }, this.pluginOptions = pluginOptions, this.seriesNumberComponent = new TableSeriesNumber$1({
           rowCount: pluginOptions.rowCount,
           colCount: pluginOptions.colCount,
@@ -71216,7 +71741,9 @@
                 opacity: 1
               }
             }
-          }, pluginOptions.cornerCellStyle)
+          }, pluginOptions.cornerCellStyle),
+          checkMoveColumnOrder: colIndex => this.table.isColumnSelected(colIndex),
+          checkMoveRowOrder: rowIndex => this.table.isRowSelected(rowIndex)
         }), this.listenComponentEvents();
       }
       run(...args) {
@@ -71255,10 +71782,10 @@
         }
       }
       listenTableEvents() {
-        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.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.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);
       }
       release() {
         var _a, _b;
@@ -71338,10 +71865,20 @@
         table.eventManager.handlePaste(new KeyboardEvent("paste"));
       }
       handleInsertRowAbove(table, rowIndex, count = 1) {
-        if (void 0 !== rowIndex && "function" == typeof table.addRecord) for (let i = 0; i < count; i++) table.addRecord([], rowIndex - 1);
+        if (void 0 !== rowIndex && "function" == typeof table.addRecord) {
+          const records = Array.from({
+            length: count
+          }, (_, i) => []);
+          table.addRecords(records, rowIndex - 1);
+        }
       }
       handleInsertRowBelow(table, rowIndex, count = 1) {
-        if (void 0 !== rowIndex && "function" == typeof table.addRecord) for (let i = 0; i < count; i++) table.addRecord([], rowIndex + i);
+        if (void 0 !== rowIndex && "function" == typeof table.addRecord) {
+          const records = Array.from({
+            length: count
+          }, (_, i) => []);
+          table.addRecords(records, rowIndex);
+        }
       }
       handleInsertColumnLeft(table, colIndex, count = 1) {
         if (void 0 !== colIndex && "function" == typeof table.addColumns) {
@@ -71361,8 +71898,8 @@
           table.addColumns(toAddColumns, colIndex + 1, !0);
         }
       }
-      handleDeleteRow(table, rowIndex) {
-        if (void 0 !== rowIndex && "function" == typeof table.deleteRecords) {
+      handleDeleteRow(table) {
+        if ("function" == typeof table.deleteRecords) {
           const selectRanges = table.stateManager.select.ranges,
             deleteRowIndexs = [];
           for (let i = 0; i < selectRanges.length; i++) {
@@ -71370,10 +71907,12 @@
             for (let j = range.start.row; j <= range.end.row; j++) deleteRowIndexs.includes(j) || deleteRowIndexs.push(j);
           }
           deleteRowIndexs.sort((a, b) => b - a);
+          const delRecordIndexs = [];
           for (let i = 0; i < deleteRowIndexs.length; i++) {
             const recordIndex = table.getRecordIndexByCell(0, deleteRowIndexs[i]);
-            table.deleteRecords([recordIndex]);
+            delRecordIndexs.push(recordIndex);
           }
+          table.deleteRecords(delRecordIndexs);
         }
       }
       handleDeleteColumn(table, colIndex) {
@@ -71525,7 +72064,7 @@
             this.menuHandler.handleInsertColumnRight(table, colIndex, inputValue);
             break;
           case MenuKey.DELETE_ROW:
-            this.menuHandler.handleDeleteRow(table, rowIndex);
+            this.menuHandler.handleDeleteRow(table);
             break;
           case MenuKey.DELETE_COLUMN:
             this.menuHandler.handleDeleteColumn(table, colIndex);
@@ -75930,6 +76469,48 @@
                 throw new Error(`Failed to remove ${numberOfColumns} columns at index ${columnIndex}`);
             }
         }
+        changeColumnHeaderPosition(sheetKey, sourceCol, targetCol) {
+            this.ensureInitialized();
+            try {
+                const sheet = this.sheet.getSheet(sheetKey);
+                if (!sheet) {
+                    throw new Error(`Sheet not found: ${sheetKey}`);
+                }
+                const totalColCount = sheet.columnCount;
+                const totalRowCount = sheet.rowCount;
+                const { adjustedCells, movedCells } = this.formulaEngine.adjustFormulaReferencesForColumnMove(sheetKey, sourceCol, targetCol, totalColCount, totalRowCount);
+                const allAffectedCells = [...adjustedCells, ...movedCells];
+                for (const cell of allAffectedCells) {
+                    const result = this.getCellValue(cell);
+                    this.sheet
+                        .getActiveSheet()
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                }
+            }
+            catch (error) {
+                throw new Error(`Failed to change column header position: ${error instanceof Error ? error.message : 'Unknown error'}`);
+            }
+        }
+        changeRowHeaderPosition(sheetKey, sourceRow, targetRow) {
+            this.ensureInitialized();
+            try {
+                const sheet = this.sheet.getSheet(sheetKey);
+                if (!sheet) {
+                    throw new Error(`Sheet not found: ${sheetKey}`);
+                }
+                const { adjustedCells, movedCells } = this.formulaEngine.adjustFormulaReferencesForRowMove(sheetKey, sourceRow, targetRow);
+                const allAffectedCells = [...adjustedCells, ...movedCells];
+                for (const cell of allAffectedCells) {
+                    const result = this.getCellValue(cell);
+                    this.sheet
+                        .getActiveSheet()
+                        .tableInstance?.changeCellValue(cell.col, cell.row, result.error ? '#ERROR!' : result.value);
+                }
+            }
+            catch (error) {
+                throw new Error(`Failed to change row header position: ${error instanceof Error ? error.message : 'Unknown error'}`);
+            }
+        }
         getSheetSerialized(sheetKey) {
             this.ensureInitialized();
             try {
@@ -76529,15 +77110,21 @@
                 });
             }
             else {
-                changedTheme = this.options.theme;
-                changedTheme.frameStyle = Object.assign({}, this.options.theme.frameStyle, {
-                    shadowBlur: 0,
-                    cornerRadius: 0,
-                    borderLineWidth: 0
-                });
+                if (typeof this.options.theme === 'string') ;
+                else {
+                    changedTheme = this.options.theme;
+                    changedTheme.frameStyle = Object.assign({}, this.options.theme.frameStyle, {
+                        shadowBlur: 0,
+                        cornerRadius: 0,
+                        borderLineWidth: 0
+                    });
+                }
             }
             return {
                 ...this.options,
+                dragOrder: {
+                    maintainArrayDataOrder: true
+                },
                 addRecordRule: 'Array',
                 defaultCursor: 'cell',
                 records: this.options.data,
@@ -76595,6 +77182,9 @@
                 this.tableInstance.on('click_cell', () => {
                     this.element.classList.add('vtable-excel-cursor');
                 });
+                this.tableInstance.on('change_header_position', (event) => {
+                    this.handleChangeHeaderPosition(event);
+                });
             }
         }
         handleCellSelected(event) {
@@ -76715,6 +77305,32 @@
             catch (error) {
             }
         }
+        handleChangeHeaderPosition(event) {
+            if (event.movingColumnOrRow === 'column') {
+                this.handleChangeColumnHeaderPosition(event);
+            }
+            else {
+                this.handleChangeRowHeaderPosition(event);
+            }
+        }
+        handleChangeColumnHeaderPosition(event) {
+            const { source, target } = event;
+            const { col: sourceCol, row: sourceRow } = source;
+            const { col: targetCol, row: targetRow } = target;
+            const sheetKey = this.getKey();
+            const normalizedData = this.vtableSheet.formulaManager.normalizeSheetData(this.tableInstance.records, this.tableInstance);
+            this.vtableSheet.formulaManager.formulaEngine.updateSheetData(sheetKey, normalizedData);
+            this.vtableSheet.formulaManager.changeColumnHeaderPosition(sheetKey, sourceCol, targetCol);
+        }
+        handleChangeRowHeaderPosition(event) {
+            const { source, target } = event;
+            const { row: sourceRow } = source;
+            const { row: targetRow } = target;
+            const sheetKey = this.getKey();
+            const normalizedData = this.vtableSheet.formulaManager.normalizeSheetData(this.tableInstance.records, this.tableInstance);
+            this.vtableSheet.formulaManager.formulaEngine.updateSheetData(sheetKey, normalizedData);
+            this.vtableSheet.formulaManager.changeRowHeaderPosition(sheetKey, sourceRow, targetRow);
+        }
         fireEvent(eventName, eventData) {
             this.fire(eventName, eventData);
         }
@@ -76776,7 +77392,7 @@
             this.options.sheetTitle = title;
         }
         getColumns() {
-            return this.options.columns || [];
+            return this.tableInstance.columns || [];
         }
         getData() {
             return this.options.data || [];
@@ -76870,7 +77486,7 @@
             if (vtableRanges.length === 0) {
                 return this.selection ? [this.selection] : [];
             }
-            return vtableRanges.map(range => ({
+            return vtableRanges.map((range) => ({
                 startRow: range.start.row,
                 startCol: range.start.col,
                 endRow: range.end.row,
@@ -76963,12 +77579,9 @@
         }
         if (options?.VTablePluginModules) {
             options.VTablePluginModules.forEach((module) => {
-                if (typeof module.module === 'function') {
+                if (typeof module?.module === 'function') {
                     plugins.push(new module.module(module.moduleOptions));
                 }
-                else {
-                    throw new Error(`Invalid plugin: ${module.module}`);
-                }
             });
         }
         return plugins;
@@ -78269,13 +78882,13 @@
                 }
             }
         }
-        importFileToSheet() {
+        async importFileToSheet() {
             const sheet = this.getActiveSheet();
             if (!sheet) {
                 return;
             }
             if (sheet.tableInstance?.importFile) {
-                sheet.tableInstance.importFile();
+                return await sheet.tableInstance.importFile();
             }
         }
         getContainer() {
@@ -79770,7 +80383,7 @@
         importStyle();
     }
 
-    const version = "1.22.0";
+    const version = "1.22.2";
     importStyles();
 
     exports.TYPES = index;