@visactor/vtable 0.23.2 → 0.23.3

package/dist/vtable.js

@@ -39523,9 +39523,160 @@
         };
     }
 
+    let customAlphabetCharSet = '';
+    let textMeasureMode = 'quick';
+    const textMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
+        if (isBound(TextMeasureContribution)) {
+            rebind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
+        }
+        else {
+            bind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
+        }
+    });
+    const restoreTextMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
+        if (isBound(TextMeasureContribution)) {
+            rebind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
+        }
+        else {
+            bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
+        }
+    });
+    const initTextMeasure = (textSpec, option, useNaiveCanvas) => {
+        return new TextMeasure({
+            defaultFontParams: {
+                fontFamily: DefaultTextStyle.fontFamily,
+                fontSize: DefaultTextStyle.fontSize
+            },
+            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
+            specialCharSet: `{}()//&-/: .,@%'"~…=${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}0123456789${customAlphabetCharSet}`,
+            ...(option ?? {})
+        }, textSpec);
+    };
+    const fastTextMeasureCache = new Map();
+    function getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle = 'normal') {
+        const key = `${fontSize}-${fontWeight}-${fontFamily}-${fontStyle}`;
+        const cache = fastTextMeasureCache.get(key);
+        if (cache) {
+            return cache;
+        }
+        const fastTextMeasure = initTextMeasure({
+            fontSize,
+            fontFamily,
+            fontWeight,
+            fontStyle
+        });
+        fastTextMeasureCache.set(key, fastTextMeasure);
+        return fastTextMeasure;
+    }
+    class FastTextMeasureContribution extends DefaultTextMeasureContribution {
+        measureTextWidth(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure.width;
+        }
+        measureText(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure;
+        }
+    }
+    class TextMeasureTool {
+        measureText(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure;
+        }
+        measureTextWidth(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure.width;
+        }
+        clipText(text, options, width) {
+            if (text.length === 0) {
+                return { str: '', width: 0 };
+            }
+            let length = this.measureTextWidth(text, options);
+            if (length <= width) {
+                return { str: text, width: length };
+            }
+            length = this.measureTextWidth(text[0], options);
+            if (length > width) {
+                return { str: '', width: 0 };
+            }
+            return this._clipText(text, options, width, 0, text.length - 1);
+        }
+        _clipText(text, options, width, leftIdx, rightIdx) {
+            const middleIdx = Math.floor((leftIdx + rightIdx) / 2);
+            const subText = text.substring(0, middleIdx + 1);
+            const strWidth = this.measureTextWidth(subText, options);
+            let length;
+            if (strWidth > width) {
+                if (subText.length <= 1) {
+                    return { str: '', width: 0 };
+                }
+                const str = text.substring(0, middleIdx);
+                length = this.measureTextWidth(str, options);
+                if (length <= width) {
+                    return { str, width: length };
+                }
+                return this._clipText(text, options, width, leftIdx, middleIdx);
+            }
+            else if (strWidth < width) {
+                if (middleIdx >= text.length - 1) {
+                    return { str: text, width: this.measureTextWidth(text, options) };
+                }
+                const str = text.substring(0, middleIdx + 2);
+                length = this.measureTextWidth(str, options);
+                if (length >= width) {
+                    return { str: subText, width: strWidth };
+                }
+                return this._clipText(text, options, width, middleIdx, rightIdx);
+            }
+            return { str: subText, width: strWidth };
+        }
+        clipTextWithSuffix(text, options, width, suffix) {
+            if (suffix === '') {
+                return this.clipText(text, options, width);
+            }
+            if (text.length === 0) {
+                return { str: '', width: 0 };
+            }
+            const length = this.measureTextWidth(text, options);
+            if (length <= width) {
+                return { str: text, width: length };
+            }
+            const suffixWidth = this.measureTextWidth(suffix, options);
+            if (suffixWidth > width) {
+                return { str: '', width: 0 };
+            }
+            width -= suffixWidth;
+            const data = this._clipText(text, options, width, 0, text.length - 1);
+            data.str += suffix;
+            data.width += suffixWidth;
+            return data;
+        }
+    }
+    const textMeasure = new TextMeasureTool();
+    function setCustomAlphabetCharSet(str) {
+        customAlphabetCharSet = str;
+        fastTextMeasureCache.clear();
+    }
+    function restoreMeasureText() {
+        textMeasureMode = 'canvas';
+        container.load(restoreTextMeasureModule);
+    }
     const utilTextMark = new Text$1({
         ignoreBuf: true
     });
+    function measureTextBounds(attribute) {
+        utilTextMark.setAttributes(attribute);
+        return utilTextMark.AABBBounds;
+    }
+
     const utilRichTextMark = new RichText({
         width: 0,
         height: 0,
@@ -39642,11 +39793,16 @@
         }
         if (table.heightMode === 'adaptive') {
             table._clearRowRangeHeightsMap();
-            const columnHeaderHeight = table.getRowsHeight(0, table.columnHeaderLevelCount - 1);
-            const bottomHeaderHeight = table.isPivotChart() ? table.getBottomFrozenRowsHeight() : 0;
-            const totalDrawHeight = table.tableNoFrameHeight - columnHeaderHeight - bottomHeaderHeight;
-            const startRow = table.columnHeaderLevelCount;
-            const endRow = table.isPivotChart() ? table.rowCount - table.bottomFrozenRowCount : table.rowCount;
+            let totalDrawHeight = table.tableNoFrameHeight;
+            let startRow = 0;
+            let endRow = table.rowCount;
+            if (table.heightAdaptiveMode === 'only-body') {
+                const columnHeaderHeight = table.getRowsHeight(0, table.columnHeaderLevelCount - 1);
+                const bottomHeaderHeight = table.isPivotChart() ? table.getBottomFrozenRowsHeight() : 0;
+                totalDrawHeight = table.tableNoFrameHeight - columnHeaderHeight - bottomHeaderHeight;
+                startRow = table.columnHeaderLevelCount;
+                endRow = table.isPivotChart() ? table.rowCount - table.bottomFrozenRowCount : table.rowCount;
+            }
             let actualHeight = 0;
             for (let row = startRow; row < endRow; row++) {
                 actualHeight += update ? newHeights[row] : table.getRowHeight(row);
@@ -40039,7 +40195,7 @@
                         spaceBetweenTextAndIcon
                     });
                     utilCheckBoxMark.render();
-                    maxHeight = utilTextMark.AABBBounds.height();
+                    maxHeight = utilCheckBoxMark.AABBBounds.height();
                 }
                 else {
                     maxHeight = Math.max(size, lines.length * lineHeight);
@@ -40086,7 +40242,7 @@
             else if (autoWrapText) {
                 const hierarchyOffset = getHierarchyOffset(col, row, table);
                 const maxLineWidth = cellWidth - (padding[1] + padding[3]) - iconWidth - hierarchyOffset;
-                utilTextMark.setAttributes({
+                const bounds = measureTextBounds({
                     maxLineWidth,
                     text: lines,
                     fontSize,
@@ -40097,7 +40253,7 @@
                     wordBreak: 'break-word',
                     whiteSpace: lines.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
                 });
-                maxHeight = utilTextMark.AABBBounds.height() || (typeof lineHeight === 'number' ? lineHeight : fontSize);
+                maxHeight = bounds.height() || (typeof lineHeight === 'number' ? lineHeight : fontSize);
             }
             else {
                 maxHeight = lines.length * lineHeight;
@@ -41340,7 +41496,10 @@
                 const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 let attrY = 0;
                 if (this.table.theme.scrollStyle.barToSide) {
-                    attrY = this.table.tableNoFrameHeight - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y);
+                    attrY =
+                        this.table.tableNoFrameHeight -
+                            (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y) +
+                            this.table.tableY;
                 }
                 else {
                     attrY = y - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y);
@@ -41375,7 +41534,10 @@
                 let attrX = 0;
                 const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 if (this.table.theme.scrollStyle.barToSide) {
-                    attrX = this.table.tableNoFrameWidth - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x);
+                    attrX =
+                        this.table.tableNoFrameWidth -
+                            (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x) +
+                            this.table.tableX;
                 }
                 else {
                     attrX = x - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x);
@@ -42943,174 +43105,27 @@
         }
     }
 
