@visactor/vtable-calendar 1.22.11-alpha.8 → 1.22.11

package/dist/vtable-calendar.js

@@ -34616,24 +34616,6 @@
         }, delay));
       };
     }
-    function cancellableThrottle(func, delay) {
-      let timer = null,
-        lastArgs = null,
-        context = null;
-      return {
-        throttled: function (...args) {
-          lastArgs = args, context = this, timer || (timer = setTimeout(() => {
-            lastArgs && func.apply(context, lastArgs), timer = null, lastArgs = null, context = null;
-          }, delay));
-        },
-        cancel: () => {
-          timer && (clearTimeout(timer), timer = null, lastArgs = null, context = null);
-        },
-        flush: () => {
-          timer && lastArgs && (clearTimeout(timer), func.apply(context, lastArgs), timer = null, lastArgs = null, context = null);
-        }
-      };
-    }
     function pad(num, totalChars) {
       for (num = `${num}`; num.length < totalChars;) num = "0" + num;
       return num;
@@ -43759,35 +43741,11 @@
       return hoverMode;
     }
 
-    let brushingChartInstance,
-      brushingChartInstanceCellPos = {
-        col: -1,
-        row: -1
-      };
-    function setBrushingChartInstance(chartInstance, col, row) {
-      brushingChartInstance = chartInstance, brushingChartInstanceCellPos = {
-        col: col,
-        row: row
-      };
-    }
-    function clearBrushingChartInstance() {
-      brushingChartInstance = void 0, 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 = !1, isScatter = !1) {
       var _a;
-      clearDelayRunDimensionHoverTimers(), isValid$1(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
+      isValid$1(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
       const {
         rowStart: rowStart
       } = table.getBodyVisibleRowRange();
@@ -43796,40 +43754,76 @@
       for (let i = rowStart; i <= rowEnd; i++) {
         const cellGroup = table.scenegraph.getCell(col, i),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartInstanceListColumnByColumnDirection[col][i] || isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance);
-        const timer = setTimeout(() => {
-          var _a, _b, _c, _d;
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListColumnByColumnDirection[col][i] || isValid$1(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance), setTimeout(() => {
+          var _a, _b, _c, _d, _e, _f;
           if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (isScatter || "object" != typeof chartDimensionLinkage || (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeRow(i, table)), isScatter) table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || null === (_d = (_c = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const cellBoundry = table.getCellRelativeRect(col, i),
-                bodyBoundryTop = table.frozenRowCount ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom : 0,
+            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === rowEnd && isShowTooltip) {
+              const heightLimitToShowTooltipForEdgeRow = null !== (_c = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _c ? _c : 0,
+                {
+                  rowEnd: rowEnd1
+                } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
+              if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
+                const {
+                  rowEnd: rowEnd2
+                } = table.getBodyVisibleRowRange(0, 5);
+                isShowTooltip = rowEnd2 !== rowEnd;
+              }
+            } else if (i === rowStart && isShowTooltip) {
+              const heightLimitToShowTooltipForEdgeRow = null !== (_d = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _d ? _d : 0,
+                {
+                  rowStart: rowStart1
+                } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
+              if (rowStart1 === rowStart) isShowTooltip = !0;else {
+                const {
+                  rowStart: rowStart2
+                } = table.getBodyVisibleRowRange(0, -5);
+                isShowTooltip = rowStart2 !== rowStart;
+              }
+            }
+            if (isScatter) table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || null === (_f = (_e = chartInstanceListColumnByColumnDirection[col][i]).showCrosshair) || void 0 === _f || _f.call(_e, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
+              const bodyBoundryTop = table.frozenRowCount ? table.getCellRelativeRect(col, table.frozenRowCount - 1).bottom : 0,
                 absolutePositionTop = Math.max(bodyBoundryTop, table.getCellRelativeRect(col, i).top);
               hideTooltip ? (table.stateManager.hover.cellPos.col === col && table.stateManager.hover.cellPos.row === i || chartInstanceListColumnByColumnDirection[col][i].hideTooltip(), chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: !1,
                 showTooltipOption: {
-                  x: canvasXY.x - cellBoundry.left,
-                  y: absolutePositionTop - cellBoundry.top,
+                  x: canvasXY.x,
+                  y: absolutePositionTop,
                   activeType: "dimension"
                 }
               })) : chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: canvasXY.x - cellBoundry.left,
-                  y: absolutePositionTop - cellBoundry.top,
+                  x: canvasXY.x,
+                  y: absolutePositionTop,
                   activeType: "dimension"
                 }
               });
             }
           }
-        }, 0);
-        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
+        }, 0), table.scenegraph.updateNextFrame();
+      }
+    }
+    function clearChartInstanceListByColumnDirection(col, excludedRow, table) {
+      var _a;
+      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)),
+            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
+          chartNode.addUpdateShapeAndBoundsTag(), isValid$1(chartNode) && (chartNode.deactivate(table, {
+            releaseChartInstance: !0,
+            releaseColumnChartInstance: !1,
+            releaseRowChartInstance: !1
+          }), chartInstanceListColumnByColumnDirection[col][i] = null);
+        }
+        delete chartInstanceListColumnByColumnDirection[col];
       }
     }
     function generateChartInstanceListByRowDirection(row, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = !1, isScatter = !1) {
       var _a;
-      clearDelayRunDimensionHoverTimers(), isValid$1(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
+      isValid$1(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
       const {
         colStart: colStart
       } = table.getBodyVisibleColRange();
@@ -43838,162 +43832,64 @@
       for (let i = colStart; i <= colEnd; i++) {
         const cellGroup = table.scenegraph.getCell(i, row),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        chartInstanceListRowByRowDirection[row][i] || isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance);
-        const timer = setTimeout(() => {
+        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$1(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), setTimeout(() => {
           var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListRowByRowDirection[row]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
             let isShowTooltip = !isScatter;
-            if (isScatter || "object" != typeof chartDimensionLinkage || (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, isShowTooltip = isShowTooltip && checkIsShowTooltipForEdgeColumn(i, table)), isScatter) table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
-              const cellBoundry = table.getCellRelativeRect(i, row),
-                bodyBoundryLeft = table.frozenColCount ? table.getCellRelativeRect(table.frozenColCount - 1, row).right : 0,
+            if (!isScatter && "object" == typeof chartDimensionLinkage) if (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, i === colEnd && isShowTooltip) {
+              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
+                {
+                  colEnd: colEnd1
+                } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
+              if (colEnd1 === colEnd) isShowTooltip = !0;else {
+                const {
+                  colEnd: colEnd2
+                } = table.getBodyVisibleColRange(0, 5);
+                isShowTooltip = colEnd2 !== colEnd;
+              }
+            } else if (i === colStart && isShowTooltip) {
+              const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
+                {
+                  colStart: colStart1
+                } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
+              if (colStart1 === colStart) isShowTooltip = !0;else {
+                const {
+                  colStart: colStart2
+                } = table.getBodyVisibleColRange(0, -5);
+                isShowTooltip = colStart2 !== colStart;
+              }
+            }
+            if (isScatter) table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || null === (_d = (_c = chartInstanceListRowByRowDirection[row][i]).showCrosshair) || void 0 === _d || _d.call(_c, axis => "left" === axis.layoutOrient ? positionValueOrYValue : dimensionValueOrXValue);else {
+              const bodyBoundryLeft = table.frozenColCount ? table.getCellRelativeRect(table.frozenColCount - 1, row).right : 0,
                 absolutePositionLeft = Math.max(bodyBoundryLeft, table.getCellRelativeRect(i, row).left);
               hideTooltip ? (table.stateManager.hover.cellPos.col === i && table.stateManager.hover.cellPos.row === row || chartInstanceListRowByRowDirection[row][i].hideTooltip(), chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: !1,
                 showTooltipOption: {
-                  x: absolutePositionLeft - cellBoundry.left,
-                  y: canvasXY.y - cellBoundry.top,
+                  x: absolutePositionLeft,
+                  y: canvasXY.y,
                   activeType: "dimension"
                 }
               })) : chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: absolutePositionLeft - cellBoundry.left,
-                  y: canvasXY.y - cellBoundry.top,
+                  x: absolutePositionLeft,
+                  y: canvasXY.y,
                   activeType: "dimension"
                 }
               });
             }
           }
-        }, 0);
-        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
+        }, 0), table.scenegraph.updateNextFrame();
       }
     }
