@visactor/vtable 1.22.11-alpha.8 → 1.22.11

package/dist/vtable.js

@@ -36018,47 +36018,6 @@
             }
         };
     }
-    function cancellableThrottle(func, delay) {
-        let timer = null;
-        let lastArgs = null;
-        let context = null;
-        const throttled = function (...args) {
-            lastArgs = args;
-            context = this;
-            if (!timer) {
-                timer = setTimeout(() => {
-                    if (lastArgs) {
-                        func.apply(context, lastArgs);
-                    }
-                    timer = null;
-                    lastArgs = null;
-                    context = null;
-                }, delay);
-            }
-        };
-        const cancel = () => {
-            if (timer) {
-                clearTimeout(timer);
-                timer = null;
-                lastArgs = null;
-                context = null;
-            }
-        };
-        const flush = () => {
-            if (timer && lastArgs) {
-                clearTimeout(timer);
-                func.apply(context, lastArgs);
-                timer = null;
-                lastArgs = null;
-                context = null;
-            }
-        };
-        return {
-            throttled,
-            cancel,
-            flush
-        };
-    }
     function pad(num, totalChars) {
         const pad = '0';
         num = `${num}`;
@@ -49015,27 +48974,9 @@
         return hoverMode;
     }
 
-    let brushingChartInstance;
-    let brushingChartInstanceCellPos = { col: -1, row: -1 };
-    function setBrushingChartInstance(chartInstance, col, row) {
-        brushingChartInstance = chartInstance;
-        brushingChartInstanceCellPos = { col, row };
-    }
-    function clearBrushingChartInstance() {
-        brushingChartInstance = undefined;
-        brushingChartInstanceCellPos = { col: -1, row: -1 };
-    }
-    function getBrushingChartInstance() {
-        return brushingChartInstance;
-    }
-    function getBrushingChartInstanceCellPos() {
-        return brushingChartInstanceCellPos;
-    }
     const chartInstanceListColumnByColumnDirection = {};
     const chartInstanceListRowByRowDirection = {};
-    const delayRunDimensionHoverTimer = [];
     function generateChartInstanceListByColumnDirection(col, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = false, isScatter = false) {
-        clearDelayRunDimensionHoverTimers();
         if (!isValid$1(chartInstanceListColumnByColumnDirection[col])) {
             chartInstanceListColumnByColumnDirection[col] = {};
         }
@@ -49045,9 +48986,9 @@
         for (let i = rowStart; i <= rowEnd; i++) {
             const cellGroup = table.scenegraph.getCell(col, i);
             const chartNode = cellGroup?.getChildren()?.[0];
+            chartNode.addUpdateShapeAndBoundsTag();
             if (chartInstanceListColumnByColumnDirection[col][i]) ;
             else if (isValid$1(chartNode)) {
-                chartNode.addUpdateShapeAndBoundsTag();
                 if (chartNode.activeChartInstance) {
                     chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
                 }
@@ -49056,13 +48997,44 @@
                     chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
                 }
             }
-            const timer = setTimeout(() => {
+            setTimeout(() => {
                 if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
                     const chartDimensionLinkage = table.options.chartDimensionLinkage;
                     let isShowTooltip = !isScatter;
                     if (!isScatter && typeof chartDimensionLinkage === 'object') {
                         isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                        isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeRow(i, table);
+                        if (i === rowEnd && isShowTooltip) {
+                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow ?? 0;
+                            const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
+                            if (rowEnd1 === rowEnd) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(0, 5);
+                                if (rowEnd2 !== rowEnd) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
+                        }
+                        else if (i === rowStart && isShowTooltip) {
+                            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow ?? 0;
+                            const { rowStart: rowStart1 } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
+                            if (rowStart1 === rowStart) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { rowStart: rowStart2 } = table.getBodyVisibleRowRange(0, -5);
+                                if (rowStart2 !== rowStart) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
+                        }
                     }
                     if (isScatter) {
                         if (table.stateManager.hover.cellPos.col !== col || table.stateManager.hover.cellPos.row !== i) {
@@ -49075,7 +49047,6 @@
                         }
                     }
                     else {
-                        const cellBoundry = table.getCellRelativeRect(col, i);
                         const bodyBoundryTop = table.frozenRowCount
                             ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom
                             : 0;
@@ -49086,32 +49057,43 @@
                             }
                             chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                                 tooltip: false,
-                                showTooltipOption: {
-                                    x: canvasXY.x - cellBoundry.left,
-                                    y: absolutePositionTop - cellBoundry.top,
-                                    activeType: 'dimension'
-                                }
+                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
                             });
                         }
                         else {
                             chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                                 tooltip: isShowTooltip,
-                                showTooltipOption: {
-                                    x: canvasXY.x - cellBoundry.left,
-                                    y: absolutePositionTop - cellBoundry.top,
-                                    activeType: 'dimension'
-                                }
+                                showTooltipOption: { x: canvasXY.x, y: absolutePositionTop, activeType: 'dimension' }
                             });
                         }
                     }
                 }
             }, 0);
-            delayRunDimensionHoverTimer.push(timer);
             table.scenegraph.updateNextFrame();
         }
     }
+    function clearChartInstanceListByColumnDirection(col, excludedRow, table) {
+        if (isValid$1(chartInstanceListColumnByColumnDirection[col])) {
+            for (const i in chartInstanceListColumnByColumnDirection[col]) {
+                if (isValid$1(excludedRow) && Number(i) === excludedRow) {
+                    continue;
+                }
+                const cellGroup = table.scenegraph.getCell(col, Number(i));
+                const chartNode = cellGroup?.getChildren()?.[0];
+                chartNode.addUpdateShapeAndBoundsTag();
+                if (isValid$1(chartNode)) {
+                    chartNode.deactivate(table, {
+                        releaseChartInstance: true,
+                        releaseColumnChartInstance: false,
+                        releaseRowChartInstance: false
+                    });
+                    chartInstanceListColumnByColumnDirection[col][i] = null;
+                }
+            }
+            delete chartInstanceListColumnByColumnDirection[col];
+        }
+    }
     function generateChartInstanceListByRowDirection(row, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = false, isScatter = false) {
-        clearDelayRunDimensionHoverTimers();
         if (!isValid$1(chartInstanceListRowByRowDirection[row])) {
             chartInstanceListRowByRowDirection[row] = {};
         }
@@ -49121,9 +49103,9 @@
         for (let i = colStart; i <= colEnd; i++) {
             const cellGroup = table.scenegraph.getCell(i, row);
             const chartNode = cellGroup?.getChildren()?.[0];
+            chartNode.addUpdateShapeAndBoundsTag();
             if (chartInstanceListRowByRowDirection[row][i]) ;
             else if (isValid$1(chartNode)) {
-                chartNode.addUpdateShapeAndBoundsTag();
                 if (chartNode.activeChartInstance) {
                     chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance;
                 }
@@ -49132,13 +49114,44 @@
                     chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance;
                 }
             }
-            const timer = setTimeout(() => {
+            setTimeout(() => {
                 if (chartInstanceListRowByRowDirection[row]?.[i]) {
                     const chartDimensionLinkage = table.options.chartDimensionLinkage;
                     let isShowTooltip = !isScatter;
                     if (!isScatter && typeof chartDimensionLinkage === 'object') {
                         isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                        isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeColumn(i, table);
+                        if (i === colEnd && isShowTooltip) {
+                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
+                            const { colEnd: colEnd1 } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
+                            if (colEnd1 === colEnd) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { colEnd: colEnd2 } = table.getBodyVisibleColRange(0, 5);
+                                if (colEnd2 !== colEnd) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
+                        }
+                        else if (i === colStart && isShowTooltip) {
+                            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
+                            const { colStart: colStart1 } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
+                            if (colStart1 === colStart) {
+                                isShowTooltip = true;
+                            }
+                            else {
+                                const { colStart: colStart2 } = table.getBodyVisibleColRange(0, -5);
+                                if (colStart2 !== colStart) {
+                                    isShowTooltip = true;
+                                }
+                                else {
+                                    isShowTooltip = false;
+                                }
+                            }
+                        }
                     }
                     if (isScatter) {
                         if (table.stateManager.hover.cellPos.col !== i || table.stateManager.hover.cellPos.row !== row) {
@@ -49151,7 +49164,6 @@
                         }
                     }
                     else {
-                        const cellBoundry = table.getCellRelativeRect(i, row);
                         const bodyBoundryLeft = table.frozenColCount
                             ? table.getCellRelativeRect(table.frozenColCount - 1, row).right
                             : 0;
@@ -49162,188 +49174,22 @@
                             }
                             chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                                 tooltip: false,
-                                showTooltipOption: {
-                                    x: absolutePositionLeft - cellBoundry.left,
-                                    y: canvasXY.y - cellBoundry.top,
-                                    activeType: 'dimension'
-                                }
+                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
                             });
                         }
                         else {
                             chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                                 tooltip: isShowTooltip,
-                                showTooltipOption: {
-                                    x: absolutePositionLeft - cellBoundry.left,
-                                    y: canvasXY.y - cellBoundry.top,
-                                    activeType: 'dimension'
-                                }
+                                showTooltipOption: { x: absolutePositionLeft, y: canvasXY.y, activeType: 'dimension' }
                             });
                         }
                     }
                 }
             }, 0);