-    let customAlphabetCharSet = '';
-    let textMeasureMode = 'quick';
-    const textMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-        if (isBound(TextMeasureContribution)) {
-            rebind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
-        }
-        else {
-            bind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
-        }
-    });
-    const restoreTextMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-        if (isBound(TextMeasureContribution)) {
-            rebind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
-        }
-        else {
-            bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
-        }
-    });
-    const initTextMeasure = (textSpec, option, useNaiveCanvas) => {
-        return new TextMeasure({
-            defaultFontParams: {
-                fontFamily: DefaultTextStyle.fontFamily,
-                fontSize: DefaultTextStyle.fontSize
-            },
-            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
-            specialCharSet: `{}()//&-/: .,@%'"~…=${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}0123456789${customAlphabetCharSet}`,
-            ...(option ?? {})
-        }, textSpec);
-    };
-    const fastTextMeasureCache = new Map();
-    function getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle = 'normal') {
-        const key = `${fontSize}-${fontWeight}-${fontFamily}-${fontStyle}`;
-        const cache = fastTextMeasureCache.get(key);
-        if (cache) {
-            return cache;
-        }
-        const fastTextMeasure = initTextMeasure({
-            fontSize,
-            fontFamily,
-            fontWeight,
-            fontStyle
-        });
-        fastTextMeasureCache.set(key, fastTextMeasure);
-        return fastTextMeasure;
-    }
-    class FastTextMeasureContribution extends DefaultTextMeasureContribution {
-        measureTextWidth(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure.width;
-        }
-        measureText(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure;
-        }
-    }
-    class TextMeasureTool {
-        measureText(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure;
-        }
-        measureTextWidth(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure.width;
-        }
-        clipText(text, options, width) {
-            if (text.length === 0) {
-                return { str: '', width: 0 };
+    let SuffixTextBeforeRenderContribution = class SuffixTextBeforeRenderContribution {
+        time = BaseRenderContributionTime.afterFillStroke;
+        useStyle = true;
+        order = 0;
+        drawShape(text, context, x, y, doFill, doStroke, fVisible, sVisible, textAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
+            const { text: str, underline = textAttribute.underline, lineThrough = textAttribute.lineThrough, direction = textAttribute.direction, whiteSpace = textAttribute.whiteSpace, fontSize = textAttribute.fontSize, verticalMode = textAttribute.verticalMode, ellipsis = textAttribute.ellipsis, textAlign = textAttribute.textAlign, textBaseline = textAttribute.textBaseline, x: originX = textAttribute.x, y: originY = textAttribute.y } = text.attribute;
+            let isEmpty = false;
+            if (Array.isArray(text)) {
+                const layoutData = text.cache?.layoutData;
+                if (ellipsis && layoutData && layoutData.lines.every(line => line.str === '')) {
+                    isEmpty = true;
+                }
             }
-            let length = this.measureTextWidth(text, options);
-            if (length <= width) {
-                return { str: text, width: length };
+            else {
+                const { cache } = text;
+                if (ellipsis && cache && cache.clipedText === '' && cache.clipedWidth === 0) {
+                    isEmpty = true;
+                }
             }
-            length = this.measureTextWidth(text[0], options);
-            if (length > width) {
-                return { str: '', width: 0 };
-            }
-            return this._clipText(text, options, width, 0, text.length - 1);
-        }
-        _clipText(text, options, width, leftIdx, rightIdx) {
-            const middleIdx = Math.floor((leftIdx + rightIdx) / 2);
-            const subText = text.substring(0, middleIdx + 1);
-            const strWidth = this.measureTextWidth(subText, options);
-            let length;
-            if (strWidth > width) {
-                if (subText.length <= 1) {
-                    return { str: '', width: 0 };
-                }
-                const str = text.substring(0, middleIdx);
-                length = this.measureTextWidth(str, options);
-                if (length <= width) {
-                    return { str, width: length };
-                }
-                return this._clipText(text, options, width, leftIdx, middleIdx);
-            }
-            else if (strWidth < width) {
-                if (middleIdx >= text.length - 1) {
-                    return { str: text, width: this.measureTextWidth(text, options) };
-                }
-                const str = text.substring(0, middleIdx + 2);
-                length = this.measureTextWidth(str, options);
-                if (length >= width) {
-                    return { str: subText, width: strWidth };
-                }
-                return this._clipText(text, options, width, middleIdx, rightIdx);
-            }
-            return { str: subText, width: strWidth };
-        }
-        clipTextWithSuffix(text, options, width, suffix) {
-            if (suffix === '') {
-                return this.clipText(text, options, width);
-            }
-            if (text.length === 0) {
-                return { str: '', width: 0 };
-            }
-            const length = this.measureTextWidth(text, options);
-            if (length <= width) {
-                return { str: text, width: length };
-            }
-            const suffixWidth = this.measureTextWidth(suffix, options);
-            if (suffixWidth > width) {
-                return { str: '', width: 0 };
-            }
-            width -= suffixWidth;
-            const data = this._clipText(text, options, width, 0, text.length - 1);
-            data.str += suffix;
-            data.width += suffixWidth;
-            return data;
-        }
-    }
-    const textMeasure = new TextMeasureTool();
-    function setCustomAlphabetCharSet(str) {
-        customAlphabetCharSet = str;
-        fastTextMeasureCache.clear();
-    }
-    function restoreMeasureText() {
-        textMeasureMode = 'canvas';
-        container.load(restoreTextMeasureModule);
-    }
-
-    let SuffixTextBeforeRenderContribution = class SuffixTextBeforeRenderContribution {
-        time = BaseRenderContributionTime.afterFillStroke;
-        useStyle = true;
-        order = 0;
-        drawShape(text, context, x, y, doFill, doStroke, fVisible, sVisible, textAttribute, drawContext, fillCb, strokeCb, doFillOrStroke) {
-            const { text: str, underline = textAttribute.underline, lineThrough = textAttribute.lineThrough, direction = textAttribute.direction, whiteSpace = textAttribute.whiteSpace, fontSize = textAttribute.fontSize, verticalMode = textAttribute.verticalMode, ellipsis = textAttribute.ellipsis, textAlign = textAttribute.textAlign, textBaseline = textAttribute.textBaseline, x: originX = textAttribute.x, y: originY = textAttribute.y } = text.attribute;
-            let isEmpty = false;
-            if (Array.isArray(text)) {
-                const layoutData = text.cache?.layoutData;
-                if (ellipsis && layoutData && layoutData.lines.every(line => line.str === '')) {
-                    isEmpty = true;
-                }
-            }
-            else {
-                const { cache } = text;
-                if (ellipsis && cache && cache.clipedText === '' && cache.clipedWidth === 0) {
-                    isEmpty = true;
-                }
-            }
-            if (!isEmpty) {
-                return;
+            if (!isEmpty) {
+                return;
             }
             const textStr = isString$2(ellipsis) ? ellipsis : '...';
             const lineHeight = calculateLineHeight(text.attribute.lineHeight, fontSize) ?? fontSize;
@@ -43284,15 +43299,19 @@
             table._clearColRangeWidthsMap();
             const canvasWidth = table.tableNoFrameWidth;
             let actualHeaderWidth = 0;
-            for (let col = 0; col < table.colCount; col++) {
-                const colWidth = update ? newWidths[col] : table.getColWidth(col);
-                if (col < table.rowHeaderLevelCount ||
-                    (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
-                    actualHeaderWidth += colWidth;
+            let startCol = 0;
+            let endCol = table.colCount;
+            if (table.widthAdaptiveMode === 'only-body') {
+                for (let col = 0; col < table.colCount; col++) {
+                    const colWidth = update ? newWidths[col] : table.getColWidth(col);
+                    if (col < table.rowHeaderLevelCount ||
+                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                        actualHeaderWidth += colWidth;
+                    }
                 }
+                startCol = table.rowHeaderLevelCount;
+                endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
             }
-            const startCol = table.rowHeaderLevelCount;
-            const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
             getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, update, newWidths, table);
         }
         else if (table.autoFillWidth) {
@@ -44560,18 +44579,281 @@
             for (let row = proxy.rowStart; row <= proxy.rowEnd; row++) {
                 proxy.table.scenegraph.updateCellContent(col, row);
             }
-            for (let row = proxy.table.rowCount - proxy.table.bottomFrozenRowCount; row < proxy.table.rowCount; row++) {
-                proxy.table.scenegraph.updateCellContent(col, row);
+            for (let row = proxy.table.rowCount - proxy.table.bottomFrozenRowCount; row < proxy.table.rowCount; row++) {
+                proxy.table.scenegraph.updateCellContent(col, row);
+            }
+        }
+        const syncLeftCol = Math.max(proxy.bodyLeftCol, proxy.screenLeftCol - proxy.screenColCount * 1);
+        const syncRightCol = Math.min(proxy.bodyRightCol, proxy.screenLeftCol + proxy.screenColCount * 2);
+        computeColsWidth(proxy.table, syncLeftCol, syncRightCol);
+        updateColContent(syncLeftCol, syncRightCol, proxy);
+        proxy.colUpdatePos = proxy.colStart;
+        proxy.colUpdateDirection = proxy.colEnd > proxy.bodyRightCol - (proxy.colEnd - proxy.colStart + 1) ? 'right' : 'left';
+        proxy.table.scenegraph.updateNextFrame();
+        await proxy.progress();
+    }
+
+    function handleTextStick(table) {
+        const { changedCells } = table.internalProps.stick;
+        changedCells.forEach((cellPos) => {
+            const cellGroup = table.scenegraph.getCell(cellPos.col, cellPos.row);
+            cellGroup.forEachChildren((child) => {
+                child.setAttributes({
+                    dx: cellPos.dx,
+                    dy: cellPos.dy
+                });
+            });
+        });
+        changedCells.clear();
+        const { scrollTop, scrollLeft, frozenRowCount, frozenColCount } = table;
+        const frozenRowsHeight = table.getFrozenRowsHeight();
+        const frozenColsWidth = table.getFrozenColsWidth();
+        const { row: rowTop } = table.getRowAt(scrollTop + frozenRowsHeight + 1);
+        const { col: colLeft } = table.getColAt(scrollLeft + frozenColsWidth + 1);
+        const rowStart = Math.max(rowTop, table.frozenRowCount);
+        const colStart = Math.max(colLeft, table.frozenColCount);
+        const rowEnd = table.getAllRowsHeight() > table.tableNoFrameHeight
+            ? table.getRowAt(scrollTop + table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() - 1).row
+            : table.rowCount - table.bottomFrozenRowCount - 1;
+        const colEnd = table.getAllColsWidth() > table.tableNoFrameWidth
+            ? table.getColAt(scrollLeft + table.tableNoFrameWidth - table.getRightFrozenColsWidth() - 1).col
+            : table.colCount - table.rightFrozenColCount - 1;
+        if (colEnd < 0 || rowEnd < 0) {
+            return;
+        }
+        for (let row = 0; row < frozenRowCount; row++) {
+            if (colEnd < colStart) {
+                break;
+            }
+            [colStart, colEnd].forEach((col) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick) {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+        for (let col = 0; col < frozenColCount; col++) {
+            if (rowEnd < rowStart) {
+                break;
+            }
+            [rowStart, rowEnd].forEach((row) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick && table.internalProps.layoutMap.rowHierarchyType !== 'tree') {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+        for (let col = colStart; col <= colEnd; col++) {
+            if (rowEnd < rowStart) {
+                break;
+            }
+            [rowStart, rowEnd].forEach((row) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick) {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+        for (let row = rowStart; row < rowEnd; row++) {
+            if (colEnd < colStart) {
+                break;
+            }
+            [colStart, colEnd].forEach((col) => {
+                const style = table._getCellStyle(col, row);
+                if (table._getCellStyle(col, row)?.textStick) {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+    }
+    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table) {
+        if (isNumber$4(cellGroup.mergeStartCol) &&
+            isNumber$4(cellGroup.mergeStartRow) &&
+            isNumber$4(cellGroup.mergeEndCol) &&
+            isNumber$4(cellGroup.mergeEndRow)) {
+            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
+            for (let col = colStart; col <= colEnd; col++) {
+                for (let row = rowStart; row <= rowEnd; row++) {
+                    const singleCellGroup = table.scenegraph.getCell(col, row);
+                    dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+                }
+            }
+        }
+        else {
+            dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+        }
+    }
+    function dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign) {
+        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
+        if (!graphic) {
+            return;
+        }
+        if (graphic.type === 'image') {
+            const { image: url } = graphic.attribute;
+            if (!url || !graphic.resources) {
+                return;
+            }
+            const res = graphic.resources.get(url);
+            if (res.state !== 'success') {
+                return;
+            }
+        }
+        const textBaseline = graphic.textBaseline ?? 'top';
+        graphic.AABBBounds.width();
+        const textTop = graphic.globalAABBBounds.y1;
+        const textBottom = graphic.globalAABBBounds.y2;
+        if (textBaseline === 'middle' && textStickBaseOnAlign) {
+            const cellTop = cellGroup.globalAABBBounds.y1 + (cellGroup.firstChild?.attribute.dy ?? 0);
+            const cellBottom = cellTop + (cellGroup.contentHeight ?? cellGroup.attribute.height ?? 0);
+            if (cellTop < minTop || cellBottom > maxTop) {
+                const visibleCellTop = Math.max(cellTop, minTop);
+                const visibleCellBottom = Math.min(cellBottom, maxTop);
+                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2;
+                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                        dy: cellGroup.firstChild?.attribute.dy ?? 0
+                    });
+                cellGroup.forEachChildren((child) => {
+                    child.setAttribute('dy', (child.attribute.dy ?? 0) - delta + 2);
+                });
+            }
+        }
+        else if (textTop < minTop) {
+            const deltaHeight = textTop - minTop;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight + 2);
+            });
+        }
+        else if (textBottom > maxTop) {
+            const deltaHeight = textBottom - maxTop;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight);
+            });
+        }
+    }
+    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table) {
+        if (isNumber$4(cellGroup.mergeStartCol) &&
+            isNumber$4(cellGroup.mergeStartRow) &&
+            isNumber$4(cellGroup.mergeEndCol) &&
+            isNumber$4(cellGroup.mergeEndRow)) {
+            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
+            for (let col = colStart; col <= colEnd; col++) {
+                for (let row = rowStart; row <= rowEnd; row++) {
+                    const singleCellGroup = table.scenegraph.getCell(col, row);
+                    dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+                }
+            }
+        }
+        else {
+            dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+        }
+    }
+    function dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign) {
+        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
+        if (!graphic) {
+            return;
+        }
+        if (graphic.type === 'image') {
+            const { image: url } = graphic.attribute;
+            if (!url || !graphic.resources) {
+                return;
+            }
+            const res = graphic.resources.get(url);
+            if (res.state !== 'success') {
+                return;
+            }
+        }
+        const textAlign = graphic.attribute.textAlign ?? graphic.textAlign ?? 'left';
+        graphic.AABBBounds.width();
+        const textLeft = graphic.globalAABBBounds.x1;
+        const textRight = graphic.globalAABBBounds.x2;
+        if (textAlign === 'center' && textStickBaseOnAlign) {
+            const cellLeft = cellGroup.globalAABBBounds.x1 + (cellGroup.firstChild?.attribute.dx ?? 0);
+            const cellRight = cellLeft + (cellGroup.contentWidth ?? cellGroup.attribute.width ?? 0);
+            if (cellLeft < minLeft || cellRight > maxLeft) {
+                const visibleCellLeft = Math.max(cellLeft, minLeft);
+                const visibleCellRight = Math.min(cellRight, maxLeft);
+                const delta = graphic.globalTransMatrix.e - (visibleCellRight + visibleCellLeft) / 2;
+                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                        dy: cellGroup.firstChild?.attribute.dy ?? 0
+                    });
+                cellGroup.forEachChildren((child) => {
+                    child.setAttribute('dx', (child.attribute.dx ?? 0) - delta + 2);
+                });
+            }
+        }
+        else if (textLeft < minLeft) {
+            const deltaWidth = textLeft - minLeft;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth + 2);
+            });
+        }
+        else if (textRight > maxLeft) {
+            const deltaWidth = textRight - maxLeft;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth);
+            });
+        }
+    }
+    function checkHaveTextStick(table) {
+        const headerObjects = table.internalProps.layoutMap.headerObjects;
+        const columnObjects = table.internalProps.layoutMap.columnObjects;
+        for (let i = 0; i < headerObjects.length; i++) {
+            const header = headerObjects[i];
+            if (header && header.style?.textStick) {
+                return true;
+            }
+        }
+        for (let i = 0; i < columnObjects.length; i++) {
+            const column = columnObjects[i];
+            if (column && column.style?.textStick) {
+                return true;
             }
         }
-        const syncLeftCol = Math.max(proxy.bodyLeftCol, proxy.screenLeftCol - proxy.screenColCount * 1);
-        const syncRightCol = Math.min(proxy.bodyRightCol, proxy.screenLeftCol + proxy.screenColCount * 2);
-        computeColsWidth(proxy.table, syncLeftCol, syncRightCol);
-        updateColContent(syncLeftCol, syncRightCol, proxy);
-        proxy.colUpdatePos = proxy.colStart;
-        proxy.colUpdateDirection = proxy.colEnd > proxy.bodyRightCol - (proxy.colEnd - proxy.colStart + 1) ? 'right' : 'left';
-        proxy.table.scenegraph.updateNextFrame();
-        await proxy.progress();
+        const themeStick = table.theme.headerStyle.textStick || table.theme.rowHeaderStyle.textStick || table.theme.bodyStyle.textStick;
+        if (themeStick) {
+            return true;
+        }
+        return false;
     }
 
     class SceneProxy {
@@ -44719,6 +45001,8 @@
                         await this.createRow();
                         await this.progress();
                     }
