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

package/dist/vtable-calendar.js

@@ -35917,6 +35917,9 @@
               var _a;
               return null !== (_a = defaultStyle.textAlign) && void 0 !== _a ? _a : "left";
             },
+            get textStickBaseOnAlign() {
+              return defaultStyle.textStickBaseOnAlign;
+            },
             get textBaseline() {
               var _a;
               return null !== (_a = defaultStyle.textBaseline) && void 0 !== _a ? _a : "middle";
@@ -36600,6 +36603,9 @@
           get textStick() {
             return style.textStick;
           },
+          get textStickBaseOnAlign() {
+            return style.textStickBaseOnAlign;
+          },
           get marked() {
             return style.marked;
           },
@@ -43753,11 +43759,35 @@
       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;
-      isValid$1(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
+      clearDelayRunDimensionHoverTimers(), isValid$1(chartInstanceListColumnByColumnDirection[col]) || (chartInstanceListColumnByColumnDirection[col] = {});
       const {
         rowStart: rowStart
       } = table.getBodyVisibleRowRange();
@@ -43766,7 +43796,8 @@
       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 || chartNode.activate(table), chartInstanceListColumnByColumnDirection[col][i] = chartNode.activeChartInstance), setTimeout(() => {
+        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;
           if (null === (_a = chartInstanceListColumnByColumnDirection[col]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
@@ -43792,28 +43823,13 @@
               });
             }
           }
-        }, 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];
+        }, 0);
+        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
       }
     }
     function generateChartInstanceListByRowDirection(row, dimensionValueOrXValue, positionValueOrYValue, canvasXY, table, hideTooltip = !1, isScatter = !1) {
       var _a;
-      isValid$1(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
+      clearDelayRunDimensionHoverTimers(), isValid$1(chartInstanceListRowByRowDirection[row]) || (chartInstanceListRowByRowDirection[row] = {});
       const {
         colStart: colStart
       } = table.getBodyVisibleColRange();
@@ -43822,7 +43838,8 @@
       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];
-        chartNode.addUpdateShapeAndBoundsTag(), chartInstanceListRowByRowDirection[row][i] || isValid$1(chartNode) && (chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance), setTimeout(() => {
+        chartInstanceListRowByRowDirection[row][i] || isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.activeChartInstance || chartNode.activate(table), chartInstanceListRowByRowDirection[row][i] = chartNode.activeChartInstance);
+        const timer = setTimeout(() => {
           var _a, _b, _c, _d;
           if (null === (_a = chartInstanceListRowByRowDirection[row]) || void 0 === _a ? void 0 : _a[i]) {
             const chartDimensionLinkage = table.options.chartDimensionLinkage;
@@ -43848,11 +43865,13 @@
               });
             }
           }
-        }, 0), table.scenegraph.updateNextFrame();
+        }, 0);
+        delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
       }
     }
     function generateChartInstanceListByViewRange(datum, table, deactivate = !1) {
       var _a;
+      clearDelayRunDimensionHoverTimers();
       const {
         rowStart: rowStart
       } = table.getBodyVisibleRowRange();
@@ -43868,7 +43887,8 @@
         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(() => {
+          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;
@@ -43877,7 +43897,8 @@
                 activeType: "mark"
               })));
             }
-          }, 0), table.scenegraph.updateNextFrame();
+          }, 0);
+          delayRunDimensionHoverTimer.push(timer), table.scenegraph.updateNextFrame();
         }
       }
     }
@@ -43948,13 +43969,31 @@
       }
       return isShowTooltip;
     }
-    function clearChartInstanceListByRowDirection(row, excludedCol, table) {
+    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) {
       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];
