@visactor/vtable 1.22.0 → 1.22.2

package/dist/vtable.js

@@ -24496,12 +24496,12 @@
         const parsedParams = this.parseParams(params, isTimeline);
         return animate = isTimeline ? this.executeTimelineItem(parsedParams, graphic, index, count) : this.executeTypeConfigItem(parsedParams, graphic, index, count), animate && this._trackAnimation(animate), animate;
       }
-      stop(type) {
+      stop(type, callEnd = !0) {
         for (; this._animates.length > 0;) {
           const animate = this._animates.pop();
-          null == animate || animate.stop(type);
+          !1 === callEnd && (animate.status = AnimateStatus.END), null == animate || animate.stop(type);
         }
-        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, this.onEnd());
+        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, callEnd && this.onEnd());
       }
     }
     AnimateExecutor.builtInAnimateMap = {};
@@ -24561,7 +24561,7 @@
             executor: new AnimateExecutor(this.graphic)
           });
         }), shouldStopState.forEach(state => {
-          state.executor.stop();
+          state.executor.stop(null, !1);
         }), shouldApplyState.length) {
           shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
           for (let i = 0; i < shouldApplyState.length; i++) {
@@ -24612,7 +24612,7 @@
       clearState() {
         var _a;
         null === (_a = this.stateList) || void 0 === _a || _a.forEach(state => {
-          state.executor.stop();
+          state.executor.stop(null, !1);
         }), this.stateList = null;
       }
       reApplyState(state) {
@@ -36386,7 +36386,7 @@
         let maxing = false;
         let leading = false;
         let trailing = true;
-        const useRAF = !wait && wait !== 0 && typeof requestAnimationFrame === 'function';
+        const useRAF = !wait && wait !== 0 && typeof vglobal.getRequestAnimationFrame() === 'function';
         if (typeof func !== 'function') {
             throw new TypeError('Expected a function');
         }
@@ -36410,7 +36410,7 @@
         }
         function startTimer(pendingFunc, wait) {
             if (useRAF) {
-                return requestAnimationFrame(pendingFunc);
+                return vglobal.getRequestAnimationFrame()(pendingFunc);
             }
             return setTimeout(pendingFunc, wait);
         }
@@ -47543,7 +47543,8 @@
             let symbolY = 0;
             let symbolRotate = Math.PI;
             const linePoints = [];
-            if (cellLocation === 'columnHeader') {
+            const movingColumnOrRow = this.table.stateManager.columnMove.movingColumnOrRow;
+            if ((cellLocation === 'columnHeader' && movingColumnOrRow === undefined) || movingColumnOrRow === 'column') {
                 rectX = this.table.getColsWidth(0, col - 1) - this.table.stateManager.scroll.horizontalBarPos;
                 rectY = this.table.getRowsHeight(0, this.table.frozenRowCount - 1);
                 rectHeight = this.table.tableNoFrameHeight;
@@ -47560,7 +47561,8 @@
                 linePoints.push({ x: 0, y: this.table.tableNoFrameHeight });
             }
             else if (cellLocation === 'rowHeader' ||
-                this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
+                this.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ||
+                movingColumnOrRow === 'row') {
                 rectY = this.table.getRowsHeight(0, row - 1) - this.table.stateManager.scroll.verticalBarPos;
                 rectX = this.table.getColsWidth(0, this.table.frozenColCount - 1);
                 rectWidth = this.table.tableNoFrameWidth;
@@ -49014,7 +49016,7 @@
         chartRenderKeys = [];
         chartRenderQueueList = [];
         isHandlingChartQueue = false;
-        cancelAnimationFrame(requestAnimationFrameId);
+        vglobal.getCancelAnimationFrame()(requestAnimationFrameId);
     }
     function IsHandlingChartQueue() {
         return isHandlingChartQueue;
@@ -49083,6 +49085,7 @@
             });
             table.internalProps.layoutMap?.updateDataStateToActiveChartInstance?.(chartInstance);
             if (typeof dataId === 'string') {
+                chartInstance.getChart().setLayoutTag(true);
                 chartInstance.updateDataSync(dataId, data ?? []);
             }
             else {
@@ -49107,6 +49110,7 @@
                             : data ?? []);
                     }
                 }
+                chartInstance.getChart().setLayoutTag(true);
                 chartInstance.updateFullDataSync?.(dataBatch);
             }
         }