-    function generateChartInstanceListByViewRange(datum, table, deactivate = !1) {
-      var _a;
-      clearDelayRunDimensionHoverTimers();
-      const {
-        rowStart: rowStart
-      } = table.getBodyVisibleRowRange();
-      let rowEnd = table.getBodyVisibleRowRange().rowEnd;
-      rowEnd = Math.min(table.rowCount - 1 - table.bottomFrozenRowCount, rowEnd);
-      const {
-        colStart: colStart
-      } = table.getBodyVisibleColRange();
-      let colEnd = table.getBodyVisibleColRange().colEnd;
-      colEnd = Math.min(table.colCount - 1 - table.rightFrozenColCount, colEnd);
-      for (let col = colStart; col <= colEnd; col++) {
-        isValid$1(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
-        for (let i = rowStart; i <= rowEnd; i++) {
-          const cellGroup = table.scenegraph.getCell(col, i),
-            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-          chartInstanceListColumnByColumnDirection[col][i] || isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance ? chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance : "pie" === chartNode.attribute.spec.type && (chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance));
-          const timer = setTimeout(() => {
-            var _a, _b;
-            if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
-              const chartDimensionLinkage = table.options.chartDimensionLinkage;
-              let isShowTooltip = !0;
-              "object" == typeof chartDimensionLinkage && (deactivate ? (chartInstanceListColumnByColumnDirection[col][i].setHovered(), chartInstanceListColumnByColumnDirection[col][i].hideTooltip()) : (isShowTooltip = null === (_b = chartDimensionLinkage.showTooltip) || void 0 === _b || _b, 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) {
-      var _a, _b;
-      let isShowTooltip = !0;
-      const {
-        rowStart: 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 = null !== (_a = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _a ? _a : 0,
-          {
-            rowEnd: rowEnd1
-          } = table.getBodyVisibleRowRange(0, -heightLimitToShowTooltipForEdgeRow);
-        if (rowEnd1 === rowEnd) isShowTooltip = !0;else {
-          const {
-            rowEnd: rowEnd2
-          } = table.getBodyVisibleRowRange(0, 5);
-          isShowTooltip = rowEnd2 !== rowEnd;
-        }
-      } else if (row === rowStart && isShowTooltip) {
-        const heightLimitToShowTooltipForEdgeRow = null !== (_b = chartDimensionLinkage.heightLimitToShowTooltipForEdgeRow) && void 0 !== _b ? _b : 0,
-          {
-            rowStart: rowStart1
-          } = table.getBodyVisibleRowRange(heightLimitToShowTooltipForEdgeRow, 0);
-        if (rowStart1 === rowStart) isShowTooltip = !0;else {
-          const {
-            rowStart: rowStart2
-          } = table.getBodyVisibleRowRange(0, -5);
-          isShowTooltip = rowStart2 !== rowStart;
-        }
-      }
-      return isShowTooltip;
-    }
-    function checkIsShowTooltipForEdgeColumn(col, table) {
-      let isShowTooltip = !0;
-      const {
-        colStart: 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,
-          {
-            colEnd: colEnd1
-          } = table.getBodyVisibleColRange(0, -widthLimitToShowTooltipForEdgeColumn);
-        if (colEnd1 === colEnd) isShowTooltip = !0;else {
-          const {
-            colEnd: colEnd2
-          } = table.getBodyVisibleColRange(0, 5);
-          isShowTooltip = colEnd2 !== colEnd;
-        }
-      } else if (col === colStart && isShowTooltip) {
-        const widthLimitToShowTooltipForEdgeColumn = chartDimensionLinkage.widthLimitToShowTooltipForEdgeColumn,
-          {
-            colStart: colStart1
-          } = table.getBodyVisibleColRange(widthLimitToShowTooltipForEdgeColumn, 0);
-        if (colStart1 === colStart) isShowTooltip = !0;else {
-          const {
-            colStart: colStart2
-          } = table.getBodyVisibleColRange(0, -5);
-          isShowTooltip = colStart2 !== colStart;
-        }
-      }
-      return isShowTooltip;
-    }
-    function clearChartInstanceListByColumnDirection(col, excludedRow, table, forceRelease = !1) {
-      var _a;
-      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)),
-            chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-          isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.deactivate(table, {
-            forceRelease: forceRelease,
-            releaseChartInstance: !0,
-            releaseColumnChartInstance: !1,
-            releaseRowChartInstance: !1
-          }), chartInstanceListColumnByColumnDirection[col][i] = null);
-        }
-        delete chartInstanceListColumnByColumnDirection[col];
-      }
-    }
-    function clearChartInstanceListByRowDirection(row, excludedCol, table, forceRelease = !1) {
+    function clearChartInstanceListByRowDirection(row, excludedCol, table) {
       var _a;
       if (isValid$1(chartInstanceListRowByRowDirection[row])) for (const i in chartInstanceListRowByRowDirection[row]) {
         if (isValid$1(excludedCol) && Number(i) === excludedCol) continue;
         const cellGroup = table.scenegraph.getCell(Number(i), row),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
-        isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.deactivate(table, {
-          forceRelease: forceRelease,
+        chartNode.addUpdateShapeAndBoundsTag(), isValid$1(chartNode) && (chartNode.deactivate(table, {
           releaseChartInstance: !0,
           releaseColumnChartInstance: !1,
           releaseRowChartInstance: !1
@@ -44001,19 +43897,6 @@
       }
       delete chartInstanceListRowByRowDirection[row];
     }
-    function clearDelayRunDimensionHoverTimers() {
-      for (const timer of delayRunDimensionHoverTimer) clearTimeout(timer);
-      delayRunDimensionHoverTimer.length = 0;
-    }
-    function clearAllChartInstanceList(table, forceRelease = !1) {
-      clearDelayRunDimensionHoverTimers();
-      for (const col in chartInstanceListColumnByColumnDirection) clearChartInstanceListByColumnDirection(Number(col), void 0, table, forceRelease);
-      for (const row in chartInstanceListRowByRowDirection) clearChartInstanceListByRowDirection(Number(row), void 0, table, forceRelease);
-    }
-    let disabledShowTooltipToAllChartInstances = !1;
-    function isDisabledShowTooltipToAllChartInstances() {
-      return disabledShowTooltipToAllChartInstances;
-    }
 
     function isValidAlignDomain(domain) {
       return 2 === domain.length && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -44647,7 +44530,7 @@
     const CHART_NUMBER_TYPE = genNumberType();
     class Chart extends Rect$1 {
       constructor(isShareChartSpec, params) {
-        if (super(params), this.type = "chart", this.activeChartInstanceLastViewBox = null, this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.delayRunDimensionHoverTimer = void 0, this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, params.chartInstance) this.chartInstance = params.chartInstance;else {
+        if (super(params), this.type = "chart", this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.delayRunDimensionHoverTimer = void 0, this.numberType = CHART_NUMBER_TYPE, this.isShareChartSpec = isShareChartSpec, params.chartInstance) this.chartInstance = params.chartInstance;else {
           const chartInstance = this.chartInstance = new params.ClassType(params.spec, merge({}, this.attribute.tableChartOption, {
             renderCanvas: params.canvas,
             mode: "node" === this.attribute.mode ? "node" : "desktop-browser",
@@ -44668,7 +44551,7 @@
         }
       }
       activate(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e;
         if (this.activeChartInstance) return;
         const {
             col: col,
@@ -44687,7 +44570,7 @@
             y1: y1 - table.scrollTop,
             y2: y2 - table.scrollTop
           });
-        this.attribute.ClassType.globalConfig.uniqueTooltip = !1, this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
+        null === (_a = this.activeChartInstance) || void 0 === _a || _a.release(), this.attribute.ClassType.globalConfig.uniqueTooltip = !1, this.activeChartInstance = new this.attribute.ClassType(this.attribute.spec, merge({}, this.attribute.tableChartOption, {
           renderCanvas: this.attribute.canvas,
           mode: "desktop-browser",
           canvasControled: !1,
@@ -44721,7 +44604,7 @@
               layer.main && drawParams.clear && hoverColor && (context.beginPath(), context.fillStyle = hoverColor, context.rect(viewBox.x1, viewBox.y1, viewBox.x2 - viewBox.x1, viewBox.y2 - viewBox.y1), context.fill());
             }
           },
-          componentShowContent: (null === (_a = table.options.chartDimensionLinkage) || void 0 === _a ? void 0 : _a.showTooltip) && "scatter" !== this.attribute.spec.type ? {
+          componentShowContent: table.options.chartDimensionLinkage && "scatter" !== this.attribute.spec.type ? {
             tooltip: {
               dimension: !1,
               mark: !0
@@ -44732,43 +44615,16 @@
         const chartStage = this.activeChartInstance.getStage(),
           matrix = this.globalTransMatrix.clone(),
           stageMatrix = this.stage.window.getViewBoxTransform();
-        let brushChangeThrottle;
         matrix.multiply(stageMatrix.a, stageMatrix.b, stageMatrix.c, stageMatrix.d, stageMatrix.e, stageMatrix.f), chartStage.window.setViewBoxTransform && chartStage.window.setViewBoxTransform(matrix.a, matrix.b, matrix.c, matrix.d, matrix.e, matrix.f), this.activeChartInstance.renderSync(), null === (_c = null === (_b = table.internalProps.layoutMap) || void 0 === _b ? void 0 : _b.updateDataStateToActiveChartInstance) || void 0 === _c || _c.call(_b, this.activeChartInstance), this.activeChartInstance.on("click", params => {
           var _a;
-          !1 === (null === (_a = this.attribute.spec.select) || void 0 === _a ? void 0 : _a.enable) ? table.scenegraph.updateChartState(null, void 0) : Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum, "click");
-        }), (null === (_d = table.options.chartDimensionLinkage) || void 0 === _d ? void 0 : _d.listenBrushChange) && (brushChangeThrottle = cancellableThrottle(table.scenegraph.updateChartState.bind(table.scenegraph), null !== (_f = null === (_e = table.options.chartDimensionLinkage) || void 0 === _e ? void 0 : _e.brushChangeDelay) && void 0 !== _f ? _f : 100), this.activeChartInstance.on("brushChange", params => {
-          var _a;
-          brushChangeThrottle.throttled(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData, "brush");
-        })), this.activeChartInstance.on("brushStart", params => {
-          const brushingChartInstance = getBrushingChartInstance();
-          brushingChartInstance !== this.activeChartInstance && (brushingChartInstance && brushingChartInstance.getChart().getComponentsByKey("brush")[0].clearBrushStateAndMask(), setBrushingChartInstance(this.activeChartInstance, col, row));
+          !1 === (null === (_a = this.attribute.spec.select) || void 0 === _a ? void 0 : _a.enable) ? table.scenegraph.updateChartState(null) : Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum);
         }), this.activeChartInstance.on("brushEnd", params => {
           var _a;
-          null == brushChangeThrottle || brushChangeThrottle.cancel(), table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData, "brush"), Chart.temp = 0, setTimeout(() => {
+          table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData), Chart.temp = 0, setTimeout(() => {
             Chart.temp = 1;
           }, 0);
-        }), (null === (_g = table.options.chartDimensionLinkage) || void 0 === _g ? void 0 : _g.showTooltip) && ("pie" === this.attribute.spec.type && (this.activeChartInstance.on("pointerover", {
-          markName: "pie"
-        }, params => {
-          var _a;
-          const categoryField = this.attribute.spec.categoryField,
-            datum = {
-              [categoryField]: null === (_a = null == params ? void 0 : params.datum) || void 0 === _a ? void 0 : _a[categoryField]
-            };
-          generateChartInstanceListByViewRange(datum, table, !1);
-        }), this.activeChartInstance.on("pointerout", {
-          markName: "pie"
-        }, params => {
-          var _a;
-          const categoryField = this.attribute.spec.categoryField,
-            datum = {
-              [categoryField]: null === (_a = null == params ? void 0 : params.datum) || void 0 === _a ? void 0 : _a[categoryField]
-            };
-          generateChartInstanceListByViewRange(datum, table, !0);
-        })), this.activeChartInstance.on("dimensionHover", params => {
+        }), table.options.chartDimensionLinkage && this.activeChartInstance.on("dimensionHover", params => {
           var _a, _b;
-          if (isDisabledShowTooltipToAllChartInstances()) return;
-          this.activeChartInstance.disableTooltip(!1);
           const dimensionInfo = null == params ? void 0 : params.dimensionInfo[0],
             canvasXY = null === (_a = null == params ? void 0 : params.event) || void 0 === _a ? void 0 : _a.canvas,
             viewport = null === (_b = null == params ? void 0 : params.event) || void 0 === _b ? void 0 : _b.viewport;
@@ -44785,11 +44641,11 @@
                 prev_justShowMarkTooltip = this.justShowMarkTooltip;
               params.mark && params.datum && !Array.isArray(params.datum) ? (this.activeChartInstanceHoverOnMark = params.mark, justShowMarkTooltip = !0) : (this.activeChartInstanceHoverOnMark = null, justShowMarkTooltip = !1), this.justShowMarkTooltip = justShowMarkTooltip;
               let delayRunDimensionHover = !1;
-              if (!1 !== prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? (this.justShowMarkTooltipTimer = Date.now(), delayRunDimensionHover = !0) : !1 === prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? delayRunDimensionHover = Date.now() - this.justShowMarkTooltipTimer < 100 : (!1 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip || !0 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip) && (delayRunDimensionHover = !1, this.clearDelayRunDimensionHoverTimer()), "enter" === params.action || "move" === params.action || preMark !== this.activeChartInstanceHoverOnMark) {
+              if (!1 !== prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? (this.justShowMarkTooltipTimer = Date.now(), delayRunDimensionHover = !0) : !1 === prev_justShowMarkTooltip && !1 === justShowMarkTooltip ? delayRunDimensionHover = Date.now() - this.justShowMarkTooltipTimer < 100 : (!1 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip || !0 === prev_justShowMarkTooltip && !0 === justShowMarkTooltip) && (delayRunDimensionHover = !1, clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0), "enter" === params.action || "move" === params.action || preMark !== this.activeChartInstanceHoverOnMark) {
                 const dimensionValue = dimensionInfo.value,
                   indicatorsAsCol = table.options.indicatorsAsCol;
-                if (delayRunDimensionHover ? (this.clearDelayRunDimensionHoverTimer(), this.delayRunDimensionHoverTimer = setTimeout(() => {
-                  isDisabledShowTooltipToAllChartInstances() || (indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1));
+                if (delayRunDimensionHover ? (clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = setTimeout(() => {
+                  indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1);
                 }, 100)) : indicatorsAsCol ? generateChartInstanceListByRowDirection(row, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1) : generateChartInstanceListByColumnDirection(col, dimensionValue, null, canvasXY, table, justShowMarkTooltip, !1), indicatorsAsCol) {
                   const series = dimensionInfo.data[0].series,
                     width = "histogram" === this.attribute.spec.type || "line" === series.type || "area" === series.type ? 0 : series.getYAxisHelper().getBandwidth(0);
@@ -44830,26 +44686,21 @@
               }
             }
           }
-        })), null === (_j = (_h = table)._bindChartEvent) || void 0 === _j || _j.call(_h, this.activeChartInstance), isDisabledShowTooltipToAllChartInstances() && this.activeChartInstance.disableTooltip(!0);
-      }
-      clearDelayRunDimensionHoverTimer() {
-        clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0;
+        }), null === (_e = (_d = table)._bindChartEvent) || void 0 === _e || _e.call(_d, this.activeChartInstance);
       }
       deactivate(table, {
-        forceRelease = !1,
         releaseChartInstance = !0,
         releaseColumnChartInstance = !0,
-        releaseRowChartInstance = !0,
-        releaseAllChartInstance = !1
+        releaseRowChartInstance = !0
       } = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.clearDelayRunDimensionHoverTimer(), releaseChartInstance) {
-          !forceRelease && getBrushingChartInstance() && getBrushingChartInstance() === this.activeChartInstance || (null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
+        if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0, releaseChartInstance) {
+          null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
             x1: -1e3,
             x2: -800,
             y1: -1e3,
             y2: -800
-          }, !1, !1), null === (_b = this.activeChartInstance) || void 0 === _b || _b.release(), this.activeChartInstance = null);
+          }, !1, !1), null === (_b = this.activeChartInstance) || void 0 === _b || _b.release(), this.activeChartInstance = null;
           const {
             col: col,
             row: row
@@ -44862,7 +44713,7 @@
           } = this.parent;
           releaseColumnChartInstance && table.internalProps.layoutMap.isAxisCell(col, table.rowCount - table.bottomFrozenRowCount) && (null === (_h = null === (_g = table.scenegraph.getCell(col, table.rowCount - table.bottomFrozenRowCount).firstChild) || void 0 === _g ? void 0 : _g.hideLabelHoverOnAxis) || void 0 === _h || _h.call(_g)), releaseRowChartInstance && table.internalProps.layoutMap.isAxisCell(table.rowHeaderLevelCount - 1, row) && (null === (_k = null === (_j = table.scenegraph.getCell(table.rowHeaderLevelCount - 1, row).firstChild) || void 0 === _j ? void 0 : _j.hideLabelHoverOnAxis) || void 0 === _k || _k.call(_j));
         }
-        releaseAllChartInstance ? clearAllChartInstanceList(table, forceRelease) : (releaseColumnChartInstance && clearChartInstanceListByColumnDirection(this.parent.col, "scatter" === this.attribute.spec.type ? this.parent.row : void 0, table, forceRelease), releaseRowChartInstance && clearChartInstanceListByRowDirection(this.parent.row, "scatter" === this.attribute.spec.type ? this.parent.col : void 0, table, forceRelease));
+        releaseColumnChartInstance && clearChartInstanceListByColumnDirection(this.parent.col, "scatter" === this.attribute.spec.type ? this.parent.row : void 0, table), releaseRowChartInstance && clearChartInstanceListByRowDirection(this.parent.row, "scatter" === this.attribute.spec.type ? this.parent.col : void 0, table);
       }
       updateData(data) {
         this.attribute.data = data;
@@ -44877,14 +44728,13 @@
             y1: y1,
             x2: x2,
             y2: y2
-          } = cellGroup.globalAABBBounds,
-          viewBox = {
-            x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0)),
-            x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0)),
-            y1: Math.ceil(y1 + padding[0] + table.scrollTop + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)),
-            y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0))
-          };
-        return this.activeChartInstance ? this.activeChartInstanceLastViewBox = viewBox : this.activeChartInstanceLastViewBox = null, viewBox;
+          } = cellGroup.globalAABBBounds;
+        return {
+          x1: Math.ceil(x1 + padding[3] + table.scrollLeft + (null !== (_b = null === (_a = table.options.viewBox) || void 0 === _a ? void 0 : _a.x1) && void 0 !== _b ? _b : 0)),
+          x2: Math.ceil(x1 + cellGroup.attribute.width - padding[1] + table.scrollLeft + (null !== (_d = null === (_c = table.options.viewBox) || void 0 === _c ? void 0 : _c.x1) && void 0 !== _d ? _d : 0)),
+          y1: Math.ceil(y1 + padding[0] + table.scrollTop + (null !== (_f = null === (_e = table.options.viewBox) || void 0 === _e ? void 0 : _e.y1) && void 0 !== _f ? _f : 0)),
+          y2: Math.ceil(y1 + cellGroup.attribute.height - padding[2] + table.scrollTop + (null !== (_h = null === (_g = table.options.viewBox) || void 0 === _g ? void 0 : _g.y1) && void 0 !== _h ? _h : 0))
+        };
       }
     }
     function getTableBounds(col, row, table) {
@@ -45099,7 +44949,7 @@
           {
             width = groupAttribute.width,
             height = groupAttribute.height
-          } = chart.attribute,
+          } = (chart.getViewBox(), chart.attribute),
           {
             table: table
           } = chart.getRootNode(),
