@visactor/vtable 0.23.1-alpha.1 → 0.23.1

package/dist/vtable.js

@@ -1461,7 +1461,7 @@
     function objectKeys(obj) {
       return Object.keys(obj);
     }
-    function isEqual$1(a, b, options) {
+    function isEqual(a, b, options) {
       if (a === b) return !0;
       if (typeof a != typeof b) return !1;
       if (null == a || null == b) return !1;
@@ -1471,7 +1471,7 @@
       if ("object" != typeof a) return !1;
       if (isArray$3(a)) {
         if (a.length !== b.length) return !1;
-        for (let i = a.length - 1; i >= 0; i--) if (!isEqual$1(a[i], b[i], options)) return !1;
+        for (let i = a.length - 1; i >= 0; i--) if (!isEqual(a[i], b[i], options)) return !1;
         return !0;
       }
       if (!isPlainObject$1(a)) return !1;
@@ -1482,7 +1482,7 @@
       for (let i = ka.length - 1; i >= 0; i--) if (ka[i] != kb[i]) return !1;
       for (let i = ka.length - 1; i >= 0; i--) {
         const key = ka[i];
-        if (!isEqual$1(a[key], b[key], options)) return !1;
+        if (!isEqual(a[key], b[key], options)) return !1;
       }
       return !0;
     }
@@ -6789,10 +6789,10 @@
       easing: "cubicOut"
     };
 
-    var Edge;
+    var Edge$1;
     !function (Edge) {
       Edge[Edge.Top = 1] = "Top", Edge[Edge.Right = 2] = "Right", Edge[Edge.Bottom = 4] = "Bottom", Edge[Edge.Left = 8] = "Left", Edge[Edge.ALL = 15] = "ALL";
-    }(Edge || (Edge = {}));
+    }(Edge$1 || (Edge$1 = {}));
     const _strokeVec4 = [!1, !1, !1, !1];
     const parseStroke = stroke => {
       var _a;
@@ -21360,10 +21360,10 @@
       loadPyramid3dPick || (loadPyramid3dPick = !0, bind(CanvasPyramid3dPicker).to(DefaultCanvasPyramid3dPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasPyramid3dPicker));
     });
 
-    const browser = isBrowserEnv();
+    const browser$1 = isBrowserEnv();
 
     function _registerArc() {
-      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser ? arcCanvasPickModule : arcMathPickModule));
+      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic(), container.load(arcModule), container.load(browser$1 ? arcCanvasPickModule : arcMathPickModule));
     }
     _registerArc.__loaded = !1;
     const registerArc = _registerArc;
@@ -21375,19 +21375,19 @@
     const registerArc3d = _registerArc3d;
 
     function _registerArea() {
-      _registerArea.__loaded || (_registerArea.__loaded = !0, registerAreaGraphic(), container.load(areaModule), container.load(browser ? areaCanvasPickModule : areaMathPickModule));
+      _registerArea.__loaded || (_registerArea.__loaded = !0, registerAreaGraphic(), container.load(areaModule), container.load(browser$1 ? areaCanvasPickModule : areaMathPickModule));
     }
     _registerArea.__loaded = !1;
     const registerArea = _registerArea;
 
     function _registerCircle() {
-      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser ? circleCanvasPickModule : circleMathPickModule));
+      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser$1 ? circleCanvasPickModule : circleMathPickModule));
     }
     _registerCircle.__loaded = !1;
     const registerCircle = _registerCircle;
 
     function _registerGlyph() {
-      _registerGlyph.__loaded || (_registerGlyph.__loaded = !0, registerGlyphGraphic(), container.load(glyphModule), container.load(browser ? glyphCanvasPickModule : glyphMathPickModule));
+      _registerGlyph.__loaded || (_registerGlyph.__loaded = !0, registerGlyphGraphic(), container.load(glyphModule), container.load(browser$1 ? glyphCanvasPickModule : glyphMathPickModule));
     }
     _registerGlyph.__loaded = !1;
     const registerGlyph = _registerGlyph;
@@ -21399,25 +21399,25 @@
     const registerGroup = _registerGroup;
 
     function _registerImage() {
-      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser ? imageCanvasPickModule : imageMathPickModule));
+      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic(), container.load(imageModule), container.load(browser$1 ? imageCanvasPickModule : imageMathPickModule));
     }
     _registerImage.__loaded = !1;
     const registerImage = _registerImage;
 
     function _registerLine() {
-      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser ? lineCanvasPickModule : lineMathPickModule));
+      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic(), container.load(lineModule), container.load(browser$1 ? lineCanvasPickModule : lineMathPickModule));
     }
     _registerLine.__loaded = !1;
     const registerLine = _registerLine;
 
     function _registerPath() {
-      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser ? pathCanvasPickModule : pathMathPickModule));
+      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic(), container.load(pathModule), container.load(browser$1 ? pathCanvasPickModule : pathMathPickModule));
     }
     _registerPath.__loaded = !1;
     const registerPath = _registerPath;
 
     function _registerPolygon() {
-      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser ? polygonCanvasPickModule : polygonMathPickModule));
+      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic(), container.load(polygonModule), container.load(browser$1 ? polygonCanvasPickModule : polygonMathPickModule));
     }
     _registerPolygon.__loaded = !1;
     const registerPolygon = _registerPolygon;
@@ -21429,7 +21429,7 @@
     const registerPyramid3d = _registerPyramid3d;
 
     function _registerRect() {
-      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser ? rectCanvasPickModule : rectMathPickModule));
+      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic(), container.load(rectModule), container.load(browser$1 ? rectCanvasPickModule : rectMathPickModule));
     }
     _registerRect.__loaded = !1;
     const registerRect = _registerRect;
@@ -21441,7 +21441,7 @@
     const registerRect3d = _registerRect3d;
 
     function _registerRichtext() {
-      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser ? richtextCanvasPickModule : richTextMathPickModule));
+      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser$1 ? richtextCanvasPickModule : richTextMathPickModule));
     }
     _registerRichtext.__loaded = !1;
     const registerRichtext = _registerRichtext;