-        chartNode.addUpdateShapeAndBoundsTag(), isValid$1(chartNode) && (chartNode.deactivate(table, {
+        isValid$1(chartNode) && (chartNode.addUpdateShapeAndBoundsTag(), chartNode.deactivate(table, {
+          forceRelease: forceRelease,
           releaseChartInstance: !0,
           releaseColumnChartInstance: !1,
           releaseRowChartInstance: !1
@@ -43962,9 +44001,18 @@
       }
       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 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 disabledTooltipToAllChartInstances = !1;
+    function isDisabledTooltipToAllChartInstances() {
+      return disabledTooltipToAllChartInstances;
     }
 
     function isValidAlignDomain(domain) {
@@ -44620,7 +44668,7 @@
         }
       }
       activate(table) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (this.activeChartInstance) return;
         const {
             col: col,
@@ -44639,7 +44687,7 @@
             y1: y1 - table.scrollTop,
             y2: y2 - table.scrollTop
           });
-        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, {
+        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,
@@ -44673,7 +44721,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 === (_b = table.options.chartDimensionLinkage) || void 0 === _b ? void 0 : _b.showTooltip) && "scatter" !== this.attribute.spec.type ? {
+          componentShowContent: (null === (_a = table.options.chartDimensionLinkage) || void 0 === _a ? void 0 : _a.showTooltip) && "scatter" !== this.attribute.spec.type ? {
             tooltip: {
               dimension: !1,
               mark: !0
@@ -44685,18 +44733,22 @@
           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 === (_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 => {
+        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 === (_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 => {
+        }), (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("brushEnd", params => {
+        })), this.activeChartInstance.on("brushStart", params => {
+          var _a;
+          const brushingChartInstance = getBrushingChartInstance();
+          brushingChartInstance !== this.activeChartInstance && (brushingChartInstance && (null === (_a = brushingChartInstance.getChart()) || void 0 === _a || _a.getComponentsByKey("brush")[0].clearBrushStateAndMask()), setBrushingChartInstance(this.activeChartInstance, col, row));
+        }), 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);
-        }), (null === (_h = table.options.chartDimensionLinkage) || void 0 === _h ? void 0 : _h.showTooltip) && ("pie" === this.attribute.spec.type && (this.activeChartInstance.on("pointerover", {
+        }), (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;
@@ -44716,6 +44768,8 @@
           generateChartInstanceListByViewRange(datum, table, !0);
         })), this.activeChartInstance.on("dimensionHover", params => {
           var _a, _b;
+          if (isDisabledTooltipToAllChartInstances()) 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;
@@ -44732,11 +44786,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, clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0), "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, this.clearDelayRunDimensionHoverTimer()), "enter" === params.action || "move" === params.action || preMark !== this.activeChartInstanceHoverOnMark) {
                 const dimensionValue = dimensionInfo.value,
                   indicatorsAsCol = table.options.indicatorsAsCol;
-                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);
+                if (delayRunDimensionHover ? (this.clearDelayRunDimensionHoverTimer(), this.delayRunDimensionHoverTimer = setTimeout(() => {
+                  isDisabledTooltipToAllChartInstances() || (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);
@@ -44777,22 +44831,26 @@
               }
             }
           }
-        })), null === (_k = (_j = table)._bindChartEvent) || void 0 === _k || _k.call(_j, this.activeChartInstance);
+        })), null === (_j = (_h = table)._bindChartEvent) || void 0 === _j || _j.call(_h, this.activeChartInstance), isDisabledTooltipToAllChartInstances() && this.activeChartInstance.disableTooltip(!0);
+      }
+      clearDelayRunDimensionHoverTimer() {
+        clearTimeout(this.delayRunDimensionHoverTimer), this.delayRunDimensionHoverTimer = void 0;
       }
       deactivate(table, {
+        forceRelease = !1,
         releaseChartInstance = !0,
         releaseColumnChartInstance = !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) {
-          null === (_a = this.activeChartInstance) || void 0 === _a || _a.updateViewBox({
+        if (this.activeChartInstanceHoverOnMark = null, this.justShowMarkTooltip = void 0, this.justShowMarkTooltipTimer = Date.now(), this.clearDelayRunDimensionHoverTimer(), releaseChartInstance) {
+          !this.activeChartInstance || !forceRelease && getBrushingChartInstance() && getBrushingChartInstance() === this.activeChartInstance || (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
@@ -44805,7 +44863,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) : (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, 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));
       }
       updateData(data) {
         this.attribute.data = data;
@@ -48581,15 +48639,21 @@
     }
     function clearChartCacheImage(scenegraph) {
       var _a;
+      const brushingCellPos = getBrushingChartInstanceCellPos();
       for (let c = scenegraph.proxy.colStart; c <= scenegraph.proxy.colEnd; c++) {
         const columnGroup = scenegraph.getColGroup(c);
         null === (_a = null == columnGroup ? void 0 : columnGroup.getChildren()) || void 0 === _a || _a.forEach(cellNode => {
-          cellNode.children.forEach(node => {
+          brushingCellPos && brushingCellPos.col === cellNode.col && brushingCellPos.row === cellNode.row || cellNode.children.forEach(node => {
             "chart" === node.type && (node.cacheCanvas = null, node.addUpdateBoundTag());
           });
         });
       }
     }
+    function clearCellChartCacheImage(col, row, scenegraph) {
+      scenegraph.getCell(col, row).children.forEach(node => {
+        "chart" === node.type && (node.cacheCanvas = null, node.addUpdateBoundTag());
+      });
+    }
     function updateChartState(scenegraph, datum, selectedDataMode) {
       const table = scenegraph.table;
       if (table.isPivotChart()) {
@@ -49342,18 +49406,33 @@
         resetResidentHoverIcon(col, row, this);
       }
       deactivateChart(col, row, forceRelease = !1) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        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) && (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
+            })), clearCellChartCacheImage(brushingChartInstanceCellPos.col, brushingChartInstanceCellPos.row, this), clearBrushingChartInstance();
+          }
+        }
         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, {
+        if (null === (_d = null == cellGroup ? void 0 : cellGroup.firstChild) || void 0 === _d ? void 0 : _d.deactivate) {
+          if (forceRelease) return 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
           }));
           const chartType = (null == cellGroup ? void 0 : cellGroup.firstChild).attribute.spec.type;