@@ -45127,9 +44977,8 @@
               });
             }
           }
-          const lastViewBox = chart.activeChartInstanceLastViewBox,
-            viewBox = chart.getViewBox();
-          lastViewBox && viewBox.x1 === lastViewBox.x1 && viewBox.x2 === lastViewBox.x2 && viewBox.y1 === lastViewBox.y1 && viewBox.y2 === lastViewBox.y2 || activeChartInstance.updateViewBox({
+          const viewBox = chart.getViewBox();
+          activeChartInstance.updateViewBox({
             x1: 0,
             x2: viewBox.x2 - viewBox.x1,
             y1: 0,
@@ -47926,7 +47775,7 @@
         rowUpdatePos = isValid$1(rowUpdatePos) ? isValid$1(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos : pos;
       }
       let updateAfter;
-      if (scene.table._clearRowRangeHeightsMap(), addRows.forEach(row => {
+      if (scene.table._clearRowRangeHeightsMap(), verifyProxyRowStatus(scene), addRows.forEach(row => {
         const needUpdateAfter = addRow(row, scene, skipUpdateProxy);
         updateAfter = null != updateAfter ? updateAfter : needUpdateAfter, rowHeightsMap.insert(row);
       }), resetRowNumberAndY(scene), addRows.length) {
@@ -48156,6 +48005,25 @@
     function setRowSeriesNumberCellNeedUpdate(startUpdateRow, scene) {
       if (scene.table.isHasSeriesNumber()) for (let row = startUpdateRow; row <= scene.table.rowCount - 1; row++) updateCell$1(0, row, scene.table, !1);
     }
+    function verifyProxyRowStatus(scene) {
+      const proxy = scene.proxy,
+        {
+          rowStart: rowStart,
+          rowEnd: rowEnd,
+          rowLimit: rowLimit,
+          totalRow: totalRow
+        } = proxy;
+      if (rowStart > rowEnd) return proxy.rowStart = scene.table.columnHeaderLevelCount, proxy.rowEnd = Math.min(totalRow, proxy.rowStart + rowLimit - 1), void (proxy.currentRow = 0);
+      if (rowStart + rowLimit - 1 > totalRow) {
+        const oldRowStart = proxy.rowStart,
+          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 {
@@ -48647,10 +48515,9 @@
         });
       }
     }
-    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 ((null == datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) && 0 === preSelectItemsCount) return;
         const newSelectedDataItemsInChart = [];
@@ -49398,39 +49265,16 @@
       resetResidentHoverIcon(col, row) {
         resetResidentHoverIcon(col, row, this);
       }
-      deactivateChart(col, row, forceRelease = !1) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        if (-1 === col || -1 === row) {
-          if (forceRelease) {
-            const brushingChartInstanceCellPos = getBrushingChartInstanceCellPos(),
-              brushingChartInstance = getBrushingChartInstance();
-            if (brushingChartInstanceCellPos && brushingChartInstance) {
-              const cellGroup = this.getCell(brushingChartInstanceCellPos.col, brushingChartInstanceCellPos.row);
-              (null === (_a = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _a ? void 0 : _a.deactivate) && (clearBrushingChartInstance(), null === (_c = null === (_b = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _b ? void 0 : _b.deactivate) || void 0 === _c || _c.call(_b, this.table, {
-                forceRelease: !0,
-                releaseChartInstance: !0,
-                releaseColumnChartInstance: !0,
-                releaseRowChartInstance: !0,
-                releaseAllChartInstance: !0
-              }));
-            }
-          }
-          return;
-        }
+      deactivateChart(col, row) {
+        var _a, _b, _c;
+        if (-1 === col || -1 === row) return;
         const cellGroup = this.getCell(col, row);
-        if (null === (_d = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _d ? void 0 : _d.deactivate) {
-          if (forceRelease) return clearBrushingChartInstance(), void (null === (_f = null === (_e = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _e ? void 0 : _e.deactivate) || void 0 === _f || _f.call(_e, this.table, {
-            forceRelease: !0,
-            releaseChartInstance: !0,
-            releaseColumnChartInstance: !0,
-            releaseRowChartInstance: !0,
-            releaseAllChartInstance: !0
-          }));
+        if (null === (_a = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _a ? void 0 : _a.deactivate) {
           const chartType = (null == cellGroup ? void 0 : cellGroup.firstChild).attribute.spec.type;
-          null === (_h = null === (_g = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _g ? void 0 : _g.deactivate) || void 0 === _h || _h.call(_g, this.table, (null === (_j = this.table.options.chartDimensionLinkage) || void 0 === _j ? void 0 : _j.showTooltip) ? {
-            releaseChartInstance: "pie" !== chartType && ("scatter" === chartType ? 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: "pie" !== chartType && (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: "pie" !== chartType && (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)
+          null === (_c = null === (_b = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _b ? void 0 : _b.deactivate) || void 0 === _c || _c.call(_b, this.table, this.table.options.chartDimensionLinkage ? {
+            releaseChartInstance: "scatter" === chartType ? 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: 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
           } : void 0);
         }
       }
@@ -49478,15 +49322,8 @@
       updateChartSizeForResizeRowHeight(row) {
         updateChartSizeForResizeRowHeight(this, row);
       }
-      updateChartState(datum, selectedDataMode) {
-        var _a, _b;
-        if (this.table.isPivotChart()) {
-          if (null == datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) {
-            const brushingChartInstance = getBrushingChartInstance();
-            brushingChartInstance && brushingChartInstance.getChart().getComponentsByKey("brush")[0].clearBrushStateAndMask(), null === (_b = null === (_a = this.table.options.chartDimensionLinkage) || void 0 === _a ? void 0 : _a.clearChartState) || void 0 === _b || _b.call(_a);
-          }
-          updateChartState(this, datum, selectedDataMode);
-        }
+      updateChartState(datum) {
+        this.table.isPivotChart() && updateChartState(this, datum);
       }
       updateCheckboxCellState(col, row, checked) {
         var _a, _b;
@@ -50142,7 +49979,7 @@
       } else if (-1 === cellPos.col || -1 === cellPos.row || -1 !== col && -1 !== row) {
         if (interactionState !== InteractionState.default || table.eventManager.isDraging || table.stateManager.isResizeCol()) {
           if ((interactionState === InteractionState.grabing || table.eventManager.isDraging) && !table.stateManager.isResizeCol()) {
-            let extendSelectRange = !0;
+            let extendSelectRange = !isValid$1(skipBodyMerge) || !skipBodyMerge;
             -1 === cellPos.col && (cellPos.col = col), -1 === cellPos.row && (cellPos.row = row), cellPos.col = col, cellPos.row = row;
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
             if (currentRange) {
@@ -50264,7 +50101,7 @@
             };
             enableShiftSelectMode || (currentRange.end = currentRange.start), scenegraph.deleteLastSelectedRangeComponents(), scenegraph.updateCellSelectBorder(currentRange);
           } else {
-            let extendSelectRange = !0;
+            let extendSelectRange = !isValid$1(skipBodyMerge) || !skipBodyMerge;
             if (-1 === cellPos.col || -1 === cellPos.row || enableCtrlSelectMode || (state.select.ranges = [], scenegraph.deleteAllSelectBorder()), "cell" !== state.select.headerSelectMode && table.isColumnHeader(col, row)) {
               const cellRange = table.getCellRange(col, row);
               "body" === state.select.headerSelectMode ? state.select.ranges.push({
@@ -52513,7 +52350,7 @@
         }, 0 !== e.button) return;
         const eventArgsSet = getCellEventArgsSet(e);
         if (eventManager.downIcon = void 0, stateManager.interactionState !== InteractionState.default) return;
-        if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && (table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0)), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), "chart" === (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type)) return;
+        if (table.isPivotChart() && "chart" !== (null === (_a = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _a ? void 0 : _a.target.type) && table.scenegraph.updateChartState(null), (null === (_b = eventArgsSet.eventArgs) || void 0 === _b ? void 0 : _b.target) !== (null === (_c = stateManager.residentHoverIcon) || void 0 === _c ? void 0 : _c.icon) && stateManager.hideMenu(), "chart" === (null === (_d = null == eventArgsSet ? void 0 : eventArgsSet.eventArgs) || void 0 === _d ? void 0 : _d.target.type)) return;
         const isCompleteEdit = null === (_e = table.editorManager) || void 0 === _e ? void 0 : _e.completeEdit(e.nativeEvent);
         getPromiseValue(isCompleteEdit, isCompleteEdit => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -52541,7 +52378,7 @@
               }
               eventManager.dealTableHover(eventArgsSet);
             } else {
-              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0), void stateManager.updateInteractionState(InteractionState.grabing);
+              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null), void stateManager.updateInteractionState(InteractionState.grabing);
               if (eventManager.checkColumnMover(eventArgsSet)) return void stateManager.updateInteractionState(InteractionState.grabing);
               if (eventManager.checkCellFillhandle(eventArgsSet, !0) && eventManager.dealFillSelect(eventArgsSet)) return void stateManager.updateInteractionState(InteractionState.grabing);
               eventManager.dealTableSelect(eventArgsSet) && stateManager.updateInteractionState(InteractionState.grabing);
@@ -52693,7 +52530,7 @@
           if (!(null === (_a = table.options.customConfig) || void 0 === _a ? void 0 : _a.selectCellWhenCellEditorNotExists) && !1 === isCompleteEdit) return;
           const hitIcon = (null === (_b = e.target.role) || void 0 === _b ? void 0 : _b.startsWith("icon")) ? e.target : void 0;
           if (eventManager.downIcon = hitIcon, "touch" === e.pointerType || hitIcon || eventManager.checkCellFillhandle(eventArgsSet) || stateManager.columnResize.resizing || !eventManager.checkColumnResize(eventArgsSet, !0)) ;else {
-            table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0), stateManager.updateInteractionState(InteractionState.grabing);
+            table.scenegraph.updateChartState(null), stateManager.updateInteractionState(InteractionState.grabing);
             const {
               eventArgs: eventArgs
             } = eventArgsSet;
@@ -52712,7 +52549,7 @@
         if (table.eventManager.isDraging || !target || !target.isDescendantsOf(table.scenegraph.stage) && target.stage !== target || target.isDescendantsOf(table.scenegraph.tableGroup)) table.eventManager.isDraging && stateManager.isSelecting() && stateManager.endSelectCells();else {
           stateManager.updateInteractionState(InteractionState.default), eventManager.dealTableHover();
           const isHasSelected = !!(null === (_a = stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
-          (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0);
+          (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null);
         }
       }), table.scenegraph.stage.addEventListener("pointermove", e => {
         var _a, _b, _c;
@@ -52830,15 +52667,7 @@
         table.stateManager.setCheckedState(col, row, cellInfo.field, e.detail.checked), table.fireListeners(TABLE_EVENT_TYPE.SWITCH_STATE_CHANGE, cellsEvent), table.scenegraph.updateNextFrame();
       }), table.scenegraph.stage.addEventListener("wheel", e => {
         var _a;
-        if (!e.path.find(node => "legend" === node.name)) {
-          null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit();
-          const {
-              cellPos: cellPos
-            } = table.stateManager.hover,
-            prevHoverCellCol = cellPos.col,
-            prevHoverCellRow = cellPos.row;
-          table.scenegraph.deactivateChart(prevHoverCellCol, prevHoverCellRow, !0), table.eventManager._enableTableScroll && handleWhell(e, stateManager);
-        }
+        e.path.find(node => "legend" === node.name) || (null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit(), table.eventManager._enableTableScroll && handleWhell(e, stateManager));
       });
     }
     function bindGesture(eventManager) {
@@ -52953,13 +52782,11 @@
       const throttleVerticalWheel = throttle(stateManager.updateVerticalScrollBar, 20),
         throttleHorizontalWheel = throttle(stateManager.updateHorizontalScrollBar, 20);
       scenegraph.component.vScrollBar.addEventListener("scrollDrag", e => {
-        var _a;
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling), scenegraph.table.stateManager.hideMenu(), null === (_a = scenegraph.table.editorManager) || void 0 === _a || _a.completeEdit(), table.scenegraph.deactivateChart(-1, -1, !0);
+        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleVerticalWheel(ratio, e);
       }), scenegraph.component.hScrollBar.addEventListener("scrollDrag", e => {
-        var _a;
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling), scenegraph.table.stateManager.hideMenu(), null === (_a = scenegraph.table.editorManager) || void 0 === _a || _a.completeEdit(), table.scenegraph.deactivateChart(-1, -1, !0);
+        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleHorizontalWheel(ratio);
       });
@@ -53109,7 +52936,7 @@
               const isHasSelected = !!(null === (_b = stateManager.select.ranges) || void 0 === _b ? void 0 : _b.length);
               eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected);
             }
-          }), table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0);
+          });
         }
       };
       eventManager.globalEventListeners.push({
@@ -55945,13 +55772,41 @@
 
     class CustomCellStylePlugin {
       constructor(table, customCellStyle, customCellStyleArrangement) {
-        this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = 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: start,
+            end: end
+          } = cellPos.range;
+          return `range:${start.col},${start.row},${end.col},${end.row}`;
+        }
+        if (void 0 !== cellPos.col && void 0 !== cellPos.row) 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);
+          key && this._customCellStyleArrangementIndex.set(key, i);
+        }
+      }
+      _compactCustomCellStyleArrangementIfNeeded() {
+        const length = this.customCellStyleArrangement.length;
+        if (this._customCellStyleArrangementTombstoneCount < 2048) return;
+        if (4 * this._customCellStyleArrangementTombstoneCount < length) return;
+        const compacted = this.customCellStyleArrangement.filter(style => isValid$1(style.customStyleId));
+        compacted.length !== this.customCellStyleArrangement.length ? (this.customCellStyleArrangement.length = 0, this.customCellStyleArrangement.push(...compacted), this._rebuildCustomCellStyleArrangementIndex()) : this._customCellStyleArrangementTombstoneCount = 0;
       }
       getCustomCellStyle(col, row) {
         const customStyleIds = this.getCustomCellStyleIds(col, row);
         if (customStyleIds.length) {
           const styles = [];
-          return customStyleIds.forEach(customStyleId => {
+          if (customStyleIds.forEach(customStyleId => {
             const styleOption = this.getCustomCellStyleOption(customStyleId);
             if (isFunction$3(null == styleOption ? void 0 : styleOption.style)) {
               const style = styleOption.style({
@@ -55964,14 +55819,15 @@
               });
               styles.push(style);
             } else (null == styleOption ? void 0 : styleOption.style) && styles.push(styleOption.style);
-          }), merge({}, ...styles);
+          }), !styles.length) return;
+          return merge({}, ...styles);
         }
       }
       getCustomCellStyleIds(col, row) {
         const customStyleIds = [],
           range = this.table.getCellRange(col, row);
         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 => {
-          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId);
+          isValid$1(style.customStyleId) && (style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId));
         });
         return customStyleIds;
       }
@@ -55992,21 +55848,35 @@
         }), this.table.scenegraph.updateNextFrame();
       }
       arrangeCustomCellStyle(cellPos, customStyleId, forceFastUpdate) {
-        var _a;
-        const index = this.customCellStyleArrangement.findIndex(style => style.cellPosition.range && cellPos.range ? 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 : style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row);
-        if (-1 === index && !customStyleId) return;
-        if (-1 === index && customStyleId) this.customCellStyleArrangement.push({
-          cellPosition: {
-            col: cellPos.col,
-            row: cellPos.row,
-            range: cellPos.range
-          },
-          customStyleId: customStyleId
-        });else {
+        var _a, _b;
+        const inputKey = this._getCustomCellStyleArrangementKey(cellPos);
+        let index = inputKey && null !== (_a = this._customCellStyleArrangementIndex.get(inputKey)) && void 0 !== _a ? _a : -1;
+        if (inputKey && -1 !== index) {
+          const item = this.customCellStyleArrangement[index],
+            itemKey = item ? this._getCustomCellStyleArrangementKey(item.cellPosition) : void 0;
+          item && isValid$1(item.customStyleId) && itemKey === inputKey || (index = this.customCellStyleArrangement.findIndex(style => !!isValid$1(style.customStyleId) && this._getCustomCellStyleArrangementKey(style.cellPosition) === inputKey), -1 !== index ? this._customCellStyleArrangementIndex.set(inputKey, index) : this._customCellStyleArrangementIndex.delete(inputKey));
+        }
+        if (-1 !== index || inputKey || (index = this.customCellStyleArrangement.findIndex(style => !!isValid$1(style.customStyleId) && (style.cellPosition.range && cellPos.range ? 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 : style.cellPosition.col === cellPos.col && style.cellPosition.row === cellPos.row))), -1 === index && !customStyleId) return;
+        if (-1 === index && customStyleId) {
+          this.customCellStyleArrangement.push({
+            cellPosition: {
+              col: cellPos.col,
+              row: cellPos.row,
+              range: cellPos.range
+            },
+            customStyleId: customStyleId
+          });
+          const pushedIndex = this.customCellStyleArrangement.length - 1,
+            pushedKey = this._getCustomCellStyleArrangementKey(this.customCellStyleArrangement[pushedIndex].cellPosition);
+          pushedKey && this._customCellStyleArrangementIndex.set(pushedKey, pushedIndex);
+        } else {
           if (this.customCellStyleArrangement[index].customStyleId === customStyleId) return;
-          customStyleId ? this.customCellStyleArrangement[index].customStyleId = customStyleId : this.customCellStyleArrangement.splice(index, 1);
+          if (customStyleId) this.customCellStyleArrangement[index].customStyleId = customStyleId;else {
+            const existedKey = this._getCustomCellStyleArrangementKey(this.customCellStyleArrangement[index].cellPosition);
+            isValid$1(this.customCellStyleArrangement[index].customStyleId) && this._customCellStyleArrangementTombstoneCount++, this.customCellStyleArrangement[index].customStyleId = null, existedKey && this._customCellStyleArrangementIndex.delete(existedKey), this._compactCustomCellStyleArrangementIfNeeded();
+          }
         }
-        const style = null === (_a = this.getCustomCellStyleOption(customStyleId)) || void 0 === _a ? void 0 : _a.style;
+        const style = customStyleId ? null === (_b = this.getCustomCellStyleOption(customStyleId)) || void 0 === _b ? void 0 : _b.style : void 0;
         if (style) {
           forceFastUpdate = !0;
           for (const key in style) if (-1 === cellStyleKeys.indexOf(key)) {
@@ -56021,7 +55891,7 @@
         this.table.scenegraph.updateNextFrame();
       }
       updateCustomCell(customCellStyle, customCellStyleArrangement) {
-        this.customCellStyle.length = 0, this.customCellStyleArrangement.length = 0, customCellStyle.forEach(cellStyle => {
+        this.customCellStyle.length = 0, this.customCellStyleArrangement.length = 0, this._customCellStyleArrangementIndex.clear(), this._customCellStyleArrangementTombstoneCount = 0, customCellStyle.forEach(cellStyle => {
           this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
         }), customCellStyleArrangement.forEach(cellStyle => {
           this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
@@ -56252,7 +56122,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.22.11-alpha.8", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.11", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -57466,16 +57336,16 @@
           startCol = enableShiftSelectMode && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.col) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.col : colIndex,
           endCol = colIndex,
           endRow = this.rowCount - 1;
-        this.stateManager.updateSelectPos(startCol, 0, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
+        this.stateManager.updateSelectPos(startCol, 0, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, enableShiftSelectMode, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0), this.stateManager.select.selecting = !1;
       }
       dragSelectCol(colIndex, enableCtrlSelectMode) {
         var _a, _b;
         const currentSelectRanges = this.stateManager.select.ranges,
           lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
-        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, enableCtrlSelectMode, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0);
+        lastSelectRange && (lastSelectRange.end.col = colIndex), this.stateManager.updateSelectPos(colIndex, this.rowCount - 1, !1, enableCtrlSelectMode, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0), this.stateManager.select.selecting = !1;
       }
       endDragSelect() {
-        this.stateManager.updateInteractionState(InteractionState.default), this.stateManager.endSelectCells(!1, !1);
+        this.stateManager.updateInteractionState(InteractionState.default);
       }
       startDragSelectRow(rowIndex, enableCtrlSelectMode, isShift) {
         var _a, _b, _c, _d, _e, _f;
@@ -57483,13 +57353,13 @@
           startRow = isShift && (null === (_a = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _a ? void 0 : _a.row) ? null === (_b = null == lastSelectRange ? void 0 : lastSelectRange.start) || void 0 === _b ? void 0 : _b.row : rowIndex,
           endCol = this.colCount - 1,
           endRow = rowIndex;
-        this.stateManager.updateSelectPos(0, startRow, isShift, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0);
+        this.stateManager.updateSelectPos(0, startRow, isShift, enableCtrlSelectMode, !1, null === (_d = null === (_c = this.options.select) || void 0 === _c ? void 0 : _c.makeSelectCellVisible) || void 0 === _d || _d, !0), this.stateManager.updateInteractionState(InteractionState.grabing), this.stateManager.updateSelectPos(endCol, endRow, isShift, enableCtrlSelectMode, !1, null === (_f = null === (_e = this.options.select) || void 0 === _e ? void 0 : _e.makeSelectCellVisible) || void 0 === _f || _f, !0), this.stateManager.select.selecting = !1;
       }
       dragSelectRow(rowIndex, isCtrl) {
         var _a, _b;
         const currentSelectRanges = this.stateManager.select.ranges,
           lastSelectRange = currentSelectRanges[currentSelectRanges.length - 1];
-        lastSelectRange && (lastSelectRange.end.row = rowIndex), this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, !1, isCtrl, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0);
+        lastSelectRange && (lastSelectRange.end.row = rowIndex), this.stateManager.updateSelectPos(this.colCount - 1, rowIndex, !1, isCtrl, !1, null === (_b = null === (_a = this.options.select) || void 0 === _a ? void 0 : _a.makeSelectCellVisible) || void 0 === _b || _b, !0), this.stateManager.select.selecting = !1;
       }
       get recordsCount() {
         var _a;
@@ -58411,6 +58281,18 @@
         }
         return !1;
       }
+      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);
+        }
+      }
     }
 
     const chartTypes = {};
@@ -59877,8 +59759,8 @@
               col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1;
               const editor = this.table.getEditor(col, row);
               editor && setTimeout(() => {
-                var _a;
-                editor && this.editingEditor !== editor && (null === (_a = editor.prepareEdit) || void 0 === _a || _a.call(editor, {
+                var _a, _b;
+                editor && this.editingEditor !== editor && (null === (_b = (_a = editor).prepareEdit) || void 0 === _b || _b.call(_a, {
                   referencePosition: referencePosition,
                   container: this.table.getElement(),
                   table: this.table,
@@ -59891,14 +59773,14 @@
         this.listenersId.push(doubleClickEventId, clickEventId, selectedChangedEventId);
       }
       startEditCell(col, row, value, editElement) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         if (this.editingEditor) return;
         const editor = this.table.getEditor(col, row);
         if (editor) {
-          if (editElement && editor.setElement(editElement), this.table.internalProps.layoutMap.isSeriesNumber(col, row)) return;
-          if (null === (_b = null === (_a = this.table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.isAggregation) || void 0 === _b ? void 0 : _b.call(_a, col, row)) {
-            const isPivotTable = null === (_d = (_c = this.table).isPivotTable) || void 0 === _d ? void 0 : _d.call(_c),
-              updateAggregationOnEditCell = !!isPivotTable && (null === (_f = null === (_e = this.table.internalProps) || void 0 === _e ? void 0 : _e.dataConfig) || void 0 === _f ? void 0 : _f.updateAggregationOnEditCell);
+          if (editElement && (null === (_b = (_a = editor).setElement) || void 0 === _b || _b.call(_a, editElement)), this.table.internalProps.layoutMap.isSeriesNumber(col, row)) return;
+          if (null === (_d = null === (_c = this.table.internalProps.layoutMap) || void 0 === _c ? void 0 : _c.isAggregation) || void 0 === _d ? void 0 : _d.call(_c, col, row)) {
+            const isPivotTable = null === (_f = (_e = this.table).isPivotTable) || void 0 === _f ? void 0 : _f.call(_e),
+              updateAggregationOnEditCell = !!isPivotTable && (null === (_h = null === (_g = this.table.internalProps) || void 0 === _g ? void 0 : _g.dataConfig) || void 0 === _h ? void 0 : _h.updateAggregationOnEditCell);
             if (!isPivotTable || isPivotTable && updateAggregationOnEditCell) return;
           }
           const record = this.table.getCellRawRecord(col, row);
@@ -59917,9 +59799,9 @@
                 height: rect.height
               }
             };
-          col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1, editor.beginEditing, null === (_g = editor.beginEditing) || void 0 === _g || _g.call(editor, this.table.getElement(), referencePosition, dataValue), editor.bindSuccessCallback, null === (_h = editor.bindSuccessCallback) || void 0 === _h || _h.call(editor, () => {
+          col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1, editor.beginEditing, null === (_j = editor.beginEditing) || void 0 === _j || _j.call(editor, this.table.getElement(), referencePosition, dataValue), editor.bindSuccessCallback, null === (_k = editor.bindSuccessCallback) || void 0 === _k || _k.call(editor, () => {
             this.completeEdit();
-          }), null === (_j = editor.onStart) || void 0 === _j || _j.call(editor, {
+          }), null === (_l = editor.onStart) || void 0 === _l || _l.call(editor, {
             value: dataValue,
             endEdit: () => {
               this.completeEdit();