+                    handleTextStick(this.table);
+                    this.table.scenegraph.updateNextFrame();
                     resolve();
                 }, 16);
             });
@@ -46038,329 +46322,70 @@
             const rangeAfter = scene.table.getCellRange(col, afterRow);
             if (rangeAfter.start.row <= afterRow + 1 && rangeAfter.end.row >= afterRow + 1) {
                 addNeedUpdateTag(rangeAfter, scene);
-                row = rangeAfter.start.row;
-            }
-            if (isValid$3(row)) {
-                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
-            }
-        }
-        return updateRow;
-    }
-    function _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene) {
-        let updateRow;
-        for (let col = 0; col < scene.table.colCount; col++) {
-            let row;
-            const beforeCell = scene.highPerformanceGetCell(col, beforeRow);
-            if (beforeCell.mergeStartRow && beforeCell.mergeEndRow && beforeCell.mergeEndRow > beforeRow) {
-                addNeedUpdateTag({
-                    start: {
-                        row: beforeCell.mergeStartRow,
-                        col: scene.table.heightMode === 'autoHeight' ? 0 : beforeCell.mergeStartCol
-                    },
-                    end: {
-                        row: beforeCell.mergeEndRow,
-                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : beforeCell.mergeEndCol
-                    }
-                }, scene);
-                row = beforeCell.mergeStartRow;
-            }
-            const afterCell = scene.highPerformanceGetCell(col, afterRow);
-            if (afterCell.mergeStartRow && afterCell.mergeEndRow && afterCell.mergeStartRow < afterRow) {
-                addNeedUpdateTag({
-                    start: {
-                        row: afterCell.mergeStartRow,
-                        col: scene.table.heightMode === 'autoHeight' ? 0 : afterCell.mergeStartCol
-                    },
-                    end: {
-                        row: afterCell.mergeEndRow,
-                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : afterCell.mergeEndCol
-                    }
-                }, scene);
-                row = afterCell.mergeStartRow;
-            }
-            if (isValid$3(row)) {
-                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
-            }
-        }
-        return updateRow;
-    }
-    function addNeedUpdateTag(range, scene) {
-        const { start, end } = range;
-        for (let col = start.col; col <= end.col; col++) {
-            for (let row = start.row; row <= end.row; row++) {
-                const cellGroup = scene.highPerformanceGetCell(col, row, true);
-                if (!cellGroup) {
-                    continue;
-                }
-                cellGroup.needUpdate = true;
-            }
-        }
-    }
-    function setRowSeriesNumberCellNeedUpdate(startUpdateRow, scene) {
-        if (scene.table.isHasSeriesNumber()) {
-            for (let row = startUpdateRow; row <= scene.table.rowCount - 1; row++) {
-                updateCell$1(0, row, scene.table, false);
-            }
-        }
-    }
-
-    function handleTextStick(table) {
-        const { changedCells } = table.internalProps.stick;
-        changedCells.forEach((cellPos) => {
-            const cellGroup = table.scenegraph.getCell(cellPos.col, cellPos.row);
-            cellGroup.forEachChildren((child) => {
-                child.setAttributes({
-                    dx: cellPos.dx,
-                    dy: cellPos.dy
-                });
-            });
-        });
-        changedCells.clear();
-        const { scrollTop, scrollLeft, frozenRowCount, frozenColCount } = table;
-        const frozenRowsHeight = table.getFrozenRowsHeight();
-        const frozenColsWidth = table.getFrozenColsWidth();
-        const { row: rowTop } = table.getRowAt(scrollTop + frozenRowsHeight + 1);
-        const { col: colLeft } = table.getColAt(scrollLeft + frozenColsWidth + 1);
-        const rowStart = Math.max(rowTop, table.frozenRowCount);
-        const colStart = Math.max(colLeft, table.frozenColCount);
-        const rowEnd = table.getAllRowsHeight() > table.tableNoFrameHeight
-            ? table.getRowAt(scrollTop + table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() - 1).row
-            : table.rowCount - table.bottomFrozenRowCount - 1;
-        const colEnd = table.getAllColsWidth() > table.tableNoFrameWidth
-            ? table.getColAt(scrollLeft + table.tableNoFrameWidth - table.getRightFrozenColsWidth() - 1).col
-            : table.colCount - table.rightFrozenColCount - 1;
-        if (colEnd < 0 || rowEnd < 0) {
-            return;
-        }
-        for (let row = 0; row < frozenRowCount; row++) {
-            if (colEnd < colStart) {
-                break;
-            }
-            [colStart, colEnd].forEach((col) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-        for (let col = 0; col < frozenColCount; col++) {
-            if (rowEnd < rowStart) {
-                break;
-            }
-            [rowStart, rowEnd].forEach((row) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick && table.internalProps.layoutMap.rowHierarchyType !== 'tree') {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-        for (let col = colStart; col <= colEnd; col++) {
-            if (rowEnd < rowStart) {
-                break;
-            }
-            [rowStart, rowEnd].forEach((row) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-        for (let row = rowStart; row < rowEnd; row++) {
-            if (colEnd < colStart) {
-                break;
-            }
-            [colStart, colEnd].forEach((col) => {
-                const style = table._getCellStyle(col, row);
-                if (table._getCellStyle(col, row)?.textStick) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-    }
-    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table) {
-        if (isNumber$4(cellGroup.mergeStartCol) &&
-            isNumber$4(cellGroup.mergeStartRow) &&
-            isNumber$4(cellGroup.mergeEndCol) &&
-            isNumber$4(cellGroup.mergeEndRow)) {
-            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
-            for (let col = colStart; col <= colEnd; col++) {
-                for (let row = rowStart; row <= rowEnd; row++) {
-                    const singleCellGroup = table.scenegraph.getCell(col, row);
-                    dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
-                }
-            }
-        }
-        else {
-            dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
-        }
-    }
-    function dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign) {
-        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
-        if (!graphic) {
-            return;
-        }
-        if (graphic.type === 'image') {
-            const { image: url } = graphic.attribute;
-            if (!url || !graphic.resources) {
-                return;
-            }
-            const res = graphic.resources.get(url);
-            if (res.state !== 'success') {
-                return;
-            }
-        }
-        const textBaseline = graphic.textBaseline ?? 'top';
-        graphic.AABBBounds.width();
-        const textTop = graphic.globalAABBBounds.y1;
-        const textBottom = graphic.globalAABBBounds.y2;
-        if (textBaseline === 'middle' && textStickBaseOnAlign) {
-            const cellTop = cellGroup.globalAABBBounds.y1 + (cellGroup.firstChild?.attribute.dy ?? 0);
-            const cellBottom = cellTop + (cellGroup.contentHeight ?? cellGroup.attribute.height ?? 0);
-            if (cellTop < minTop || cellBottom > maxTop) {
-                const visibleCellTop = Math.max(cellTop, minTop);
-                const visibleCellBottom = Math.min(cellBottom, maxTop);
-                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2;
-                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                        col: cellGroup.col,
-                        row: cellGroup.row,
-                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                        dy: cellGroup.firstChild?.attribute.dy ?? 0
-                    });
-                cellGroup.forEachChildren((child) => {
-                    child.setAttribute('dy', (child.attribute.dy ?? 0) - delta + 2);
-                });
-            }
-        }
-        else if (textTop < minTop) {
-            const deltaHeight = textTop - minTop;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight + 2);
-            });
-        }
-        else if (textBottom > maxTop) {
-            const deltaHeight = textBottom - maxTop;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight);
-            });
-        }
-    }
-    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table) {
-        if (isNumber$4(cellGroup.mergeStartCol) &&
-            isNumber$4(cellGroup.mergeStartRow) &&
-            isNumber$4(cellGroup.mergeEndCol) &&
-            isNumber$4(cellGroup.mergeEndRow)) {
-            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
-            for (let col = colStart; col <= colEnd; col++) {
-                for (let row = rowStart; row <= rowEnd; row++) {
-                    const singleCellGroup = table.scenegraph.getCell(col, row);
-                    dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
-                }
+                row = rangeAfter.start.row;
+            }
+            if (isValid$3(row)) {
+                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
             }
         }
-        else {
-            dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
-        }
+        return updateRow;
     }