-          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) ? {
+          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)
@@ -49405,7 +49484,14 @@
         updateChartSizeForResizeRowHeight(this, row);
       }
       updateChartState(datum, selectedDataMode) {
-        this.table.isPivotChart() && updateChartState(this, datum, selectedDataMode);
+        var _a, _b, _c;
+        if (this.table.isPivotChart()) {
+          if (null == datum || 0 === (null == datum ? void 0 : datum.length) || 0 === Object.keys(datum).length) {
+            const brushingChartInstance = getBrushingChartInstance();
+            brushingChartInstance && (null === (_a = brushingChartInstance.getChart()) || void 0 === _a || _a.getComponentsByKey("brush")[0].clearBrushStateAndMask()), null === (_c = null === (_b = this.table.options.chartDimensionLinkage) || void 0 === _b ? void 0 : _b.clearChartState) || void 0 === _c || _c.call(_b);
+          }
+          updateChartState(this, datum, selectedDataMode);
+        }
       }
       updateCheckboxCellState(col, row, checked) {
         var _a, _b;
@@ -52432,7 +52518,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), (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), 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;
         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;
@@ -52460,7 +52546,7 @@
               }
               eventManager.dealTableHover(eventArgsSet);
             } else {
-              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.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.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);
@@ -52612,7 +52698,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), stateManager.updateInteractionState(InteractionState.grabing);
+            table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0), stateManager.updateInteractionState(InteractionState.grabing);
             const {
               eventArgs: eventArgs
             } = eventArgsSet;
@@ -52631,7 +52717,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);
+          (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);
         }
       }), table.scenegraph.stage.addEventListener("pointermove", e => {
         var _a, _b, _c;
@@ -52872,11 +52958,13 @@
       const throttleVerticalWheel = throttle(stateManager.updateVerticalScrollBar, 20),
         throttleHorizontalWheel = throttle(stateManager.updateHorizontalScrollBar, 20);
       scenegraph.component.vScrollBar.addEventListener("scrollDrag", e => {
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
+        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);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleVerticalWheel(ratio, e);
       }), scenegraph.component.hScrollBar.addEventListener("scrollDrag", e => {
-        scenegraph.table.eventManager.isDown && (scenegraph.table.eventManager.isDraging = !0), stateManager.fastScrolling = !0, stateManager.interactionState !== InteractionState.scrolling && stateManager.updateInteractionState(InteractionState.scrolling);
+        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);
         const ratio = e.detail.value[0] / (1 - e.detail.value[1] + e.detail.value[0]);
         throttleHorizontalWheel(ratio);
       });
@@ -53026,7 +53114,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({
@@ -56169,7 +56257,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.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");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.22.11-alpha.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");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -59793,9 +59881,9 @@
                 };
               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);
-              setTimeout(() => {
+              editor && setTimeout(() => {
                 var _a;
-                this.editingEditor !== editor && (null === (_a = editor.prepareEdit) || void 0 === _a || _a.call(editor, {
+                editor && this.editingEditor !== editor && (null === (_a = editor.prepareEdit) || void 0 === _a || _a.call(editor, {
                   referencePosition: referencePosition,
                   container: this.table.getElement(),
                   table: this.table,