@@ -49117,7 +49121,7 @@
     function startRenderChartQueue(table) {
         isHandlingChartQueue = true;
         if (chartRenderQueueList.length > 0) {
-            requestAnimationFrameId = requestAnimationFrame(() => {
+            requestAnimationFrameId = vglobal.getRequestAnimationFrame()(() => {
                 const chartsToRender = chartRenderQueueList.splice(0, batchRenderChartCount);
                 chartRenderKeys.splice(0, batchRenderChartCount);
                 chartsToRender.forEach(chart => {
@@ -50744,15 +50748,20 @@
             let actualWidth = 0;
             for (let col = 0; col < table.colCount; col++) {
                 const colWidth = update ? newWidths[col] ?? table.getColWidth(col) : table.getColWidth(col);
-                if (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount ||
-                    (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                if (table.widthAdaptiveMode === 'only-body' &&
+                    (col < table.rowHeaderLevelCount + table.leftRowSeriesNumberCount ||
+                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount))) {
                     actualHeaderWidth += colWidth;
                 }
                 actualWidth += colWidth;
             }
             if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-                const startCol = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
-                const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                let startCol = 0;
+                let endCol = table.colCount;
+                if (table.widthAdaptiveMode === 'only-body') {
+                    startCol = table.rowHeaderLevelCount + table.leftRowSeriesNumberCount;
+                    endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                }
                 getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, update, newWidths, table);
             }
         }
@@ -57215,15 +57224,20 @@
                 let actualWidth = 0;
                 for (let col = 0; col < table.colCount; col++) {
                     const colWidth = table.getColWidth(col);
-                    if (col < table.rowHeaderLevelCount ||
-                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                    if (table.widthAdaptiveMode === 'only-body' &&
+                        (col < table.rowHeaderLevelCount ||
+                            (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount))) {
                         actualHeaderWidth += colWidth;
                     }
                     actualWidth += colWidth;
                 }
                 if (actualWidth < canvasWidth && actualWidth > actualHeaderWidth) {
-                    const startCol = table.rowHeaderLevelCount;
-                    const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                    let startCol = 0;
+                    let endCol = table.colCount;
+                    if (table.widthAdaptiveMode === 'only-body') {
+                        startCol = table.rowHeaderLevelCount;
+                        endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
+                    }
                     getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, false, [], table, true);
                 }
             }
@@ -58719,10 +58733,11 @@
         return target;
     }
 
-    function startMoveCol(col, row, x, y, state, event) {
+    function startMoveCol(col, row, x, y, state, event, dragColumnOrRow) {
         if (!('canMoveHeaderPosition' in state.table.internalProps.layoutMap)) {
             return;
         }
+        state.columnMove.movingColumnOrRow = dragColumnOrRow;
         state.columnMove.moving = true;
         state.columnMove.colSource = col;
         state.columnMove.rowSource = row;
@@ -58734,13 +58749,23 @@
         }
         state.columnMove.x = x - state.table.tableX;
         state.columnMove.y = y - state.table.tableY;
-        const cellLocation = state.table.getCellLocation(col, row);
-        const delta = cellLocation === 'columnHeader'
-            ? state.columnMove.x
-            : cellLocation === 'rowHeader' ||
-                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)
-                ? state.columnMove.y
-                : 0;
+        let delta;
+        if (dragColumnOrRow === 'column') {
+            delta = state.columnMove.x;
+        }
+        else if (dragColumnOrRow === 'row') {
+            delta = state.columnMove.y;
+        }
+        else {
+            const cellLocation = state.table.getCellLocation(col, row);
+            delta =
+                cellLocation === 'columnHeader'
+                    ? state.columnMove.x
+                    : cellLocation === 'rowHeader' ||
+                        state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)
+                        ? state.columnMove.y
+                        : 0;
+        }
         const { backX, lineX, backY, lineY } = state.table.scenegraph.component.showMoveCol(col, row, delta);
         state.table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION_START, {
             col,
@@ -58751,7 +58776,8 @@
             lineX,
             backY,
             lineY,
-            event
+            event,
+            movingColumnOrRow: dragColumnOrRow
         });
         const isHasSelected = !!state.select.ranges?.length;
         state.table.stateManager.updateSelectPos(-1, -1);
@@ -58806,7 +58832,8 @@
                 }
             }
             else if (cellLocation === 'rowHeader' ||
-                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row)) {
+                state.table.internalProps.layoutMap.isSeriesNumberInBody(col, row) ||
+                state.columnMove.movingColumnOrRow === 'row') {
                 backY = state.columnMove.y;
                 if (state.table.isFrozenRow(row)) {
                     lineY =
@@ -58836,7 +58863,8 @@
                 lineX,
                 backY,
                 lineY,
-                event
+                event,
+                movingColumnOrRow: state.columnMove.movingColumnOrRow
             });
             state.table.scenegraph.updateNextFrame();
         }