-    function dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign) {
-        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
-        if (!graphic) {
-            return;
-        }
-        if (graphic.type === 'image') {
-            const { image: url } = graphic.attribute;
-            if (!url || !graphic.resources) {
-                return;
+    function _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene) {
+        let updateRow;
+        for (let col = 0; col < scene.table.colCount; col++) {
+            let row;
+            const beforeCell = scene.highPerformanceGetCell(col, beforeRow);
+            if (beforeCell.mergeStartRow && beforeCell.mergeEndRow && beforeCell.mergeEndRow > beforeRow) {
+                addNeedUpdateTag({
+                    start: {
+                        row: beforeCell.mergeStartRow,
+                        col: scene.table.heightMode === 'autoHeight' ? 0 : beforeCell.mergeStartCol
+                    },
+                    end: {
+                        row: beforeCell.mergeEndRow,
+                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : beforeCell.mergeEndCol
+                    }
+                }, scene);
+                row = beforeCell.mergeStartRow;
             }
-            const res = graphic.resources.get(url);
-            if (res.state !== 'success') {
-                return;
+            const afterCell = scene.highPerformanceGetCell(col, afterRow);
+            if (afterCell.mergeStartRow && afterCell.mergeEndRow && afterCell.mergeStartRow < afterRow) {
+                addNeedUpdateTag({
+                    start: {
+                        row: afterCell.mergeStartRow,
+                        col: scene.table.heightMode === 'autoHeight' ? 0 : afterCell.mergeStartCol
+                    },
+                    end: {
+                        row: afterCell.mergeEndRow,
+                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : afterCell.mergeEndCol
+                    }
+                }, scene);
+                row = afterCell.mergeStartRow;
             }
-        }
-        const textAlign = graphic.attribute.textAlign ?? graphic.textAlign ?? 'left';
-        graphic.AABBBounds.width();
-        const textLeft = graphic.globalAABBBounds.x1;
-        const textRight = graphic.globalAABBBounds.x2;
-        if (textAlign === 'center' && textStickBaseOnAlign) {
-            const cellLeft = cellGroup.globalAABBBounds.x1 + (cellGroup.firstChild?.attribute.dx ?? 0);
-            const cellRight = cellLeft + (cellGroup.contentWidth ?? cellGroup.attribute.width ?? 0);
-            if (cellLeft < minLeft || cellRight > maxLeft) {
-                const visibleCellLeft = Math.max(cellLeft, minLeft);
-                const visibleCellRight = Math.min(cellRight, maxLeft);
-                const delta = graphic.globalTransMatrix.e - (visibleCellRight + visibleCellLeft) / 2;
-                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                        col: cellGroup.col,
-                        row: cellGroup.row,
-                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                        dy: cellGroup.firstChild?.attribute.dy ?? 0
-                    });
-                cellGroup.forEachChildren((child) => {
-                    child.setAttribute('dx', (child.attribute.dx ?? 0) - delta + 2);
-                });
+            if (isValid$3(row)) {
+                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
             }
         }
-        else if (textLeft < minLeft) {
-            const deltaWidth = textLeft - minLeft;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth + 2);
-            });
-        }
-        else if (textRight > maxLeft) {
-            const deltaWidth = textRight - maxLeft;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth);
-            });
-        }
+        return updateRow;
     }
