@visactor/vtable 0.24.2-alpha.4 → 0.25.0

package/dist/vtable.js

@@ -23297,12 +23297,15 @@
         KEYDOWN: 'keydown',
         MOUSEENTER_TABLE: 'mouseenter_table',
         MOUSELEAVE_TABLE: 'mouseleave_table',
+        MOUSEDOWN_TABLE: 'mousedown_table',
         MOUSEMOVE_CELL: 'mousemove_cell',
         MOUSEENTER_CELL: 'mouseenter_cell',
         MOUSELEAVE_CELL: 'mouseleave_cell',
         CONTEXTMENU_CELL: 'contextmenu_cell',
         RESIZE_COLUMN: 'resize_column',
         RESIZE_COLUMN_END: 'resize_column_end',
+        RESIZE_ROW: 'resize_row',
+        RESIZE_ROW_END: 'resize_row_end',
         CHANGE_HEADER_POSITION: 'change_header_position',
         SORT_CLICK: 'sort_click',
         FREEZE_CLICK: 'freeze_click',
@@ -24336,6 +24339,7 @@
     const DEFAULTFONTCOLOR = '#000';
     const regUrl = /^(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
     const ResizeColumnHotSpotSize = 16;
+    const ResizeRowHotSpotSize = 16;
     const IndicatorDimensionKeyPlaceholder = '$$indicator$$';
     const DrillDown = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path  d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM549.333333 288a5.333333 5.333333 0 0 1 5.333334 5.333333V469.333333h176a5.333333 5.333333 0 0 1 5.333333 5.333334v74.666666a5.333333 5.333333 0 0 1-5.333333 5.333334H554.666667v176a5.333333 5.333333 0 0 1-5.333334 5.333333h-74.666666a5.333333 5.333333 0 0 1-5.333334-5.333333V554.666667H293.333333a5.333333 5.333333 0 0 1-5.333333-5.333334v-74.666666a5.333333 5.333333 0 0 1 5.333333-5.333334H469.333333V293.333333a5.333333 5.333333 0 0 1 5.333334-5.333333h74.666666z"></path></svg>`;
     const DrillUp = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM693.333333 469.333333a42.666667 42.666667 0 1 1 0 85.333334H330.666667a42.666667 42.666667 0 1 1 0-85.333334h362.666666z"></path></svg>`;
@@ -42284,7 +42288,7 @@
 
     function getColX(col, table, isRightFrozen) {
         if (isRightFrozen) {
-            return table.tableNoFrameWidth - table.getColsWidth(col, table.colCount - 1);
+            return Math.min(table.tableNoFrameWidth, table.getAllColsWidth()) - table.getColsWidth(col, table.colCount - 1);
         }
         let colX = table.getColsWidth(0, col);
         if (col >= table.frozenColCount) {
@@ -42292,6 +42296,16 @@
         }
         return colX;
     }
+    function getRowY(row, table, isBottomFrozen) {
+        if (isBottomFrozen) {
+            return Math.min(table.tableNoFrameWidth, table.getAllRowsHeight()) - table.getRowsHeight(row, table.rowCount - 1);
+        }
+        let rowY = table.getRowsHeight(0, row);
+        if (row >= table.frozenRowCount) {
+            rowY -= table.scrollLeft;
+        }
+        return rowY;
+    }
 
     class TableComponent {
         table;
@@ -42299,10 +42313,14 @@
         columnResizeLine;
         columnResizeBgLine;
         columnResizeLabel;
+        rowResizeLine;
+        rowResizeBgLine;
+        rowResizeLabel;
         menu;
         vScrollBar;
         hScrollBar;
         frozenShadowLine;
+        rightFrozenShadowLine;
         drillIcon;
         cellMover;
         constructor(table) {
@@ -42375,6 +42393,63 @@
             });
             this.columnResizeLabel.appendChild(columnResizeLabelBack);
             this.columnResizeLabel.appendChild(columnResizeLabelText);
+            this.rowResizeLine = createLine({
+                visible: false,
+                pickable: false,
+                stroke: columnResizeColor,
+                lineWidth: columnResizeWidth,
+                x: 0,
+                y: 0,
+                points: [
+                    { x: 0, y: 0 },
+                    { x: 0, y: 0 }
+                ]
+            });
+            this.rowResizeBgLine = createLine({
+                visible: false,
+                pickable: false,
+                stroke: columnResizeBgColor,
+                lineWidth: columnResizeBgWidth,
+                x: 0,
+                y: 0,
+                points: [
+                    { x: 0, y: 0 },
+                    { x: 0, y: 0 }
+                ]
+            });
+            const rowResizeLabelText = createText({
+                visible: false,
+                pickable: false,
+                x: 0,
+                y: 0,
+                fontSize: labelFontSize,
+                fill: labelColor,
+                fontFamily: labelFontFamily,
+                text: '',
+                textBaseline: 'top',
+                dx: 12 + 4,
+                dy: -labelFontSize / 2
+            });
+            const rowResizeLabelBack = createRect({
+                visible: false,
+                pickable: false,
+                fill: labelBackgroundFill,
+                x: 0,
+                y: 0,
+                width: 5 * labelFontSize * 0.8,
+                height: labelFontSize + 8,
+                cornerRadius: labelBackgroundCornerRadius,
+                dx: 12,
+                dy: -labelFontSize / 2 - 4
+            });
+            this.rowResizeLabel = createGroup({
+                visible: false,
+                pickable: false,
+                x: 0,
+                y: 0
+            });
+            this.rowResizeLabel.appendChild(rowResizeLabelBack);
+            this.rowResizeLabel.appendChild(rowResizeLabelText);
             this.cellMover = new CellMover(this.table);
             const shadowWidth = theme.frozenColumnLine?.shadow?.width;
             const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;
@@ -42398,14 +42473,37 @@
                     ]
                 }
             });
+            this.rightFrozenShadowLine = createRect({
+                visible: true,
+                pickable: false,
+                x: 0,
+                y: 0,
+                width: shadowWidth,
+                height: 0,
+                fill: {
+                    gradient: 'linear',
+                    x0: 0,
+                    y0: 0,
+                    x1: 1,
+                    y1: 0,
+                    stops: [
+                        { color: shadowEndColor, offset: 0 },
+                        { color: shadowStartColor, offset: 1 }
+                    ]
+                }
+            });
             this.menu = new MenuHandler$1(this.table);
             this.drillIcon = new DrillIcon();
         }
         addToGroup(componentGroup) {
             componentGroup.addChild(this.frozenShadowLine);
+            componentGroup.addChild(this.rightFrozenShadowLine);
             componentGroup.addChild(this.columnResizeBgLine);
             componentGroup.addChild(this.columnResizeLine);
             componentGroup.addChild(this.columnResizeLabel);
+            componentGroup.addChild(this.rowResizeBgLine);
+            componentGroup.addChild(this.rowResizeLine);
+            componentGroup.addChild(this.rowResizeLabel);
             const hoverOn = this.table.theme.scrollStyle.hoverOn;
             if (hoverOn && !this.table.theme.scrollStyle.barToSide) {
                 componentGroup.addChild(this.hScrollBar);
@@ -42608,6 +42706,60 @@
             });
             this.columnResizeLabel.lastChild.setAttribute('text', `${Math.floor(this.table.getColWidth(col))}px`);
         }
+        hideResizeRow() {
+            this.rowResizeLine.setAttribute('visible', false);
+            this.rowResizeBgLine.setAttribute('visible', false);
+            this.rowResizeLabel.setAttribute('visible', false);
+            this.rowResizeLabel.hideAll();
+        }
+        showResizeRow(row, x, isRightFrozen) {
+            const rowY = getRowY(row, this.table, isRightFrozen);
+            this.rowResizeLine.setAttributes({
+                visible: true,
+                y: rowY,
+                points: [
+                    { y: 0, x: 0 },
+                    { y: 0, x: this.table.getColsWidth(0, this.table.colCount - 1) }
+                ]
+            });
+            this.rowResizeBgLine.setAttributes({
+                visible: true,
+                y: rowY,
+                points: [
+                    { y: 0, x: 0 },
+                    { y: 0, x: this.table.getColsWidth(0, this.table.colCount - 1) }
+                ]
+            });
+            this.rowResizeLabel.showAll();
+            this.rowResizeLabel.setAttributes({
+                visible: true,
+                y: rowY,
+                x
+            });
+            this.rowResizeLabel.lastChild.setAttribute('text', `${this.table.getRowHeight(row)}px`);
+        }
+        updateResizeRow(row, x, isBottomFrozen) {
+            const rowY = getRowY(row, this.table, isBottomFrozen);
+            this.rowResizeLine.setAttributes({
+                y: rowY,
+                points: [
+                    { y: 0, x: 0 },
+                    { y: 0, x: this.table.getColsWidth(0, this.table.colCount - 1) }
+                ]
+            });
+            this.rowResizeBgLine.setAttributes({
+                y: rowY,
+                points: [
+                    { y: 0, x: 0 },
+                    { y: 0, x: this.table.getColsWidth(0, this.table.colCount - 1) }
+                ]
+            });
+            this.rowResizeLabel.setAttributes({
+                y: rowY,
+                x
+            });
+            this.rowResizeLabel.lastChild.setAttribute('text', `${Math.floor(this.table.getRowHeight(row))}px`);
+        }
         hideMoveCol() {
             this.cellMover.hide();
         }
