@visactor/vtable-calendar 1.22.10 → 1.22.11-alpha.0

package/dist/vtable-calendar.js

@@ -34616,6 +34616,24 @@
         }, 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;
@@ -43749,48 +43767,26 @@
         const cellGroup = table.scenegraph.getCell(col, i),
           chartNode = null === (_a = null == cellGroup ? void 0 : cellGroup.getChildren()) || void 0 === _a ? void 0 : _a[0];
         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;
+          var _a, _b, _c, _d;
           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) 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,
+            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,
                 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,
-                  y: absolutePositionTop,
+                  x: canvasXY.x - cellBoundry.left,
+                  y: absolutePositionTop - cellBoundry.top,
                   activeType: "dimension"
                 }
               })) : chartInstanceListColumnByColumnDirection[col][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: canvasXY.x,
-                  y: absolutePositionTop,
+                  x: canvasXY.x - cellBoundry.left,
+                  y: absolutePositionTop - cellBoundry.top,
                   activeType: "dimension"
                 }
               });
@@ -43831,44 +43827,22 @@
           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) 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,
+            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,
                 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,
-                  y: canvasXY.y,
+                  x: absolutePositionLeft - cellBoundry.left,
+                  y: canvasXY.y - cellBoundry.top,
                   activeType: "dimension"
                 }
               })) : chartInstanceListRowByRowDirection[row][i].setDimensionIndex(dimensionValueOrXValue, {
                 tooltip: isShowTooltip,
                 showTooltipOption: {
-                  x: absolutePositionLeft,
-                  y: canvasXY.y,
+                  x: absolutePositionLeft - cellBoundry.left,
+                  y: canvasXY.y - cellBoundry.top,
                   activeType: "dimension"
                 }
               });
@@ -43877,6 +43851,103 @@
         }, 0), table.scenegraph.updateNextFrame();
       }
     }
+    function generateChartInstanceListByViewRange(datum, table, deactivate = !1) {
+      var _a;
+      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];
+          chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListColumnByColumnDirection[col][i] || isValid$1(chartNode) && (chartNode.activeChartInstance ? chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance : "pie" === chartNode.attribute.spec.type && (chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance)), 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), 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 clearChartInstanceListByRowDirection(row, excludedCol, table) {
       var _a;
       if (isValid$1(chartInstanceListRowByRowDirection[row])) for (const i in chartInstanceListRowByRowDirection[row]) {
@@ -43891,6 +43962,10 @@
       }
       delete chartInstanceListRowByRowDirection[row];
     }
+    function clearAllChartInstanceList(table) {
+      for (const col in chartInstanceListColumnByColumnDirection) clearChartInstanceListByColumnDirection(Number(col), void 0, table);
+      for (const row in chartInstanceListRowByRowDirection) clearChartInstanceListByRowDirection(Number(row), void 0, table);
+    }
 
     function isValidAlignDomain(domain) {
       return 2 === domain.length && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
@@ -44524,7 +44599,7 @@
     const CHART_NUMBER_TYPE = genNumberType();
     class Chart extends Rect$1 {
       constructor(isShareChartSpec, params) {
-        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 {
+        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 {
           const chartInstance = this.chartInstance = new params.ClassType(params.spec, merge({}, this.attribute.tableChartOption, {
             renderCanvas: params.canvas,
             mode: "node" === this.attribute.mode ? "node" : "desktop-browser",
@@ -44545,7 +44620,7 @@
         }
       }
       activate(table) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (this.activeChartInstance) return;
         const {
             col: col,
@@ -44598,7 +44673,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: table.options.chartDimensionLinkage && "scatter" !== this.attribute.spec.type ? {
+          componentShowContent: (null === (_b = table.options.chartDimensionLinkage) || void 0 === _b ? void 0 : _b.showTooltip) && "scatter" !== this.attribute.spec.type ? {
             tooltip: {
               dimension: !1,
               mark: !0
@@ -44609,15 +44684,37 @@
         const chartStage = this.activeChartInstance.getStage(),
           matrix = this.globalTransMatrix.clone(),
           stageMatrix = this.stage.window.getViewBoxTransform();
-        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 => {
+        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 === (_d = null === (_c = table.internalProps.layoutMap) || void 0 === _c ? void 0 : _c.updateDataStateToActiveChartInstance) || void 0 === _d || _d.call(_c, 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) : Chart.temp && table.scenegraph.updateChartState(null == params ? void 0 : params.datum);
-        }), this.activeChartInstance.on("brushEnd", params => {
+          !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 === (_e = table.options.chartDimensionLinkage) || void 0 === _e ? void 0 : _e.listenBrushChange) && (brushChangeThrottle = cancellableThrottle(table.scenegraph.updateChartState.bind(table.scenegraph), null !== (_g = null === (_f = table.options.chartDimensionLinkage) || void 0 === _f ? void 0 : _f.brushChangeDelay) && void 0 !== _g ? _g : 100), this.activeChartInstance.on("brushChange", params => {
           var _a;
-          table.scenegraph.updateChartState(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData), Chart.temp = 0, setTimeout(() => {
+          brushChangeThrottle.throttled(null === (_a = null == params ? void 0 : params.value) || void 0 === _a ? void 0 : _a.inBrushData, "brush");
+        })), 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(() => {
             Chart.temp = 1;
           }, 0);
-        }), table.options.chartDimensionLinkage && this.activeChartInstance.on("dimensionHover", params => {
+        }), (null === (_h = table.options.chartDimensionLinkage) || void 0 === _h ? void 0 : _h.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 => {
           var _a, _b;
           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,
@@ -44680,12 +44777,13 @@
               }
             }
           }
-        }), null === (_e = (_d = table)._bindChartEvent) || void 0 === _e || _e.call(_d, this.activeChartInstance);
+        })), null === (_k = (_j = table)._bindChartEvent) || void 0 === _k || _k.call(_j, this.activeChartInstance);
       }
       deactivate(table, {
         releaseChartInstance = !0,
         releaseColumnChartInstance = !0,
-        releaseRowChartInstance = !0
+        releaseRowChartInstance = !0,
+        releaseAllChartInstance = !1
       } = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0, releaseChartInstance) {
@@ -44707,7 +44805,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));
         }
-        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);
+        releaseAllChartInstance ? clearAllChartInstanceList(table) : (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;
@@ -44722,13 +44820,14 @@
             y1: y1,
             x2: x2,
             y2: y2
-          } = 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))
-        };
+          } = 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;
       }
     }
     function getTableBounds(col, row, table) {
@@ -44943,7 +45042,7 @@
           {
             width = groupAttribute.width,
             height = groupAttribute.height
-          } = (chart.getViewBox(), chart.attribute),
+          } = chart.attribute,
           {
             table: table
           } = chart.getRootNode(),