-    function checkHaveTextStick(table) {
-        const headerObjects = table.internalProps.layoutMap.headerObjects;
-        const columnObjects = table.internalProps.layoutMap.columnObjects;
-        for (let i = 0; i < headerObjects.length; i++) {
-            const header = headerObjects[i];
-            if (header && header.style?.textStick) {
-                return true;
+    function addNeedUpdateTag(range, scene) {
+        const { start, end } = range;
+        for (let col = start.col; col <= end.col; col++) {
+            for (let row = start.row; row <= end.row; row++) {
+                const cellGroup = scene.highPerformanceGetCell(col, row, true);
+                if (!cellGroup) {
+                    continue;
+                }
+                cellGroup.needUpdate = true;
             }
         }
-        for (let i = 0; i < columnObjects.length; i++) {
-            const column = columnObjects[i];
-            if (column && column.style?.textStick) {
-                return true;
+    }
+    function setRowSeriesNumberCellNeedUpdate(startUpdateRow, scene) {
+        if (scene.table.isHasSeriesNumber()) {
+            for (let row = startUpdateRow; row <= scene.table.rowCount - 1; row++) {
+                updateCell$1(0, row, scene.table, false);
             }
         }
-        return false;
     }
 
     function dealFrozen(scene) {
@@ -48295,7 +48320,6 @@
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
-            handleTextStick(this.table);
             this.updateNextFrame();
         }
         dealWidthMode() {
@@ -50333,21 +50357,22 @@
             this.table.scenegraph.setY(-top);
             const yRatio = top / (totalHeight - this.table.scenegraph.height);
             this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
-            this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
-                scrollTop: this.scroll.verticalBarPos,
-                scrollLeft: this.scroll.horizontalBarPos,
-                scrollHeight: this.table.theme.scrollStyle?.width,
-                scrollWidth: this.table.theme.scrollStyle?.width,
-                viewHeight: this.table.tableNoFrameHeight,
-                viewWidth: this.table.tableNoFrameWidth,
-                scrollDirection: 'vertical',
-                scrollRatioY: yRatio
-            });
             if (oldVerticalBarPos !== top) {
+                this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+                    scrollTop: this.scroll.verticalBarPos,
+                    scrollLeft: this.scroll.horizontalBarPos,
+                    scrollHeight: this.table.theme.scrollStyle?.width,
+                    scrollWidth: this.table.theme.scrollStyle?.width,
+                    viewHeight: this.table.tableNoFrameHeight,
+                    viewWidth: this.table.tableNoFrameWidth,
+                    scrollDirection: 'vertical',
+                    scrollRatioY: yRatio
+                });
                 this.checkVerticalScrollBarEnd();
             }
         }
         setScrollLeft(left) {
+            this.table.scrollLeft;
             const totalWidth = this.table.getAllColsWidth();
             this.table.getFrozenColsWidth();
             left = Math.max(0, Math.min(left, totalWidth - this.table.scenegraph.width));
@@ -50363,17 +50388,17 @@
             this.table.scenegraph.setX(-left);
             const xRatio = left / (totalWidth - this.table.scenegraph.width);
             this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
-            this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
-                scrollTop: this.scroll.verticalBarPos,
-                scrollLeft: this.scroll.horizontalBarPos,
-                scrollHeight: this.table.theme.scrollStyle?.width,
-                scrollWidth: this.table.theme.scrollStyle?.width,
-                viewHeight: this.table.tableNoFrameHeight,
-                viewWidth: this.table.tableNoFrameWidth,
-                scrollDirection: 'horizontal',
-                scrollRatioX: xRatio
-            });
             if (oldHorizontalBarPos !== left) {
+                this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+                    scrollTop: this.scroll.verticalBarPos,
+                    scrollLeft: this.scroll.horizontalBarPos,
+                    scrollHeight: this.table.theme.scrollStyle?.width,
+                    scrollWidth: this.table.theme.scrollStyle?.width,
+                    viewHeight: this.table.tableNoFrameHeight,
+                    viewWidth: this.table.tableNoFrameWidth,
+                    scrollDirection: 'horizontal',
+                    scrollRatioX: xRatio
+                });
                 this.checkHorizontalScrollBarEnd();
             }
         }