@@ -42632,6 +42784,21 @@
                 });
             }
         }
+        setRightFrozenColumnShadow(col) {
+            if (col >= this.table.colCount) {
+                this.rightFrozenShadowLine.setAttributes({
+                    visible: false
+                });
+            }
+            else {
+                const colX = getColX(col, this.table, true);
+                this.rightFrozenShadowLine.setAttributes({
+                    visible: true,
+                    x: colX - this.rightFrozenShadowLine.attribute.width,
+                    height: this.table.getDrawRange().height
+                });
+            }
+        }
         hideVerticalScrollBar() {
             const visable = this.table.theme.scrollStyle.visible;
             if (visable !== 'focus' && visable !== 'scrolling') {
@@ -42743,6 +42910,19 @@
                 cornerRadius: labelBackgroundCornerRadius,
                 dy: -labelFontSize / 2 - 4
             });
+            this.rowResizeLabel.lastChild.setAttributes({
+                fontSize: labelFontSize,
+                fill: labelColor,
+                fontFamily: labelFontFamily,
+                dy: -labelFontSize / 2
+            });
+            this.rowResizeLabel.firstChild.setAttributes({
+                fill: labelBackgroundFill,
+                width: 5 * labelFontSize * 0.8,
+                height: labelFontSize + 8,
+                cornerRadius: labelBackgroundCornerRadius,
+                dy: -labelFontSize / 2 - 4
+            });
             const shadowWidth = theme.frozenColumnLine?.shadow?.width;
             const shadowStartColor = theme.frozenColumnLine?.shadow?.startColor;
             const shadowEndColor = theme.frozenColumnLine?.shadow?.endColor;
@@ -42760,6 +42940,20 @@
                     ]
                 }
             });
+            this.rightFrozenShadowLine.setAttributes({
+                width: shadowWidth,
+                fill: {
+                    gradient: 'linear',
+                    x0: 0,
+                    y0: 0,
+                    x1: 1,
+                    y1: 0,
+                    stops: [
+                        { color: shadowEndColor, offset: 0 },
+                        { color: shadowStartColor, offset: 1 }
+                    ]
+                }
+            });
             this.cellMover.updateStyle();
         }
     }
@@ -43493,9 +43687,9 @@
         const isPart = Array.isArray(part);
         const isSplitDraw = Array.isArray(strokeArrayColor) || widthInfo.isSplitDraw;
         context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);
-        const lineDash = context.getLineDash();
+        const { lineDash = groupAttribute.lineDash } = group.attribute;
         let isDash = false;
-        if (lineDash.length) {
+        if (lineDash.length && lineDash.some((dash) => Array.isArray(dash))) {
             isDash = true;
         }
         context.beginPath();
@@ -43521,6 +43715,9 @@
                     context.lineWidth = strokeArrayWidth[0];
                 }
                 context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
+                if (isDash) {
+                    context.setLineDash(lineDash[0] ?? []);
+                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x + width, y);
@@ -43550,6 +43747,9 @@
                     context.lineWidth = strokeArrayWidth[1];
                 }
                 context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
+                if (isDash) {
+                    context.setLineDash(lineDash[1] ?? []);
+                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x + width, y + height);
@@ -43579,6 +43779,9 @@
                     context.lineWidth = strokeArrayWidth[2];
                 }
                 context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
+                if (isDash) {
+                    context.setLineDash(lineDash[2] ?? []);
+                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x, y + height);
@@ -43608,6 +43811,9 @@
                     context.lineWidth = strokeArrayWidth[3];
                 }
                 context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
+                if (isDash) {
+                    context.setLineDash(lineDash[3] ?? []);
+                }
                 context.stroke();
                 context.beginPath();
                 context.moveTo(x, y);
@@ -43623,6 +43829,7 @@
             context.stroke();
         }
         context.lineDashOffset = 0;
+        context.setLineDash([]);
     }
     let DashGroupBeforeRenderContribution = class DashGroupBeforeRenderContribution {
         time = BaseRenderContributionTime.beforeFillStroke;
@@ -43698,22 +43905,28 @@
             context.moveTo(x, y);
             context.lineTo(x + widthForStroke, y);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
+            context.setLineDash(lineDash[0] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x + widthForStroke, y);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
+            context.setLineDash(lineDash[1] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y + heightForStroke);
             context.lineTo(x + widthForStroke, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.e / context.currentMatrix.a;
+            context.setLineDash(lineDash[2] ?? []);
             context.stroke();
             context.beginPath();
             context.moveTo(x, y);
             context.lineTo(x, y + heightForStroke);
             context.lineDashOffset = context.currentMatrix.f / context.currentMatrix.d;
+            context.setLineDash(lineDash[3] ?? []);
             context.stroke();
+            context.lineDashOffset = 0;
+            context.setLineDash([]);
         }
     };
     DashGroupAfterRenderContribution = __decorate([
@@ -44905,7 +45118,9 @@
         if (table.internalProps._widthResizedColMap.size === 0) {
             computeColsWidth(table, 0, distCol);
         }
-        computeRowsHeight(table, 0, distRow);
+        if (table.internalProps._heightResizedRowMap.size === 0) {
+            computeRowsHeight(table, 0, distRow);
+        }
         if (distCol < table.colCount - table.rightFrozenColCount) {
             computeColsWidth(table, table.colCount - table.rightFrozenColCount, table.colCount - 1);
         }
@@ -44958,7 +45173,10 @@
         }
         distCol - table.rightFrozenColCount >= table.frozenColCount &&
             createColGroup(bodyGroup, xOrigin, yOrigin, table.frozenColCount, distCol - table.rightFrozenColCount, table.columnHeaderLevelCount, distRow - table.bottomFrozenRowCount, 'body', table);
-        if (!bodyGroup.firstChild && !colHeaderGroup.firstChild) {
+        if (!bodyGroup.firstChild &&
+            !colHeaderGroup.firstChild &&
+            !cornerHeaderGroup.firstChild &&
+            !rowHeaderGroup.firstChild) {
             proxy.currentRow = proxy.totalRow;
             proxy.rowEnd = proxy.currentRow;
             proxy.rowUpdatePos = proxy.rowEnd + 1;
@@ -44969,12 +45187,17 @@
             proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);
         }
         else {
-            proxy.currentRow = bodyGroup.firstChild?.rowNumber ?? proxy.totalRow;
+            proxy.currentRow =
+                bodyGroup.firstChild?.rowNumber ?? rowHeaderGroup.firstChild?.rowNumber ?? proxy.totalRow;
             proxy.rowEnd = proxy.currentRow;
             proxy.rowUpdatePos = proxy.rowEnd + 1;
             proxy.referenceRow = proxy.rowStart + Math.floor((proxy.rowEnd - proxy.rowStart) / 2);
             proxy.currentCol =
-                bodyGroup.lastChild?.col ?? colHeaderGroup.lastChild?.col ?? proxy.totalCol;
+                bodyGroup.lastChild?.col ??
+                    colHeaderGroup.lastChild?.col ??
+                    rowHeaderGroup.lastChild?.col ??
+                    cornerHeaderGroup.lastChild?.col ??
+                    proxy.totalCol;
             proxy.colEnd = proxy.currentCol;
             proxy.colUpdatePos = proxy.colEnd + 1;
             proxy.referenceCol = proxy.colStart + Math.floor((proxy.colEnd - proxy.colStart) / 2);
@@ -46165,8 +46388,9 @@
                 this.updateDeltaY(y);
                 this.updateBody(y - this.deltaY);
             }
-            else if (!this.table.scenegraph.bodyGroup.firstChild ||
-                this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) {
+            else if ((!this.table.scenegraph.bodyGroup.firstChild || this.table.scenegraph.bodyGroup.firstChild.childrenCount === 0) &&
+                (!this.table.scenegraph.rowHeaderGroup.firstChild ||
+                    this.table.scenegraph.rowHeaderGroup.firstChild.childrenCount === 0)) {
                 this.updateDeltaY(y);
                 this.updateBody(y - this.deltaY);
             }
@@ -46327,7 +46551,10 @@
                 }
             }
             else if (isValid$3(screenTopY) && isValid$3(screenTopRow)) {
-                const cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, screenTopRow, true);
+                let cellGroup = this.table.scenegraph.highPerformanceGetCell(this.colStart, screenTopRow, true);
+                if (cellGroup.role !== 'cell') {
+                    cellGroup = this.table.scenegraph.highPerformanceGetCell(0, screenTopRow, true);
+                }
                 const bodyY = y - this.deltaY;
                 const distRowYOffset = screenTopY - bodyY;
                 const currentRowYOffset = cellGroup.attribute.y - bodyY + this.table.getFrozenRowsHeight();
@@ -46865,18 +47092,18 @@
     }
     function hideCellSelectBorder(scene) {
         scene.selectingRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('visible', false);
+            selectComp.rect.setAttribute('opacity', 0);
         });
         scene.selectedRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('visible', false);
+            selectComp.rect.setAttribute('opacity', 0);
         });
     }
     function restoreCellSelectBorder(scene) {
         scene.selectingRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('visible', false);
+            selectComp.rect.setAttribute('opacity', 1);
         });
         scene.selectedRangeComponents.forEach((selectComp, key) => {
-            selectComp.rect.setAttribute('visible', false);
+            selectComp.rect.setAttribute('opacity', 1);
         });
     }
 