@@ -58845,10 +58873,10 @@
         let moveColResult = false;
         if ('canMoveHeaderPosition' in state.table.internalProps.layoutMap &&
             state.columnMove.moving &&
-            state.columnMove.colSource >= 0 &&
-            state.columnMove.rowSource >= 0 &&
-            state.columnMove.colTarget >= 0 &&
-            state.columnMove.rowTarget >= 0 &&
+            (state.columnMove.colSource >= 0 || state.columnMove.movingColumnOrRow === 'row') &&
+            (state.columnMove.rowSource >= 0 || state.columnMove.movingColumnOrRow === 'column') &&
+            (state.columnMove.colTarget >= 0 || state.columnMove.movingColumnOrRow === 'row') &&
+            (state.columnMove.rowTarget >= 0 || state.columnMove.movingColumnOrRow === 'column') &&
             state.table.options.customConfig?.notUpdateInColumnRowMove !== true) {
             const oldSourceMergeInfo = state.table.getCellRange(state.columnMove.colSource, state.columnMove.rowSource);
             const oldTargetMergeInfo = state.table.getCellRange(state.columnMove.colTarget, state.columnMove.rowTarget);
@@ -58872,7 +58900,8 @@
                     }
                 }
                 if (!state.table.transpose &&
-                    state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource)) {
+                    (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ||
+                        state.columnMove.movingColumnOrRow === 'row')) {
                     state.table.changeRecordOrder(moveContext.sourceIndex, moveContext.targetIndex);
                     state.changeCheckboxAndRadioOrder(moveContext.sourceIndex, moveContext.targetIndex);
                 }
@@ -58883,7 +58912,8 @@
                     clearWidthsAndHeightsCache(0, -1, rowMin, rowMax, state.table);
                 }
                 state.table.clearCellStyleCache();