@@ -51124,6 +51149,11 @@
                 stateManager.showHorizontalScrollBar();
                 stateManager.showVerticalScrollBar();
             }
+            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_TABLE)) {
+                table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         table.scenegraph.tableGroup.addEventListener('pointerleave', (e) => {
             if (!stateManager.isResizeCol() && !stateManager.isMoveCol() && !stateManager.isSelecting()) {
@@ -51153,10 +51183,7 @@
             const target = e.target;
             if (target && !target.isDescendantsOf(table.scenegraph.tableGroup)) {
                 table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, {
-                    col: -1,
-                    row: -1,
-                    event: e.nativeEvent,
-                    target: undefined
+                    event: e.nativeEvent
                 });
             }
         });
@@ -51213,6 +51240,11 @@
             eventManager.dealTableHover();
         });
         table.scenegraph.tableGroup.addEventListener('pointerdown', (e) => {
+            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
             table.eventManager.isDown = true;
             table.eventManager.LastBodyPointerXY = { x: e.x, y: e.y };
             table.eventManager.LastPointerXY = { x: e.x, y: e.y };
@@ -51220,6 +51252,7 @@
                 return;
             }
             const eventArgsSet = getCellEventArgsSet(e);
+            eventManager.downIcon = undefined;
             if (stateManager.interactionState !== InteractionState.default) {
                 return;
             }
@@ -51233,6 +51266,7 @@
             const hitIcon = eventArgsSet?.eventArgs?.target?.role?.startsWith('icon')
                 ? eventArgsSet.eventArgs.target
                 : undefined;
+            eventManager.downIcon = hitIcon;
             if (!hitIcon || hitIcon.attribute.interactive === false) {
                 if (e.pointerType === 'touch') {
                     eventManager.touchEnd = false;
@@ -51406,7 +51440,7 @@
                     }
                 }
             }
-            if (!eventManager.touchMove && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
+            if (!eventManager.touchMove && e.button === 0 && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
                 const { col, row } = eventArgsSet.eventArgs;
                 const cellInfo = table.getCellInfo(col, row);
                 let icon;
@@ -51519,16 +51553,14 @@
     }
     function endResizeCol(table) {
         table.stateManager.endResizeCol();
-        if (table.hasListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END)) {
-            const columns = [];
-            for (let col = 0; col < table.colCount; col++) {
-                columns.push(table.getColWidth(col));
-            }
-            table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
-                col: table.stateManager.columnResize.col,
-                colWidths: columns
-            });
+        const columns = [];
+        for (let col = 0; col < table.colCount; col++) {
+            columns.push(table.getColWidth(col));
         }
+        table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
+            col: table.stateManager.columnResize.col,
+            colWidths: columns
+        });
     }
     function dblclickHandler(e, table) {
         const eventArgsSet = getCellEventArgsSet(e);
@@ -51601,6 +51633,11 @@
             }
             scenegraph.table.stateManager.hideMenu();
             scenegraph.table.editorManager?.completeEdit();