@@ -21453,13 +21453,13 @@
     const registerShadowRoot = _registerShadowRoot;
 
     function _registerSymbol() {
-      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser ? symbolCanvasPickModule : symbolMathPickModule));
+      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic(), container.load(symbolModule), container.load(browser$1 ? symbolCanvasPickModule : symbolMathPickModule));
     }
     _registerSymbol.__loaded = !1;
     const registerSymbol = _registerSymbol;
 
     function _registerText() {
-      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser ? textCanvasPickModule : textMathPickModule));
+      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic(), container.load(textModule), container.load(browser$1 ? textCanvasPickModule : textMathPickModule));
     }
     _registerText.__loaded = !1;
     const registerText = _registerText;
@@ -22869,7 +22869,7 @@
             Safari: ua.indexOf('safari') > -1 && ua.indexOf('edge') === -1
         };
     }
-    analyzeUserAgent();
+    const { IE, Chrome, Firefox, Edge, Safari } = analyzeUserAgent();
     function isObject$1(obj) {
         return obj === Object(obj);
     }
@@ -22998,6 +22998,14 @@
         }
         return false;
     }
+    const browser = {
+        IE,
+        Edge,
+        Chrome,
+        Firefox,
+        Safari,
+        heightLimit: Chrome ? 33554431 : Firefox ? 17895588 : 10737433
+    };
     const obj = {
         isObject: isObject$1
     };
@@ -32904,89 +32912,6 @@
         }
     }
 
-    function diffCellAddress(col, row, oldCellIds, newCellIds, oldRowHeaderCellPositons, layout) {
-        const columnHeaderStart = layout.columnHeaderLevelCount;
-        const addCellPositions = [];
-        const removeCellPositions = [];
-        for (let i = 0; i < oldCellIds.length; i++) {
-            if (!newCellIds.includes(oldCellIds[i])) {
-                removeCellPositions.push(oldRowHeaderCellPositons[i]);
-            }
-        }
-        for (let i = 0; i < newCellIds.length; i++) {
-            if (!oldCellIds.includes(newCellIds[i])) {
-                const newCellAddr = { col, row: columnHeaderStart + i };
-                addCellPositions.push(newCellAddr);
-            }
-        }
-        let parentId = layout.getParentCellId(col, row);
-        let parentCellAddress = layout.getRowHeaderCellAddressByCellId(parentId);
-        const updateCellPositions = [];
-        parentCellAddress && updateCellPositions.push(parentCellAddress);
-        while (parentId) {
-            parentId = layout.getParentCellId(parentCellAddress.col, parentCellAddress.row);
-            if (parentId) {
-                parentCellAddress = layout.getRowHeaderCellAddressByCellId(parentId);
-                updateCellPositions.push(parentCellAddress);
-            }
-        }
-        return {
-            addCellPositions,
-            removeCellPositions,
-            updateCellPositions
-        };
-    }
-    function calculateArrayDiff(originalArray, targetArray) {
-        const add = [];
-        const remove = [];
-        const originalMap = new Map();
-        for (let i = 0; i < originalArray.length; i++) {
-            const element = originalArray[i];
-            const key = JSON.stringify(element);
-            if (originalMap.has(key)) {
-                originalMap.get(key).push(i);
-            }
-            else {
-                originalMap.set(key, [i]);
-            }
-        }
-        for (let i = 0; i < targetArray.length; i++) {
-            const element = targetArray[i];
-            const key = JSON.stringify(element);
-            if (!originalMap.has(key)) {
-                add.push(i);
-            }
-            else {
-                const indices = originalMap.get(key);
-                indices.shift();
-                if (indices.length === 0) {
-                    originalMap.delete(key);
-                }
-            }
-        }
-        for (let i = 0; i < originalArray.length; i++) {
-            const element = originalArray[i];
-            if (!targetArray.some(item => isEqual(item, element))) {
-                remove.push(i);
-            }
-        }
-        return { add, remove };
-    }
-    function isEqual(arr1, arr2) {
-        if (arr1 === arr2) {
-            return true;
-        }
-        if (arr1.length !== arr2.length) {
-            return false;
-        }
-        for (let i = 0; i < arr1.length; i++) {
-            if (arr1[i] !== arr2[i]) {
-                return false;
-            }
-        }
-        return true;
-    }
-
     class Aggregator {
         className = 'Aggregator';
         isRecord = true;
@@ -33810,7 +33735,7 @@
             const record = this.getOriginalRecord(this.currentIndexedData[index]);
             return record?.hierarchyState ?? null;
         }