-                if (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource)) {
+                if (state.table.internalProps.layoutMap.isSeriesNumberInBody(state.columnMove.colSource, state.columnMove.rowSource) ||
+                    state.columnMove.movingColumnOrRow === 'row') {
                     state.table.scenegraph.updateHeaderPosition(state.table.scenegraph.proxy.colStart, state.table.scenegraph.proxy.colEnd, state.table.scenegraph.proxy.rowStart, state.table.scenegraph.proxy.rowEnd, moveContext.moveType);
                 }
                 else if (moveContext.moveType === 'column') {
@@ -58919,10 +58949,13 @@
             else {
                 state.updateCursor();
                 state.columnMove.moving = false;
-                delete state.columnMove.colSource;
-                delete state.columnMove.rowSource;
-                delete state.columnMove.colTarget;
-                delete state.columnMove.rowTarget;
+                setTimeout(() => {
+                    delete state.columnMove.colSource;
+                    delete state.columnMove.rowSource;
+                    delete state.columnMove.colTarget;
+                    delete state.columnMove.rowTarget;
+                    state.columnMove.movingColumnOrRow = undefined;
+                }, 0);
                 state.table.scenegraph.component.hideMoveCol();
                 state.table.scenegraph.updateNextFrame();
                 return false;
@@ -58934,6 +58967,7 @@
             delete state.columnMove.rowSource;
             delete state.columnMove.colTarget;
             delete state.columnMove.rowTarget;
+            state.columnMove.movingColumnOrRow = undefined;
         }, 0);
         state.table.scenegraph.component.hideMoveCol();
         if (state.columnResize.col < state.table.frozenColCount &&
@@ -59077,6 +59111,15 @@
         state.columnResize.x = xInTable;
         state.table.scenegraph.component.updateResizeCol(state.columnResize.col, yInTable, state.columnResize.isRightFrozen);
         state.table._updateSize();
+        state.table.internalProps.legends?.forEach(legend => {
+            legend?.resize();
+        });
+        if (state.table.internalProps.title) {
+            state.table.internalProps.title.resize();
+        }
+        if (state.table.internalProps.emptyTip) {
+            state.table.internalProps.emptyTip.resize();
+        }
         if (state.columnResize.col < state.table.frozenColCount &&
             !state.table.isPivotTable() &&
             !state.table.transpose) {
@@ -59736,6 +59779,15 @@
         state.rowResize.y = yInTable;
         state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen);
         state.table._updateSize();
+        state.table.internalProps.legends?.forEach(legend => {
+            legend?.resize();
+        });
+        if (state.table.internalProps.title) {
+            state.table.internalProps.title.resize();
+        }
+        if (state.table.internalProps.emptyTip) {
+            state.table.internalProps.emptyTip.resize();
+        }
         state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForRow(detaY, state) {
@@ -60020,7 +60072,8 @@
                 rowTargetSize: 0,
                 x: 0,
                 y: 0,
-                moving: false
+                moving: false,
+                movingColumnOrRow: undefined
             };
             this.menu = {
                 x: -1,
@@ -60102,7 +60155,8 @@
                 rowTargetSize: 0,
                 x: 0,
                 y: 0,
-                moving: false
+                moving: false,
+                movingColumnOrRow: undefined
             };
             this.menu = {
                 x: -1,
@@ -60392,7 +60446,8 @@
                 }
                 const currentRange = this.select.ranges[this.select.ranges.length - 1];
                 if (!this.table.isSeriesNumber(this.select.cellPos.col, this.select.cellPos.row) &&
-                    !this.table.isHeader(this.select.cellPos.col, this.select.cellPos.row)) {
+                    !this.table.isHeader(this.select.cellPos.col, this.select.cellPos.row) &&
+                    !this.table.isSeriesNumberInBody(currentRange.start.col, currentRange.start.row)) {
                     expendCellRange(currentRange, this.table);
                 }
                 let isSame = false;
@@ -60501,8 +60556,8 @@
             this.fillHandle.beforeFillMinCol = undefined;
             this.fillHandle.beforeFillMinRow = undefined;
         }
-        startMoveCol(col, row, x, y, event) {
-            startMoveCol(col, row, x, y, this, event);
+        startMoveCol(col, row, x, y, event, dragColumnOrRow) {
+            startMoveCol(col, row, x, y, this, event, dragColumnOrRow);
         }
         updateMoveCol(col, row, x, y, event) {
             updateMoveCol(col, row, x, y, this, event);
@@ -61501,7 +61556,7 @@
             this.speedY = speedY;
             this.friction = friction;
             if (!this.runingId) {
-                this.runingId = requestAnimationFrame(this.inertia.bind(this));
+                this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this));
             }
         }
         inertia() {
@@ -61529,10 +61584,10 @@
             this.lastTime = now;
             this.speedX = newSpeedX;
             this.speedY = newSpeedY;
-            this.runingId = requestAnimationFrame(this.inertia.bind(this));
+            this.runingId = vglobal.getRequestAnimationFrame()(this.inertia.bind(this));
         }
         endInertia() {
-            cancelAnimationFrame(this.runingId);
+            vglobal.getCancelAnimationFrame()(this.runingId);
             this.runingId = null;
         }
         isInertiaScrolling() {
@@ -61547,7 +61602,7 @@
             table.stateManager.columnMove?.colTarget !== -1 &&
             table.stateManager.columnMove?.rowTarget !== -1) {
             if (table.hasListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION)) {
-                const { colSource, rowSource, colTarget, rowTarget } = table.stateManager.columnMove;
+                const { colSource, rowSource, colTarget, rowTarget, movingColumnOrRow } = table.stateManager.columnMove;
                 const rowSourceSize = table.stateManager.columnMove.rowSourceSize ?? 0;
                 const rowTargetSize = table.stateManager.columnMove.rowTargetSize ?? 0;
                 table.fireListeners(TABLE_EVENT_TYPE.CHANGE_HEADER_POSITION, {
@@ -61556,6 +61611,7 @@
                         col: colSource,
                         row: rowSource
                     },
+                    movingColumnOrRow,
                     event: e
                 });
             }
@@ -61573,6 +61629,7 @@
                         col: table.stateManager.columnMove.colSource,
                         row: table.stateManager.columnMove.rowSource
                     },