@@ -44971,8 +45070,9 @@
               });
             }
           }
-          const viewBox = chart.getViewBox();
-          activeChartInstance.updateViewBox({
+          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({
             x1: 0,
             x2: viewBox.x2 - viewBox.x1,
             y1: 0,
@@ -48490,9 +48590,10 @@
         });
       }
     }
-    function updateChartState(scenegraph, datum) {
+    function updateChartState(scenegraph, datum, selectedDataMode) {
       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 = [];
@@ -49240,16 +49341,22 @@
       resetResidentHoverIcon(col, row) {
         resetResidentHoverIcon(col, row, this);
       }
-      deactivateChart(col, row) {
-        var _a, _b, _c;
+      deactivateChart(col, row, forceRelease = !1) {
+        var _a, _b, _c, _d, _e, _f;
         if (-1 === col || -1 === row) return;
         const cellGroup = this.getCell(col, row);
         if (null === (_a = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _a ? void 0 : _a.deactivate) {
+          if (forceRelease) return void (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, {
+            releaseChartInstance: !0,
+            releaseColumnChartInstance: !0,
+            releaseRowChartInstance: !0,
+            releaseAllChartInstance: !0
+          }));
           const chartType = (null == cellGroup ? void 0 : cellGroup.firstChild).attribute.spec.type;
-          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
+          null === (_e = null === (_d = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _d ? void 0 : _d.deactivate) || void 0 === _e || _e.call(_d, this.table, (null === (_f = this.table.options.chartDimensionLinkage) || void 0 === _f ? void 0 : _f.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)
           } : void 0);
         }
       }
@@ -49297,8 +49404,8 @@
       updateChartSizeForResizeRowHeight(row) {
         updateChartSizeForResizeRowHeight(this, row);
       }
-      updateChartState(datum) {
-        this.table.isPivotChart() && updateChartState(this, datum);
+      updateChartState(datum, selectedDataMode) {
+        this.table.isPivotChart() && updateChartState(this, datum, selectedDataMode);
       }
       updateCheckboxCellState(col, row, checked) {
         var _a, _b;
@@ -52325,7 +52432,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), (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, void 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;
         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;
@@ -52353,7 +52460,7 @@
               }
               eventManager.dealTableHover(eventArgsSet);
             } else {
-              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null), void stateManager.updateInteractionState(InteractionState.grabing);
+              if (!eventManager.checkCellFillhandle(eventArgsSet) && (eventManager.checkColumnResize(eventArgsSet, !0) || eventManager.checkRowResize(eventArgsSet, !0))) return table.scenegraph.updateChartState(null, void 0), 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);
@@ -52505,7 +52612,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), stateManager.updateInteractionState(InteractionState.grabing);
+            table.scenegraph.updateChartState(null, void 0), stateManager.updateInteractionState(InteractionState.grabing);
             const {
               eventArgs: eventArgs
             } = eventArgsSet;
@@ -52524,7 +52631,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);
+          (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.stage.addEventListener("pointermove", e => {
         var _a, _b, _c;
@@ -52642,7 +52749,15 @@
         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;
-        e.path.find(node => "legend" === node.name) || (null === (_a = table.editorManager) || void 0 === _a || _a.completeEdit(), table.eventManager._enableTableScroll && handleWhell(e, stateManager));
+        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);
+        }
       });
     }
     function bindGesture(eventManager) {
@@ -56054,7 +56169,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.10", 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-alpha.0", 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