-        toggleHierarchyState(index) {
+        toggleHierarchyState(index, bodyStartIndex, bodyEndIndex) {
             const oldIndexedData = this.currentIndexedData.slice(0);
             const indexed = this.getIndexKey(index);
             const state = this.getHierarchyState(index);
@@ -33841,8 +33766,21 @@
                 data.hierarchyState = HierarchyState.collapse;
             }
             this.updatePagerData();
-            const newDiff = calculateArrayDiff(oldIndexedData, this.currentIndexedData);
-            return newDiff;
+            const add = [];
+            const remove = [];
+            if (state === HierarchyState.collapse) {
+                const addLength = this.currentIndexedData.length - oldIndexedData.length;
+                for (let i = 0; i < addLength; i++) {
+                    add.push(index + i + 1);
+                }
+            }
+            else if (state === HierarchyState.expand) {
+                const removeLength = oldIndexedData.length - this.currentIndexedData.length;
+                for (let i = 0; i < removeLength; i++) {
+                    remove.push(index + i + 1);
+                }
+            }
+            return { add, remove };
         }
         pushChildrenNode(indexKey, hierarchyState, nodeData) {
             if (!hierarchyState || hierarchyState === HierarchyState.collapse || hierarchyState === HierarchyState.none) {
@@ -36640,6 +36578,9 @@
         const barPaddingLeft = Math.max(barPadding[3], Math.ceil(borderWidth[3] / 2));
         contentWidth -= barPaddingRight + barPaddingLeft;
         contentHeight -= barPaddingBottom + barPaddingTop;
+        if (row === table.rowCount - 1) {
+            contentHeight -= 1;
+        }
         const top = barPaddingTop;
         const left = barPaddingLeft;
         const right = contentWidth;
@@ -37692,7 +37633,7 @@
                     wordBreak: 'break-word',
                     heightLimit: autoRowHeight ? -1 : cellHeight - (padding[0] + padding[2]),
                     pickable: false,
-                    dx: hierarchyOffset + _contentOffset,
+                    dx: (textAlign === 'left' ? hierarchyOffset : 0) + _contentOffset,
                     whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
                 };
                 const wrapText = new Text$1(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
@@ -37794,7 +37735,8 @@
                     lineClamp,
                     wordBreak: 'break-word',
                     whiteSpace: text.length === 1 && !autoWrapText ? 'no-wrap' : 'normal',
-                    dx: _contentOffset + (!contentLeftIcons.length && !contentRightIcons.length ? hierarchyOffset : 0)
+                    dx: (textAlign === 'left' ? (!contentLeftIcons.length && !contentRightIcons.length ? hierarchyOffset : 0) : 0) +
+                        _contentOffset
                 };
                 const wrapText = new Text$1(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
                 wrapText.name = 'text';
@@ -38011,7 +37953,7 @@
         let contentHeight;
         if (textMark instanceof Text$1) {
             oldTextHeight = textMark.AABBBounds.height();
-            textMark.setAttribute('maxLineWidth', distWidth - leftIconWidth - rightIconHeight - (padding[1] + padding[3]));
+            textMark.setAttribute('maxLineWidth', distWidth - leftIconWidth - rightIconHeight - (padding[1] + padding[3]) - (textMark.attribute.dx ?? 0));
             contentHeight = textMark.AABBBounds.height();
         }
         else if (textMark instanceof RichText) {
@@ -38695,7 +38637,7 @@
                     wordBreak: 'break-word',
                     heightLimit: cellHeight - (padding[0] + padding[2]),
                     pickable: false,
-                    dx: hierarchyOffset,
+                    dx: textAlign === 'left' ? hierarchyOffset : 0,
                     x
                 };
                 textMark.setAttributes(cellTheme.text ? Object.assign({}, cellTheme.text, attribute) : attribute);
@@ -40389,7 +40331,8 @@
                 }
             }
             else if (autoWrapText) {
-                const maxLineWidth = cellWidth - (padding[1] + padding[3]) - iconWidth;
+                const hierarchyOffset = getHierarchyOffset(col, row, table);
+                const maxLineWidth = cellWidth - (padding[1] + padding[3]) - iconWidth - hierarchyOffset;
                 utilTextMark.setAttributes({
                     maxLineWidth,
                     text: lines,
@@ -41785,7 +41728,7 @@
                 this.frozenShadowLine.setAttributes({
                     visible: true,
                     x: colX,
-                    height: this.table.tableNoFrameHeight
+                    height: this.table.getDrawRange().height
                 });
             }
         }
@@ -46075,9 +46018,9 @@
         }
     }
     function removeRow(row, scene) {
-        removeCellGroup(row, scene);
         const proxy = scene.proxy;
         if (row >= proxy.rowStart && row <= proxy.rowEnd) {
+            removeCellGroup(row, scene);
             proxy.rowEnd--;
             proxy.currentRow--;
         }
@@ -47020,7 +46963,7 @@
                 }
                 newSelectedDataItemsInChart.push(selectedState);
             }
-            if (!isEqual$1(table._selectedDataItemsInChart, newSelectedDataItemsInChart)) {
+            if (!isEqual(table._selectedDataItemsInChart, newSelectedDataItemsInChart)) {
                 table._selectedDataItemsInChart = newSelectedDataItemsInChart;
                 table.internalProps.layoutMap.updateDataStateToChartInstance();
                 clearChartCacheImage(scenegraph);
@@ -47127,6 +47070,10 @@
         }
         updateCellRangeIcon(col, row, (icon) => icon.attribute.visibleTime === 'mouseenter_cell', (icon) => {
             icon.setAttribute('opacity', 0);
+            const iconBack = icon.parent.getChildByName('icon-back');
+            if (iconBack) {
+                iconBack.setAttribute('visible', false);
+            }
         }, scene);
         scene.updateNextFrame();
     }
@@ -48410,17 +48357,17 @@
                 this.cornerHeaderGroup.setDeltaHeight(detaY);
                 this.rowHeaderGroup.setDeltaY(detaY);
                 this.bodyGroup.setDeltaY(detaY);
-                this.rightFrozenGroup.setDeltaY(detaY);
+                this.table.rightFrozenColCount && this.rightFrozenGroup.setDeltaY(detaY);
             }
             else if (row >= this.table.rowCount - this.table.bottomFrozenRowCount) {
                 this.leftBottomCornerGroup.setDeltaHeight(detaY);
                 this.bottomFrozenGroup.setDeltaHeight(detaY);
-                this.rightBottomCornerGroup.setDeltaHeight(detaY);
+                this.table.rightFrozenColCount && this.rightBottomCornerGroup.setDeltaHeight(detaY);
             }
             else {
                 this.rowHeaderGroup.setDeltaHeight(detaY);
                 this.bodyGroup.setDeltaHeight(detaY);
-                this.rightFrozenGroup.setDeltaHeight(detaY);
+                this.table.rightFrozenColCount && this.rightFrozenGroup.setDeltaHeight(detaY);
             }
         }
         updateContainerHeight(row, detaY) {
@@ -48443,7 +48390,8 @@
                 return;
             }
             if ((row >= this.proxy.rowStart && row <= this.proxy.rowEnd) ||
-                (row >= this.table.rowCount - this.table.bottomFrozenRowCount && row <= this.table.rowCount - 1)) {
+                (row >= this.table.rowCount - this.table.bottomFrozenRowCount && row <= this.table.rowCount - 1) ||
+                row < this.table.frozenRowCount) {
                 this.updateRowHeight(row, height - oldHeight);
             }
             this.table._clearRowRangeHeightsMap(row);
@@ -49250,7 +49198,7 @@
         return table._getLayoutCellId(col, row) === table._getLayoutCellId(range1Col, range1Row);
     }
 