@@ -47462,10 +47689,14 @@
         scene.updateBorderSizeAndPosition();
         if (!scene.isPivot && !scene.table.transpose) {
             scene.component.setFrozenColumnShadow(scene.table.frozenColCount - 1);
+            scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
         }
         else if (scene.table.options.frozenColCount) {
             scene.component.setFrozenColumnShadow(scene.table.frozenColCount - 1);
         }
+        else if (scene.table.options.frozenColCount) {
+            scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
+        }
         scene.hasFrozen = true;
         scene.frozenColCount = scene.table.frozenColCount;
         scene.frozenRowCount = scene.colHeaderGroup.firstChild?.childrenCount ?? 0;
@@ -47501,10 +47732,14 @@
         scene.updateBorderSizeAndPosition();
         if (!scene.isPivot && !scene.table.transpose) {
             scene.component.setFrozenColumnShadow(scene.table.frozenColCount - 1);
+            scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
         }
         else if (scene.table.options.frozenColCount) {
             scene.component.setFrozenColumnShadow(scene.table.frozenColCount - 1);
         }
+        else if (scene.table.options.rightFrozenColCount) {
+            scene.component.setRightFrozenColumnShadow(scene.table.colCount - scene.table.rightFrozenColCount);
+        }
         scene.hasFrozen = true;
     }
     function moveColumnFromBodyToRowHeader(scene) {
@@ -48921,6 +49156,7 @@
             return { width, height };
         }
         updateNextFrame() {
+            this.updateContainerSync();
             this.resetAllSelectComponent();
             this.stage.renderNextFrame();
         }
@@ -49109,7 +49345,12 @@
                 }
             }
             if (this.table.heightMode === 'adaptive') {
-                this.recalculateRowHeights();
+                if (this.table.internalProps._heightResizedRowMap.size === 0) {
+                    this.recalculateRowHeights();
+                }
+                else {
+                    this.dealHeightMode();
+                }
             }
             else if (this.table.autoFillHeight) {
                 this.dealHeightMode();
@@ -49361,15 +49602,23 @@
         afterScenegraphCreated() {
             if (!this.isPivot && !this.table.transpose) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
             }
             else if (this.table.options.frozenColCount) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
+            else if (this.table.options.rightFrozenColCount) {
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
+            }
+            else {
+                this.component.setFrozenColumnShadow(-1);
+            }
             this.table.stateManager.checkFrozen();
             this.updateContainer();
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
+            handleTextStick(this.table);
             this.updateNextFrame();
         }
         dealWidthMode() {
@@ -49582,21 +49831,24 @@
                 if (!this._needUpdateContainer) {
                     this._needUpdateContainer = true;
                     setTimeout(() => {
-                        this.updateContainerAttrWidthAndX();
-                        this.updateTableSize();
-                        this.component.updateScrollBar();
-                        this.updateNextFrame();
-                        this._needUpdateContainer = false;
+                        this.updateContainerSync();
                     }, 0);
                 }
             }
             else {
-                this.updateContainerAttrWidthAndX();
-                this.updateTableSize();
-                this.component.updateScrollBar();
-                this.updateNextFrame();
-                this._needUpdateContainer = false;
+                this._needUpdateContainer = true;
+                this.updateContainerSync();
+            }
+        }
+        updateContainerSync() {
+            if (!this._needUpdateContainer) {
+                return;
             }
+            this._needUpdateContainer = false;
+            this.updateContainerAttrWidthAndX();
+            this.updateTableSize();
+            this.component.updateScrollBar();
+            this.updateNextFrame();
         }
         updateCellContentWhileResize(col, row) {
             const type = this.table.getBodyColumnType(col, row);
@@ -49619,9 +49871,11 @@
             createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, undefined);
         }
         getResizeColAt(abstractX, abstractY, cellGroup, offset = ResizeColumnHotSpotSize / 2) {
-            if (!cellGroup) ;
+            let cell;
+            if (!cellGroup) {
+                cell = this.table.getCellAt(abstractX - offset, abstractY);
+            }
             else {
-                let cell;
                 if (abstractX < cellGroup.globalAABBBounds.x1 + offset) {
                     cell = { col: cellGroup.col - 1, row: cellGroup.row, x: cellGroup.globalAABBBounds.x1 };
                 }
@@ -49639,6 +49893,33 @@
                     cell.col = cell.col + 1;
                     cell.rightFrozen = true;
                 }
+            }
+            if (cell) {
+                return cell;
+            }
+            return { col: -1, row: -1 };
+        }
+        getResizeRowAt(abstractX, abstractY, cellGroup, offset = ResizeRowHotSpotSize / 2) {
+            if (!cellGroup) ;
+            else {
+                let cell;
+                if (abstractY < cellGroup.globalAABBBounds.y1 + offset) {
+                    cell = { col: cellGroup.col, row: cellGroup.row - 1, y: cellGroup.globalAABBBounds.y1 };
+                }
+                else if (cellGroup.globalAABBBounds.y2 - offset < abstractY) {
+                    cell = { col: cellGroup.col, row: cellGroup.row, y: cellGroup.globalAABBBounds.y2 };
+                }
+                if (cell &&
+                    this.table.bottomFrozenRowCount > 0 &&
+                    cell.row === this.table.rowCount - this.table.bottomFrozenRowCount - 1 &&
+                    this.table.tableNoFrameHeight -
+                        this.table.getFrozenRowsHeight() -
+                        this.table.getBottomFrozenRowsHeight() +
+                        this.table.scrollTop <
+                        this.bodyGroup.attribute.height) {
+                    cell.row = cell.row + 1;
+                    cell.bottomFrozen = true;
+                }
                 if (cell) {
                     return cell;
                 }
@@ -49781,10 +50062,14 @@
             this.table.stateManager.checkFrozen();
             if (!this.isPivot && !this.table.transpose) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
             }
             else if (this.table.options.frozenColCount) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
+            else if (this.table.options.rightFrozenColCount) {
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
+            }
             this.component.updateScrollBar();
             this.updateNextFrame();
         }
@@ -49795,10 +50080,14 @@
             this.table.stateManager.checkFrozen();
             if (!this.isPivot && !this.table.transpose) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
             }
             else if (this.table.options.frozenColCount) {
                 this.component.setFrozenColumnShadow(this.table.frozenColCount - 1);
             }
+            else if (this.table.options.rightFrozenColCount) {
+                this.component.setRightFrozenColumnShadow(this.table.colCount - this.table.rightFrozenColCount);
+            }
             this.component.updateScrollBar();
             this.updateNextFrame();
         }
@@ -50670,10 +50959,19 @@
             !state.table.isPivotTable() &&
             !state.table.transpose) {
             state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen);
+            state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
+        }
+        else if (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount &&
+            !state.table.isPivotTable() &&
+            !state.table.transpose) {
+            state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
         }
         else if (state.table.options.frozenColCount) {
             state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1);
         }
+        else if (state.table.options.rightFrozenColCount) {
+            state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
+        }
         state.table.scenegraph.updateNextFrame();
     }
     function clearWidthsAndHeightsCache(colMin, colMax, rowMin, rowMax, table) {
@@ -50780,13 +51078,13 @@
             updateResizeColForColumn(detaX, state);
         }
         else if (state.table.internalProps.columnResizeType === 'indicator') {
-            updateResizeColForIndicator(detaX, state);
+            updateResizeColForIndicator$1(detaX, state);
         }
         else if (state.table.internalProps.columnResizeType === 'indicatorGroup') {
-            updateResizeColForIndicatorGroup(detaX, state);
+            updateResizeColForIndicatorGroup$1(detaX, state);
         }
         else if (state.table.internalProps.columnResizeType === 'all') {
-            updateResizeColForAll(detaX, state);
+            updateResizeColForAll$1(detaX, state);
         }
         else {
             updateResizeColForColumn(detaX, state);
@@ -50798,9 +51096,17 @@
             !state.table.transpose) {
             state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1, state.columnResize.isRightFrozen);
         }
+        else if (state.columnResize.col >= state.table.colCount - state.table.rightFrozenColCount &&
+            !state.table.isPivotTable() &&
+            !state.table.transpose) {
+            state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
+        }
         else if (state.table.options.frozenColCount) {
             state.table.scenegraph.component.setFrozenColumnShadow(state.table.frozenColCount - 1);
         }
+        else if (state.table.options.rightFrozenColCount) {
+            state.table.scenegraph.component.setRightFrozenColumnShadow(state.table.colCount - state.table.rightFrozenColCount);
+        }
         state.table.scenegraph.updateNextFrame();
     }
     function updateResizeColForColumn(detaX, state) {
@@ -50815,7 +51121,7 @@
             state.table.internalProps._widthResizedColMap.add(state.columnResize.col);
         }
     }