+            if (scenegraph.table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                scenegraph.table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         scenegraph.component.vScrollBar.addEventListener('pointerup', () => {
             stateManager.fastScrolling = false;
@@ -51626,6 +51663,11 @@
             }
             scenegraph.table.stateManager.hideMenu();
             scenegraph.table.editorManager?.completeEdit();
+            if (scenegraph.table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                scenegraph.table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         scenegraph.component.hScrollBar.addEventListener('pointerup', () => {
             stateManager.fastScrolling = false;
@@ -52213,8 +52255,10 @@
                 const rightFrozenColsWidth = table.getRightFrozenColsWidth();
                 const startCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].start;
                 const endCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end;
-                const canScrollY = table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false;
-                const canScrollX = table.isFrozenColumn(startCell.col) === false || table.isFrozenColumn(endCell.col) === false;
+                const canScrollY = (table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false) &&
+                    table.getAllRowsHeight() > table.tableNoFrameHeight;
+                const canScrollX = (table.isFrozenColumn(startCell.col) === false || table.isFrozenColumn(endCell.col) === false) &&
+                    table.getAllColsWidth() > table.tableNoFrameWidth;
                 if (((y > drawRange.bottom - bottomFrozenRowHeight || y < drawRange.top + topFrozenRowHeight) && canScrollY) ||
                     ((x > drawRange.right - rightFrozenColsWidth || x < drawRange.left + leftFrozenColsWidth) && canScrollX)) {
                     table.eventManager.scrollXSpeed = 0;
@@ -52325,25 +52369,30 @@
             if (!eventManager.isTouchdown || !isTouchEvent$1(e)) {
                 return;
             }
-            if (eventManager.touchMovePoints.length > 4) {
-                eventManager.touchMovePoints.shift();
-            }
-            eventManager.touchMovePoints.push({
-                x: e.changedTouches[0].pageX,
-                y: e.changedTouches[0].pageY,
-                timestamp: Date.now()
-            });
-            const deltaX = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].x +
-                eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].x;
-            const deltaY = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].y +
-                eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].y;
-            handleWhell({ deltaX, deltaY }, stateManager);
-            if (e.cancelable &&
-                (table.internalProps.overscrollBehavior === 'none' ||
-                    (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManager)) ||
-                    (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, stateManager)))) {
+            if (eventManager.downIcon?.attribute?.funcType === IconFuncTypeEnum.dragReorder) {
                 e.preventDefault();
             }
+            else {
+                if (eventManager.touchMovePoints.length > 4) {
+                    eventManager.touchMovePoints.shift();
+                }
+                eventManager.touchMovePoints.push({
+                    x: e.changedTouches[0].pageX,
+                    y: e.changedTouches[0].pageY,
+                    timestamp: Date.now()
+                });
+                const deltaX = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].x +
+                    eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].x;
+                const deltaY = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].y +
+                    eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].y;
+                handleWhell({ deltaX, deltaY }, stateManager);
+                if (e.cancelable &&
+                    (table.internalProps.overscrollBehavior === 'none' ||
+                        (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManager)) ||
+                        (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, stateManager)))) {
+                    e.preventDefault();
+                }
+            }
         };
         window.addEventListener('touchmove', globalTouchMoveCallback, { passive: false });
         eventManager.globalEventListeners.push({
@@ -52357,23 +52406,28 @@
             if (!eventManager.isTouchdown || !isTouchEvent$1(e)) {
                 return;
             }
-            if (eventManager.touchMovePoints?.length) {
-                if (eventManager.touchMovePoints.length > 4) {
-                    eventManager.touchMovePoints.shift();
+            if (eventManager.downIcon?.attribute?.funcType === IconFuncTypeEnum.dragReorder) {
+                e.preventDefault();
+            }
+            else {
+                if (eventManager.touchMovePoints?.length) {
+                    if (eventManager.touchMovePoints.length > 4) {
+                        eventManager.touchMovePoints.shift();
+                    }
+                    eventManager.touchMovePoints.push({
+                        x: e.changedTouches[0].pageX,
+                        y: e.changedTouches[0].pageY,
+                        timestamp: Date.now()
+                    });
+                    const firstPoint = eventManager.touchMovePoints[0];
+                    const lastPoint = eventManager.touchMovePoints[eventManager.touchMovePoints?.length - 1];
+                    const vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp);
+                    const vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
+                    eventManager.inertiaScroll.startInertia(vX, vY, 0.95);
+                    table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
+                        handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager);
+                    });
                 }
-                eventManager.touchMovePoints.push({
-                    x: e.changedTouches[0].pageX,
-                    y: e.changedTouches[0].pageY,
-                    timestamp: Date.now()
-                });
-                const firstPoint = eventManager.touchMovePoints[0];
-                const lastPoint = eventManager.touchMovePoints[eventManager.touchMovePoints?.length - 1];
-                const vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp);
-                const vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
-                eventManager.inertiaScroll.startInertia(vX, vY, 0.95);
-                table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
-                    handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager);
-                });
             }
             eventManager.isTouchdown = false;
             eventManager.touchMovePoints = [];
@@ -52544,10 +52598,12 @@
         isDraging = false;
         scrollYSpeed;
         scrollXSpeed;
+        downIcon;
         globalEventListeners = [];
         inertiaScroll;
         constructor(table) {
             this.table = table;
+            this.handleTextStickBindId = [];
             this.inertiaScroll = new InertiaScroll(table.stateManager);
             if (Env.mode === 'node') {
                 return;
@@ -52566,14 +52622,19 @@
         }
         updateEventBinder() {
             setTimeout(() => {
-                if (checkHaveTextStick(this.table) && !this.handleTextStickBindId) {
-                    this.handleTextStickBindId = this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
+                if (checkHaveTextStick(this.table) && this.handleTextStickBindId?.length === 0) {
+                    this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
                         handleTextStick(this.table);
-                    });
+                    }));
+                    this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, e => {
+                        handleTextStick(this.table);
+                    }));
                 }
                 else if (!checkHaveTextStick(this.table) && this.handleTextStickBindId) {
-                    this.table.off(this.handleTextStickBindId);
-                    this.handleTextStickBindId = undefined;
+                    this.handleTextStickBindId.forEach(id => {
+                        this.table.off(id);
+                    });
+                    this.handleTextStickBindId = [];
                 }
             }, 0);
         }
@@ -52604,11 +52665,7 @@
             this.table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, () => {
                 stateManager.hideMenu();
             });
-            if (checkHaveTextStick(this.table)) {
-                this.handleTextStickBindId = this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
-                    handleTextStick(this.table);
-                });
-            }
+            this.updateEventBinder();
             bindMediaClick(this.table);
             this.table.on(TABLE_EVENT_TYPE.DBLCLICK_CELL, (e) => {
                 if (e.federatedEvent) {
@@ -53160,7 +53217,7 @@
             return undefined;
         }
         getHierarchyIconWidth() {
-            return this.expandIcon.width + this.expandIcon.marginLeft + this.expandIcon.marginRight;
+            return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);
         }
     }
 
@@ -54044,7 +54101,7 @@
             return undefined;
         }
         getHierarchyIconWidth() {
-            return this.expandIcon.width + this.expandIcon.marginLeft + this.expandIcon.marginRight;
+            return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);
         }
         checkDropDownIcon(_table, col, row) {
             if (_table.isPivotTable()) {
@@ -54552,39 +54609,7 @@
                     return;
                 }
                 const { col, row } = e;
-                let tooltipOption;
-                const headerDescription = table.getHeaderDescription(col, row);
-                if (headerDescription) {
-                    const rect = table.getCellRangeRelativeRect({ col, row });
-                    tooltipOption = {
-                        content: headerDescription,
-                        referencePosition: {
-                            placement: Placement.bottom,
-                            rect
-                        },
-                        style: { arrowMark: false }
-                    };
-                }
-                else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
-                    const overflowText = table.getCellOverflowText(col, row);
-                    const rect = table.getCellRangeRelativeRect({ col, row });
-                    if (overflowText) {
-                        tooltipOption = {
-                            content: headerDescription
-                                ? `${headerDescription}
-    ${overflowText}`
-                                : overflowText,
-                            referencePosition: {
-                                placement: Placement.bottom,
-                                rect
-                            },
-                            style: table.theme.tooltipStyle
-                        };
-                    }
-                }
-                if (tooltipOption) {
-                    this._bindToCell(e.col, e.row, tooltipOption);
-                }
+                this.showTooltip(col, row);
             });
             table.on(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, e => {
                 if (isMobile()) {
@@ -54622,6 +54647,45 @@
                 this._unbindFromCell();
             });
         }