-    function updateSelectPosition(state, col, row, isShift, isCtrl, isSelectAll) {
+    function updateSelectPosition(state, col, row, isShift, isCtrl, isSelectAll, isSelectMoving = false) {
         const { table, interactionState } = state;
         const { scenegraph } = table;
         const { highlightScope, disableHeader, cellPos } = state.select;
@@ -49258,7 +49206,7 @@
             col = -1;
             row = -1;
         }
-        if (col !== -1 && row !== -1) {
+        if (col !== -1 && row !== -1 && !isSelectMoving) {
             if (interactionState === InteractionState.grabing && state.select.ranges.length > 0) {
                 const currentRange = state.select.ranges[state.select.ranges.length - 1];
                 if (col > currentRange.start.col && col > currentRange.end.col) {
@@ -49294,7 +49242,9 @@
             state.select.ranges = [];
             scenegraph.deleteAllSelectBorder();
         }
-        else if (interactionState === InteractionState.default && !table.stateManager.isResizeCol()) {
+        else if (interactionState === InteractionState.default &&
+            !table.eventManager.isDraging &&
+            !table.stateManager.isResizeCol()) {
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
             if (isShift && currentRange) {
                 if (state.select.headerSelectMode !== 'cell' && table.isColumnHeader(col, row)) {
@@ -49367,7 +49317,8 @@
                     scenegraph.updateCellSelectBorder(currentRange.start.col, currentRange.start.row, currentRange.end.col, currentRange.end.row, extendSelectRange);
             }
         }
-        else if (interactionState === InteractionState.grabing && !table.stateManager.isResizeCol()) {
+        else if ((interactionState === InteractionState.grabing || table.eventManager.isDraging) &&
+            !table.stateManager.isResizeCol()) {
             let extendSelectRange = true;
             if (cellPos.col === -1) {
                 cellPos.col = col;
@@ -49697,7 +49648,7 @@
         const cellLocation = state.table.getCellLocation(state.columnMove.colSource, state.columnMove.rowSource);
         if (cellLocation === 'columnHeader') {
             backX = state.columnMove.x;
-            if (state.table.isFrozenColumn(col)) {
+            if (state.table.isLeftFrozenColumn(col)) {
                 lineX =
                     state.columnMove.colTarget >= state.columnMove.colSource
                         ? state.table.getColsWidth(0, state.columnMove.colTarget)
@@ -49785,13 +49736,13 @@
                     state.table.scenegraph.updateHeaderPosition(0, -1, rowMin, rowMax, moveContext.moveType);
                 }
                 if (state.table.internalProps.frozenColDragHeaderMode === 'adjustFrozenCount' && state.table.isListTable()) {
-                    if (state.table.isFrozenColumn(state.columnMove.colTarget) &&
-                        !state.table.isFrozenColumn(state.columnMove.colSource)) {
+                    if (state.table.isLeftFrozenColumn(state.columnMove.colTarget) &&
+                        !state.table.isLeftFrozenColumn(state.columnMove.colSource)) {
                         state.table.frozenColCount +=
                             sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1;
                     }
-                    else if (state.table.isFrozenColumn(state.columnMove.colSource) &&
-                        !state.table.isFrozenColumn(state.columnMove.colTarget)) {
+                    else if (state.table.isLeftFrozenColumn(state.columnMove.colSource) &&
+                        !state.table.isLeftFrozenColumn(state.columnMove.colTarget)) {
                         state.table.frozenColCount -=
                             sourceMergeInfo.end.col - sourceMergeInfo.start.col + 1;
                     }
@@ -50281,11 +50232,11 @@
         updateHoverPos(col, row) {
             updateHoverPosition(this, col, row);
         }
-        updateSelectPos(col, row, isShift = false, isCtrl = false, isSelectAll = false) {
+        updateSelectPos(col, row, isShift = false, isCtrl = false, isSelectAll = false, isSelectMoving = false) {
             if (row !== -1 && row !== -1) {
                 this.select.selecting = true;
             }
-            updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll);
+            updateSelectPosition(this, col, row, isShift, isCtrl, isSelectAll, isSelectMoving);
         }
         checkCellRangeInSelect(cellPosStart, cellPosEnd) {
             return checkMultiCellInSelect(cellPosStart, cellPosEnd, this.select.ranges, this.select.highlightScope);
@@ -50495,6 +50446,9 @@
             const totalHeight = this.table.getAllRowsHeight();
             const oldVerticalBarPos = this.scroll.verticalBarPos;
             this.scroll.verticalBarPos = Math.ceil(yRatio * (totalHeight - this.table.scenegraph.height));
+            if (!isValid$3(this.scroll.verticalBarPos) || isNaN(this.scroll.verticalBarPos)) {
+                this.scroll.verticalBarPos = 0;
+            }
             this.table.scenegraph.setY(-this.scroll.verticalBarPos, yRatio === 1);
             this.scroll.verticalBarPos -= this.table.scenegraph.proxy.deltaY;
             this.table.scenegraph.proxy.deltaY = 0;
@@ -50517,6 +50471,9 @@
             const totalWidth = this.table.getAllColsWidth();
             const oldHorizontalBarPos = this.scroll.horizontalBarPos;
             this.scroll.horizontalBarPos = Math.ceil(xRatio * (totalWidth - this.table.scenegraph.width));
+            if (!isValid$3(this.scroll.horizontalBarPos) || isNaN(this.scroll.horizontalBarPos)) {
+                this.scroll.horizontalBarPos = 0;
+            }
             this.table.scenegraph.setX(-this.scroll.horizontalBarPos, xRatio === 1);
             this.scroll.horizontalBarPos -= this.table.scenegraph.proxy.deltaX;
             this.table.scenegraph.proxy.deltaX = 0;
@@ -50544,6 +50501,9 @@
             }
             const oldVerticalBarPos = this.scroll.verticalBarPos;
             this.scroll.verticalBarPos = top;
+            if (!isValid$3(this.scroll.verticalBarPos) || isNaN(this.scroll.verticalBarPos)) {
+                this.scroll.verticalBarPos = 0;
+            }
             this.table.scenegraph.setY(-top);
             const yRatio = top / (totalHeight - this.table.scenegraph.height);
             this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
@@ -50571,6 +50531,9 @@
             }
             const oldHorizontalBarPos = this.scroll.horizontalBarPos;
             this.scroll.horizontalBarPos = left;
+            if (!isValid$3(this.scroll.horizontalBarPos) || isNaN(this.scroll.horizontalBarPos)) {
+                this.scroll.horizontalBarPos = 0;
+            }
             this.table.scenegraph.setX(-left);
             const xRatio = left / (totalWidth - this.table.scenegraph.width);
             this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
@@ -51196,9 +51159,6 @@
                 eventManager.touchSetTimeout = undefined;
             }
             const eventArgsSet = getCellEventArgsSet(e);
-            if (stateManager.interactionState === InteractionState.scrolling) {
-                return;
-            }
             if (stateManager.interactionState === InteractionState.grabing) {
                 if (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1) {
                     if (stateManager.isResizeCol()) ;
@@ -51214,6 +51174,9 @@
                 }
                 return;
             }
+            else if (table.eventManager.isDraging) {
+                eventManager.dealTableSelect(eventArgsSet, true);
+            }
             if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
                 if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
                     stateManager.updateCursor('crosshair');
@@ -51870,7 +51833,7 @@
         });
     }
 
-    function handleWhell(event, state) {
+    function handleWhell(event, state, isWheelEvent = true) {
         let { deltaX, deltaY } = event;
         if (event.shiftKey && event.deltaY) {
             deltaX = deltaY;
@@ -51890,7 +51853,7 @@
             state.setScrollTop(state.scroll.verticalBarPos + optimizedDeltaY);
             state.showVerticalScrollBar(true);
         }
-        state.resetInteractionState();
+        isWheelEvent && state.resetInteractionState();
         if (event.cancelable &&
             (state.table.internalProps.overscrollBehavior === 'none' ||
                 (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, state)) ||
@@ -51935,6 +51898,64 @@
         const totalWidth = state.table.getAllColsWidth() - state.table.scenegraph.width;
         return totalWidth !== 0 && deltaX >= 0 && Math.abs(state.scroll.horizontalBarPos - totalWidth) < 1;
     }
+    class InertiaScroll {
+        friction;
+        lastTime;
+        speedX;
+        speedY;
+        stateManager;
+        runingId;
+        scrollHandle;
+        constructor(stateManager) {
+            this.stateManager = stateManager;
+        }
+        setScrollHandle(scrollHandle) {
+            this.scrollHandle = scrollHandle;
+        }
+        startInertia(speedX, speedY, friction) {
+            this.lastTime = Date.now();
+            this.speedX = speedX;
+            this.speedY = speedY;
+            this.friction = friction;
+            if (!this.runingId) {
+                this.runingId = requestAnimationFrame(this.inertia.bind(this));
+            }
+        }
+        inertia() {
+            const now = Date.now();
+            const dffTime = now - this.lastTime;
+            let stopped = true;
+            const f = Math.pow(this.friction, dffTime / 16);
+            const newSpeedX = f * this.speedX;
+            const newSpeedY = f * this.speedY;
+            let dx = 0;
+            let dy = 0;
+            if (Math.abs(newSpeedX) > 0.05) {
+                stopped = false;
+                dx = ((this.speedX + newSpeedX) / 2) * dffTime;
+            }
+            if (Math.abs(newSpeedY) > 0.05) {
+                stopped = false;
+                dy = ((this.speedY + newSpeedY) / 2) * dffTime;
+            }
+            this.scrollHandle?.(dx, dy);
+            if (stopped) {
+                this.runingId = null;
+                return;
+            }
+            this.lastTime = now;
+            this.speedX = newSpeedX;
+            this.speedY = newSpeedY;
+            this.runingId = requestAnimationFrame(this.inertia.bind(this));
+        }
+        endInertia() {
+            cancelAnimationFrame(this.runingId);
+            this.runingId = null;
+        }
+        isInertiaScrolling() {
+            return !!this.runingId;
+        }
+    }
 
     function bindContainerDomListener(eventManager) {
         const table = eventManager.table;
@@ -52057,51 +52078,61 @@
                 const data = table.getCopyValue();
                 if (isValid$3(data)) {
                     e.preventDefault();
-                    const setDataToHTML = (data) => {
-                        const result = ['<table>'];
-                        const META_HEAD = [
-                            '<meta name="author" content="Visactor"/>',
-                            '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'
-                        ].join('');
-                        const rows = data.split('\r\n');
-                        rows.forEach(function (rowCells, rowIndex) {
-                            const cells = rowCells.split('\t');
-                            const rowValues = [];
-                            if (rowIndex === 0) {
-                                result.push('<tbody>');
-                            }
-                            cells.forEach(function (cell, cellIndex) {
-                                const parsedCellData = !cell
-                                    ? ''
-                                    : cell
-                                        .toString()
-                                        .replace(/&/g, '&amp;')
-                                        .replace(/'/g, '&#39;')
-                                        .replace(/</g, '&lt;')
-                                        .replace(/>/g, '&gt;')
-                                        .replace(/\n/g, '<br>')
-                                        .replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n')
-                                        .replace(/\x20{2,}/gi, (substring) => {
-                                        return `<span style="mso-spacerun: yes">${'&nbsp;'.repeat(substring.length - 1)} </span>`;
-                                    })
-                                        .replace(/\t/gi, '&#9;');
-                                rowValues.push(`<td>${parsedCellData}</td>`);
+                    if (navigator.clipboard?.write) {
+                        const setDataToHTML = (data) => {
+                            const result = ['<table>'];
+                            const META_HEAD = [
+                                '<meta name="author" content="Visactor"/>',
+                                '<style type="text/css">td{white-space:normal}br{mso-data-placement:same-cell}</style>'
+                            ].join('');
+                            const rows = data.split('\r\n');
+                            rows.forEach(function (rowCells, rowIndex) {
+                                const cells = rowCells.split('\t');
+                                const rowValues = [];
+                                if (rowIndex === 0) {
+                                    result.push('<tbody>');
+                                }
+                                cells.forEach(function (cell, cellIndex) {
+                                    const parsedCellData = !cell
+                                        ? ''
+                                        : cell
+                                            .toString()
+                                            .replace(/&/g, '&amp;')
+                                            .replace(/'/g, '&#39;')
+                                            .replace(/</g, '&lt;')
+                                            .replace(/>/g, '&gt;')
+                                            .replace(/\n/g, '<br>')
+                                            .replace(/(<br(\s*|\/)>(\r\n|\n)?|\r\n|\n)/g, '<br>\r\n')
+                                            .replace(/\x20{2,}/gi, (substring) => {
+                                            return `<span style="mso-spacerun: yes">${'&nbsp;'.repeat(substring.length - 1)} </span>`;
+                                        })
+                                            .replace(/\t/gi, '&#9;');
+                                    rowValues.push(`<td>${parsedCellData}</td>`);
+                                });
+                                result.push('<tr>', ...rowValues, '</tr>');
+                                if (rowIndex === rowCells.length - 1) {
+                                    result.push('</tbody>');
+                                }
                             });
-                            result.push('<tr>', ...rowValues, '</tr>');
-                            if (rowIndex === rowCells.length - 1) {
-                                result.push('</tbody>');
-                            }
-                        });
-                        result.push('</table>');
-                        return [META_HEAD, result.join('')].join('');
-                    };
-                    const dataHTML = setDataToHTML(data);
-                    navigator.clipboard.write([
-                        new ClipboardItem({
-                            'text/html': new Blob([dataHTML], { type: 'text/html' }),
-                            'text/plain': new Blob([data], { type: 'text/plain' })
-                        })
-                    ]);
+                            result.push('</table>');
+                            return [META_HEAD, result.join('')].join('');
+                        };
+                        const dataHTML = setDataToHTML(data);
+                        navigator.clipboard.write([
+                            new ClipboardItem({
+                                'text/html': new Blob([dataHTML], { type: 'text/html' }),
+                                'text/plain': new Blob([data], { type: 'text/plain' })
+                            })
+                        ]);
+                    }
+                    else {
+                        if (browser.IE) {
+                            window.clipboardData.setData('Text', data);
+                        }
+                        else {
+                            e.clipboardData.setData('text/plain', data);
+                        }
+                    }
                     table.fireListeners(TABLE_EVENT_TYPE.COPY_DATA, {
                         cellRange: table.stateManager.select.ranges,
                         copyData: data
@@ -52115,17 +52146,40 @@
                     return;
                 }
                 if (table.stateManager.select.ranges?.length > 0) {
-                    navigator.clipboard.read().then(clipboardItems => {
-                        for (const item of clipboardItems) {
-                            if (item.types.includes('text/html')) {
-                                pasteHtmlToTable(item);
-                            }
-                            else if (item.types.length === 1 && item.types[0] === 'text/plain') {
-                                pasteTextToTable(item);
+                    if (navigator.clipboard?.read) {
+                        navigator.clipboard.read().then(clipboardItems => {
+                            for (const item of clipboardItems) {
+                                if (item.types.includes('text/html')) {
+                                    pasteHtmlToTable(item);
+                                }
+                                else if (item.types.length === 1 && item.types[0] === 'text/plain') {
+                                    pasteTextToTable(item);
+                                }
+                                else ;
                             }
-                            else ;
-                        }
-                    });
+                        });
+                    }
+                    else {
+                        const ranges = table.stateManager.select.ranges;
+                        const col = Math.min(ranges[0].start.col, ranges[0].end.col);
+                        const row = Math.min(ranges[0].start.row, ranges[0].end.row);
+                        const clipboardData = e.clipboardData || window.Clipboard;
+                        const pastedData = clipboardData.getData('text');
+                        const rows = pastedData.split('\n');
+                        const values = [];
+                        rows.forEach(function (rowCells, rowIndex) {
+                            const cells = rowCells.split('\t');
+                            const rowValues = [];
+                            values.push(rowValues);
+                            cells.forEach(function (cell, cellIndex) {
+                                if (cellIndex === cells.length - 1) {
+                                    cell = cell.trim();
+                                }
+                                rowValues.push(cell);
+                            });
+                        });
+                        table.changeCellValues(col, row, values);
+                    }
                 }
             }
         });
@@ -52286,6 +52340,7 @@
             table.eventManager.LastBodyPointerXY = null;
             table.eventManager.isDown = false;
             table.eventManager.isDraging = false;
+            table.eventManager.inertiaScroll.endInertia();
         };
         eventManager.globalEventListeners.push({
             name: 'pointerup',
@@ -52302,9 +52357,6 @@
                 }
             }
             const { x, y } = table._getMouseAbstractPoint(e, false);
-            if (stateManager.interactionState === InteractionState.scrolling) {
-                return;
-            }
             if (stateManager.interactionState === InteractionState.grabing) {
                 if (stateManager.isResizeCol()) {
                     eventManager.dealColumnResize(x, y);
@@ -52316,6 +52368,95 @@
                     }
                 }
             }
+            const isSelecting = table.stateManager.isSelecting();
+            if (eventManager.isDraging && isSelecting) {
+                const drawRange = table.getDrawRange();
+                const topFrozenRowHeight = table.getFrozenRowsHeight();
+                const bottomFrozenRowHeight = table.getBottomFrozenRowsHeight();
+                const leftFrozenColsWidth = table.getFrozenColsWidth();
+                const rightFrozenColsWidth = table.getRightFrozenColsWidth();
+                const startCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].start;
+                const endCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end;
+                const canScrollY = table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false;
+                const canScrollX = table.isFrozenColumn(startCell.col) === false || table.isFrozenColumn(endCell.col) === false;
+                if (((y > drawRange.bottom - bottomFrozenRowHeight || y < drawRange.top + topFrozenRowHeight) && canScrollY) ||
+                    ((x > drawRange.right - rightFrozenColsWidth || x < drawRange.left + leftFrozenColsWidth) && canScrollX)) {
+                    table.eventManager.scrollXSpeed = 0;
+                    table.eventManager.scrollYSpeed = 0;
+                    let bottom = false;
+                    let top = false;
+                    let right = false;
+                    let left = false;
+                    if (y > drawRange.bottom - bottomFrozenRowHeight &&
+                        canScrollY &&
+                        table.scrollTop + table.tableNoFrameWidth < table.getAllRowsHeight()) {
+                        bottom = true;
+                        table.eventManager.scrollYSpeed = -(y - drawRange.bottom + bottomFrozenRowHeight) / 50;
+                    }
+                    else if (y < drawRange.top + topFrozenRowHeight && canScrollY && table.scrollTop > 0) {
+                        top = true;
+                        table.eventManager.scrollYSpeed = -(y - drawRange.top - topFrozenRowHeight) / 50;
+                    }
+                    if (x > drawRange.right - rightFrozenColsWidth &&
+                        canScrollX &&
+                        table.scrollLeft + table.tableNoFrameWidth < table.getAllColsWidth()) {
+                        right = true;
+                        table.eventManager.scrollXSpeed = -(x - drawRange.right + rightFrozenColsWidth) / 50;
+                    }
+                    else if (x < drawRange.left + leftFrozenColsWidth && canScrollX && table.scrollLeft > 0) {
+                        left = true;
+                        table.eventManager.scrollXSpeed = -(x - drawRange.left - leftFrozenColsWidth) / 50;
+                    }
+                    table.eventManager.inertiaScroll.startInertia(table.eventManager.scrollXSpeed, table.eventManager.scrollYSpeed, 1);
+                    table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
+                        handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager, false);
+                        let selectX;
+                        let selectY;
+                        if (bottom) {
+                            selectY = table.scrollTop + drawRange.height - bottomFrozenRowHeight - 20;
+                        }
+                        else if (top) {
+                            selectY = table.scrollTop + topFrozenRowHeight + 20;
+                        }
+                        if (right) {
+                            selectX = table.scrollLeft + drawRange.width - rightFrozenColsWidth - 20;
+                        }
+                        else if (left) {
+                            selectX = table.scrollLeft + leftFrozenColsWidth + 20;
+                        }
+                        let considerFrozenY = false;
+                        let considerFrozenX = false;
+                        if (!right && !left) {
+                            if ((x > table.tableNoFrameWidth - table.getRightFrozenColsWidth() && x < table.tableNoFrameWidth) ||
+                                (x > 0 && x < table.getFrozenColsWidth())) {
+                                selectX = x;
+                                considerFrozenX = true;
+                            }
+                            else {
+                                selectX = table.scrollLeft + x;
+                            }
+                        }
+                        if (!bottom && !top) {
+                            if ((y > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() && y < table.tableNoFrameHeight) ||
+                                (y > 0 && y < table.getFrozenRowsHeight())) {
+                                selectY = y;
+                                considerFrozenY = true;
+                            }
+                            else {
+                                selectY = table.scrollTop + y;
+                            }
+                        }
+                        table.stateManager.updateInteractionState(InteractionState.grabing);
+                        table.stateManager.updateSelectPos(table.getTargetColAtConsiderRightFrozen(selectX, considerFrozenX).col, table.getTargetRowAtConsiderBottomFrozen(selectY, considerFrozenY).row, false, false, false, true);
+                    });
+                }
+                else if (table.eventManager.inertiaScroll.isInertiaScrolling()) {
+                    table.eventManager.inertiaScroll.endInertia();
+                }
+                else {
+                    table.eventManager.scrollYSpeed = 0;
+                }
+            }
         };
         eventManager.globalEventListeners.push({
             name: 'pointermove',
@@ -52393,7 +52534,10 @@
                 const lastPoint = eventManager.touchMovePoints[eventManager.touchMovePoints?.length - 1];
                 const vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp);
                 const vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
-                startInertia(vX, vY, stateManager);
+                eventManager.inertiaScroll.startInertia(vX, vY, 0.95);
+                table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
+                    handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager);
+                });
             }
             eventManager.isTouchdown = false;
             eventManager.touchMovePoints = [];
@@ -52423,37 +52567,6 @@
     function isTouchEvent$1(e) {
         return !!e.changedTouches;
     }
-    function startInertia(vX, vY, stateManager) {
-        let time = Date.now();
-        const friction = 0.95;
-        const inertia = () => {
-            const now = Date.now();
-            const dffTime = now - time;
-            let stopped = true;
-            const f = Math.pow(friction, dffTime / 16);
-            const newVX = f * vX;
-            const newVY = f * vY;
-            let dx = 0;
-            let dy = 0;
-            if (Math.abs(newVX) > 0.05) {
-                stopped = false;
-                dx = ((vX + newVX) / 2) * dffTime;
-            }
-            if (Math.abs(newVY) > 0.05) {
-                stopped = false;
-                dy = ((vY + newVY) / 2) * dffTime;
-            }
-            handleWhell({ deltaX: -dx, deltaY: -dy }, stateManager);
-            if (stopped) {
-                return;
-            }
-            time = now;
-            vX = newVX;
-            vY = newVY;
-            requestAnimationFrame(inertia);
-        };
-        requestAnimationFrame(inertia);
-    }
 
     function bindAxisClickEvent(table) {
         if (!table.isPivotChart()) {
@@ -52593,9 +52706,13 @@
         LastBodyPointerXY;
         isDown = false;
         isDraging = false;
+        scrollYSpeed;
+        scrollXSpeed;
         globalEventListeners = [];
+        inertiaScroll;
         constructor(table) {
             this.table = table;
+            this.inertiaScroll = new InertiaScroll(table.stateManager);
             if (Env.mode === 'node') {
                 return;
             }
@@ -52745,7 +52862,7 @@
                     this.table.stateManager.updateSelectPos(-1, -1);
                     return false;
                 }
-                this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey);
+                this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, isSelectMoving);
                 return true;
             }
             return false;
@@ -52793,10 +52910,10 @@
                             updateCol = eventArgs.col;
                         }
                     }
-                    this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, true, eventArgs.event.ctrlKey || eventArgs.event.metaKey);
+                    this.table.stateManager.updateSelectPos(isSelectMoving ? updateCol : currentRange.end.col, isSelectMoving ? updateRow : currentRange.end.row, true, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, isSelectMoving);
                 }
                 else {
-                    this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey);
+                    this.table.stateManager.updateSelectPos(eventArgs.col, eventArgs.row, eventArgs.event.shiftKey, eventArgs.event.ctrlKey || eventArgs.event.metaKey, false, isSelectMoving);
                 }
                 return true;
             }