-    function updateResizeColForAll(detaX, state) {
+    function updateResizeColForAll$1(detaX, state) {
         const layout = state.table.internalProps.layoutMap;
         for (let col = state.table.frozenColCount; col < state.table.colCount - state.table.rightFrozenColCount; col++) {
             if (!(state.table.internalProps.transpose || (state.table.isPivotTable() && !layout.indicatorsAsCol))) {
@@ -50828,7 +51134,7 @@
             state.table.internalProps._widthResizedColMap.add(col);
         }
     }
-    function updateResizeColForIndicator(detaX, state) {
+    function updateResizeColForIndicator$1(detaX, state) {
         const layout = state.table.internalProps.layoutMap;
         let resizeIndicatorKey;
         let resizeDimensionKey;
@@ -50858,7 +51164,7 @@
             }
         }
     }
-    function updateResizeColForIndicatorGroup(detaX, state) {
+    function updateResizeColForIndicatorGroup$1(detaX, state) {
         const layout = state.table.internalProps.layoutMap;
         const headerPaths = layout.getCellHeaderPaths(state.columnResize.col, state.table.columnHeaderLevelCount);
         const node = layout.getHeadNode(headerPaths.colHeaderPaths.slice(0, headerPaths.colHeaderPaths.length - 1));
@@ -50874,7 +51180,14 @@
                 }
             }
             const prevWidth = state.table.getColWidth(col);
-            state.table.scenegraph.updateColWidth(col, (prevWidth / totalColWidth) * moveX);
+            let deltaWidth = (prevWidth / totalColWidth) * moveX;
+            if (deltaWidth > 0 && deltaWidth < 0.5) {
+                deltaWidth = 0.5;
+            }
+            else if (deltaWidth < 0 && deltaWidth >= -0.5) {
+                deltaWidth = -0.5;
+            }
+            state.table.scenegraph.updateColWidth(col, deltaWidth);
             state.table.internalProps._widthResizedColMap.add(col);
         }
     }
@@ -51186,6 +51499,118 @@
         }
     }
 
+    function updateResizeRow(xInTable, yInTable, state) {
+        xInTable = Math.ceil(xInTable);
+        yInTable = Math.ceil(yInTable);
+        let detaY = state.rowResize.isBottomFrozen ? state.rowResize.y - yInTable : yInTable - state.rowResize.y;
+        if (Math.abs(detaY) < 1) {
+            return;
+        }
+        state.table.getRowHeight(state.rowResize.row);
+        let afterSize = state.table.getRowHeight(state.rowResize.row) + detaY;
+        if (afterSize < state.table.internalProps.limitMinHeight) {
+            afterSize = state.table.internalProps.limitMinHeight;
+            detaY = afterSize - state.table.getRowHeight(state.rowResize.row);
+        }
+        if (state.table.heightMode === 'adaptive' && state.rowResize.row < state.table.rowCount - 1) {
+            const bottomRowHeightCache = state.table.getRowHeight(state.rowResize.row + 1);
+            let bottomRowHeight = bottomRowHeightCache;
+            bottomRowHeight -= detaY;
+            if (bottomRowHeight - detaY < state.table.internalProps.limitMinHeight) {
+                detaY = bottomRowHeight - state.table.internalProps.limitMinHeight;
+            }
+        }
+        detaY = Math.ceil(detaY);
+        if (state.rowResize.row < state.table.columnHeaderLevelCount ||
+            state.rowResize.row >= state.table.rowCount - state.table.bottomFrozenRowCount) {
+            updateResizeColForRow(detaY, state);
+        }
+        else if (state.table.internalProps.rowResizeType === 'indicator') {
+            updateResizeColForIndicator(detaY, state);
+        }
+        else if (state.table.internalProps.rowResizeType === 'indicatorGroup') {
+            updateResizeColForIndicatorGroup(detaY, state);
+        }
+        else if (state.table.internalProps.rowResizeType === 'all') {
+            updateResizeColForAll(detaY, state);
+        }
+        else {
+            updateResizeColForRow(detaY, state);
+        }
+        state.rowResize.y = yInTable;
+        state.table.scenegraph.component.updateResizeRow(state.rowResize.row, xInTable, state.rowResize.isBottomFrozen);
+        state.table.scenegraph.updateNextFrame();
+    }
+    function updateResizeColForRow(detaY, state) {
+        if (state.table.heightMode === 'adaptive' && state.rowResize.row < state.table.colCount - 1) {
+            state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY);
+            state.table.scenegraph.updateRowHeight(state.rowResize.row + 1, -detaY);
+            state.table.internalProps._heightResizedRowMap.add(state.rowResize.row);
+            state.table.internalProps._heightResizedRowMap.add(state.rowResize.row + 1);
+        }
+        else {
+            state.table.scenegraph.updateRowHeight(state.rowResize.row, detaY);
+            state.table.internalProps._heightResizedRowMap.add(state.rowResize.row);
+        }
+    }
+    function updateResizeColForAll(detaY, state) {
+        for (let row = state.table.frozenRowCount; row < state.table.rowCount - state.table.bottomFrozenRowCount; row++) {
+            state.table.scenegraph.updateRowHeight(row, detaY);
+            state.table.internalProps._heightResizedRowMap.add(row);
+        }
+    }
+    function updateResizeColForIndicator(detaY, state) {
+        const layout = state.table.internalProps.layoutMap;
+        let resizeIndicatorKey;
+        let resizeDimensionKey;
+        let resizeDimensionValue;
+        if (!layout.indicatorsAsCol) {
+            resizeIndicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, state.rowResize.row);
+        }
+        else {
+            const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount - 1, state.rowResize.row);
+            const headerPath = headerPaths.rowHeaderPaths[headerPaths.rowHeaderPaths.length - 1];
+            resizeDimensionKey = headerPath.dimensionKey;
+            resizeDimensionValue = headerPath.value;
+        }
+        for (let row = state.table.columnHeaderLevelCount; row < state.table.rowCount - state.table.bottomFrozenRowCount; row++) {
+            const indicatorKey = layout.getIndicatorKey(state.table.rowHeaderLevelCount, row);
+            if (!layout.indicatorsAsCol && indicatorKey === resizeIndicatorKey) {
+                state.table.scenegraph.updateRowHeight(row, detaY);
+                state.table.internalProps._heightResizedRowMap.add(row);
+            }
+            else if (layout.indicatorsAsCol) {
+                const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount - 1, row);
+                const headerPath = headerPaths?.rowHeaderPaths[headerPaths.rowHeaderPaths.length - 1];
+                if (headerPath && resizeDimensionKey === headerPath.dimensionKey && resizeDimensionValue === headerPath.value) {
+                    state.table.scenegraph.updateRowHeight(row, detaY);
+                    state.table.internalProps._heightResizedRowMap.add(row);
+                }
+            }
+        }
+    }
+    function updateResizeColForIndicatorGroup(detaY, state) {
+        const layout = state.table.internalProps.layoutMap;
+        const headerPaths = layout.getCellHeaderPaths(state.table.rowHeaderLevelCount, state.rowResize.row);
+        const node = layout.getHeadNode(headerPaths.rowHeaderPaths.slice(0, headerPaths.rowHeaderPaths.length - 1));
+        const startRow = node.startInTotal + state.table.frozenRowCount;
+        const endRow = node.startInTotal + state.table.frozenRowCount + node.size - 1;
+        const totalRowHeight = state.table.getRowsHeight(startRow, endRow);
+        const moveY = detaY;
+        for (let row = startRow; row <= endRow; row++) {
+            const prevHeight = state.table.getRowHeight(row);
+            let deltaHeight = (prevHeight / totalRowHeight) * moveY;
+            if (deltaHeight > 0 && deltaHeight < 0.5) {
+                deltaHeight = 0.5;
+            }
+            else if (deltaHeight < 0 && deltaHeight >= -0.5) {
+                deltaHeight = -0.51;
+            }
+            state.table.scenegraph.updateRowHeight(row, deltaHeight);
+            state.table.internalProps._heightResizedRowMap.add(row);
+        }
+    }
+
     class StateManager {
         table;
         interactionState;
@@ -51195,6 +51620,7 @@
         hoverIcon;
         residentHoverIcon;
         columnResize;
+        rowResize;
         columnMove;
         menu;
         sort;
@@ -51244,6 +51670,11 @@
                 x: 0,
                 resizing: false
             };
+            this.rowResize = {
+                row: -1,
+                y: 0,
+                resizing: false
+            };
             this.columnMove = {
                 colSource: -1,
                 colTarget: -1,
@@ -51316,6 +51747,11 @@
                 x: 0,
                 resizing: false
             };
+            this.rowResize = {
+                row: -1,
+                y: 0,
+                resizing: false
+            };
             this.columnMove = {
                 colSource: -1,
                 colTarget: -1,
@@ -51502,6 +51938,9 @@
         isResizeCol() {
             return this.columnResize.resizing;
         }
+        isResizeRow() {
+            return this.rowResize.resizing;
+        }
         isFillHandle() {
             return this.fillHandle.isFilling;
         }
@@ -51543,6 +51982,29 @@
             this.updateSelectPos(-1, -1);
             this.table.scenegraph.updateNextFrame();
         }