-            delayRunDimensionHoverTimer.push(timer);
             table.scenegraph.updateNextFrame();
         }
     }
-    function generateChartInstanceListByViewRange(datum, table, deactivate = false) {
-        clearDelayRunDimensionHoverTimers();
-        const { rowStart } = table.getBodyVisibleRowRange();
-        let rowEnd = table.getBodyVisibleRowRange().rowEnd;
-        rowEnd = Math.min(table.rowCount - 1 - table.bottomFrozenRowCount, rowEnd);
-        const { colStart } = table.getBodyVisibleColRange();
-        let colEnd = table.getBodyVisibleColRange().colEnd;
-        colEnd = Math.min(table.colCount - 1 - table.rightFrozenColCount, colEnd);
-        for (let col = colStart; col <= colEnd; col++) {
-            if (!isValid$1(chartInstanceListColumnByColumnDirection[col])) {
-                chartInstanceListColumnByColumnDirection[col] = {};
-            }
-            for (let i = rowStart; i <= rowEnd; i++) {
-                const cellGroup = table.scenegraph.getCell(col, i);
-                const chartNode = cellGroup?.getChildren()?.[0];
-                if (chartInstanceListColumnByColumnDirection[col][i]) ;
-                else if (isValid$1(chartNode)) {
-                    chartNode.addUpdateShapeAndBoundsTag();
-                    if (chartNode.activeChartInstance) {
-                        chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
-                    }
-                    else {
-                        if (chartNode.attribute.spec.type === 'pie') {
-                            chartNode.activate(table);
-                            chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance;
-                        }
-                    }
-                }
-                const timer = setTimeout(() => {
-                    if (chartInstanceListColumnByColumnDirection[col]?.[i]) {
-                        const chartDimensionLinkage = table.options.chartDimensionLinkage;
-                        let isShowTooltip = true;
-                        if (typeof chartDimensionLinkage === 'object') {
-                            if (deactivate) {
-                                chartInstanceListColumnByColumnDirection[col][i].setHovered();
-                                chartInstanceListColumnByColumnDirection[col][i].hideTooltip();
-                            }
-                            else {
-                                isShowTooltip = chartDimensionLinkage.showTooltip ?? true;
-                                isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeRow(i, table);
-                                isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeColumn(col, table);
-                                chartInstanceListColumnByColumnDirection[col][i].setHovered(datum);
-                                isShowTooltip &&
-                                    chartInstanceListColumnByColumnDirection[col][i].showTooltip(datum, {
-                                        activeType: 'mark'
-                                    });
-                            }
-                        }
-                    }
-                }, 0);
-                delayRunDimensionHoverTimer.push(timer);
-                table.scenegraph.updateNextFrame();
-            }
-        }
-    }
-    function checkIsShowTooltipForEdgeRow(row, table) {
-        let isShowTooltip = true;
-        const { rowStart } = table.getBodyVisibleRowRange();
-        let rowEnd = table.getBodyVisibleRowRange().rowEnd;
-        rowEnd = Math.min(table.rowCount - 1 - table.bottomFrozenRowCount, rowEnd);
-        const chartDimensionLinkage = table.options.chartDimensionLinkage;
-        if (row === rowEnd && isShowTooltip) {
-            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow ?? 0;
-            const { rowEnd: rowEnd1 } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
-            if (rowEnd1 === rowEnd) {
-                isShowTooltip = true;
-            }
-            else {
-                const { rowEnd: rowEnd2 } = table.getBodyVisibleRowRange(0, 5);
-                if (rowEnd2 !== rowEnd) {
-                    isShowTooltip = true;
-                }
-                else {
-                    isShowTooltip = false;
-                }
-            }
-        }
-        else if (row === rowStart && isShowTooltip) {
-            const heightLimitToShowTooltipForEdgeRow = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow ?? 0;
-            const { rowStart: rowStart1 } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-            if (rowStart1 === rowStart) {
-                isShowTooltip = true;
-            }
-            else {
-                const { rowStart: rowStart2 } = table.getBodyVisibleRowRange(0, -5);
-                if (rowStart2 !== rowStart) {
-                    isShowTooltip = true;
-                }
-                else {
-                    isShowTooltip = false;
-                }
-            }
-        }
-        return isShowTooltip;
-    }
-    function checkIsShowTooltipForEdgeColumn(col, table) {
-        let isShowTooltip = true;
-        const { colStart } = table.getBodyVisibleColRange();
-        let colEnd = table.getBodyVisibleColRange().colEnd;
-        colEnd = Math.min(table.colCount - 1 - table.rightFrozenColCount, colEnd);
-        const chartDimensionLinkage = table.options.chartDimensionLinkage;
-        if (col === colEnd && isShowTooltip) {
-            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
-            const { colEnd: colEnd1 } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
-            if (colEnd1 === colEnd) {
-                isShowTooltip = true;
-            }
-            else {
-                const { colEnd: colEnd2 } = table.getBodyVisibleColRange(0, 5);
-                if (colEnd2 !== colEnd) {
-                    isShowTooltip = true;
-                }
-                else {
-                    isShowTooltip = false;
-                }
-            }
-        }
-        else if (col === colStart && isShowTooltip) {
-            const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn;
-            const { colStart: colStart1 } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
-            if (colStart1 === colStart) {
-                isShowTooltip = true;
-            }
-            else {
-                const { colStart: colStart2 } = table.getBodyVisibleColRange(0, -5);
-                if (colStart2 !== colStart) {
-                    isShowTooltip = true;
-                }
-                else {
-                    isShowTooltip = false;
-                }
-            }
-        }
-        return isShowTooltip;
-    }
-    function clearChartInstanceListByColumnDirection(col, excludedRow, table, forceRelease = false) {
-        if (isValid$1(chartInstanceListColumnByColumnDirection[col])) {
-            for (const i in chartInstanceListColumnByColumnDirection[col]) {
-                if (isValid$1(excludedRow) && Number(i) === excludedRow) {
-                    continue;
-                }
-                const cellGroup = table.scenegraph.getCell(col, Number(i));
-                const chartNode = cellGroup?.getChildren()?.[0];
-                if (isValid$1(chartNode)) {
-                    chartNode.addUpdateShapeAndBoundsTag();
-                    chartNode.deactivate(table, {
-                        forceRelease: forceRelease,
-                        releaseChartInstance: true,
-                        releaseColumnChartInstance: false,
-                        releaseRowChartInstance: false
-                    });
-                    chartInstanceListColumnByColumnDirection[col][i] = null;
-                }
-            }
-            delete chartInstanceListColumnByColumnDirection[col];
-        }
-    }
-    function clearChartInstanceListByRowDirection(row, excludedCol, table, forceRelease = false) {
+    function clearChartInstanceListByRowDirection(row, excludedCol, table) {
         if (isValid$1(chartInstanceListRowByRowDirection[row])) {
             for (const i in chartInstanceListRowByRowDirection[row]) {
                 if (isValid$1(excludedCol) && Number(i) === excludedCol) {
@@ -49351,10 +49197,9 @@
                 }
                 const cellGroup = table.scenegraph.getCell(Number(i), row);
                 const chartNode = cellGroup?.getChildren()?.[0];
+                chartNode.addUpdateShapeAndBoundsTag();
                 if (isValid$1(chartNode)) {
-                    chartNode.addUpdateShapeAndBoundsTag();
                     chartNode.deactivate(table, {
-                        forceRelease: forceRelease,
                         releaseChartInstance: true,
                         releaseColumnChartInstance: false,
                         releaseRowChartInstance: false
@@ -49365,54 +49210,6 @@
         }
         delete chartInstanceListRowByRowDirection[row];
     }
-    function clearDelayRunDimensionHoverTimers() {
-        for (const timer of delayRunDimensionHoverTimer) {
-            clearTimeout(timer);
-        }
-        delayRunDimensionHoverTimer.length = 0;
-    }
-    function clearAllChartInstanceList(table, forceRelease = false) {
-        clearDelayRunDimensionHoverTimers();
-        for (const col in chartInstanceListColumnByColumnDirection) {
-            clearChartInstanceListByColumnDirection(Number(col), undefined, table, forceRelease);
-        }
-        for (const row in chartInstanceListRowByRowDirection) {
-            clearChartInstanceListByRowDirection(Number(row), undefined, table, forceRelease);
-        }
-    }
-    let disabledShowTooltipToAllChartInstances = false;
-    function isDisabledShowTooltipToAllChartInstances() {
-        return disabledShowTooltipToAllChartInstances;
-    }
-    function disableTooltipToAllChartInstances() {
-        disabledShowTooltipToAllChartInstances = true;
-        clearDelayRunDimensionHoverTimers();
-        for (const col in chartInstanceListColumnByColumnDirection) {
-            for (const row in chartInstanceListColumnByColumnDirection[col]) {
-                chartInstanceListColumnByColumnDirection[col][row].disableTooltip(true);
-                chartInstanceListColumnByColumnDirection[col][row].hideTooltip();
-            }
-        }
-        for (const row in chartInstanceListRowByRowDirection) {
-            for (const col in chartInstanceListRowByRowDirection[row]) {
-                chartInstanceListRowByRowDirection[row][col].disableTooltip(true);
-                chartInstanceListRowByRowDirection[row][col].hideTooltip();
-            }
-        }
-    }
-    function enableTooltipToAllChartInstances() {
-        disabledShowTooltipToAllChartInstances = false;
-        for (const col in chartInstanceListColumnByColumnDirection) {
-            for (const row in chartInstanceListColumnByColumnDirection[col]) {
-                chartInstanceListColumnByColumnDirection[col][row].disableTooltip(false);
-            }
-        }
-        for (const row in chartInstanceListRowByRowDirection) {
-            for (const col in chartInstanceListRowByRowDirection[row]) {
-                chartInstanceListRowByRowDirection[row][col].disableTooltip(false);
-            }
-        }
-    }
 
     function isValidAlignDomain(domain) {
         return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -50372,7 +50169,6 @@
         type = 'chart';
         chartInstance;
         activeChartInstance;
-        activeChartInstanceLastViewBox = null;
         activeChartInstanceHoverOnMark = null;
         justShowMarkTooltip = undefined;
         justShowMarkTooltipTimer = Date.now();
@@ -50417,6 +50213,7 @@
                 y1: y1 - table.scrollTop,
                 y2: y2 - table.scrollTop
             });
+            this.activeChartInstance?.release();
             this.attribute.ClassType.globalConfig.uniqueTooltip = false;
             this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
                 renderCanvas: this.attribute.canvas,
@@ -50469,7 +50266,7 @@
                         }
                     }
                 },
-                componentShowContent: table.options.chartDimensionLinkage?.showTooltip &&
+                componentShowContent: table.options.chartDimensionLinkage &&
                     this.attribute.spec.type !== 'scatter'
                     ? {
                         tooltip: {
@@ -50490,54 +50287,21 @@
             table.internalProps.layoutMap?.updateDataStateToActiveChartInstance?.(this.activeChartInstance);
             this.activeChartInstance.on('click', (params) => {
                 if (this.attribute.spec.select?.enable === false) {
-                    table.scenegraph.updateChartState(null, undefined);
+                    table.scenegraph.updateChartState(null);
                 }
                 else if (Chart.temp) {
-                    table.scenegraph.updateChartState(params?.datum, 'click');
-                }
-            });
-            let brushChangeThrottle;
-            if (table.options.chartDimensionLinkage?.listenBrushChange) {
-                brushChangeThrottle = cancellableThrottle(table.scenegraph.updateChartState.bind(table.scenegraph), table.options.chartDimensionLinkage?.brushChangeDelay ?? 100);
-                this.activeChartInstance.on('brushChange', (params) => {
-                    brushChangeThrottle.throttled(params?.value?.inBrushData, 'brush');
-                });
-            }
-            this.activeChartInstance.on('brushStart', (params) => {
-                const brushingChartInstance = getBrushingChartInstance();
-                if (brushingChartInstance !== this.activeChartInstance) {
-                    if (brushingChartInstance) {
-                        brushingChartInstance.getChart().getComponentsByKey('brush')[0].clearBrushStateAndMask();
-                    }
-                    setBrushingChartInstance(this.activeChartInstance, col, row);
+                    table.scenegraph.updateChartState(params?.datum);
                 }
             });
             this.activeChartInstance.on('brushEnd', (params) => {
-                brushChangeThrottle?.cancel();
-                table.scenegraph.updateChartState(params?.value?.inBrushData, 'brush');
+                table.scenegraph.updateChartState(params?.value?.inBrushData);
                 Chart.temp = 0;
                 setTimeout(() => {
                     Chart.temp = 1;
                 }, 0);
             });
-            if (table.options.chartDimensionLinkage?.showTooltip) {
-                if (this.attribute.spec.type === 'pie') {
-                    this.activeChartInstance.on('pointerover', { markName: 'pie' }, (params) => {
-                        const categoryField = this.attribute.spec.categoryField;
-                        const datum = { [categoryField]: params?.datum?.[categoryField] };
-                        generateChartInstanceListByViewRange(datum, table, false);
-                    });
-                    this.activeChartInstance.on('pointerout', { markName: 'pie' }, (params) => {
-                        const categoryField = this.attribute.spec.categoryField;
-                        const datum = { [categoryField]: params?.datum?.[categoryField] };
-                        generateChartInstanceListByViewRange(datum, table, true);
-                    });
-                }
+            if (table.options.chartDimensionLinkage) {
                 this.activeChartInstance.on('dimensionHover', (params) => {
-                    if (isDisabledShowTooltipToAllChartInstances()) {
-                        return;
-                    }
-                    this.activeChartInstance.disableTooltip(false);
                     const dimensionInfo = params?.dimensionInfo[0];
                     const canvasXY = params?.event?.canvas;
                     const viewport = params?.event?.viewport;
@@ -50588,11 +50352,13 @@
                             }
                             else if (prev_justShowMarkTooltip === false && justShowMarkTooltip === true) {
                                 delayRunDimensionHover = false;
-                                this.clearDelayRunDimensionHoverTimer();
+                                clearTimeout(this.delayRunDimensionHoverTimer);
+                                this.delayRunDimensionHoverTimer = undefined;
                             }
                             else if (prev_justShowMarkTooltip === true && justShowMarkTooltip === true) {
                                 delayRunDimensionHover = false;
-                                this.clearDelayRunDimensionHoverTimer();
+                                clearTimeout(this.delayRunDimensionHoverTimer);
+                                this.delayRunDimensionHoverTimer = undefined;
                             }
                             if (params.action === 'enter' ||
                                 params.action === 'move' ||
@@ -50608,11 +50374,8 @@
                                     }
                                 }
                                 else {
-                                    this.clearDelayRunDimensionHoverTimer();
+                                    clearTimeout(this.delayRunDimensionHoverTimer);
                                     this.delayRunDimensionHoverTimer = setTimeout(() => {
-                                        if (isDisabledShowTooltipToAllChartInstances()) {
-                                            return;
-                                        }
                                         if (indicatorsAsCol) {
                                             generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, false);
                                         }
@@ -50673,31 +50436,23 @@
                 });
             }
             table._bindChartEvent?.(this.activeChartInstance);
-            if (isDisabledShowTooltipToAllChartInstances()) {
-                this.activeChartInstance.disableTooltip(true);
-            }
         }
         static temp = 1;
-        clearDelayRunDimensionHoverTimer() {
-            clearTimeout(this.delayRunDimensionHoverTimer);
-            this.delayRunDimensionHoverTimer = undefined;
-        }
-        deactivate(table, { forceRelease = false, releaseChartInstance = true, releaseColumnChartInstance = true, releaseRowChartInstance = true, releaseAllChartInstance = false } = {}) {
+        deactivate(table, { releaseChartInstance = true, releaseColumnChartInstance = true, releaseRowChartInstance = true } = {}) {
             this.activeChartInstanceHoverOnMark = null;
             this.justShowMarkTooltip = undefined;
             this.justShowMarkTooltipTimer = Date.now();
-            this.clearDelayRunDimensionHoverTimer();
+            clearTimeout(this.delayRunDimensionHoverTimer);
+            this.delayRunDimensionHoverTimer = undefined;
             if (releaseChartInstance) {
-                if (forceRelease || !getBrushingChartInstance() || getBrushingChartInstance() !== this.activeChartInstance) {
-                    this.activeChartInstance?.updateViewBox({
-                        x1: -1000,
-                        x2: -800,
-                        y1: -1000,
-                        y2: -800
-                    }, false, false);
-                    this.activeChartInstance?.release();
-                    this.activeChartInstance = null;
-                }
+                this.activeChartInstance?.updateViewBox({
+                    x1: -1000,
+                    x2: -800,
+                    y1: -1000,
+                    y2: -800
+                }, false, false);
+                this.activeChartInstance?.release();
+                this.activeChartInstance = null;
                 const { col, row } = this.parent;
                 table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) &&
                     table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild?.hideLabelHoverOnAxis?.();
@@ -50717,16 +50472,11 @@
                         table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild?.hideLabelHoverOnAxis?.();
                 }
             }
-            if (releaseAllChartInstance) {
-                clearAllChartInstanceList(table, forceRelease);
+            if (releaseColumnChartInstance) {
+                clearChartInstanceListByColumnDirection(this.parent.col, this.attribute.spec.type === 'scatter' ? this.parent.row : undefined, table);
             }
-            else {
-                if (releaseColumnChartInstance) {
-                    clearChartInstanceListByColumnDirection(this.parent.col, this.attribute.spec.type === 'scatter' ? this.parent.row : undefined, table, forceRelease);
-                }
-                if (releaseRowChartInstance) {
-                    clearChartInstanceListByRowDirection(this.parent.row, this.attribute.spec.type === 'scatter' ? this.parent.col : undefined, table, forceRelease);
-                }
+            if (releaseRowChartInstance) {
+                clearChartInstanceListByRowDirection(this.parent.row, this.attribute.spec.type === 'scatter' ? this.parent.col : undefined, table);
             }
         }
         updateData(data) {
@@ -50737,19 +50487,12 @@
             const padding = this.attribute.cellPadding;
             const table = this.stage.table;
             const { x1, y1, x2, y2 } = cellGroup.globalAABBBounds;
-            const viewBox = {
+            return {
                 x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (table.options.viewBox?.x1 ?? 0)),
                 x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (table.options.viewBox?.x1 ?? 0)),
                 y1: Math.ceil(y1 + padding[0] + table.scrollTop + (table.options.viewBox?.y1 ?? 0)),
                 y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (table.options.viewBox?.y1 ?? 0))
             };
-            if (this.activeChartInstance) {
-                this.activeChartInstanceLastViewBox = viewBox;
-            }
-            else {
-                this.activeChartInstanceLastViewBox = null;
-            }
-            return viewBox;
         }
     }
     function getTableBounds(col, row, table) {
@@ -51018,6 +50761,7 @@
         drawShape(chart, context, x, y, drawContext, params, fillCb, strokeCb) {
             const groupAttribute = getTheme(chart, params?.theme).group;
             const { dataId, data, spec } = chart.attribute;
+            chart.getViewBox();
             const { width = groupAttribute.width, height = groupAttribute.height } = chart.attribute;
             const { table } = chart.getRootNode();
             const { cacheCanvas, activeChartInstance } = chart;
@@ -51040,20 +50784,13 @@
                         activeChartInstance.updateSpecSync(spec, false, { reuse: false, morph: false });
                     }
                 }
-                const lastViewBox = chart.activeChartInstanceLastViewBox;
                 const viewBox = chart.getViewBox();
-                if (!(lastViewBox &&
-                    viewBox.x1 === lastViewBox.x1 &&
-                    viewBox.x2 === lastViewBox.x2 &&
-                    viewBox.y1 === lastViewBox.y1 &&
-                    viewBox.y2 === lastViewBox.y2)) {
-                    activeChartInstance.updateViewBox({
-                        x1: 0,
-                        x2: viewBox.x2 - viewBox.x1,
-                        y1: 0,
-                        y2: viewBox.y2 - viewBox.y1
-                    }, false, false);
-                }
+                activeChartInstance.updateViewBox({
+                    x1: 0,
+                    x2: viewBox.x2 - viewBox.x1,
+                    y1: 0,
+                    y2: viewBox.y2 - viewBox.y1
+                }, false, false);
                 const chartStage = activeChartInstance.getStage();
                 chartStage.needRender = true;
                 const matrix = chart.globalTransMatrix.clone();
@@ -55839,6 +55576,7 @@
             rowUpdatePos = isValid$1(rowUpdatePos) ? (isValid$1(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
         }
         scene.table._clearRowRangeHeightsMap();
+        verifyProxyRowStatus(scene);
         let updateAfter;
         addRows.forEach(row => {
             const needUpdateAfter = addRow(row, scene, skipUpdateProxy);
@@ -56257,6 +55995,31 @@
             }
         }
     }
+    function verifyProxyRowStatus(scene) {
+        const proxy = scene.proxy;
+        const { rowStart, rowEnd, rowLimit, totalRow } = proxy;
+        if (rowStart > rowEnd) {
+            proxy.rowStart = scene.table.columnHeaderLevelCount;
+            proxy.rowEnd = Math.min(totalRow, proxy.rowStart + rowLimit - 1);
+            proxy.currentRow = 0;
+            return;
+        }
+        if (rowStart + rowLimit - 1 > totalRow) {
+            const oldRowStart = proxy.rowStart;
+            const newRowStart = Math.max(scene.table.columnHeaderLevelCount, totalRow - rowLimit + 1);
+            if (newRowStart === oldRowStart) {
+                return;
+            }
+            proxy.rowStart = newRowStart;
+            proxy.rowEnd = Math.min(totalRow, newRowStart + rowLimit - 1);
+            proxy.currentRow = proxy.rowEnd + 1;
+            const addRowCount = oldRowStart - proxy.rowStart;
+            for (let i = 0; i < addRowCount; i++) {
+                addRowCellGroup(proxy.rowStart + i, scene);
+            }
+            proxy.rowUpdatePos = proxy.rowStart;
+        }
+    }
 
     function createReactContainer(table) {
         const { internalProps } = table;
@@ -57169,10 +56932,9 @@
         updateTableAxes(scenegraph.rightFrozenGroup, scenegraph.table);
         updateTableAxes(scenegraph.bottomFrozenGroup, scenegraph.table);
     }
-    function updateChartState(scenegraph, datum, selectedDataMode) {
+    function updateChartState(scenegraph, datum) {
         const table = scenegraph.table;
         if (table.isPivotChart()) {
-            table._selectedDataMode = selectedDataMode;
             const preSelectItemsCount = table._selectedDataItemsInChart.length;
             if ((datum === null || datum === undefined || datum?.length === 0 || Object.keys(datum).length === 0) &&
                 preSelectItemsCount === 0) {
@@ -58439,73 +58201,38 @@
         resetResidentHoverIcon(col, row) {
             resetResidentHoverIcon(col, row, this);
         }
-        deactivateChart(col, row, forceRelease = false) {
+        deactivateChart(col, row) {
             if (col === -1 || row === -1) {
-                if (forceRelease) {
-                    const brushingChartInstanceCellPos = getBrushingChartInstanceCellPos();
-                    const brushingChartInstance = getBrushingChartInstance();
-                    if (brushingChartInstanceCellPos && brushingChartInstance) {
-                        const cellGroup = this.getCell(brushingChartInstanceCellPos.col, brushingChartInstanceCellPos.row);
-                        if (cellGroup?.firstChild?.deactivate) {
-                            clearBrushingChartInstance();
-                            cellGroup?.firstChild?.deactivate?.(this.table, {
-                                forceRelease: true,
-                                releaseChartInstance: true,
-                                releaseColumnChartInstance: true,
-                                releaseRowChartInstance: true,
-                                releaseAllChartInstance: true
-                            });
-                        }
-                    }
-                }
                 return;
             }
             const cellGroup = this.getCell(col, row);
             if (cellGroup?.firstChild?.deactivate) {
-                if (forceRelease) {
-                    clearBrushingChartInstance();
-                    cellGroup?.firstChild?.deactivate?.(this.table, {
-                        forceRelease: true,
-                        releaseChartInstance: true,
-                        releaseColumnChartInstance: true,
-                        releaseRowChartInstance: true,
-                        releaseAllChartInstance: true
-                    });
-                    return;
-                }
                 const chartNode = cellGroup?.firstChild;
                 const chartType = chartNode.attribute.spec.type;
-                cellGroup?.firstChild?.deactivate?.(this.table, this.table.options.chartDimensionLinkage?.showTooltip
+                cellGroup?.firstChild?.deactivate?.(this.table, this.table.options.chartDimensionLinkage
                     ? {
-                        releaseChartInstance: chartType === 'pie'
-                            ? false
-                            : chartType === 'scatter'
-                                ? (col !== this.table.stateManager.hover.cellPos.col &&
-                                    row !== this.table.stateManager.hover.cellPos.row) ||
-                                    this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
-                                    this.table.stateManager.hover.cellPos.row >
-                                        this.table.rowCount - 1 - this.table.bottomFrozenRowCount ||
-                                    this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
-                                    this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
-                                : this.table.options.indicatorsAsCol
-                                    ? row !== this.table.stateManager.hover.cellPos.row ||
-                                        this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
-                                        this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
-                                    : col !== this.table.stateManager.hover.cellPos.col ||
-                                        this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
-                                        this.table.stateManager.hover.cellPos.row >
-                                            this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
-                        releaseColumnChartInstance: chartType === 'pie'
-                            ? false
-                            : col !== this.table.stateManager.hover.cellPos.col ||
+                        releaseChartInstance: chartType === 'scatter'
+                            ? (col !== this.table.stateManager.hover.cellPos.col &&
+                                row !== this.table.stateManager.hover.cellPos.row) ||
                                 this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
                                 this.table.stateManager.hover.cellPos.row >
-                                    this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
-                        releaseRowChartInstance: chartType === 'pie'
-                            ? false
-                            : row !== this.table.stateManager.hover.cellPos.row ||
+                                    this.table.rowCount - 1 - this.table.bottomFrozenRowCount ||
                                 this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
                                 this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
+                            : this.table.options.indicatorsAsCol
+                                ? row !== this.table.stateManager.hover.cellPos.row ||
+                                    this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
+                                    this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
+                                : col !== this.table.stateManager.hover.cellPos.col ||
+                                    this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
+                                    this.table.stateManager.hover.cellPos.row >
+                                        this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
+                        releaseColumnChartInstance: col !== this.table.stateManager.hover.cellPos.col ||
+                            this.table.stateManager.hover.cellPos.row < this.table.frozenRowCount ||
+                            this.table.stateManager.hover.cellPos.row > this.table.rowCount - 1 - this.table.bottomFrozenRowCount,
+                        releaseRowChartInstance: row !== this.table.stateManager.hover.cellPos.row ||
+                            this.table.stateManager.hover.cellPos.col < this.table.frozenColCount ||
+                            this.table.stateManager.hover.cellPos.col > this.table.colCount - 1 - this.table.rightFrozenColCount
                     }
                     : undefined);
             }
@@ -58562,17 +58289,8 @@
         updateChartSizeForResizeRowHeight(row) {
             updateChartSizeForResizeRowHeight(this, row);
         }
-        updateChartState(datum, selectedDataMode) {
-            if (this.table.isPivotChart()) {
-                if (datum === null || datum === undefined || datum?.length === 0 || Object.keys(datum).length === 0) {
-                    const brushingChartInstance = getBrushingChartInstance();
-                    if (brushingChartInstance) {
-                        brushingChartInstance.getChart().getComponentsByKey('brush')[0].clearBrushStateAndMask();
-                    }
-                    this.table.options.chartDimensionLinkage?.clearChartState?.();
-                }
-                updateChartState(this, datum, selectedDataMode);
-            }
+        updateChartState(datum) {
+            this.table.isPivotChart() && updateChartState(this, datum);
         }
         updateCheckboxCellState(col, row, checked) {
             if (this.table.transpose) {
@@ -60104,7 +59822,7 @@
                 scenegraph.updateCellSelectBorder(currentRange);
             }
             else {
-                let extendSelectRange = true;
+                let extendSelectRange = isValid$1(skipBodyMerge) ? !skipBodyMerge : true;
                 if (cellPos.col !== -1 && cellPos.row !== -1 && !enableCtrlSelectMode) {
                     state.select.ranges = [];
                     scenegraph.deleteAllSelectBorder();
@@ -60272,7 +59990,7 @@
         }
         else if ((interactionState === InteractionState.grabing || table.eventManager.isDraging) &&
             !table.stateManager.isResizeCol()) {
-            let extendSelectRange = true;
+            let extendSelectRange = isValid$1(skipBodyMerge) ? !skipBodyMerge : true;
             if (cellPos.col === -1) {
                 cellPos.col = col;
             }
@@ -63859,8 +63577,7 @@
                 return;
             }
             if (table.isPivotChart() && eventArgsSet?.eventArgs?.target.type !== 'chart') {
-                table.scenegraph.updateChartState(null, undefined);
-                table.scenegraph.deactivateChart(-1, -1, true);
+                table.scenegraph.updateChartState(null);
             }
             if (eventArgsSet.eventArgs?.target !== stateManager.residentHoverIcon?.icon) {
                 stateManager.hideMenu();
@@ -63929,8 +63646,7 @@
                     else {
                         if (!eventManager.checkCellFillhandle(eventArgsSet) &&
                             (eventManager.checkColumnResize(eventArgsSet, true) || eventManager.checkRowResize(eventArgsSet, true))) {
-                            table.scenegraph.updateChartState(null, undefined);
-                            table.scenegraph.deactivateChart(-1, -1, true);
+                            table.scenegraph.updateChartState(null);
                             stateManager.updateInteractionState(InteractionState.grabing);
                             return;
                         }
@@ -64175,8 +63891,7 @@
                     !eventManager.checkCellFillhandle(eventArgsSet) &&
                     !stateManager.columnResize.resizing &&
                     eventManager.checkColumnResize(eventArgsSet, true)) {
-                    table.scenegraph.updateChartState(null, undefined);
-                    table.scenegraph.deactivateChart(-1, -1, true);
+                    table.scenegraph.updateChartState(null);
                     stateManager.updateInteractionState(InteractionState.grabing);
                     const { eventArgs } = eventArgsSet;
                     if (!eventArgs?.targetCell) {
@@ -64223,8 +63938,7 @@
                 }
                 stateManager.endSelectCells(true, isHasSelected);
                 stateManager.updateCursor();
-                table.scenegraph.updateChartState(null, undefined);
-                table.scenegraph.deactivateChart(-1, -1, true);
+                table.scenegraph.updateChartState(null);
             }
             else if (table.eventManager.isDraging && stateManager.isSelecting()) {
                 stateManager.endSelectCells();
@@ -64415,10 +64129,6 @@
             const legend = e.path.find(node => node.name === 'legend');
             if (!legend) {
                 table.editorManager?.completeEdit();
-                const { cellPos } = table.stateManager.hover;
-                const prevHoverCellCol = cellPos.col;
-                const prevHoverCellRow = cellPos.row;
-                table.scenegraph.deactivateChart(prevHoverCellCol, prevHoverCellRow, true);
                 if (table.eventManager._enableTableScroll) {
                     handleWhell(e, stateManager);
                 }
@@ -64612,9 +64322,6 @@
             if (stateManager.interactionState !== InteractionState.scrolling) {
                 stateManager.updateInteractionState(InteractionState.scrolling);
             }
-            scenegraph.table.stateManager.hideMenu();
-            scenegraph.table.editorManager?.completeEdit();
-            table.scenegraph.deactivateChart(-1, -1, true);
             const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
             throttleVerticalWheel(ratio, e);
         });
@@ -64626,9 +64333,6 @@
             if (stateManager.interactionState !== InteractionState.scrolling) {
                 stateManager.updateInteractionState(InteractionState.scrolling);
             }
-            scenegraph.table.stateManager.hideMenu();
-            scenegraph.table.editorManager?.completeEdit();
-            table.scenegraph.deactivateChart(-1, -1, true);
             const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
             throttleHorizontalWheel(ratio);
         });
@@ -64934,8 +64638,6 @@
                         stateManager.endSelectCells(true, isHasSelected);
                     }
                 });
-                table.scenegraph.updateChartState(null, undefined);
-                table.scenegraph.deactivateChart(-1, -1, true);
             }
         };
         eventManager.globalEventListeners.push({
@@ -69966,10 +69668,56 @@
         table;
         customCellStyle;
         customCellStyleArrangement;
+        _customCellStyleArrangementIndex;
+        _customCellStyleArrangementTombstoneCount;
         constructor(table, customCellStyle, customCellStyleArrangement) {
             this.table = table;
             this.customCellStyle = customCellStyle;
             this.customCellStyleArrangement = customCellStyleArrangement;
+            this._customCellStyleArrangementIndex = new Map();
+            this._customCellStyleArrangementTombstoneCount = 0;
+            this._rebuildCustomCellStyleArrangementIndex();
+        }
+        _getCustomCellStyleArrangementKey(cellPos) {
+            if (cellPos.range) {
+                const { start, end } = cellPos.range;
+                return `range:${start.col},${start.row},${end.col},${end.row}`;
+            }
+            if (cellPos.col === undefined || cellPos.row === undefined) {
+                return undefined;
+            }
+            return `cell:${cellPos.col},${cellPos.row}`;
+        }
+        _rebuildCustomCellStyleArrangementIndex() {
+            this._customCellStyleArrangementIndex.clear();
+            this._customCellStyleArrangementTombstoneCount = 0;
+            for (let i = 0; i < this.customCellStyleArrangement.length; i++) {
+                if (!isValid$1(this.customCellStyleArrangement[i].customStyleId)) {
+                    this._customCellStyleArrangementTombstoneCount++;
+                    continue;
+                }
+                const key = this._getCustomCellStyleArrangementKey(this.customCellStyleArrangement[i].cellPosition);
+                if (key) {
+                    this._customCellStyleArrangementIndex.set(key, i);
+                }
+            }
+        }
+        _compactCustomCellStyleArrangementIfNeeded() {
+            const length = this.customCellStyleArrangement.length;
+            if (this._customCellStyleArrangementTombstoneCount < 2048) {
+                return;
+            }
+            if (this._customCellStyleArrangementTombstoneCount * 4 < length) {
+                return;
+            }
+            const compacted = this.customCellStyleArrangement.filter(style => isValid$1(style.customStyleId));
+            if (compacted.length === this.customCellStyleArrangement.length) {
+                this._customCellStyleArrangementTombstoneCount = 0;
+                return;
+            }
+            this.customCellStyleArrangement.length = 0;
+            this.customCellStyleArrangement.push(...compacted);
+            this._rebuildCustomCellStyleArrangementIndex();
         }
         getCustomCellStyle(col, row) {
             const customStyleIds = this.getCustomCellStyleIds(col, row);
@@ -69992,6 +69740,9 @@
                         styles.push(styleOption.style);
                     }
                 });
+                if (!styles.length) {
+                    return undefined;
+                }
                 return merge({}, ...styles);
             }
             return undefined;
@@ -70002,6 +69753,9 @@
             for (let c = range.start.col; c <= range.end.col; c++) {
                 for (let r = range.start.row; r <= range.end.row; r++) {
                     this.customCellStyleArrangement.forEach(style => {
+                        if (!isValid$1(style.customStyleId)) {
+                            return;
+                        }
                         if (style.cellPosition.range) {
                             if (style.cellPosition.range.start.col <= c &&
                                 style.cellPosition.range.end.col >= c &&
@@ -70053,15 +69807,40 @@
             this.table.scenegraph.updateNextFrame();
         }
         arrangeCustomCellStyle(cellPos, customStyleId, forceFastUpdate) {
-            const index = this.customCellStyleArrangement.findIndex(style => {
-                if (style.cellPosition.range && cellPos.range) {
-                    return (style.cellPosition.range.start.col === cellPos.range.start.col &&
-                        style.cellPosition.range.start.row === cellPos.range.start.row &&
-                        style.cellPosition.range.end.col === cellPos.range.end.col &&
-                        style.cellPosition.range.end.row === cellPos.range.end.row);
-                }
-                return style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row;
-            });
+            const inputKey = this._getCustomCellStyleArrangementKey(cellPos);
+            let index = inputKey ? this._customCellStyleArrangementIndex.get(inputKey) ?? -1 : -1;
+            if (inputKey && index !== -1) {
+                const item = this.customCellStyleArrangement[index];
+                const itemKey = item ? this._getCustomCellStyleArrangementKey(item.cellPosition) : undefined;
+                if (!item || !isValid$1(item.customStyleId) || itemKey !== inputKey) {
+                    index = this.customCellStyleArrangement.findIndex(style => {
+                        if (!isValid$1(style.customStyleId)) {
+                            return false;
+                        }
+                        return this._getCustomCellStyleArrangementKey(style.cellPosition) === inputKey;
+                    });
+                    if (index !== -1) {
+                        this._customCellStyleArrangementIndex.set(inputKey, index);
+                    }
+                    else {
+                        this._customCellStyleArrangementIndex.delete(inputKey);
+                    }
+                }
+            }
+            if (index === -1 && !inputKey) {
+                index = this.customCellStyleArrangement.findIndex(style => {
+                    if (!isValid$1(style.customStyleId)) {
+                        return false;
+                    }
+                    if (style.cellPosition.range && cellPos.range) {
+                        return (style.cellPosition.range.start.col === cellPos.range.start.col &&
+                            style.cellPosition.range.start.row === cellPos.range.start.row &&
+                            style.cellPosition.range.end.col === cellPos.range.end.col &&
+                            style.cellPosition.range.end.row === cellPos.range.end.row);
+                    }
+                    return style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row;
+                });
+            }
             if (index === -1 && !customStyleId) {
                 return;
             }
@@ -70074,6 +69853,11 @@
                     },
                     customStyleId: customStyleId
                 });
+                const pushedIndex = this.customCellStyleArrangement.length - 1;
+                const pushedKey = this._getCustomCellStyleArrangementKey(this.customCellStyleArrangement[pushedIndex].cellPosition);
+                if (pushedKey) {
+                    this._customCellStyleArrangementIndex.set(pushedKey, pushedIndex);
+                }
             }
             else if (this.customCellStyleArrangement[index].customStyleId === customStyleId) {
                 return;
@@ -70082,9 +69866,17 @@
                 this.customCellStyleArrangement[index].customStyleId = customStyleId;
             }
             else {
-                this.customCellStyleArrangement.splice(index, 1);
+                const existedKey = this._getCustomCellStyleArrangementKey(this.customCellStyleArrangement[index].cellPosition);
+                if (isValid$1(this.customCellStyleArrangement[index].customStyleId)) {
+                    this._customCellStyleArrangementTombstoneCount++;
+                }
+                this.customCellStyleArrangement[index].customStyleId = null;
+                if (existedKey) {
+                    this._customCellStyleArrangementIndex.delete(existedKey);
+                }
+                this._compactCustomCellStyleArrangementIfNeeded();
             }
-            const style = this.getCustomCellStyleOption(customStyleId)?.style;
+            const style = customStyleId ? this.getCustomCellStyleOption(customStyleId)?.style : undefined;
             if (style) {
                 forceFastUpdate = true;
                 for (const key in style) {
@@ -70114,6 +69906,8 @@
         updateCustomCell(customCellStyle, customCellStyleArrangement) {
             this.customCellStyle.length = 0;
             this.customCellStyleArrangement.length = 0;
+            this._customCellStyleArrangementIndex.clear();
+            this._customCellStyleArrangementTombstoneCount = 0;
             customCellStyle.forEach((cellStyle) => {
                 this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
             });
@@ -70499,7 +70293,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.22.11-alpha.8";
+        version = "1.22.11";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -72495,6 +72289,7 @@
             this.stateManager.updateSelectPos(startCol, startRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
             this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.select.selecting = false;
         }
         dragSelectCol(colIndex, enableCtrlSelectMode) {
             const currentSelectRanges = this.stateManager.select.ranges;
@@ -72503,10 +72298,10 @@
                 lastSelectRange.end.col = colIndex;
             }
             this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, false, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.select.selecting = false;
         }
         endDragSelect() {
             this.stateManager.updateInteractionState(InteractionState.default);
-            this.stateManager.endSelectCells(false, false);
         }
         startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
             const lastSelectRange = this.stateManager.select.ranges[this.stateManager.select.ranges.length - 1];
@@ -72517,6 +72312,7 @@
             this.stateManager.updateSelectPos(startCol, startRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
             this.stateManager.updateInteractionState(InteractionState.grabing);
             this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.select.selecting = false;
         }
         dragSelectRow(rowIndex, isCtrl) {
             const currentSelectRanges = this.stateManager.select.ranges;
@@ -72525,6 +72321,7 @@
                 lastSelectRange.end.row = rowIndex;
             }
             this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, false, isCtrl, false, this.options.select?.makeSelectCellVisible ?? true, true);
+            this.stateManager.select.selecting = false;
         }
         get recordsCount() {
             return this.records?.length;
@@ -73738,6 +73535,22 @@
             }
             return false;
         }
+        updateCellContent(col, row) {
+            this.scenegraph.updateCellContent(col, row);
+        }
+        updateCellContentRange(startCol, startRow, endCol, endRow) {
+            for (let i = startCol; i <= endCol; i++) {
+                for (let j = startRow; j <= endRow; j++) {
+                    this.scenegraph.updateCellContent(i, j);
+                }
+            }
+        }
+        updateCellContentRanges(ranges) {
+            for (let i = 0; i < ranges.length; i++) {
+                const range = ranges[i];
+                this.updateCellContentRange(range.start.col, range.start.row, range.end.col, range.end.row);
+            }
+        }
     }
 
     var core = /*#__PURE__*/Object.freeze({
@@ -76357,7 +76170,7 @@
             }
             const editor = this.table.getEditor(col, row);
             if (editor) {
-                editElement && editor.setElement(editElement);
+                editElement && editor.setElement?.(editElement);
                 if (this.table.internalProps.layoutMap.isSeriesNumber(col, row)) {
                     return;
                 }
@@ -86402,7 +86215,11 @@
                 const colHeaderPath = {};
                 colHeaderPath.dimensionKey = colHeader.dimensionKey;
                 colHeaderPath.indicatorKey = colHeader.indicatorKey;
-                colHeaderPath.value = colHeader.value ?? this.getIndicatorInfoByIndicatorKey(colHeader.indicatorKey)?.title ?? '';
+                colHeaderPath.value =
+                    colHeader.value ??
+                        (colHeader.indicatorKey
+                            ? this.getIndicatorInfoByIndicatorKey(colHeader.indicatorKey)?.title ?? ''
+                            : colHeader.value);
                 colHeaderPath.virtual = colHeader.virtual;
                 colHeaderPath.role = colHeader.role;
                 headerPaths.colHeaderPaths.push(colHeaderPath);
@@ -87577,93 +87394,53 @@
             return null;
         }
         _generateChartState() {
-            const select_filter = (datum) => {
-                if (this._table._selectedDataItemsInChart.length >= 1) {
-                    const match = this._table._selectedDataItemsInChart.find(item => {
-                        for (const itemKey in item) {
-                            if (typeof item[itemKey] !== 'object' && item[itemKey] !== datum[itemKey]) {
-                                return false;
-                            }
-                        }
-                        return true;
-                    });
-                    return !!match;
-                }
-                else if (this._table._selectedDimensionInChart?.length) {
-                    const match = this._table._selectedDimensionInChart.every(item => {
-                        if (typeof item.value !== 'object' && datum[item.key] !== item.value) {
-                            return false;
-                        }
-                        return true;
-                    });
-                    return !!match;
-                }
-                return false;
-            };
-            const selected_reverse = (datum) => {
-                if (this._table._selectedDataItemsInChart.length >= 1) {
-                    const match = this._table._selectedDataItemsInChart.find(item => {
-                        for (const itemKey in item) {
-                            if (typeof item[itemKey] !== 'object' && item[itemKey] !== datum[itemKey]) {
-                                return false;
-                            }
-                        }
-                        return true;
-                    });
-                    return !match;
-                }
-                else if (this._table._selectedDimensionInChart?.length) {
-                    const match = this._table._selectedDimensionInChart.every(item => {
-                        if (typeof item.value !== 'object' && datum[item.key] !== item.value) {
-                            return false;
-                        }
-                        return true;
-                    });
-                    return !match;
-                }
-                return false;
-            };
             const state = {
                 vtable_selected: {
                     filter: (datum) => {
-                        if (this._table.options.chartDimensionLinkage?.selectedStateFilter) {
-                            return this._table.options.chartDimensionLinkage.selectedStateFilter(datum);
+                        if (this._table._selectedDataItemsInChart.length >= 1) {
+                            const match = this._table._selectedDataItemsInChart.find(item => {
+                                for (const itemKey in item) {
+                                    if (typeof item[itemKey] !== 'object' && item[itemKey] !== datum[itemKey]) {
+                                        return false;
+                                    }
+                                }
+                                return true;
+                            });
+                            return !!match;
                         }
-                        if (this._table._selectedDataMode === 'click') {
-                            return select_filter(datum);
+                        else if (this._table._selectedDimensionInChart?.length) {
+                            const match = this._table._selectedDimensionInChart.every(item => {
+                                if (typeof item.value !== 'object' && datum[item.key] !== item.value) {
+                                    return false;
+                                }
+                                return true;
+                            });
+                            return !!match;
                         }
                         return false;
                     }
                 },
                 vtable_selected_reverse: {
                     filter: (datum) => {
-                        if (this._table.options.chartDimensionLinkage?.selectedReverseStateFilter) {
-                            return this._table.options.chartDimensionLinkage.selectedReverseStateFilter(datum);
-                        }
-                        if (this._table._selectedDataMode === 'click') {
-                            return selected_reverse(datum);
-                        }
-                        return false;
-                    }
-                },
-                inBrush: {
-                    filter: (datum) => {
-                        if (this._table.options.chartDimensionLinkage?.inBrushStateFilter) {
-                            return this._table.options.chartDimensionLinkage.inBrushStateFilter(datum);
-                        }
-                        if (this._table._selectedDataMode === 'brush') {
-                            return select_filter(datum);
-                        }
-                        return false;
-                    }
-                },
-                outOfBrush: {
-                    filter: (datum) => {
-                        if (this._table.options.chartDimensionLinkage?.outOfBrushStateFilter) {
-                            return this._table.options.chartDimensionLinkage.outOfBrushStateFilter(datum);
+                        if (this._table._selectedDataItemsInChart.length >= 1) {
+                            const match = this._table._selectedDataItemsInChart.find(item => {
+                                for (const itemKey in item) {
+                                    if (typeof item[itemKey] !== 'object' && item[itemKey] !== datum[itemKey]) {
+                                        return false;
+                                    }
+                                }
+                                return true;
+                            });
+                            return !match;
                         }
-                        if (this._table._selectedDataMode === 'brush') {
-                            return selected_reverse(datum);
+                        else if (this._table._selectedDimensionInChart?.length) {
+                            const match = this._table._selectedDimensionInChart.every(item => {
+                                if (typeof item.value !== 'object' && datum[item.key] !== item.value) {
+                                    return false;
+                                }
+                                return true;
+                            });
+                            return !match;
                         }
                         return false;
                     }
@@ -89266,10 +89043,11 @@
                 }
                 if (rowKey.length < this.rows.length && this.rowHierarchyType === 'grid-tree') {
                     if (rowKey[0] === this.rowGrandTotalLabel) ;
-                    else if (this.totals?.row?.subTotalsDimensions &&
+                    else if (((this.totals?.row?.subTotalsDimensions &&
                         this.totals?.row?.subTotalsDimensions?.length >= 1 &&
-                        rowKey[rowKey.length - 1] !== this.rowSubTotalLabel &&
-                        this.totals.row.subTotalsDimensions.find((dimension) => dimension === rowDimensionKey)) {
+                        this.totals.row.subTotalsDimensions.find((dimension) => dimension === rowDimensionKey)) ||
+                        this.totals?.row?.showSubTotalsOnTreeNode) &&
+                        rowKey[rowKey.length - 1] !== this.rowSubTotalLabel) {
                         rowKey.push(this.rowSubTotalLabel);
                     }
                 }
@@ -89288,10 +89066,11 @@
                 }
                 if (colKey.length < this.columns.length && this.columnHierarchyType === 'grid-tree') {
                     if (colKey[0] === this.colGrandTotalLabel) ;
-                    else if (this.totals?.column?.subTotalsDimensions &&
+                    else if (((this.totals?.column?.subTotalsDimensions &&
                         this.totals?.column?.subTotalsDimensions?.length >= 1 &&
-                        colKey[colKey.length - 1] !== this.colSubTotalLabel &&
-                        this.totals.column.subTotalsDimensions.find((dimension) => dimension === colDimensionKey)) {
+                        this.totals.column.subTotalsDimensions.find((dimension) => dimension === colDimensionKey)) ||
+                        this.totals?.column?.showSubTotalsOnTreeNode) &&
+                        colKey[colKey.length - 1] !== this.colSubTotalLabel) {
                         colKey.push(this.colSubTotalLabel);
                     }
                 }
@@ -89485,11 +89264,16 @@
                     return;
                 }
                 const colKey = flatColKey.split(this.stringJoinChar);
-                if (that.totals?.column?.subTotalsDimensions &&
+                if ((that.totals?.column?.subTotalsDimensions &&
                     that.totals?.column?.subTotalsDimensions?.length > 0 &&
-                    that.totals.column.showSubTotals !== false) {
-                    for (let i = 0, len = that.totals?.column?.subTotalsDimensions?.length; i < len; i++) {
-                        const dimension = that.totals.column.subTotalsDimensions[i];
+                    (that.totals?.column?.showSubTotals !== false || that.totals?.column?.showSubTotalsOnTreeNode)) ||
+                    (that.totals?.column?.showSubTotalsOnTreeNode && that.columns.length > 0)) {
+                    let colSubTotalDimensions = that.totals?.column?.subTotalsDimensions || [];
+                    if (that.totals?.column?.showSubTotalsOnTreeNode && colSubTotalDimensions.length === 0) {
+                        colSubTotalDimensions = that.columns.map(col => col);
+                    }
+                    for (let i = 0, len = colSubTotalDimensions.length; i < len; i++) {
+                        const dimension = colSubTotalDimensions[i];
                         const dimensionIndex = that.columns.indexOf(dimension);
                         if (dimensionIndex >= 0) {
                             const colTotalKey = colKey.slice(0, dimensionIndex + 1);
@@ -89608,16 +89392,23 @@
             if ((that?.totals?.column?.subTotalsDimensions && that?.totals?.column?.subTotalsDimensions?.length >= 1) ||
                 (that?.totals?.row?.subTotalsDimensions && that?.totals?.row?.subTotalsDimensions?.length >= 1) ||
                 that?.totals?.column?.showGrandTotals ||
-                that?.totals?.row?.showGrandTotals) {
+                that?.totals?.row?.showGrandTotals ||
+                that?.totals?.row?.showSubTotalsOnTreeNode ||
+                that?.totals?.column?.showSubTotalsOnTreeNode) {
                 const rowTotalKeys = [];
                 Object.keys(that.tree).forEach(flatRowKey => {
                     const rowKey = flatRowKey.split(this.stringJoinChar);
                     Object.keys(that.tree[flatRowKey]).forEach(flatColKey => {
-                        if (that.totals?.row?.subTotalsDimensions &&
+                        if ((that.totals?.row?.subTotalsDimensions &&
                             that.totals?.row?.subTotalsDimensions?.length > 0 &&
-                            that.totals.row.showSubTotals !== false) {
-                            for (let i = 0, len = that.totals?.row?.subTotalsDimensions?.length; i < len; i++) {
-                                const dimension = that.totals.row.subTotalsDimensions[i];
+                            (that.totals?.row?.showSubTotals !== false || that.totals?.row?.showSubTotalsOnTreeNode)) ||
+                            (that.totals?.row?.showSubTotalsOnTreeNode && that.rows.length > 0)) {
+                            let rowSubTotalDimensions = that.totals?.row?.subTotalsDimensions || [];
+                            if (that.totals?.row?.showSubTotalsOnTreeNode && rowSubTotalDimensions.length === 0) {
+                                rowSubTotalDimensions = that.rows.map(row => row);
+                            }
+                            for (let i = 0, len = rowSubTotalDimensions.length; i < len; i++) {
+                                const dimension = rowSubTotalDimensions[i];
                                 const dimensionIndex = that.rows.indexOf(dimension);
                                 if (dimensionIndex >= 0 && dimensionIndex < that.rows.length - 1) {
                                     const rowTotalKey = rowKey.slice(0, dimensionIndex + 1);
@@ -91935,7 +91726,6 @@
         pivotSortState;
         dataset;
         _selectedDataItemsInChart = [];
-        _selectedDataMode = 'click';
         _selectedDimensionInChart = [];
         _chartEventMap = {};
         _axes;
@@ -93125,12 +92915,6 @@
             const headerNodes = layoutMap.getCellHeaderPathsWithTreeNode(col, row);
             return headerNodes;
         }
-        disableTooltipToAllChartInstances() {
-            disableTooltipToAllChartInstances();
-        }
-        enableTooltipToAllChartInstances() {
-            enableTooltipToAllChartInstances();
-        }
     }
 
     class Circle extends Circle$1 {
@@ -93692,7 +93476,7 @@
     }
 
     registerForVrender();
-    const version = "1.22.11-alpha.8";
+    const version = "1.22.11";
     function getIcons() {
         return get$2();
     }