+        showTooltip(col, row) {
+            let tooltipOption;
+            const table = this._table;
+            const headerDescription = table.getHeaderDescription(col, row);
+            if (headerDescription) {
+                const rect = table.getCellRangeRelativeRect({ col, row });
+                tooltipOption = {
+                    content: headerDescription,
+                    referencePosition: {
+                        placement: Placement.bottom,
+                        rect
+                    },
+                    style: { arrowMark: false }
+                };
+            }
+            else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
+                const overflowText = table.getCellOverflowText(col, row);
+                const rect = table.getCellRangeRelativeRect({ col, row });
+                if (overflowText) {
+                    tooltipOption = {
+                        content: headerDescription
+                            ? `${headerDescription}
+  ${overflowText}`
+                            : overflowText,
+                        referencePosition: {
+                            placement: Placement.bottom,
+                            rect
+                        },
+                        style: table.theme.tooltipStyle
+                    };
+                }
+            }
+            if (tooltipOption) {
+                this._bindToCell(col, row, tooltipOption);
+            }
+            else {
+                this._unbindFromCell();
+            }
+        }
         _getTooltipInstanceInfo(col, row) {
             const table = this._table;
             const tooltipInstances = this._tooltipInstances;
@@ -56050,6 +56114,14 @@
             }
             this.table.scenegraph.updateNextFrame();
         }
+        updateCustomCell(customCellStyle, customCellStyleArrangement) {
+            customCellStyle.forEach((cellStyle) => {
+                this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
+            });
+            customCellStyleArrangement.forEach((cellStyle) => {
+                this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
+            });
+        }
     }
     function mergeStyle(cacheStyle, customCellStyle) {
         cacheStyle = cacheStyle.clone();
@@ -56080,6 +56152,8 @@
         _heightMode;
         _autoFillWidth;
         _autoFillHeight;
+        _widthAdaptiveMode;
+        _heightAdaptiveMode;
         customRender;
         canvasWidth;
         canvasHeight;
@@ -56092,7 +56166,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.23.2";
+        version = "0.23.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -56108,11 +56182,13 @@
             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, 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, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth } = options;
             this.container = container;
             this.options = options;
             this._widthMode = widthMode;
             this._heightMode = heightMode;
+            this._widthAdaptiveMode = widthAdaptiveMode;
+            this._heightAdaptiveMode = heightAdaptiveMode;
             this._autoFillWidth = autoFillWidth;
             this._autoFillHeight = autoFillHeight;
             this.customRender = customRender;
@@ -56448,6 +56524,22 @@
                 this._autoFillHeight = autoFillHeight;
             }
         }
+        get widthAdaptiveMode() {
+            return this._widthAdaptiveMode;
+        }
+        set widthAdaptiveMode(widthAdaptiveMode) {
+            if (widthAdaptiveMode !== this._widthAdaptiveMode) {
+                this._widthAdaptiveMode = widthAdaptiveMode;
+            }
+        }
+        get heightAdaptiveMode() {
+            return this._heightAdaptiveMode;
+        }
+        set heightAdaptiveMode(heightAdaptiveMode) {
+            if (heightAdaptiveMode !== this._heightAdaptiveMode) {
+                this._heightAdaptiveMode = heightAdaptiveMode;
+            }
+        }
         _colWidthDefineToPxWidth(width) {
             if (width === 'auto') {
                 return 0;
@@ -56586,12 +56678,12 @@
             return this.defaultColWidth;
         }
         getDefaultRowHeight(row) {
-            if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row)) {
+            if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row) || this.isSeriesNumberInHeader(0, row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
                     ? this.defaultHeaderRowHeight[row] ?? this.internalProps.defaultRowHeight
                     : this.defaultHeaderRowHeight;
             }
-            if (this.isBottomFrozenRow(this.rowHeaderLevelCount, row)) {
+            if (this.isBottomFrozenRow(row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
                     ? this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0] ?? this.internalProps.defaultRowHeight
                     : this.defaultHeaderRowHeight;
@@ -57186,6 +57278,7 @@
             if (parentElement) {
                 parentElement.removeChild(internalProps.element);
             }
+            this.editorManager?.editingEditor?.onEnd?.();
             this.isReleased = true;
         }
         fireListeners(type, event) {
@@ -57193,7 +57286,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, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth } = 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;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -57217,6 +57310,8 @@
             }
             this.widthMode = widthMode ?? 'standard';
             this.heightMode = heightMode ?? 'standard';
+            this._widthAdaptiveMode = widthAdaptiveMode ?? 'only-body';
+            this._heightAdaptiveMode = heightAdaptiveMode ?? 'only-body';
             this.autoFillWidth = autoFillWidth ?? false;
             this.autoFillHeight = autoFillHeight ?? false;
             this.customRender = customRender;
@@ -57294,7 +57389,8 @@
             this.clearCellStyleCache();
             this.clearColWidthCache();
             this.clearRowHeightCache();
-            this.customCellStylePlugin = new CustomCellStylePlugin(this, options.customCellStyle ?? [], options.customCellStyleArrangement ?? []);
+            internalProps.customMergeCell = options.customMergeCell;
+            this.customCellStylePlugin.updateCustomCell(options.customCellStyle ?? [], options.customCellStyleArrangement ?? []);
         }
         renderWithRecreateCells() {
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
@@ -58388,6 +58484,9 @@
         measureText(text, font) {
             return textMeasure.measureText(text, font);
         }
+        measureTextBounds(attribute) {
+            return measureTextBounds(attribute);
+        }
         getCustomRender(col, row) {
             let customRender;
             if (this.getCellLocation(col, row) !== 'body') {
@@ -58854,7 +58953,7 @@
         let chartSpec = layout.getRawChartSpec(col, row);
         if (chartSpec) {
             if (layout._table.isPivotChart()) {
-                chartSpec = cloneDeep(chartSpec);
+                chartSpec = cloneDeepSpec(chartSpec);
                 chartSpec.sortDataByAxis = true;
                 if (isArray$3(chartSpec.series)) {
                     chartSpec.series.forEach((serie) => {
@@ -61773,6 +61872,11 @@
                 this.scenegraph.resize();
             }
             this.render();
+            if (isValid$3(oldHoverState.col) && isValid$3(oldHoverState.row) && oldHoverState.col >= 0 && oldHoverState.row >= 0) {
+                setTimeout(() => {
+                    this.internalProps.tooltipHandler.showTooltip(oldHoverState.col, oldHoverState.row);
+                }, 0);
+            }
         }
         setRecordChildren(records, col, row) {
             const record = this.getCellOriginRecord(col, row);
@@ -68343,7 +68447,7 @@
     }
 
     registerForVrender();
-    const version = "0.23.2";
+    const version = "0.23.3";
     function getIcons() {
         return get$2();
     }