+        updateResizeCol(xInTable, yInTable) {
+            updateResizeColumn(xInTable, yInTable, this);
+        }
+        endResizeRow() {
+            setTimeout(() => {
+                this.rowResize.resizing = false;
+            }, 0);
+            this.table.scenegraph.updateChartSize(this.rowResize.row);
+            this.table.scenegraph.component.hideResizeRow();
+            this.table.scenegraph.updateNextFrame();
+        }
+        startResizeRow(row, x, y, isBottomFrozen) {
+            this.rowResize.resizing = true;
+            this.rowResize.row = row;
+            this.rowResize.y = y;
+            this.rowResize.isBottomFrozen = isBottomFrozen;
+            this.table.scenegraph.component.showResizeRow(row, x, isBottomFrozen);
+            this.updateSelectPos(-1, -1);
+            this.table.scenegraph.updateNextFrame();
+        }
+        updateResizeRow(xInTable, yInTable) {
+            updateResizeRow(xInTable, yInTable, this);
+        }
         startFillSelect(x, y) {
             this.fillHandle.isFilling = true;
             this.fillHandle.startX = x;
@@ -51575,9 +52037,6 @@
             this.fillHandle.beforeFillMinCol = undefined;
             this.fillHandle.beforeFillMinRow = undefined;
         }
-        updateResizeCol(xInTable, yInTable) {
-            updateResizeColumn(xInTable, yInTable, this);
-        }
         startMoveCol(col, row, x, y) {
             startMoveCol(col, row, x, y, this);
         }
@@ -52262,17 +52721,6 @@
             else if (table.eventManager.isDraging && stateManager.isSelecting()) {
                 eventManager.dealTableSelect(eventArgsSet, true);
             }
-            if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
-                if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
-                    stateManager.updateCursor('crosshair');
-                }
-                else {
-                    stateManager.updateCursor('col-resize');
-                }
-            }
-            else {
-                stateManager.updateCursor();
-            }
             const cellGoup = e.path.find(node => node.role === 'cell');
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL)) {
                 if (table.stateManager.hover.cellPos.col !== -1 &&
@@ -52433,6 +52881,9 @@
             if (stateManager.isResizeCol()) {
                 endResizeCol(table);
             }
+            else if (stateManager.isResizeRow()) {
+                endResizeRow(table);
+            }
             else if (stateManager.isMoveCol()) {
                 table.stateManager.endMoveCol();
                 if (table.stateManager.columnMove?.colSource !== -1 &&
@@ -52507,7 +52958,8 @@
                     eventManager.touchSetTimeout = setTimeout(() => {
                         eventManager.isTouchdown = false;
                         eventManager.touchMove = true;
-                        if (!eventManager.touchEnd && eventManager.checkColumnResize(eventArgsSet, true)) {
+                        if (!eventManager.touchEnd &&
+                            (eventManager.checkColumnResize(eventArgsSet, true) || eventManager.checkRowResize(eventArgsSet, true))) {
                             stateManager.updateInteractionState(InteractionState.grabing);
                             return;
                         }
@@ -52522,7 +52974,8 @@
                     eventManager.dealTableHover(eventArgsSet);
                 }
                 else {
-                    if (!eventManager.checkCellFillhandle(eventArgsSet) && eventManager.checkColumnResize(eventArgsSet, true)) {
+                    if (!eventManager.checkCellFillhandle(eventArgsSet) &&
+                        (eventManager.checkColumnResize(eventArgsSet, true) || eventManager.checkRowResize(eventArgsSet, true))) {
                         table.scenegraph.updateChartState(null);
                         stateManager.updateInteractionState(InteractionState.grabing);
                         return;
@@ -52565,6 +53018,9 @@
                 if (stateManager.isResizeCol()) {
                     endResizeCol(table);
                 }
+                else if (stateManager.isResizeRow()) {
+                    endResizeRow(table);
+                }
                 else if (stateManager.isMoveCol()) {
                     const eventArgsSet = getCellEventArgsSet(e);
                     table.stateManager.endMoveCol();
@@ -52709,6 +53165,19 @@
                 stateManager.hideMenu();
             }
             table.editorManager?.completeEdit(e.nativeEvent);
+            if (!eventManager.checkCellFillhandle(eventArgsSet) && eventManager.checkColumnResize(eventArgsSet, true)) {
+                table.scenegraph.updateChartState(null);
+                stateManager.updateInteractionState(InteractionState.grabing);
+                return;
+            }
+        });
+        table.scenegraph.stage.addEventListener('pointerup', (e) => {
+            if (stateManager.interactionState === 'grabing') {
+                stateManager.updateInteractionState(InteractionState.default);
+                if (stateManager.isResizeCol()) {
+                    endResizeCol(table);
+                }
+            }
         });
         table.scenegraph.stage.addEventListener('pointertap', (e) => {
             const target = e.target;
@@ -52726,6 +53195,28 @@
                 stateManager.endSelectCells();
             }
         });
+        table.scenegraph.stage.addEventListener('pointermove', (e) => {
+            const eventArgsSet = getCellEventArgsSet(e);
+            if (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet)) {
+                if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
+                    stateManager.updateCursor('crosshair');
+                }
+                else {
+                    stateManager.updateCursor('col-resize');
+                }
+            }
+            else if (stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet)) {
+                if (table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet)) {
+                    stateManager.updateCursor('crosshair');
+                }
+                else {
+                    stateManager.updateCursor('row-resize');
+                }
+            }
+            else {
+                stateManager.updateCursor();
+            }
+        });
         table.scenegraph.tableGroup.addEventListener('checkbox_state_change', (e) => {
             const eventArgsSet = getCellEventArgsSet(e);
             const { col, row } = eventArgsSet.eventArgs;
@@ -52867,6 +53358,13 @@
             colWidths: columns
         });
     }
+    function endResizeRow(table) {
+        table.stateManager.endResizeRow();
+        table.fireListeners(TABLE_EVENT_TYPE.RESIZE_ROW_END, {
+            row: table.stateManager.rowResize.row,
+            rowHeight: table.getRowHeight(table.stateManager.rowResize.row)
+        });
+    }
     function dblclickHandler(e, table) {
         const eventArgsSet = getCellEventArgsSet(e);
         let col = -1;
@@ -52930,6 +53428,13 @@
             }
             stateManager.hideHorizontalScrollBar();
         });
+        scenegraph.component.vScrollBar.addEventListener('pointermove', (e) => {
+            scenegraph.table.stateManager.updateCursor('default');
+            e.stopPropagation();
+        });
+        scenegraph.component.vScrollBar.addEventListener('pointerdown', (e) => {
+            e.stopPropagation();
+        });
         scenegraph.component.vScrollBar.addEventListener('scrollDown', (e) => {
             scenegraph.table.eventManager.LastBodyPointerXY = { x: e.x, y: e.y };
             scenegraph.table.eventManager.isDown = true;
@@ -52960,6 +53465,13 @@
         scenegraph.component.vScrollBar.addEventListener('scrollUp', (e) => {
             scenegraph.table.eventManager.isDraging = false;
         });
+        scenegraph.component.hScrollBar.addEventListener('pointermove', (e) => {
+            scenegraph.table.stateManager.updateCursor('default');
+            e.stopPropagation();
+        });
+        scenegraph.component.hScrollBar.addEventListener('pointerdown', (e) => {
+            e.stopPropagation();
+        });
         scenegraph.component.hScrollBar.addEventListener('scrollDown', (e) => {
             scenegraph.table.eventManager.LastBodyPointerXY = { x: e.x, y: e.y };
             scenegraph.table.eventManager.isDown = true;
@@ -53550,6 +54062,15 @@
                         });
                     }
                 }
+                else if (stateManager.isResizeRow()) {
+                    eventManager.dealRowResize(x, y);
+                    if (table.hasListeners(TABLE_EVENT_TYPE.RESIZE_ROW)) {
+                        table.fireListeners(TABLE_EVENT_TYPE.RESIZE_ROW, {
+                            row: table.stateManager.rowResize.row,
+                            rowHeight: table.getRowHeight(table.stateManager.rowResize.row)
+                        });
+                    }
+                }
             }
             const isSelecting = table.stateManager.isSelecting();
             if (eventManager.isDraging && isSelecting && table.stateManager.select.ranges?.length > 0) {
@@ -53934,6 +54455,9 @@
                     this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, e => {
                         handleTextStick(this.table);
                     }));