+                    movingColumnOrRow: table.stateManager.columnMove.movingColumnOrRow,
                     event: e
                 });
             }
@@ -61605,9 +61662,7 @@
             if (stateManager.interactionState === InteractionState.grabing) {
                 if (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1) {
                     if (stateManager.isResizeCol() || stateManager.isResizeRow()) ;
-                    else if (stateManager.isMoveCol()) {
-                        eventManager.dealColumnMover(eventArgsSet);
-                    }
+                    else if (stateManager.isMoveCol()) ;
                     else if (stateManager.isFillHandle()) {
                         eventManager.dealFillSelect(eventArgsSet, true);
                     }
@@ -62814,7 +62869,10 @@
                 if (e.width === 0 && e.height === 0) {
                     return;
                 }
-                if (table.autoFillWidth || table.autoFillHeight) {
+                if (table.autoFillWidth ||
+                    table.autoFillHeight ||
+                    table.widthMode === 'adaptive' ||
+                    table.heightMode === 'adaptive') {
                     table.editorManager?.completeEdit();
                 }
                 if (!isValid$3(table.options.pixelRatio)) {
@@ -62960,6 +63018,9 @@
                         });
                     }
                 }
+                else if (stateManager.isMoveCol()) {
+                    eventManager.dealColumnMover(x, y, e);
+                }
             }
             const isSelecting = table.stateManager.isSelecting();
             if (eventManager._enableTableScroll &&
@@ -63993,10 +64054,17 @@
             }
             return false;
         }