@@ -56133,7 +56250,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.23.1-alpha.1";
+        version = "0.23.1";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -56152,7 +56269,6 @@
             const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth } = options;
             this.container = container;
             this.options = options;
-            this.options.container = container;
             this._widthMode = widthMode;
             this._heightMode = heightMode;
             this._autoFillWidth = autoFillWidth;
@@ -56948,8 +57064,8 @@
             return this.getCellsRectWidth(cellRange.start.col, cellRange.start.row, cellRange.end.col, cellRange.end.row);
         }
         isFrozenCell(col, row) {
-            const isFrozenRow = this.isFrozenRow(row) || this.isBottomFrozenRow(row);
-            const isFrozenCol = this.isFrozenColumn(col) || this.isRightFrozenColumn(col);
+            const isFrozenRow = this.isFrozenRow(row);
+            const isFrozenCol = this.isFrozenColumn(col);
             if (isFrozenRow || isFrozenCol) {
                 return {
                     row: isFrozenRow,
@@ -57496,6 +57612,46 @@
             }
             return findBefore(candRow, bottom);
         }
+        getTargetColAtConsiderRightFrozen(absoluteX, isConsider) {
+            if (absoluteX === 0) {
+                return { left: 0, col: 0, right: 0, width: 0 };
+            }
+            if (isConsider &&
+                absoluteX > this.tableNoFrameWidth - this.getRightFrozenColsWidth() &&
+                absoluteX < this.tableNoFrameWidth) {
+                for (let i = 0; i < this.rightFrozenColCount; i++) {
+                    if (absoluteX > this.tableNoFrameWidth - this.getColsWidth(this.colCount - i - 1, this.colCount - 1)) {
+                        return {
+                            col: this.colCount - i - 1,
+                            left: undefined,
+                            right: undefined,
+                            width: undefined
+                        };
+                    }
+                }
+            }
+            return this.getTargetColAt(absoluteX);
+        }
+        getTargetRowAtConsiderBottomFrozen(absoluteY, isConsider) {
+            if (absoluteY === 0) {
+                return { top: 0, row: 0, bottom: 0, height: 0 };
+            }
+            if (isConsider &&
+                absoluteY > this.tableNoFrameHeight - this.getBottomFrozenRowsHeight() &&
+                absoluteY < this.tableNoFrameHeight) {
+                for (let i = 0; i < this.rightFrozenColCount; i++) {
+                    if (absoluteY > this.tableNoFrameHeight - this.getRowsHeight(this.rowCount - i - 1, this.rowCount - 1)) {
+                        return {
+                            row: this.rowCount - i - 1,
+                            top: undefined,
+                            bottom: undefined,
+                            height: undefined
+                        };
+                    }
+                }
+            }
+            return this.getTargetRowAt(absoluteY);
+        }
         computeTargetRowByY(absoluteY) {
             let defaultRowHeight = this.internalProps.defaultRowHeight;
             if (this._rowRangeHeightsMap.get(`$0$${this.rowCount - 1}`)) {
@@ -57776,7 +57932,7 @@
             return this.internalProps.layoutMap?.isCornerHeader(col, row);
         }
         isFrozenColumn(col, row) {
-            return this.internalProps.layoutMap?.isFrozenColumn(col, row);
+            return this.isLeftFrozenColumn(col, row) || this.isRightFrozenColumn(col, row);
         }
         isLeftFrozenColumn(col, row) {
             return this.internalProps.layoutMap?.isFrozenColumn(col, row);
@@ -57785,7 +57941,7 @@
             return this.internalProps.layoutMap?.isRightFrozenColumn(col, row);
         }
         isFrozenRow(col, row) {
-            return this.internalProps.layoutMap?.isFrozenRow(col, row);
+            return this.isTopFrozenRow(col, row) || this.isBottomFrozenRow(col, row);
         }
         isTopFrozenRow(col, row) {
             return this.internalProps.layoutMap?.isFrozenRow(col, row);
@@ -58023,8 +58179,7 @@
         }
         _canDragHeaderPosition(col, row) {
             if (this.isHeader(col, row) && this.stateManager.isSelected(col, row)) {
-                if (this.internalProps.frozenColDragHeaderMode === 'disabled' &&
-                    (this.isFrozenColumn(col) || this.isRightFrozenColumn(col))) {
+                if (this.internalProps.frozenColDragHeaderMode === 'disabled' && this.isFrozenColumn(col)) {
                     return false;
                 }
                 const selectRange = this.stateManager.select.ranges[0];
@@ -60584,7 +60739,7 @@
                 return false;
             }
             if (this._table.internalProps.frozenColDragHeaderMode === 'disabled') {
-                if (this._table.isFrozenColumn(target.col) || this._table.isRightFrozenColumn(target.col)) {
+                if (this._table.isFrozenColumn(target.col)) {
                     return false;
                 }
             }
@@ -60805,7 +60960,7 @@
         }
         _createOrUpdateTitleComponent(attrs) {
             if (this._titleComponent) {
-                if (!isEqual$1(attrs, this._cacheAttrs)) {
+                if (!isEqual(attrs, this._cacheAttrs)) {
                     this._titleComponent.setAttributes(attrs);
                 }
             }
@@ -61583,7 +61738,7 @@
                 }
             }
             const index = this.getRecordShowIndexByCell(col, row);
-            const diffDataIndices = this.dataSource.toggleHierarchyState(index);
+            const diffDataIndices = this.dataSource.toggleHierarchyState(index, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount, Math.max(this.scenegraph.proxy.rowEnd - this.columnHeaderLevelCount, this.scenegraph.proxy.rowStart - this.columnHeaderLevelCount + this.scenegraph.proxy.rowLimit - 1));
             const diffPositions = this.internalProps.layoutMap.toggleHierarchyState(diffDataIndices);
             this.refreshRowColCount();
             this.clearCellStyleCache();
@@ -62325,6 +62480,39 @@
         }
     }
 
+    function diffCellAddress(col, row, oldCellIds, newCellIds, oldRowHeaderCellPositons, layout) {
+        const columnHeaderStart = layout.columnHeaderLevelCount;
+        const addCellPositions = [];
+        const removeCellPositions = [];
+        for (let i = 0; i < oldCellIds.length; i++) {
+            if (!newCellIds.includes(oldCellIds[i])) {
+                removeCellPositions.push(oldRowHeaderCellPositons[i]);
+            }
+        }
+        for (let i = 0; i < newCellIds.length; i++) {
+            if (!oldCellIds.includes(newCellIds[i])) {
+                const newCellAddr = { col, row: columnHeaderStart + i };
+                addCellPositions.push(newCellAddr);
+            }
+        }
+        let parentId = layout.getParentCellId(col, row);
+        let parentCellAddress = layout.getRowHeaderCellAddressByCellId(parentId);
+        const updateCellPositions = [];
+        parentCellAddress && updateCellPositions.push(parentCellAddress);
+        while (parentId) {
+            parentId = layout.getParentCellId(parentCellAddress.col, parentCellAddress.row);
+            if (parentId) {
+                parentCellAddress = layout.getRowHeaderCellAddressByCellId(parentId);
+                updateCellPositions.push(parentCellAddress);
+            }
+        }
+        return {
+            addCellPositions,
+            removeCellPositions,
+            updateCellPositions
+        };
+    }
+
     const defaultDimension = { startInTotal: 0, level: 0 };
     class PivotHeaderLayoutMap {
         sharedVar;
@@ -68300,7 +68488,7 @@
     }
 
     registerForVrender();
-    const version = "0.23.1-alpha.1";
+    const version = "0.23.1";
     function getIcons() {
         return get$2();
     }