+                    this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.RESIZE_ROW_END, e => {
+                        handleTextStick(this.table);
+                    }));
                 }
                 else if (!checkHaveTextStick(this.table) && this.handleTextStickBindId) {
                     this.handleTextStickBindId.forEach(id => {
@@ -54123,12 +54647,23 @@
         dealMenuSelect(eventArgsSet) {
         }
         checkColumnResize(eventArgsSet, update) {
+            const { eventArgs } = eventArgsSet;
+            const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs?.targetCell);
+            if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) {
+                if (update) {
+                    this.table.stateManager.startResizeCol(resizeCol.col, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, resizeCol.rightFrozen);
+                }
+                return true;
+            }
+            return false;
+        }
+        checkRowResize(eventArgsSet, update) {
             const { eventArgs } = eventArgsSet;
             if (eventArgs) {
-                const resizeCol = this.table.scenegraph.getResizeColAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs.targetCell);
-                if (this.table._canResizeColumn(resizeCol.col, resizeCol.row) && resizeCol.col >= 0) {
+                const resizeRow = this.table.scenegraph.getResizeRowAt(eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, eventArgs.targetCell);
+                if (this.table._canResizeRow(resizeRow.col, resizeRow.row) && resizeRow.row >= 0) {
                     if (update) {
-                        this.table.stateManager.startResizeCol(resizeCol.col, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, resizeCol.rightFrozen);
+                        this.table.stateManager.startResizeRow(resizeRow.row, eventArgsSet.abstractPos.x, eventArgsSet.abstractPos.y, resizeRow.bottomFrozen);
                     }
                     return true;
                 }
@@ -54161,6 +54696,9 @@
         dealColumnResize(xInTable, yInTable) {
             this.table.stateManager.updateResizeCol(xInTable, yInTable);
         }
+        dealRowResize(xInTable, yInTable) {
+            this.table.stateManager.updateResizeRow(xInTable, yInTable);
+        }
         chechColumnMover(eventArgsSet) {
             const { eventArgs } = eventArgsSet;
             if (eventArgs &&
@@ -57479,7 +58017,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.24.2-alpha.4";
+        version = "0.25.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -57495,7 +58033,7 @@
             if (!container && options.mode !== 'node') {
                 throw new Error("vtable's container is undefined");
             }
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, rowResizeMode = 'none', dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
             this.container = container;
             this.options = options;
             this._widthMode = widthMode;
@@ -57551,6 +58089,7 @@
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
             internalProps.columnResizeMode = columnResizeMode;
+            internalProps.rowResizeMode = rowResizeMode;
             internalProps.dragHeaderMode = dragHeaderMode;
             internalProps.renderChartAsync = renderChartAsync;
             setBatchRenderChartCount(renderChartAsyncBatchCount);
@@ -57559,6 +58098,7 @@
             internalProps._rowRangeHeightsMap = new Map();
             internalProps._colRangeWidthsMap = new Map();
             internalProps._widthResizedColMap = new Set();
+            internalProps._heightResizedRowMap = new Set();
             this.colWidthsMap = new NumberMap();
             this.colContentWidthsMap = new NumberMap();
             this.colWidthsLimit = {};
@@ -57601,6 +58141,14 @@
                             ? 10
                             : 0
                     : 10;
+            internalProps.limitMinHeight =
+                limitMinHeight !== null && limitMinHeight !== undefined
+                    ? typeof limitMinHeight === 'number'
+                        ? limitMinHeight
+                        : limitMinHeight
+                            ? 10
+                            : 0
+                    : 10;
             this._vDataSet = new DataSet();
             this.scenegraph = new Scenegraph(this);
             this.stateManager = new StateManager(this);
@@ -58020,7 +58568,8 @@
             if (this.heightMode === 'standard' &&
                 !this.autoFillHeight &&
                 this.internalProps.layoutMap &&
-                !this.hasAutoImageColumn()) {
+                !this.hasAutoImageColumn() &&
+                this.internalProps._heightResizedRowMap.size === 0) {
                 for (let i = startRow; i < Math.min(endRow + 1, this.columnHeaderLevelCount); i++) {
                     h += this.getRowHeight(i);
                 }
@@ -58607,7 +59156,7 @@
         }
         updateOption(options) {
             this.options = options;
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, rowResizeMode = 'none', dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth, limitMinHeight } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -58650,6 +59199,7 @@
             internalProps.eventOptions = eventOptions;
             internalProps.rowSeriesNumber = rowSeriesNumber;
             internalProps.columnResizeMode = columnResizeMode;
+            internalProps.rowResizeMode = rowResizeMode;
             internalProps.dragHeaderMode = dragHeaderMode;
             internalProps.renderChartAsync = renderChartAsync;
             setBatchRenderChartCount(renderChartAsyncBatchCount);
@@ -58659,6 +59209,7 @@
             internalProps._rowRangeHeightsMap = new Map();
             internalProps._colRangeWidthsMap = new Map();
             internalProps._widthResizedColMap = new Set();
+            internalProps._heightResizedRowMap = new Set();
             this.colWidthsMap = new NumberMap();
             this.colContentWidthsMap = new NumberMap();
             this.colWidthsLimit = {};
@@ -58678,6 +59229,14 @@
                             ? 10
                             : 0
                     : 10;
+            internalProps.limitMinHeight =
+                limitMinHeight !== null && limitMinHeight !== undefined
+                    ? typeof limitMinHeight === 'number'
+                        ? limitMinHeight
+                        : limitMinHeight
+                            ? 10
+                            : 0
+                    : 10;
             this._vDataSet = new DataSet();
             internalProps.legends?.release();
             internalProps.title?.release();
@@ -59459,6 +60018,28 @@
             }
             return limit.max !== limit.min;
         }
+        _canResizeRow(col, row) {
+            if (!(col >= 0 && row >= 0)) {
+                return false;
+            }
+            if (this.isCellRangeEqual(col, row, col, row + 1)) {
+                return false;
+            }
+            if (this.internalProps.rowResizeMode === 'none') {
+                return false;
+            }
+            else if (this.internalProps.rowResizeMode === 'header') {
+                if (!this.isHeader(col, row)) {
+                    return false;
+                }
+            }
+            else if (this.internalProps.rowResizeMode === 'body') {
+                if (this.isHeader(col, row)) {
+                    return false;
+                }
+            }
+            return true;
+        }
         _canDragHeaderPosition(col, row) {
             if (this.isHeader(col, row) && this.stateManager.isSelected(col, row)) {
                 if (this.internalProps.frozenColDragHeaderMode === 'disabled' && this.isFrozenColumn(col)) {
@@ -59875,11 +60456,37 @@
             if (col < this.frozenColCount && row < this.frozenRowCount) {
                 return true;
             }
+            const colHeaderRangeRect = this.getCellRangeRelativeRect({
+                start: {
+                    col: 0,
+                    row: 0
+                },
+                end: {
+                    col: this.colCount - 1,
+                    row: this.columnHeaderLevelCount
+                }
+            });
+            const rowHeaderRangeRect = this.getCellRangeRelativeRect({
+                start: {
+                    col: 0,
+                    row: 0
+                },
+                end: {
+                    col: this.rowHeaderLevelCount,
+                    row: this.rowCount - 1
+                }
+            });
             if (rect.top >= drawRange.top &&
                 rect.bottom <= drawRange.bottom &&
                 rect.left >= drawRange.left &&
                 rect.right <= drawRange.right) {
-                return true;
+                if (this.isHeader(col, row)) {
+                    return true;
+                }
+                else if (drawRange.top >= colHeaderRangeRect.bottom &&
+                    drawRange.left >= rowHeaderRangeRect.right) {
+                    return true;
+                }
             }
             return false;
         }
@@ -59909,6 +60516,8 @@
             }
             const { col: hoverCol, row: hoverRow } = this.stateManager.hover.cellPos;
             this.stateManager.updateHoverPos(-1, -1);
+            this.scenegraph.component.hideVerticalScrollBar();
+            this.scenegraph.component.hideHorizontalScrollBar();
             this.scenegraph.renderSceneGraph();
             const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             if (!isInView) {
@@ -59936,12 +60545,24 @@
                 start: { col: minCol, row: minRow },
                 end: { col: maxCol, row: maxRow }
             });
+            if (this.stateManager.select?.ranges?.length > 0) {
+                hideCellSelectBorder(this.scenegraph);
+            }
+            const { col: hoverCol, row: hoverRow } = this.stateManager.hover.cellPos;
+            this.stateManager.updateHoverPos(-1, -1);
+            this.scenegraph.component.hideVerticalScrollBar();
+            this.scenegraph.component.hideHorizontalScrollBar();
+            this.scenegraph.renderSceneGraph();
             const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             const base64Image = c.toDataURL();
             if (!isInView || !isMaxCellInView) {
                 this.setScrollTop(scrollTop);
                 this.setScrollLeft(scrollLeft);
             }
+            if (this.stateManager.select?.ranges?.length > 0) {
+                restoreCellSelectBorder(this.scenegraph);
+            }
+            this.stateManager.updateHoverPos(hoverCol, hoverRow);
             return base64Image;
         }
         exportCanvas() {
@@ -62443,14 +63064,8 @@
             });
         }
         startEditCell(col, row) {
-            if (this.table.isPivotTable() && this.table.isHeader(col, row)) {
-                return;
-            }
             const editor = this.table.getEditor(col, row);
             if (editor) {
-                if (this.table.getCustomRender(col, row) || this.table.getCustomLayout(col, row)) {
-                    return;
-                }
                 if (!this.table.isHeader(col, row)) {
                     const range = this.table.getCellRange(col, row);
                     const isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;
@@ -63316,6 +63931,7 @@
                 const recordIndex = this.getRecordShowIndexByCell(col, row);
                 const { field } = this.internalProps.layoutMap.getBody(col, row);
                 const beforeChangeValue = this.getCellRawValue(col, row);
+                const oldValue = this.getCellOriginValue(col, row);
                 if (this.isHeader(col, row)) {
                     this.internalProps.layoutMap.updateColumnTitle(col, row, value);
                 }
@@ -63362,9 +63978,11 @@
                 }
                 if (this.heightMode === 'adaptive' ||
                     (this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight)) {
-                    this.scenegraph.recalculateRowHeights();
+                    if (this.internalProps._heightResizedRowMap.size === 0) {
+                        this.scenegraph.recalculateRowHeights();
+                    }
                 }
-                else if (this.heightMode === 'autoHeight') {
+                else if (this.heightMode === 'autoHeight' && !this.internalProps._heightResizedRowMap.has(row)) {
                     const oldHeight = this.getRowHeight(row);
                     const newHeight = computeRowHeight(row, 0, this.colCount - 1, this);
                     this.scenegraph.updateRowHeight(row, newHeight - oldHeight);
@@ -63373,6 +63991,7 @@
                     col,
                     row,
                     rawValue: beforeChangeValue,
+                    currentValue: oldValue,
                     changedValue: this.getCellOriginValue(col, row)
                 });
                 this.scenegraph.updateNextFrame();
@@ -63399,6 +64018,7 @@
                         const recordIndex = this.getRecordShowIndexByCell(startCol + j, startRow + i);
                         const { field } = this.internalProps.layoutMap.getBody(startCol + j, startRow + i);
                         const beforeChangeValue = this.getCellRawValue(startCol + j, startRow + i);
+                        const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
                         if (this.isHeader(startCol + j, startRow + i)) {
                             this.internalProps.layoutMap.updateColumnTitle(startCol + j, startRow + i, value);
                         }
@@ -63409,6 +64029,7 @@
                             col: startCol + j,
                             row: startRow + i,
                             rawValue: beforeChangeValue,
+                            currentValue: oldValue,
                             changedValue: this.getCellOriginValue(startCol + j, startRow + i)
                         });
                     }