-        dealColumnMover(eventArgsSet) {
-            const { eventArgs } = eventArgsSet;
-            if (isValid$3(eventArgs.col) && isValid$3(eventArgs.row)) {
-                this.table.stateManager.updateMoveCol(eventArgs.col, eventArgs.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs?.event?.nativeEvent);
+        dealColumnMover(x, y, event) {
+            let col = this.table.getColAtRelativePosition(x);
+            let row = this.table.getRowAtRelativePosition(y);
+            if (col === -1 && this.table.stateManager.columnMove.movingColumnOrRow === 'row') {
+                col = 0;
+            }
+            if (row === -1 && this.table.stateManager.columnMove.movingColumnOrRow === 'column') {
+                row = 0;
+            }
+            if (isValid$3(col) && isValid$3(row)) {
+                this.table.stateManager.updateMoveCol(col, row, x, y, event);
             }
         }
         startColumnResize(eventArgsSet) {
@@ -66267,7 +66335,7 @@
             this.cumulativeSum.clear();
             this.difference.clear();
         }
-        add(position, value) {
+        _add(position, value) {
             if (!isValid$3(value)) {
                 return;
             }
@@ -66280,7 +66348,7 @@
             this.totalSum += value;
             this.updateDifference(position, value - defaultValue);
         }
-        remove(position) {
+        _remove(position) {
             if (this.data.has(position)) {
                 const value = this.data.get(position);
                 this.data.delete(position);
@@ -66308,7 +66376,7 @@
                 this.updateDifference(position, difference);
             }
             else {
-                this.add(position, newValue);
+                this._add(position, newValue);
             }
         }
         get(position) {
@@ -66418,10 +66486,19 @@
                 this.cumulativeSum.delete(i);
             }
             const lastIndex = this.getLastIndex() + 1;
-            this.adjustOrder(position, position + 1, lastIndex - position);
+            const values = [];
+            for (let i = position; i <= lastIndex; i++) {
+                if (this.has(i)) {
+                    values.push({ position: i, value: this.get(i) });
+                    this._remove(i);
+                }
+            }
             if (isValid$3(value)) {
                 this.put(position, value);
             }
+            for (const { position, value } of values) {
+                this.put(position + 1, value);
+            }
         }
         getLastIndex() {
             this._sort();
@@ -66429,18 +66506,26 @@
         }
         delLast() {
             const lastIndex = this.getLastIndex();
-            this.remove(lastIndex);
+            this._remove(lastIndex);
         }
         delete(position) {
-            if (!this.has(position)) {
-                return;
-            }
             for (let i = position; i <= this.getLastIndex(); i++) {
                 this.cumulativeSum.delete(i);
             }
             const lastIndex = this.getLastIndex();
-            this.adjustOrder(position + 1, position, lastIndex - position);
-            this.delLast();
+            if (this.has(position)) {
+                this._remove(position);
+            }
+            const values = [];
+            for (let i = position + 1; i <= lastIndex; i++) {
+                if (this.has(i)) {
+                    values.push({ position: i, value: this.get(i) });
+                }
+            }
+            for (const { position, value } of values) {
+                this._remove(position);
+                this._add(position - 1, value);
+            }
         }
         adjustOrder(sourceIndex, targetIndex, moveCount) {
             this.clearRange();
@@ -66485,56 +66570,13 @@
             }
         }
         exchangeOrder(sourceIndex, sourceCount, targetIndex, targetCount, insertIndex) {
-            const { _keys: keys } = this;
-            if (!this._sorted) {
-                keys.sort((a, b) => {
-                    if (a < b) {
-                        return -1;
-                    }
-                    if (a > b) {
-                        return 1;
-                    }
-                    return 0;
-                });
-                this._sorted = true;
-            }
-            if (sourceIndex > targetIndex) {
-                const targetVals = [];
-                const sourceVals = [];
-                for (let i = indexFirst(keys, targetIndex); i < indexFirst(keys, sourceIndex) + sourceCount; i++) {
-                    const key = keys[i];
-                    if (key >= sourceIndex && key < sourceIndex + sourceCount) {
-                        sourceVals.push(this.get(key));
-                    }
-                    else {
-                        targetVals.push(this.get(key));
-                    }
-                }
-                for (let i = 0; i < sourceCount; i++) {
-                    this.put(insertIndex + i, sourceVals[i]);
-                }
-                for (let i = 0; i < targetVals.length; i++) {
-                    this.put(insertIndex + sourceCount + i, targetVals[i]);
-                }
+            const values = [];
+            for (let i = sourceIndex + sourceCount - 1; i >= sourceIndex; i--) {
+                values.push({ position: i, value: this.get(i) });
+                this.delete(i);
             }
-            else {
-                const targetVals = [];
-                const sourceVals = [];
-                for (let i = indexFirst(keys, sourceIndex); i < indexFirst(keys, targetIndex) + targetCount; i++) {
-                    const key = keys[i];
-                    if (key >= sourceIndex && key < sourceIndex + sourceCount) {
-                        sourceVals.push(this.get(key));
-                    }
-                    else {
-                        targetVals.push(this.get(key));
-                    }
-                }
-                for (let i = 0; i < sourceCount; i++) {
-                    this.put(insertIndex + i, sourceVals[i]);
-                }
-                for (let i = 0; i < targetVals.length; i++) {
-                    this.put(sourceIndex + i, targetVals[i]);
-                }
+            for (let i = 0; i < sourceCount; i++) {
+                this.insert(insertIndex, values[i].value);
             }
         }
     }
@@ -66553,7 +66595,11 @@
                 low = i + 1;
             }
         }
-        return high < 0 ? 0 : high;
+        const tempI = high < 0 ? 0 : high;
+        if (arr[tempI] === elm) {
+            return tempI;
+        }
+        return -1;
     }
 
     class RowSeriesNumberHelper {
@@ -67736,6 +67782,44 @@
         }
         return { col: -1, row: -1 };
     }