@@ -65814,9 +66435,14 @@
                 let isCol = false;
                 for (let j = 0; j < colArr.length; j++) {
                     const dimension = colArr[j];
-                    if (((isValid$3(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$3(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
-                        dimension.value === highlightDimension.value) {
+                    if ((isValid$3(highlightDimension.dimensionKey) &&
+                        dimension.dimensionKey === highlightDimension.dimensionKey &&
+                        dimension.value === highlightDimension.value) ||
+                        (isValid$3(highlightDimension.indicatorKey) &&
+                            dimension.indicatorKey === highlightDimension.indicatorKey &&
+                            (dimension.value === highlightDimension.value ||
+                                !isValid$3(highlightDimension.value) ||
+                                !isValid$3(dimension.value)))) {
                         colArr = dimension.children;
                         colDimension = dimension;
                         isCol = true;
@@ -65828,9 +66454,14 @@
                 }
                 for (let k = 0; k < rowArr.length; k++) {
                     const dimension = rowArr[k];
-                    if (((isValid$3(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$3(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
-                        dimension.value === highlightDimension.value) {
+                    if ((isValid$3(highlightDimension.dimensionKey) &&
+                        dimension.dimensionKey === highlightDimension.dimensionKey &&
+                        dimension.value === highlightDimension.value) ||
+                        (isValid$3(highlightDimension.indicatorKey) &&
+                            dimension.indicatorKey === highlightDimension.indicatorKey &&
+                            (dimension.value === highlightDimension.value ||
+                                !isValid$3(highlightDimension.value) ||
+                                !isValid$3(dimension.value)))) {
                         rowArr = dimension.children;
                         rowDimension = dimension;
                         break;
@@ -66228,6 +66859,19 @@
             }
             return undefined;
         }
+        changeTreeNodeTitle(col, row, value) {
+            const headerPaths = this.getCellHeaderPaths(col, row);
+            if (headerPaths.rowHeaderPaths.length > 0) {
+                const headerTreeNode = this.getHeadNode(headerPaths.rowHeaderPaths.slice(0, headerPaths.rowHeaderPaths.length));
+                headerTreeNode.value = value;
+            }
+            else if (headerPaths.colHeaderPaths.length > 0) {
+                const headerTreeNode = this.getHeadNode(headerPaths.colHeaderPaths.slice(0, headerPaths.colHeaderPaths.length));
+                headerTreeNode.value = value;
+            }
+            const id = this.getCellId(col, row);
+            this._headerObjectMap[id].title = value;
+        }
     }
     function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
         if (paddingInner === 1) {
@@ -66253,7 +66897,7 @@
         dataConfig;
         records;
         tree = {};
-        changedTree = {};
+        beforeChangedTree = {};
         colFlatKeys = {};
         rowFlatKeys = {};
         stringJoinChar = String.fromCharCode(0);
@@ -66339,7 +66983,7 @@
                 }
             });
         }
-        getTreeNode(rowKey = [], colKey = [], indicator, considerChangedValue = true) {
+        getTreeNode(rowKey = [], colKey = [], indicator, ifChangedValue = true) {
             let flatRowKey;
             let flatColKey;
             if (typeof rowKey === 'string') {
@@ -66370,10 +67014,16 @@
                 isHasIndicator && colKey.push(indicator);
                 flatColKey = colKey.join(this.stringJoinChar);
             }
-            if (considerChangedValue && isValid$3(this.changedTree[flatRowKey]?.[flatColKey])) {
-                return { value: this.changedTree[flatRowKey][flatColKey], record: this.tree?.[flatRowKey]?.[flatColKey]?.record };
+            if (ifChangedValue) {
+                return this.tree?.[flatRowKey]?.[flatColKey] ?? undefined;
+            }
+            if (isValid$3(this.beforeChangedTree[flatRowKey]?.[flatColKey])) {
+                return {
+                    value: this.beforeChangedTree[flatRowKey][flatColKey].value,
+                    record: this.beforeChangedTree[flatRowKey][flatColKey].record
+                };
             }
-            return this.tree?.[flatRowKey]?.[flatColKey] ?? undefined;
+            return undefined;
         }
         changeTreeNodeValue(rowKey = [], colKey = [], indicator, newValue) {
             let flatRowKey;
@@ -66406,13 +67056,45 @@
                 isHasIndicator && colKey.push(indicator);
                 flatColKey = colKey.join(this.stringJoinChar);
             }
-            if (this.changedTree[flatRowKey]) {
-                this.changedTree[flatRowKey][flatColKey] = newValue;
+            const oldValue = this.tree[flatRowKey]?.[flatColKey]?.value;
+            const oldRecord = Object.assign({}, this.tree[flatRowKey]?.[flatColKey]?.record);
+            if (this.tree[flatRowKey]?.[flatColKey]?.record) {
+                this.tree[flatRowKey][flatColKey].record[indicator] = newValue;
+                this.tree[flatRowKey][flatColKey].value = newValue;
             }
             else {
-                this.changedTree[flatRowKey] = {};
-                this.changedTree[flatRowKey][flatColKey] = newValue;
+                if (!this.tree[flatRowKey]) {
+                    this.tree[flatRowKey] = {};
+                }
+                this.tree[flatRowKey][flatColKey] = {
+                    record: this._buildRecord(rowKey, colKey, indicator, newValue),
+                    value: newValue
+                };
             }
+            if (!this.beforeChangedTree[flatRowKey]?.[flatColKey]) {
+                this.beforeChangedTree[flatRowKey] = {};
+                this.beforeChangedTree[flatRowKey][flatColKey] = { record: undefined, value: undefined };
+                this.beforeChangedTree[flatRowKey][flatColKey].record = oldRecord;
+                this.beforeChangedTree[flatRowKey][flatColKey].value = oldValue;
+            }
+        }
+        _buildRecord(rowKey = [], colKey = [], indicator, value) {
+            const record = {};
+            const rowDimensions = this.dataConfig.rows;
+            const colDimensions = this.dataConfig.columns;
+            rowDimensions.forEach((dimension, index) => {
+                if (dimension !== this.dataConfig.indicatorDimensionKey) {
+                    record[dimension] = rowKey[index];
+                }
+            });
+            colDimensions.forEach((dimension, index) => {
+                if (dimension !== this.dataConfig.indicatorDimensionKey) {
+                    record[dimension] = colKey[index];
+                }
+            });
+            record[indicator] = value;
+            this.records.push(record);
+            return record;
         }
         addRecords(records) {
             for (let i = 0, len = records.length; i < len; i++) {
@@ -66421,6 +67103,26 @@
             }
             this.records.push(records);
         }
+        changeRecordFieldValue(fieldName, oldValue, value) {
+            let isIndicatorName = false;
+            for (let i = 0; i < this.dataConfig.indicators.length; i++) {
+                if (this.dataConfig.indicators[i] === fieldName) {
+                    isIndicatorName = true;
+                }
+            }
+            if (!isIndicatorName) {
+                for (let i = 0, len = this.records.length; i < len; i++) {
+                    const record = this.records[i];
+                    if (record[fieldName] === oldValue) {
+                        record[fieldName] = value;
+                    }
+                }
+                this.rowFlatKeys = {};
+                this.colFlatKeys = {};
+                this.tree = {};
+                this.processRecords();
+            }
+        }
     }
 
     class Dataset {
@@ -67486,6 +68188,38 @@
                 this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
             }
         }
+        changeRecordFieldValue(fieldName, oldValue, value) {
+            let isIndicatorName = false;
+            for (let i = 0; i < this.indicatorKeys.length; i++) {
+                if (this.indicatorKeys[i] === fieldName) {
+                    isIndicatorName = true;
+                }
+            }
+            if (!isIndicatorName) {
+                if (Array.isArray(this.records)) {
+                    for (let i = 0, len = this.records.length; i < len; i++) {
+                        const record = this.records[i];
+                        if (record[fieldName] === oldValue) {
+                            record[fieldName] = value;
+                        }
+                    }
+                }
+                else {
+                    for (const key in this.records) {
+                        for (let i = 0, len = this.records[key].length; i < len; i++) {
+                            const record = this.records[key][i];
+                            if (record[fieldName] === oldValue) {
+                                record[fieldName] = value;
+                            }
+                        }
+                    }
+                }
+                this.rowFlatKeys = {};
+                this.colFlatKeys = {};
+                this.tree = {};
+                this.processRecords();
+            }
+        }
     }
     function arraySortByAnotherArray(array, sortArray) {
         return array.sort((a, b) => {
@@ -67539,6 +68273,7 @@
             this.internalProps.records = options.records;
             this.pagination = options.pagination;
             this.internalProps.columnResizeType = options.columnResizeType ?? 'column';
+            this.internalProps.rowResizeType = options.rowResizeType ?? 'row';
             this.internalProps.dataConfig = cloneDeep(options.dataConfig);
             if (!options.rowTree && !options.columnTree) {
                 this.internalProps.enableDataAnalysis = true;
@@ -67658,6 +68393,7 @@
             this.stateManager.updateDrillState(undefined, undefined, false, false, -1, -1);
             this.pagination = options.pagination;
             internalProps.columnResizeType = options.columnResizeType ?? 'column';
+            internalProps.rowResizeType = options.rowResizeType ?? 'row';
             internalProps.dataConfig = cloneDeep(options.dataConfig);
             if (!options.rowTree && !options.columnTree) {
                 internalProps.enableDataAnalysis = true;
@@ -68010,7 +68746,7 @@
                 const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
                     return rowPath.indicatorKey ?? rowPath.value;
                 });
-                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey);
                 return treeNode?.record;
             }
             const rowIndex = this.getBodyIndexByRow(row);
@@ -68019,7 +68755,36 @@
             return dataValue;
         }
         getCellRawRecord(col, row) {
-            return this.getCellOriginRecord(col, row);
+            const table = this;
+            if (table.internalProps.layoutMap.isHeader(col, row)) {
+                return undefined;
+            }
+            if (this.dataset) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
+                return aggregator.records;
+            }
+            else if (this.flatDataToObjects) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                return treeNode?.record;
+            }
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            const dataValue = this.records[rowIndex]?.[colIndex];
+            return dataValue;
         }
         updateSortRules(sortRules) {
             this.internalProps.dataConfig.sortRules = sortRules;
@@ -68252,8 +69017,15 @@
             this.editorManager.completeEdit();
         }
         getEditor(col, row) {
-            const define = this.getBodyColumnDefine(col, row);
-            let editorDefine = define?.editor ?? this.options.editor;
+            let editorDefine;
+            if (this.isHeader(col, row) && !this.isCornerHeader(col, row)) {
+                const define = this.getHeaderDefine(col, row);
+                editorDefine = define?.headerEditor ?? this.options.headerEditor;
+            }
+            else {
+                const define = this.getBodyColumnDefine(col, row);
+                editorDefine = define?.editor ?? this.options.editor;
+            }
             if (typeof editorDefine === 'function') {
                 const arg = {
                     col,
@@ -68287,12 +69059,18 @@
         changeCellValue(col, row, value, workOnEditableCell = false) {
             if ((workOnEditableCell && this.isHasEditorDefine(col, row)) || workOnEditableCell === false) {
                 let newValue = value;
+                const oldValue = this.getCellOriginValue(col, row);
                 const rawValue = this.getCellRawValue(col, row);
                 if (typeof rawValue === 'number' && isAllDigits(value)) {
                     newValue = parseFloat(value);
                 }
-                this._changeCellValueToDataSet(col, row, newValue);
-                this.scenegraph.updateCellContent(col, row);
+                this._changeCellValueToDataSet(col, row, oldValue, newValue);
+                const range = this.getCellRange(col, row);
+                for (let sCol = range.start.col; sCol <= range.end.col; sCol++) {
+                    for (let sRow = range.start.row; sRow <= range.end.row; sRow++) {
+                        this.scenegraph.updateCellContent(sCol, sRow);
+                    }
+                }
                 if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                     if (this.internalProps._widthResizedColMap.size === 0) {
                         this.scenegraph.recalculateColWidths();
@@ -68307,9 +69085,11 @@
                 }
                 if (this.heightMode === 'adaptive' ||
                     (this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight)) {
-                    this.scenegraph.recalculateRowHeights();
+                    if (this.internalProps._heightResizedRowMap.size === 0) {
+                        this.scenegraph.recalculateRowHeights();
+                    }
                 }
-                else if (this.heightMode === 'autoHeight') {
+                else if (this.heightMode === 'autoHeight' && !this.internalProps._heightResizedRowMap.has(row)) {
                     const oldHeight = this.getRowHeight(row);
                     const newHeight = computeRowHeight(row, 0, this.colCount - 1, this);
                     this.scenegraph.updateRowHeight(row, newHeight - oldHeight);
@@ -68317,7 +69097,8 @@
                 this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                     col,
                     row,
-                    rawValue: this.getCellRawValue(col, row),
+                    rawValue,
+                    currentValue: oldValue,
                     changedValue: newValue
                 });
                 this.scenegraph.updateNextFrame();
@@ -68342,15 +69123,17 @@
                         workOnEditableCell === false) {
                         const value = rowValues[j];
                         let newValue = value;
+                        const oldValue = this.getCellOriginValue(startCol + j, startRow + i);
                         const rawValue = this.getCellRawValue(startCol + j, startRow + i);
                         if (typeof rawValue === 'number' && isAllDigits(value)) {
                             newValue = parseFloat(value);
                         }
-                        this._changeCellValueToDataSet(startCol + j, startRow + i, newValue);
+                        this._changeCellValueToDataSet(startCol + j, startRow + i, oldValue, newValue);
                         this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
                             col: startCol + j,
                             row: startRow + i,
                             rawValue,
+                            currentValue: oldValue,
                             changedValue: this.getCellOriginValue(startCol + j, startRow + i)
                         });
                     }
@@ -68398,26 +69181,48 @@
             }
             this.scenegraph.updateNextFrame();
         }
-        _changeCellValueToDataSet(col, row, newValue) {
+        _changeCellValueToDataSet(col, row, oldValue, newValue) {
             if (this.dataset) {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
-                    return colPath.indicatorKey ?? colPath.value;
-                });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
-                    return rowPath.indicatorKey ?? rowPath.value;
-                });
-                this.dataset.changeTreeNodeValue(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
+                if (this.isHeader(col, row)) {
+                    this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue);
+                    !this.isCornerHeader(col, row) &&
+                        this.dataset.changeRecordFieldValue(cellDimensionPath.colHeaderPaths?.length
+                            ? cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey
+                            : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue);
+                }
+                else {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                        return colPath.indicatorKey ?? colPath.value;
+                    });
+                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                        return rowPath.indicatorKey ?? rowPath.value;
+                    });
+                    this.dataset.changeTreeNodeValue(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
+                }
             }
             else if (this.flatDataToObjects) {
                 const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
-                    return colPath.indicatorKey ?? colPath.value;
-                });
-                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
-                    return rowPath.indicatorKey ?? rowPath.value;
-                });
-                this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+                if (this.isHeader(col, row)) {
+                    this.internalProps.layoutMap.changeTreeNodeTitle(col, row, newValue);
+                    !this.isCornerHeader(col, row) &&
+                        this.flatDataToObjects.changeRecordFieldValue(cellDimensionPath.colHeaderPaths?.length
+                            ? cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.colHeaderPaths[cellDimensionPath.colHeaderPaths.length - 1].dimensionKey
+                            : cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].indicatorKey ??
+                                cellDimensionPath.rowHeaderPaths[cellDimensionPath.rowHeaderPaths.length - 1].dimensionKey, oldValue, newValue);
+                }
+                else {
+                    const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                        return colPath.indicatorKey ?? colPath.value;
+                    });
+                    const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                        return rowPath.indicatorKey ?? rowPath.value;
+                    });
+                    this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+                }
             }
             else {
                 const rowIndex = this.getBodyIndexByRow(row);
@@ -68510,6 +69315,7 @@
             this.internalProps.records = options.records;
             this.setCustomStateNameToSpec();
             this.internalProps.columnResizeType = options.columnResizeType ?? 'column';
+            this.internalProps.rowResizeType = options.rowResizeType ?? 'row';
             this.internalProps.dataConfig = { isPivotChart: true };
             this._axes = isArray$3(options.axes) ? options.axes : [];
             const rowKeys = options.rows?.reduce((keys, rowObj) => {
@@ -68598,6 +69404,7 @@
             this.setCustomStateNameToSpec();
             this._selectedDataItemsInChart = [];
             internalProps.columnResizeType = options.columnResizeType ?? 'column';
+            internalProps.rowResizeType = options.rowResizeType ?? 'row';
             internalProps.dataConfig = { isPivotChart: true };
             this._axes = isArray$3(options.axes) ? options.axes : [];
             const rowKeys = options.rows?.reduce((keys, rowObj) => {
@@ -69846,7 +70653,7 @@
     }
 
     registerForVrender();
-    const version = "0.24.2-alpha.4";
+    const version = "0.25.0";
     function getIcons() {
         return get$2();
     }