+    function getColAtRelativePosition(x, _this) {
+        x -= _this.tableX;
+        let leftFrozen = false;
+        if (x > 0 && x < _this.getFrozenColsWidth()) {
+            leftFrozen = true;
+        }
+        let rightFrozen = false;
+        if (x > _this.tableNoFrameWidth - _this.getRightFrozenColsWidth() &&
+            x < _this.tableNoFrameWidth &&
+            x <= _this.getAllColsWidth()) {
+            rightFrozen = true;
+        }
+        const colInfo = getTargetColAtConsiderRightFrozen((leftFrozen || rightFrozen ? x : x + _this.scrollLeft) + _this.tableX, rightFrozen, _this);
+        if (colInfo) {
+            const { col } = colInfo;
+            return col;
+        }
+        return -1;
+    }
+    function getRowAtRelativePosition(y, _this) {
+        y -= _this.tableY;
+        let topFrozen = false;
+        if (y > 0 && y < _this.getFrozenRowsHeight()) {
+            topFrozen = true;
+        }
+        let bottomFrozen = false;
+        if (y > _this.tableNoFrameHeight - _this.getBottomFrozenRowsHeight() &&
+            y < _this.tableNoFrameHeight &&
+            y <= _this.getAllRowsHeight()) {
+            bottomFrozen = true;
+        }
+        const rowInfo = getTargetRowAtConsiderBottomFrozen((topFrozen || bottomFrozen ? y : y + _this.scrollTop) + _this.tableY, bottomFrozen, _this);
+        if (rowInfo) {
+            const { row } = rowInfo;
+            return row;
+        }
+        return -1;
+    }
 
     function isValidAlignDomain(domain) {
         return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -69175,7 +69259,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.0";
+        version = "1.22.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -70533,6 +70617,12 @@
         getCellAtRelativePosition(relativeX, relativeY) {
             return getCellAtRelativePosition(relativeX, relativeY, this);
         }
+        getColAtRelativePosition(relativeX) {
+            return getColAtRelativePosition(relativeX, this);
+        }
+        getRowAtRelativePosition(relativeY) {
+            return getRowAtRelativePosition(relativeY, this);
+        }
         _checkRowCol(col, row) {
             if (col >= 0 && col < this.colCount && row >= 0 && row < this.rowCount) {
                 return true;
@@ -72375,6 +72465,32 @@
                 this._containerFit = { width: false, height: false };
             }
         }
+        isColumnSelected(col) {
+            const selectRange = this.stateManager.select.ranges;
+            for (let i = 0; i <= selectRange.length - 1; i++) {
+                const range = selectRange[i];
+                if (range.start.col <= col &&
+                    range.end.col >= col &&
+                    range.start.row === 0 &&
+                    range.end.row === this.rowCount - 1) {
+                    return true;
+                }
+            }
+            return false;
+        }
+        isRowSelected(row) {
+            const selectRange = this.stateManager.select.ranges;
+            for (let i = 0; i <= selectRange.length - 1; i++) {
+                const range = selectRange[i];
+                if (range.start.row <= row &&
+                    range.end.row >= row &&
+                    range.start.col === 0 &&
+                    range.end.col === this.colCount - 1) {
+                    return true;
+                }
+            }
+            return false;
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -75347,20 +75463,21 @@
             return undefined;
         }
         canMoveHeaderPosition(source, target) {
+            const dragColumnOrRow = this._table.stateManager.columnMove.movingColumnOrRow;
             if (this.isSeriesNumberInHeader(target.col, target.row) || this.isSeriesNumberInHeader(source.col, source.row)) {
                 return false;
             }
             else if (!this.transpose &&
-                this.isSeriesNumberInBody(target.col, target.row) &&
-                this.isSeriesNumberInBody(source.col, source.row)) {
+                ((this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) ||
+                    dragColumnOrRow === 'row')) {
                 const sourceIndex = this.getRecordShowIndexByCell(0, source.row);
                 const targetIndex = this.getRecordShowIndexByCell(0, target.row);
                 const canMove = this._table.dataSource.canChangeOrder(sourceIndex, targetIndex);
                 return canMove;
             }
             else if (this.transpose &&
-                this.isSeriesNumberInBody(target.col, target.row) &&
-                this.isSeriesNumberInBody(source.col, source.row)) {
+                ((this.isSeriesNumberInBody(target.col, target.row) && this.isSeriesNumberInBody(source.col, source.row)) ||
+                    dragColumnOrRow === 'row')) {
                 if (this.getBody(source.col + this.leftRowSeriesNumberColumnCount, source.row).isChildNode &&
                     this.getBody(target.col + this.leftRowSeriesNumberColumnCount, target.row).isChildNode) {
                     source.col = source.col + this.leftRowSeriesNumberColumnCount + this.rowHeaderLevelCount - 1;
@@ -75415,10 +75532,33 @@
                         sourceIds.unshift(targetIndex - this.leftRowSeriesNumberColumnCount, 0);
                         Array.prototype.splice.apply(this._headerCellIds[row], sourceIds);
                     }
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let j = 0; j < this._table.dataSource.dataSourceObj?.records.length; j++) {
+                            const rowRecords = this._table.dataSource.dataSourceObj?.records[j];
+                            if (Array.isArray(rowRecords)) {
+                                if (rowRecords.length - 1 < targetIndex) {
+                                    rowRecords.push(...Array(targetIndex - rowRecords.length + 1).fill(undefined));
+                                }
+                                const sourceData = rowRecords.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
+                                sourceData.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
+                                Array.prototype.splice.apply(rowRecords, sourceData);
+                            }
+                        }
+                    }
                     const sourceColumns = this._columns.splice(sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, sourceSize);
                     sourceColumns.unshift((targetIndex - this.leftRowSeriesNumberColumnCount), 0);
                     Array.prototype.splice.apply(this._columns, sourceColumns);
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let i = 0; i < this._columns.length; i++) {
+                            this._columns[i].field = i;
+                        }
+                    }
                     this.columnTree.movePosition(sourceCellRange.start.row, sourceCellRange.start.col - this.leftRowSeriesNumberColumnCount, targetIndex - this.leftRowSeriesNumberColumnCount);
+                    if (this._table.options.dragOrder?.maintainArrayDataOrder) {
+                        for (let i = 0; i < this.columnTree.tree.children.length; i++) {
+                            this.columnTree.tree.children[i].field = i;
+                        }
+                    }
                     this.columnTree.reset(this.columnTree.tree.children);
                     this._cellRangeMap = new Map();
                     return {
@@ -75465,7 +75605,8 @@
                         moveType: 'row'
                     };
                 }
-                else if (this.isSeriesNumberInBody(source.col, source.row)) {
+                else if (this.isSeriesNumberInBody(source.col, source.row) ||
+                    this._table.stateManager.columnMove.movingColumnOrRow === 'row') {
                     return {
                         sourceIndex: source.row,
                         targetIndex: target.row,
@@ -76918,7 +77059,10 @@
         get recordsCount() {
             return this.dataSource.records.length;
         }
-        updateColumns(columns, options) {
+        updateColumns(columns, options = {
+            clearColWidthCache: false,
+            clearRowHeightCache: true
+        }) {
             this.scenegraph.clearCells();
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
             this.internalProps.columns = cloneDeepSpec(columns, ['children']);
@@ -76938,7 +77082,7 @@
             this.headerStyleCache = new Map();
             this.bodyStyleCache = new Map();
             this.bodyBottomStyleCache = new Map();
-            this.scenegraph.createSceneGraph();
+            this.scenegraph.createSceneGraph(!!!options?.clearRowHeightCache);
             this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row);
             this.renderAsync();
             this.eventManager.updateEventBinder();
@@ -76970,6 +77114,17 @@
             else {
                 columns.splice(colIndex, 0, ...toAddColumns);
             }
+            for (let i = 0; i < toAddColumns.length; i++) {
+                this.colWidthsMap.addAndReorder(colIndex + i, toAddColumns[i].width ?? this.internalProps.defaultColWidth);
+            }
+            this.internalProps._colRangeWidthsMap.clear();
+            const resizedColIndexs = Array.from(this.internalProps._widthResizedColMap.keys());
+            for (let i = 0; i < resizedColIndexs.length; i++) {
+                if (resizedColIndexs[i] >= colIndex) {
+                    this.internalProps._widthResizedColMap.delete(resizedColIndexs[i]);
+                    this.internalProps._widthResizedColMap.add(resizedColIndexs[i] + toAddColumns.length);
+                }
+            }
             if (isMaintainArrayData) {
                 for (let i = 0; i < columns.length; i++) {
                     columns[i].field = i;
@@ -76981,7 +77136,7 @@
                     }
                 }
             }
-            this.updateColumns(columns);
+            this.updateColumns(columns, { clearRowHeightCache: false });
             this.fireListeners(TABLE_EVENT_TYPE.ADD_COLUMN, {
                 columnIndex: colIndex,
                 columnCount: toAddColumns.length,
@@ -76993,6 +77148,8 @@
             deleteColIndexs.sort((a, b) => b - a);
             for (let i = 0; i < deleteColIndexs.length; i++) {
                 columns.splice(deleteColIndexs[i], 1);
+                this.colWidthsMap.delAndReorder(deleteColIndexs[i]);
+                this.internalProps._widthResizedColMap.delete(deleteColIndexs[i]);
                 if (isMaintainArrayData) {
                     for (let j = 0; j < this.records.length; j++) {
                         const record = this.records[j];
@@ -77002,12 +77159,23 @@
                     }
                 }
             }
+            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.updateColumns(columns, { clearRowHeightCache: false });
             this.fireListeners(TABLE_EVENT_TYPE.DELETE_COLUMN, {
                 deleteColIndexs: deleteColIndexs,
                 columns
@@ -93570,7 +93738,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.0";
+    const version = "1.22.2";
     function getIcons() {
         return get$2();
     }