@visactor/vchart 1.12.2-alpha.2 → 1.12.2

package/build/index.js

@@ -18,7 +18,7 @@
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
     ***************************************************************************** */
-    function __rest$d(s, e) {
+    function __rest$e(s, e) {
       var t = {};
       for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
       if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -11979,7 +11979,7 @@
           delta = this._duringTime + delta * this.timeScale - this._startTime, this._duringTime = this._startTime;
         }
         this.status === AnimateStatus.INITIAL && (this.status = AnimateStatus.RUNNING, this._onStart && this._onStart.forEach(cb => cb()));
-        this.setPosition(this.rawPosition + delta * this.timeScale) && this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.END, this._onEnd && this._onEnd.forEach(cb => cb()));
+        this.setPosition(Math.max(this.rawPosition, 0) + delta * this.timeScale) && this.status === AnimateStatus.RUNNING && (this.status = AnimateStatus.END, this._onEnd && this._onEnd.forEach(cb => cb()));
       }
       setPosition(rawPosition) {
         let sa,
@@ -12102,7 +12102,7 @@
           end = !1;
         const startAt = null !== (_a = this._startAt) && void 0 !== _a ? _a : 0;
         if (rawPosition < 0 && (rawPosition = 0), rawPosition < startAt) return this.rawPosition = rawPosition, !1;
-        if (rawPosition -= startAt, d <= 0) return end = !0, end;
+        if (rawPosition -= startAt, d <= 0 && (end = !0, d < 0)) return end;
         if (loop = Math.floor(rawPosition / d), position = rawPosition - loop * d, end = rawPosition >= loopCount * d + d, end && (position = d, loop = loopCount, rawPosition = position * loop + d), rawPosition === prevRawPos) return end;
         const rev = !this.reversed != !(this.bounce && loop % 2);
         return rev && (position = d - position), this._deltaPosition = position - this.position, this.position = position, this.rawPosition = rawPosition + startAt, this.updatePosition(end, rev), end;
@@ -13682,7 +13682,7 @@
           var _a;
           data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
             (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(svgStr, res.data)) : (data.loadState = "fail", mark.imageLoadFail(svgStr));
-          });
+          }), data.waitingMark && (data.waitingMark = []);
         })) : (data.loadState = "fail", mark.imageLoadFail(svgStr)));
       }
       static GetFile(url, type) {
@@ -13713,7 +13713,7 @@
                   var _a;
                   data.loadState = (null == res ? void 0 : res.data) ? "success" : "fail", data.data = null == res ? void 0 : res.data, null === (_a = data.waitingMark) || void 0 === _a || _a.map((mark, index) => {
                     (null == res ? void 0 : res.data) ? (data.loadState = "success", data.data = res.data, mark.imageLoadSuccess(url, res.data)) : (data.loadState = "fail", mark.imageLoadFail(url));
-                  });
+                  }), data.waitingMark && (data.waitingMark = []);
                 });
                 promises.push(end);
               } else data.loadState = "fail", marks.forEach(mark => mark.imageLoadFail(url));
@@ -23036,7 +23036,7 @@
       release() {
         super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
           layer.release();
-        }), this.interactiveLayer && this.interactiveLayer.release(), this.window.release(), this.ticker.remTimeline(this.timeline), this.renderService.renderTreeRoots = [];
+        }), this.interactiveLayer && (this.interactiveLayer.release(), this.interactiveLayer.removeAllChild()), this.window.release(), this.ticker.remTimeline(this.timeline), this.renderService.renderTreeRoots = [];
       }
       setStage(stage) {}
       dirty(b, matrix) {
@@ -24606,18 +24606,6 @@
       Factory$2.registerPlugin("ViewTransform3dPlugin", ViewTransform3dPlugin);
     };
 
-    function combineArray(arr) {
-        const result = [];
-        for (let index = 0; index < arr.length; index++) {
-            const element = arr[index];
-            if (index === 0) {
-                result.push(element[0]);
-            }
-            result.push(element[1]);
-        }
-        return result;
-    }
-
     const warn = (msg, detail) => {
         if (isFunction$1(config.warnHandler)) {
             config.warnHandler.call(null, msg, detail);
@@ -24894,7 +24882,9 @@
       const bctx = vglobal.createCanvas({
         width: 1,
         height: 1
-      }).getContext("2d");
+      }).getContext("2d", {
+        willReadFrequently: !0
+      });
       bctx.fillStyle = backgroundColor, bctx.fillRect(0, 0, 1, 1);
       const bgPixel = bctx.getImageData(0, 0, 1, 1).data;
       return (imageData, y, x) => {
@@ -24911,7 +24901,9 @@
           height: height,
           dpr: 1
         }),
-        tempContext = maskCanvas.getContext("2d");
+        tempContext = maskCanvas.getContext("2d", {
+          willReadFrequently: !0
+        });
       if (cacheCanvas) {
         const prevWidth = cacheCanvas.width,
           prevHeight = cacheCanvas.height;
@@ -30435,7 +30427,7 @@
       registerGroup(), registerRect(), registerSymbol(), registerRichtext(), registerText();
     }
 
-    var __rest$c = undefined && undefined.__rest || function (s, e) {
+    var __rest$d = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -30453,10 +30445,11 @@
         return this._textShape;
       }
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, Tag.defaultAttributes, attributes)), this.name = "tag";
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, Tag.defaultAttributes, attributes)), this.name = "tag", this._tagStates = [], this._rectStates = [], this._symbolStates = [], this._textStates = [];
       }
       render() {
         var _a, _b, _c;
+        this.cacheStates();
         const {
             text = "",
             textStyle = {},
@@ -30486,7 +30479,7 @@
         const {
             visible: shapeVisible
           } = shape,
-          shapeStyle = __rest$c(shape, ["visible"]);
+          shapeStyle = __rest$d(shape, ["visible"]);
         if (isBoolean$1(shapeVisible)) {
           const size = (null == shapeStyle ? void 0 : shapeStyle.size) || 10,
             maxSize = isNumber$1(size) ? size : Math.max(size[0], size[1]);
@@ -30517,7 +30510,7 @@
           const {
               visible: bgVisible
             } = panel,
-            backgroundStyle = __rest$c(panel, ["visible"]);
+            backgroundStyle = __rest$d(panel, ["visible"]);
           if (visible && isBoolean$1(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
               visible: bgVisible && !!text,
@@ -30605,7 +30598,7 @@
           const {
               visible: bgVisible
             } = panel,
-            backgroundStyle = __rest$c(panel, ["visible"]);
+            backgroundStyle = __rest$d(panel, ["visible"]);
           if (visible && isBoolean$1(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
               visible: bgVisible && !!text,
@@ -30621,7 +30614,24 @@
             this._bgRect = bgRect;
           }
         }
-        this._textShape = textShape;
+        this._textShape = textShape, this._symbol = symbol, this.resetStates();
+      }
+      initAttributes(params, options) {
+        params = (null == options ? void 0 : options.skipDefault) ? params : merge$2({}, Tag.defaultAttributes, params), super.initAttributes(params), this.render();
+      }
+      addState(stateName, keepCurrentStates, hasAnimation) {
+        super.addState(stateName, keepCurrentStates, hasAnimation), this._textShape && this._textShape.addState(stateName, keepCurrentStates, hasAnimation), this._bgRect && this._bgRect.addState(stateName, keepCurrentStates, hasAnimation), this._symbol && this._symbol.addState(stateName, keepCurrentStates, hasAnimation);
+      }
+      removeState(stateName, hasAnimation) {
+        super.removeState(stateName, hasAnimation), this._textShape && this._textShape.removeState(stateName, hasAnimation), this._bgRect && this._bgRect.removeState(stateName, hasAnimation), this._symbol && this._symbol.removeState(stateName, hasAnimation);
+      }
+      cacheStates() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        this._tagStates = null !== (_b = null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.slice()) && void 0 !== _b ? _b : [], this._rectStates = null !== (_e = null === (_d = null === (_c = this._bgRect) || void 0 === _c ? void 0 : _c.currentStates) || void 0 === _d ? void 0 : _d.slice()) && void 0 !== _e ? _e : [], this._symbolStates = null !== (_h = null === (_g = null === (_f = this._symbol) || void 0 === _f ? void 0 : _f.currentStates) || void 0 === _g ? void 0 : _g.slice()) && void 0 !== _h ? _h : [], this._textStates = null !== (_l = null === (_k = null === (_j = this._textShape) || void 0 === _j ? void 0 : _j.currentStates) || void 0 === _k ? void 0 : _k.slice()) && void 0 !== _l ? _l : [], this.clearStates(), null === (_m = this._bgRect) || void 0 === _m || _m.clearStates(), null === (_o = this._symbol) || void 0 === _o || _o.clearStates(), null === (_p = this._textShape) || void 0 === _p || _p.clearStates();
+      }
+      resetStates() {
+        var _a, _b, _c;
+        this._tagStates.length && this.useStates(this._tagStates), this._rectStates.length && (null === (_a = this._bgRect) || void 0 === _a || _a.useStates(this._rectStates)), this._symbolStates.length && (null === (_b = this._symbol) || void 0 === _b || _b.useStates(this._symbolStates)), this._textStates.length && (null === (_c = this._textShape) || void 0 === _c || _c.useStates(this._textStates));
       }
     }
     Tag.defaultAttributes = {
@@ -30671,7 +30681,7 @@
       merge$2(theme.poptip, DEFAULT_THEME, defaultPoptipTheme);
     }
 
-    var __rest$b = undefined && undefined.__rest || function (s, e) {
+    var __rest$c = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -30758,7 +30768,7 @@
         const {
             visible: bgVisible
           } = panel,
-          backgroundStyle = __rest$b(panel, ["visible"]),
+          backgroundStyle = __rest$c(panel, ["visible"]),
           symbolSize = null !== (_a = backgroundStyle.size) && void 0 !== _a ? _a : 12,
           spaceSize = isArray$1(symbolSize) ? [symbolSize[0] + (null !== (_b = backgroundStyle.space) && void 0 !== _b ? _b : 0), symbolSize[1] + (null !== (_c = backgroundStyle.space) && void 0 !== _c ? _c : 0)] : symbolSize + (null !== (_d = backgroundStyle.space) && void 0 !== _d ? _d : 0),
           lineWidth = null !== (_e = backgroundStyle.lineWidth) && void 0 !== _e ? _e : 1,
@@ -31769,7 +31779,7 @@
       registerGroup(), registerText(), registerRichtext(), registerLine();
     }
 
-    var __rest$a = undefined && undefined.__rest || function (s, e) {
+    var __rest$b = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -31790,7 +31800,7 @@
         const {
             data: data
           } = attributes,
-          restAttributes = __rest$a(attributes, ["data"]);
+          restAttributes = __rest$b(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
         }, merge$2({}, LabelBase.defaultAttributes, restAttributes))), this.name = "label", this._onHover = e => {
@@ -32319,7 +32329,7 @@
     };
     const getLabelComponent = type => labelComponentMap[type];
 
-    var __rest$9 = undefined && undefined.__rest || function (s, e) {
+    var __rest$a = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -32333,7 +32343,7 @@
         const {
             data: data
           } = attributes,
-          restAttributes = __rest$9(attributes, ["data"]);
+          restAttributes = __rest$a(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
         }, merge$2({}, SymbolLabel.defaultAttributes, restAttributes))), this.name = "symbol-label";
@@ -32355,7 +32365,7 @@
       registerLabelComponent("symbol", SymbolLabel), registerLabelComponent("line-data", SymbolLabel);
     };
 
-    var __rest$8 = undefined && undefined.__rest || function (s, e) {
+    var __rest$9 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -32369,7 +32379,7 @@
         const {
             data: data
           } = attributes,
-          restAttributes = __rest$8(attributes, ["data"]);
+          restAttributes = __rest$9(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
         }, merge$2({}, RectLabel.defaultAttributes, restAttributes)));
@@ -32419,7 +32429,7 @@
       registerLabelComponent("rect", RectLabel);
     };
 
-    var __rest$7 = undefined && undefined.__rest || function (s, e) {
+    var __rest$8 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -32433,7 +32443,7 @@
         const {
             data: data
           } = attributes,
-          restAttributes = __rest$7(attributes, ["data"]);
+          restAttributes = __rest$8(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
         }, merge$2({}, LineLabel.defaultAttributes, restAttributes))), this.name = "line-label";
@@ -32473,7 +32483,7 @@
       registerLabelComponent("line", LineLabel$1), registerLabelComponent("area", LineLabel$1);
     };
 
-    var __rest$6 = undefined && undefined.__rest || function (s, e) {
+    var __rest$7 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -32505,7 +32515,7 @@
         const {
             data: data
           } = attributes,
-          restAttributes = __rest$6(attributes, ["data"]);
+          restAttributes = __rest$7(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
         }, merge$2({}, ArcLabel.defaultAttributes, restAttributes))), this.name = "arc-label", this._ellipsisWidth = 0, this._arcLeft = new Map(), this._arcRight = new Map();
@@ -32594,6 +32604,7 @@
           case "inside":
           case "inside-inner":
           case "inside-outer":
+          case "inside-center":
             arcs.push(...this._layoutInsideLabels(rightArcs, attribute, currentMarks)), arcs.push(...this._layoutInsideLabels(leftArcs, attribute, currentMarks));
             break;
           default:
@@ -32627,7 +32638,7 @@
             align = this._computeAlign(arc, attribute);
           let labelRadius,
             alignOffset = 0;
-          if ("inside" === position && (alignOffset = "left" === align ? labelWidth : "right" === align ? 0 : labelWidth / 2), labelRadius = "inside-inner" === position ? innerRadius - offsetRadius + alignOffset : outerRadius + offsetRadius - alignOffset, arc.labelPosition = polarToCartesian(arc.circleCenter, labelRadius, arc.middleAngle), arc.labelLimit = labelWidth, isGreater(labelWidth, 0) || (arc.labelVisible = !1), !1 !== labelConfig.rotate) {
+          if ("inside" === position && (alignOffset = "left" === align ? labelWidth : "right" === align ? 0 : labelWidth / 2), labelRadius = "inside-inner" === position ? innerRadius - offsetRadius + alignOffset : "inside-center" === position ? innerRadius + (outerRadius - innerRadius) / 2 : outerRadius + offsetRadius - alignOffset, arc.labelPosition = polarToCartesian(arc.circleCenter, labelRadius, arc.middleAngle), arc.labelLimit = labelWidth, isGreater(labelWidth, 0) || (arc.labelVisible = !1), !1 !== labelConfig.rotate) {
             arc.angle = null !== (_b = null === (_a = attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : arc.middleAngle;
             let offsetAngle = null !== (_c = labelConfig.offsetAngle) && void 0 !== _c ? _c : 0;
             ["inside-inner", "inside-outer"].includes(position) && (offsetAngle += Math.PI / 2), arc.angle += offsetAngle;
@@ -32997,7 +33008,7 @@
         return Math.min(width / 2, height / 2);
       }
       _canPlaceInside(textBound, shapeBound) {
-        return "inside" === this.attribute.position;
+        return "inside" === this.attribute.position || "inside-center" === this.attribute.position;
       }
       computeLayoutOuterRadius(r, width, height) {
         return r / (Math.min(width, height) / 2);
@@ -33035,7 +33046,7 @@
       registerLabelComponent("arc", ArcLabel);
     };
 
-    var __rest$5 = undefined && undefined.__rest || function (s, e) {
+    var __rest$6 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -33049,7 +33060,7 @@
         const {
             dataLabels: dataLabels
           } = attributes,
-          restAttributes = __rest$5(attributes, ["dataLabels"]);
+          restAttributes = __rest$6(attributes, ["dataLabels"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           dataLabels: dataLabels
         }, merge$2({}, DataLabel.defaultAttributes, restAttributes))), this.name = "data-label";
@@ -33362,7 +33373,7 @@
 
     var AXIS_ELEMENT_NAME;
     !function (AXIS_ELEMENT_NAME) {
-      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
+      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background";
     }(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
     var AxisStateValue;
     !function (AxisStateValue) {
@@ -33429,12 +33440,6 @@
         }
       }
     };
-    const DEFAULT_AXIS_BREAK_SYMBOL_STYLE = {
-      size: 8,
-      stroke: "#000",
-      lineWidth: 1,
-      zIndex: 1
-    };
 
     const clampRadian = function () {
       let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -33466,19 +33471,6 @@
         y: baseY - dy
       };
     }
-    function getAxisBreakSymbolAttrs() {
-      let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var _a, _b;
-      const {
-          style = {}
-        } = props,
-        symbolStyle = merge$2({}, DEFAULT_AXIS_BREAK_SYMBOL_STYLE, style),
-        symbolSize = null !== (_a = symbolStyle.size) && void 0 !== _a ? _a : DEFAULT_AXIS_BREAK_SYMBOL_STYLE.size;
-      return Object.assign(Object.assign({}, symbolStyle), {
-        symbolType: null !== (_b = symbolStyle.symbolType) && void 0 !== _b ? _b : `M ${-symbolSize / 2} ${symbolSize / 6} L ${symbolSize / 2} ${-symbolSize / 6}`,
-        symbolSize: symbolSize
-      });
-    }
     function getElMap(g) {
       const elMap = {};
       return traverseGroup(g, el => {
@@ -34135,7 +34127,7 @@
       registerGroup(), registerPath();
     }
 
-    var __rest$4 = undefined && undefined.__rest || function (s, e) {
+    var __rest$5 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -34151,50 +34143,7 @@
       }
       _renderInner(container) {
         var _a;
-        if (this.attribute.breaks && this.attribute.breaks.length) {
-          const transformedBreaks = [];
-          for (let index = 0; index < this.attribute.breaks.length; index++) {
-            const aBreak = this.attribute.breaks[index],
-              {
-                range: range,
-                breakSymbol: breakSymbol,
-                rawRange: rawRange
-              } = aBreak;
-            transformedBreaks.push({
-              startPoint: this.getTickCoord(range[0]),
-              endPoint: this.getTickCoord(range[1]),
-              range: range,
-              breakSymbol: breakSymbol,
-              rawRange: rawRange
-            });
-          }
-          this._breaks = transformedBreaks;
-        }
-        super._renderInner(container), this._breaks && this._breaks.length && this._breaks.forEach((b, index) => {
-          const {
-            startPoint: startPoint,
-            endPoint: endPoint,
-            breakSymbol: breakSymbol,
-            rawRange: rawRange
-          } = b;
-          if (!1 !== (null == breakSymbol ? void 0 : breakSymbol.visible)) {
-            const axisBreakGroup = graphicCreator.group({
-              zIndex: 99
-            });
-            axisBreakGroup.name = AXIS_ELEMENT_NAME.axisBreak, axisBreakGroup.id = this._getNodeId(`${AXIS_ELEMENT_NAME.axisBreak}-${index}`), axisBreakGroup.data = rawRange;
-            const symbolStyle = getAxisBreakSymbolAttrs(breakSymbol),
-              shape1 = graphicCreator.symbol(Object.assign({
-                x: startPoint.x,
-                y: startPoint.y
-              }, symbolStyle));
-            shape1.name = AXIS_ELEMENT_NAME.axisBreakSymbol;
-            const shape2 = graphicCreator.symbol(Object.assign({
-              x: endPoint.x,
-              y: endPoint.y
-            }, symbolStyle));
-            shape2.name = AXIS_ELEMENT_NAME.axisBreakSymbol, axisBreakGroup.add(shape1), axisBreakGroup.add(shape2), container.add(axisBreakGroup);
-          }
-        });
+        super._renderInner(container);
         const {
           panel: panel
         } = this.attribute;
@@ -34221,25 +34170,18 @@
             startSymbol: startSymbol,
             endSymbol: endSymbol,
             style: style,
+            breakRange: breakRange,
+            breakShape: breakShape,
+            breakShapeStyle: breakShapeStyle,
             state: state
           } = _a,
-          restLineAttrs = __rest$4(_a, ["startSymbol", "endSymbol", "style", "state"]),
+          restLineAttrs = __rest$5(_a, ["startSymbol", "endSymbol", "style", "breakRange", "breakShape", "breakShapeStyle", "state"]),
           lineAttrs = Object.assign({
+            points: [start, end],
             startSymbol: startSymbol,
             endSymbol: endSymbol,
             lineStyle: style
           }, restLineAttrs);
-        if (this._breaks && this._breaks.length) {
-          const linePoints = [];
-          let lastStartPoint = start;
-          this._breaks.forEach(b => {
-            const {
-              startPoint: startPoint,
-              endPoint: endPoint
-            } = b;
-            linePoints.push([lastStartPoint, startPoint]), lastStartPoint = endPoint;
-          }), linePoints.push([lastStartPoint, end]), lineAttrs.points = linePoints, lineAttrs.multiSegment = !0;
-        } else lineAttrs.points = [start, end];
         isEmpty(state) || (lineAttrs.state = {
           line: merge$2({}, DEFAULT_STATES$1, state),
           symbol: merge$2({}, DEFAULT_STATES$1, state)
@@ -34260,7 +34202,7 @@
             state = {},
             maxWidth: maxWidth
           } = _d,
-          restAttrs = __rest$4(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
+          restAttrs = __rest$5(_d, ["position", "space", "textStyle", "autoRotate", "shape", "background", "state", "maxWidth"]);
         let percent = .5;
         "start" === position ? percent = 0 : "end" === position && (percent = 1);
         const {
@@ -34556,7 +34498,7 @@
       }
     }
 
-    var __rest$3 = undefined && undefined.__rest || function (s, e) {
+    var __rest$4 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -34615,7 +34557,7 @@
             background: background,
             state = {}
           } = _d,
-          restAttrs = __rest$3(_d, ["space", "textStyle", "shape", "background", "state"]);
+          restAttrs = __rest$4(_d, ["space", "textStyle", "shape", "background", "state"]);
         let titlePoint = center,
           labelHeight = 0;
         (null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.label.inside && (labelHeight = get$1(this.attribute.label, "style.fontSize", 12) + get$1(this.attribute.label, "space", 4));
@@ -35842,28 +35784,7 @@
       }
     }
 
-    function getScaleTicks(op, scale, count, getTicks) {
-      let scaleTicks;
-      const {
-        breakData: breakData
-      } = op;
-      if (breakData) {
-        const {
-            range: breakRanges
-          } = breakData(),
-          domain = scale.domain();
-        scaleTicks = [];
-        for (let i = 0; i < domain.length; i++) if (i < domain.length - 1) {
-          getTicks(count, [domain[i], domain[i + 1]]).forEach(tick => {
-            breakRanges.some(breakRange => tick >= breakRange[0] && tick <= breakRange[1]) || scaleTicks.push(tick);
-          });
-        }
-        scale.domain(domain);
-      } else scaleTicks = getTicks(count);
-      return scaleTicks;
-    }
     const continuousTicks = (scale, op) => {
-      var _a, _b;
       if (!isContinuous(scale.type)) return convertDomainToTickData(scale.domain());
       const range = scale.range(),
         rangeSize = Math.abs(range[range.length - 1] - range[0]);
@@ -35873,33 +35794,27 @@
         forceTickCount: forceTickCount,
         tickStep: tickStep,
         noDecimals = !1,
-        labelStyle: labelStyle,
-        breakData: breakData
+        labelStyle: labelStyle
       } = op;
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = getScaleTicks(op, scale, forceTickCount, (count, range) => range && range.length ? scale.domain(range).forceTicks(count) : scale.forceTicks(count));else if ("d3" === op.tickMode) {
-        const count = null !== (_a = isFunction$1(tickCount) ? tickCount({
+      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
+        const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
-        }) : tickCount) && void 0 !== _a ? _a : 5;
-        scaleTicks = getScaleTicks(op, scale, count, (count, range) => range && range.length ? scale.domain(range).d3Ticks(count, {
-          noDecimals: noDecimals
-        }) : scale.d3Ticks(count, {
+        }) : tickCount;
+        scaleTicks = scale.d3Ticks(null != count ? count : 5, {
           noDecimals: noDecimals
-        }));
+        });
       } else {
-        const count = null !== (_b = isFunction$1(tickCount) ? tickCount({
+        const count = isFunction$1(tickCount) ? tickCount({
             axisLength: rangeSize,
             labelStyle: labelStyle
-          }) : tickCount) && void 0 !== _b ? _b : 5,
+          }) : tickCount,
           customTicks = isFunction$1(op.tickMode) ? op.tickMode : void 0;
-        scaleTicks = getScaleTicks(op, scale, count, (count, range) => range && range.length ? scale.domain(range).ticks(count, {
+        scaleTicks = scale.ticks(null != count ? count : 5, {
           noDecimals: noDecimals,
           customTicks: customTicks
-        }) : scale.ticks(count, {
-          noDecimals: noDecimals,
-          customTicks: customTicks
-        }));
+        });
       }
       if (op.sampling && ("cartesian" === op.coordinateType || "polar" === op.coordinateType && "radius" === op.axisOrientType)) {
         const {
@@ -35910,8 +35825,7 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const samplingMethod = breakData ? methods$1.greedy : methods$1.parity;
-        for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = samplingMethod(items, labelGap);
+        for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = methods$1.parity(items);
         const ticks = items.map(item => item.value);
         ticks.length < 3 && labelFlush && (ticks.length > 1 && ticks.pop(), last(ticks) !== last(scaleTicks) && ticks.push(last(scaleTicks))), scaleTicks = ticks;
       }
@@ -36409,7 +36323,7 @@
     }
     mixin(LineAxisGrid, LineAxisMixin);
 
-    var __rest$2 = undefined && undefined.__rest || function (s, e) {
+    var __rest$3 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -36435,7 +36349,7 @@
             center: center,
             subGrid: subGrid
           } = _a,
-          grid = __rest$2(_a, ["radius", "innerRadius", "startAngle", "endAngle", "center", "subGrid"]),
+          grid = __rest$3(_a, ["radius", "innerRadius", "startAngle", "endAngle", "center", "subGrid"]),
           {
             alignWithLabel = !0
           } = grid || {},
@@ -36628,7 +36542,7 @@
       loadTagComponent(), registerRect(), registerSymbol(), registerArea(), registerLine();
     }
 
-    var __rest$1 = undefined && undefined.__rest || function (s, e) {
+    var __rest$2 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -36837,11 +36751,11 @@
           {
             formatMethod: startTextFormat
           } = startTextStyle,
-          restStartTextStyle = __rest$1(startTextStyle, ["formatMethod"]),
+          restStartTextStyle = __rest$2(startTextStyle, ["formatMethod"]),
           {
             formatMethod: endTextFormat
           } = endTextStyle,
-          restEndTextStyle = __rest$1(endTextStyle, ["formatMethod"]),
+          restEndTextStyle = __rest$2(endTextStyle, ["formatMethod"]),
           {
             start: start,
             end: end
@@ -39347,7 +39261,7 @@
       loadBaseLegend(), loadSliderComponent(), registerPath();
     }
 
-    var __rest = undefined && undefined.__rest || function (s, e) {
+    var __rest$1 = undefined && undefined.__rest || function (s, e) {
       var t = {};
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
       if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
@@ -39797,7 +39711,7 @@
             space: pagerSpace = DEFAULT_PAGER_SPACE,
             defaultCurrent = 1
           } = pager,
-          compStyle = __rest(pager, ["space", "defaultCurrent"]),
+          compStyle = __rest$1(pager, ["space", "defaultCurrent"]),
           {
             isHorizontal: isHorizontal
           } = this._itemContext;
@@ -39865,7 +39779,7 @@
             space: pagerSpace = DEFAULT_PAGER_SPACE,
             defaultCurrent = 1
           } = pager,
-          compStyle = __rest(pager, ["space", "defaultCurrent"]),
+          compStyle = __rest$1(pager, ["space", "defaultCurrent"]),
           {
             isHorizontal: isHorizontal
           } = this._itemContext;
@@ -48866,6 +48780,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       isProgressive() {
         return this.renderContext && (!!this.renderContext.progressive || !!this.renderContext.beforeTransformProgressive);
       }
+      canAnimateAfterProgressive() {
+        return this.renderContext && this.renderContext.beforeTransformProgressive && this.renderContext.beforeTransformProgressive.canAnimate();
+      }
       isDoingProgressive() {
         return this.renderContext && (this.renderContext.progressive && this.renderContext.progressive.currentIndex < this.renderContext.progressive.totalStep || this.renderContext.beforeTransformProgressive && this.renderContext.beforeTransformProgressive.unfinished());
       }
@@ -50466,10 +50383,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           var _b;
           const matched = 1 === diff.prev.length && 1 === diff.next.length && diff.prev[0].markType === diff.next[0].markType,
             enableMarkMorphConfig = diff.prev.every(mark => mark.getMorphConfig().morph) && diff.next.every(mark => mark.getMorphConfig().morph);
-          matched && runningConfig.reuse ? (diff.next[0].reuse(diff.prev[0]), diff.prev[0].detachAll(), diff.prev[0].clear(), this._cachedGrammars.unrecord(diff.prev[0])) : (runningConfig.morph && enableMarkMorphConfig || runningConfig.morphAll) && (null === (_b = this.addMorphMarks) || void 0 === _b || _b.call(this, {
+          runningConfig.morph && enableMarkMorphConfig || runningConfig.morphAll ? null === (_b = this.addMorphMarks) || void 0 === _b || _b.call(this, {
             prev: diff.prev,
             next: diff.next
-          }));
+          }) : matched && runningConfig.reuse && (diff.next[0].reuse(diff.prev[0]), diff.prev[0].detachAll(), diff.prev[0].clear(), this._cachedGrammars.unrecord(diff.prev[0]));
         });
       }
       detachCachedGrammar() {
@@ -50646,7 +50563,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (this._progressiveMarks && this._progressiveMarks.some(mark => mark.isDoingProgressive())) {
           const raf = vglobal.getRequestAnimationFrame();
           this._progressiveRafId = raf(this.handleProgressiveFrame);
-        }
+        } else this._progressiveMarks && this._progressiveMarks.every(mark => mark.canAnimateAfterProgressive()) ? this.animate.animate() : this._progressiveMarks && (this._progressiveMarks = null);
       }
       clearProgressive() {
         if (this._progressiveRafId) {
@@ -51884,6 +51801,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       Factory.registerGraphicComponent(AxisEnum.circleAxis, attrs => new CircleAxis(attrs)), Factory.registerComponent(ComponentEnum.axis, Axis);
     };
 
+    var __rest = undefined && undefined.__rest || function (s, e) {
+      var t = {};
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+      if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+      }
+      return t;
+    };
     const generateLabelAttributes = function (marks, groupSize, encoder, labelStyle, parameters) {
       let theme = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
       var _a;
@@ -51924,34 +51850,44 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           }
           const data = null !== (_b = addition.data) && void 0 !== _b ? _b : [],
             themeDatum = null !== (_d = null === (_c = null == currentTheme ? void 0 : currentTheme.data) || void 0 === _c ? void 0 : _c[0]) && void 0 !== _d ? _d : {};
-          data && data.length > 0 ? data.forEach((d, index) => {
+          if (data && data.length > 0) data.forEach((d, index) => {
             if (mark.elements[index]) {
               const attributes = invokeEncoder(encoder, d, mark.elements[index], labelParameters);
               merge$2(d, themeDatum, attributes);
             }
-          }) : mark.elements.forEach(element => {
-            if ("willRelease" !== element.getGraphicItem().releaseStatus) if (mark.isCollectionMark()) {
-              element.getDatum().forEach(entry => {
-                const attributes = invokeEncoder(encoder, entry, element, labelParameters);
-                data.push(merge$2({}, themeDatum, attributes));
+          });else {
+            const mergeAttributes = (attributes, themeDatum) => {
+              const {
+                  data: labelData
+                } = attributes,
+                restAttribute = __rest(attributes, ["data"]);
+              return Object.assign(Object.assign({}, merge$2({}, themeDatum, restAttribute)), {
+                data: labelData
               });
-            } else {
-              const attributes = invokeEncoder(encoder, element.getDatum(), element, labelParameters),
-                datum = merge$2({}, themeDatum, attributes);
-              data.push(datum);
-            }
-          });
-          const graphicItemName = null === (_e = mark.graphicItem) || void 0 === _e ? void 0 : _e.name;
-          return merge$2({}, currentTheme, {
-            data: data,
-            baseMarkGroupName: graphicItemName,
-            getBaseMarks: () => mark.elements.map(element => element.getGraphicItem())
-          }, null != addition ? addition : {});
-        }).filter(label => !isNil$1(label));
-      return merge$2({}, labelTheme, {
-        size: groupSize,
-        dataLabels: dataLabels
-      });
+            };
+            mark.elements.forEach(element => {
+              if ("willRelease" !== element.getGraphicItem().releaseStatus) if (mark.isCollectionMark()) {
+                element.getDatum().forEach(entry => {
+                  const attributes = invokeEncoder(encoder, entry, element, labelParameters);
+                  data.push(mergeAttributes(attributes, themeDatum));
+                });
+              } else {
+                const attributes = invokeEncoder(encoder, element.getDatum(), element, labelParameters);
+                data.push(mergeAttributes(attributes, themeDatum));
+              }
+            });
+          }
+          const graphicItemName = null === (_e = mark.graphicItem) || void 0 === _e ? void 0 : _e.name,
+            result = merge$2({}, currentTheme, {
+              baseMarkGroupName: graphicItemName,
+              getBaseMarks: () => mark.elements.map(element => element.getGraphicItem())
+            }, null != addition ? addition : {});
+          return result.data = null != data ? data : currentTheme.data, result;
+        }).filter(label => !isNil$1(label)),
+        result = merge$2({}, labelTheme, {
+          size: groupSize
+        });
+      return result.dataLabels = dataLabels, result;
     };
     let Label$1 = class Label extends Component {
       constructor(view, group) {
@@ -54392,11 +54328,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (!chart) {
             return null;
         }
-        const { x, y } = pos;
         const angleAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'angle', pos);
         const radiusAxisList = getAxis(chart, (cmp) => cmp.getOrient() === 'radius', pos);
+        if ((!angleAxisList || !angleAxisList.length) && (!radiusAxisList || !radiusAxisList.length)) {
+            return null;
+        }
         const targetAxisInfo = [];
         const getDimensionField = (series) => series.getDimensionField()[0];
+        const { x, y } = pos;
         if (angleAxisList) {
             angleAxisList.forEach(axis => {
                 var _a;
@@ -54539,6 +54478,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const { x, y } = pos;
         const xAxisList = (_a = getAxis(chart, (cmp) => isXAxis(cmp.getOrient()), pos)) !== null && _a !== void 0 ? _a : [];
         const yAxisList = (_b = getAxis(chart, (cmp) => isYAxis(cmp.getOrient()), pos)) !== null && _b !== void 0 ? _b : [];
+        if (!xAxisList.length && !yAxisList.length) {
+            return null;
+        }
         const bandAxisSet = new Set();
         const linearAxisSet = new Set();
         const forceAxisSet = new Set();
@@ -54562,14 +54504,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             axisList.forEach(axis => {
                 if (forceAxisSet.size > 0) {
                     if (forceAxisSet.has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, orient, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, isDiscrete(axis.getScale().type)));
                         info && targetAxisInfo.push(info);
                     }
                 }
                 else {
                     const hasDiscreteAxis = bandAxisSet.size > 0;
                     if ((hasDiscreteAxis ? bandAxisSet : linearAxisSet).has(axis)) {
-                        const info = getDimensionInfoByPosition(axis, posValue, orient, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
+                        const info = getDimensionInfoByPosition(axis, posValue, getDimensionFieldFunc(isXAxis, hasDiscreteAxis));
                         info && targetAxisInfo.push(info);
                     }
                 }
@@ -54592,7 +54534,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         return targetAxisInfo;
     };
-    const getDimensionInfoByPosition = (axis, posValue, posKey, getDimensionField) => {
+    const getDimensionInfoByPosition = (axis, posValue, getDimensionField) => {
         const value = axis.positionToData(posValue, true);
         return isNil$1(value) ? null : getDimensionInfoByValue(axis, value, getDimensionField);
     };
@@ -58873,7 +58815,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._product.encode(updateStyles, true);
         }
         _separateStyle() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$d(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL, normalStyle = _a[_b]; __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const enterStyles = this._option.noSeparateStyle ? null : {};
             const updateStyles = {};
             Object.keys(normalStyle).forEach(key => {
@@ -58893,7 +58835,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { enterStyles, updateStyles };
         }
         compileEncode() {
-            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$d(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+            const _a = this.stateStyle, _b = STATE_VALUE_ENUM.STATE_NORMAL; _a[_b]; const temp = __rest$e(_a, [typeof _b === "symbol" ? _b : _b + ""]);
             const { enterStyles, updateStyles } = this._separateStyle();
             this._product.encode(updateStyles, true);
             this._product.encodeState('group', enterStyles, true);
@@ -59338,7 +59280,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _computeGradientAttr(gradientStyle) {
             var _a, _b;
-            const { gradient, scale, field } = gradientStyle, rest = __rest$d(gradientStyle, ["gradient", "scale", "field"]);
+            const { gradient, scale, field } = gradientStyle, rest = __rest$e(gradientStyle, ["gradient", "scale", "field"]);
             let colorScale = scale;
             let colorField = field;
             if ((!scale || !field) && this.model.modelType === 'series') {
@@ -59385,7 +59327,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
         }
         _computeBorderAttr(borderStyle) {
-            const { scale, field } = borderStyle, mergedStyle = __rest$d(borderStyle, ["scale", "field"]);
+            const { scale, field } = borderStyle, mergedStyle = __rest$e(borderStyle, ["scale", "field"]);
             return (data, opt) => {
                 var _a, _b, _c;
                 const computeStyle = {};
@@ -59792,7 +59734,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this._option = merge$2(this._option, { animation: spec.animation !== false }, options);
             this._onError = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError;
-            const _g = this._option, { dom, renderCanvas, mode, stage, poptip } = _g, restOptions = __rest$d(_g, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
+            const _g = this._option, { dom, renderCanvas, mode, stage, poptip } = _g, restOptions = __rest$e(_g, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
             const isTrueBrowseEnv = isTrueBrowser(mode);
             if (isTrueBrowseEnv) {
                 registerBrowserEnv();
@@ -60944,7 +60886,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.2-alpha.2";
+    const version = "1.12.2";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -60971,28 +60913,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    const getTooltipActualActiveType = (spec) => {
-        var _a, _b, _c;
-        if ((spec === null || spec === void 0 ? void 0 : spec.visible) === false) {
-            return [];
-        }
-        const activeTypeMap = {
-            mark: ((_a = spec === null || spec === void 0 ? void 0 : spec.mark) === null || _a === void 0 ? void 0 : _a.visible) !== false,
-            dimension: ((_b = spec === null || spec === void 0 ? void 0 : spec.dimension) === null || _b === void 0 ? void 0 : _b.visible) !== false,
-            group: ((_c = spec === null || spec === void 0 ? void 0 : spec.group) === null || _c === void 0 ? void 0 : _c.visible) !== false
-        };
-        if (isValid$1(spec === null || spec === void 0 ? void 0 : spec.activeType)) {
-            Object.keys(activeTypeMap).forEach(t => {
-                var _a;
-                activeTypeMap[t] = (_a = spec === null || spec === void 0 ? void 0 : spec.activeType) === null || _a === void 0 ? void 0 : _a.includes(t);
-            });
-        }
-        return Object.keys(activeTypeMap).filter(t => activeTypeMap[t]);
-    };
-    function isEmptyPos(params) {
-        return isNil$1(params.mark) && isNil$1(params.model) && isNil$1(params.datum);
-    }
-
     class BaseSeriesTooltipHelper extends BaseTooltipHelper {
         constructor(series) {
             super();
@@ -61071,22 +60991,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.updateTooltipSpec();
         }
         updateTooltipSpec() {
-            var _a, _b, _c, _d;
-            const seriesTooltipSpec = (_b = (_a = this.series.getSpec()) === null || _a === void 0 ? void 0 : _a.tooltip) !== null && _b !== void 0 ? _b : {};
-            const chartTooltipSpec = (_d = (_c = this.series.getChart().getSpec()) === null || _c === void 0 ? void 0 : _c.tooltip) !== null && _d !== void 0 ? _d : {};
-            const spec = Object.assign(Object.assign({}, chartTooltipSpec), seriesTooltipSpec);
-            ['mark', 'dimension', 'group'].forEach(activeType => {
-                const pattern = spec[activeType];
-                if (isValid$1(pattern)) {
-                    spec[activeType] = Object.assign(Object.assign({}, pattern), { title: addExtraInfoToTooltipTitlePattern(pattern.title, {
-                            seriesId: this.series.id
-                        }, true), content: addExtraInfoToTooltipContentPattern(pattern.content, {
-                            seriesId: this.series.id
-                        }, true) });
-                }
-            });
-            this.spec = spec;
-            this.activeType = getTooltipActualActiveType(spec);
+            var _a;
+            const seriesTooltipSpec = (_a = this.series.getSpec()) === null || _a === void 0 ? void 0 : _a.tooltip;
+            this.spec = seriesTooltipSpec;
             this._seriesCacheInfo = this._getSeriesCacheInfo();
         }
         getDefaultTooltipPattern(activeType, dimensionInfo) {
@@ -61167,26 +61074,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return null;
         }
     }
-    const merge = (source, extraInfo, overwrite) => {
-        const info = isFunction$1(extraInfo) ? extraInfo(source) : extraInfo;
-        return overwrite ? Object.assign(Object.assign({}, source), info) : Object.assign(Object.assign({}, info), source);
-    };
-    const addExtraInfoToTooltipTitlePattern = (pattern, extraInfo, overwrite) => {
-        const result = isValid$1(pattern)
-            ? isFunction$1(pattern)
-                ? (...args) => merge(pattern(...args), extraInfo, overwrite)
-                : merge(pattern, extraInfo, overwrite)
-            : undefined;
-        return result;
-    };
-    const addExtraInfoToTooltipContentPattern = (pattern, extraInfo, overwrite) => {
-        const result = isValid$1(pattern)
-            ? array(pattern).map(patternItem => isFunction$1(patternItem)
-                ? (...args) => array(patternItem(...args)).map(line => merge(line, extraInfo, overwrite))
-                : merge(patternItem, extraInfo, overwrite))
-            : undefined;
-        return result;
-    };
 
     const methods = {
         min: (arr) => {
@@ -61521,10 +61408,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             update: [
                 {
                     type: 'update',
-                    options: { excludeChannels: ['points', 'defined'] }
+                    options: { excludeChannels: ['points', 'defined', 'segments'] }
                 },
                 {
-                    channel: ['points'],
+                    channel: ['points', 'segments'],
                     custom: TagPointsUpdate,
                     duration: DEFAULT_ANIMATION_CONFIG.update.duration,
                     easing: DEFAULT_ANIMATION_CONFIG.update.easing,
@@ -61589,7 +61476,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         View.useRegisters([registerGrowPointsInAnimation, registerGrowPointsOutAnimation]);
     };
 
-    const AnimationStates = Object.keys(DEFAULT_ANIMATION_CONFIG);
+    const AnimationStates = [...Object.keys(DEFAULT_ANIMATION_CONFIG), 'normal'];
     function animationConfig(defaultConfig = {}, userConfig, params) {
         const config = {};
         for (let i = 0; i < AnimationStates.length; i++) {
@@ -63857,13 +63744,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
 
     function isValidAlignDomain(domain) {
-        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(last(domain)) && last(domain) >= domain[0];
+        return domain.length === 2 && isValidNumber$1(domain[0]) && isValidNumber$1(domain[1]) && domain[1] >= domain[0];
     }
     function getScaleInfo(axis, domain) {
-        const total = last(domain) - domain[0];
-        const includeZero = last(domain) * domain[0] < 0;
+        const total = domain[1] - domain[0];
+        const includeZero = domain[1] * domain[0] < 0;
         let negative = domain[0] <= 0 ? 0 - domain[0] : 0;
-        let positive = last(domain) > 0 ? last(domain) - 0 : 0;
+        let positive = domain[1] > 0 ? domain[1] - 0 : 0;
         if (total === 0) {
             if (domain[0] < 0) {
                 negative = 1;
@@ -64098,12 +63985,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return data;
         }
         const targetDomain = targetScale.domain();
-        const targetRange = last(targetDomain) - targetDomain[0];
+        const targetRange = targetDomain[1] - targetDomain[0];
         if (targetRange === 0) {
             return data;
         }
         const currentDomain = currentScale.domain();
-        const currentRange = last(currentDomain) - currentDomain[0];
+        const currentRange = currentDomain[1] - currentDomain[0];
         if (targetRange === 0) {
             return data;
         }
@@ -64442,7 +64329,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BaseComponent extends LayoutModel {
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             return new this(spec, Object.assign(Object.assign({}, options), others));
         }
         getRegions() {
@@ -64723,16 +64610,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                     else if (viewData && viewData.latestData && viewData.latestData.length) {
                         const seriesData = (_a = s.getViewDataStatistics) === null || _a === void 0 ? void 0 : _a.call(s);
-                        const userSetBreaks = this.type === ComponentTypeEnum.cartesianLinearAxis && this._spec.breaks && this._spec.breaks.length;
                         field.forEach(f => {
                             var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
-                                if (userSetBreaks) {
-                                    data.push(Object.assign(Object.assign({}, seriesData.latestData[f]), { values: viewData.latestData.map((obj) => obj[f]) }));
-                                }
-                                else {
-                                    data.push(seriesData.latestData[f]);
-                                }
+                                data.push(seriesData.latestData[f]);
                             }
                         });
                     }
@@ -64943,7 +64824,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 };
             }
             if (spec.title && spec.title.visible) {
-                const _a = spec.title, { autoRotate, angle, style: titleStyle = {}, background: titleBackgroundSpec, state: titleState, shape: titleShapeSpec } = _a, restTitleAttrs = __rest$d(_a, ["autoRotate", "angle", "style", "background", "state", "shape"]);
+                const _a = spec.title, { autoRotate, angle, style: titleStyle = {}, background: titleBackgroundSpec, state: titleState, shape: titleShapeSpec } = _a, restTitleAttrs = __rest$e(_a, ["autoRotate", "angle", "style", "background", "state", "shape"]);
                 let titleAngle = angle;
                 let titleTextStyle;
                 if (spec.orient === 'left' || spec.orient === 'right') {
@@ -65180,7 +65061,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this._updateAxisLayout = () => {
                 const startPoint = this.getLayoutStartPoint();
-                const _a = this._getUpdateAttribute(false), { grid: updateGridAttrs } = _a, updateAxisAttrs = __rest$d(_a, ["grid"]);
+                const _a = this._getUpdateAttribute(false), { grid: updateGridAttrs } = _a, updateAxisAttrs = __rest$e(_a, ["grid"]);
                 const axisProduct = this._axisMark.getProduct();
                 const axisAttrs = mergeSpec({ x: startPoint.x, y: startPoint.y }, this._axisStyle, updateAxisAttrs);
                 axisProduct.encode(axisAttrs);
@@ -65203,7 +65084,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 ? (_a = item
                                     .getTickData()
                                     .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)
-                                : item.getScale().domain()[0] <= 0 && last(item.getScale().domain()) >= 0));
+                                : item.getScale().domain()[0] <= 0 && item.getScale().domain()[1] >= 0));
                     };
                     const relativeAxes = axesComponents.filter(item => isValidAxis(item));
                     if (relativeAxes.length) {
@@ -65293,7 +65174,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return specInfos;
         }
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             const C = Factory$1.getComponentInKey(others.type);
             if (C) {
                 return new C(spec, Object.assign(Object.assign({}, options), others));
@@ -65309,7 +65190,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setLayout3dBox(box3d) {
             this.layout3dBox = box3d;
         }
-        getNewScaleRange() {
+        updateScaleRange() {
+            let isScaleChange = false;
             const { width, height } = this.getLayoutRect();
             const { left, right, top, bottom } = this._innerOffset;
             let newRange = [];
@@ -65329,16 +65211,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     newRange = this._inverse ? [top, height - bottom] : [height - bottom, top];
                 }
             }
-            return newRange;
-        }
-        updateScaleRange() {
-            let isScaleChange = false;
-            const newRange = this.getNewScaleRange();
-            const range = this._scale.range();
-            if (newRange.length === range.length && newRange.every((value, index) => value === range[index])) {
-                isScaleChange = false;
-            }
-            else {
+            const [start, end] = this._scale.range();
+            if (newRange[0] !== start || newRange[1] !== end) {
                 isScaleChange = true;
                 this._scale.range(newRange);
             }
@@ -65574,7 +65448,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     : clamp$1(pos, this._innerOffset.top, this.getLayoutRect().height - this._innerOffset.bottom);
             }
             const range = this._scale.range();
-            if ((pos - range[0]) * (pos - last(range)) > 0) {
+            if ((pos - range[0]) * (pos - range[1]) > 0) {
                 return null;
             }
             return this._scale.invert(pos);
@@ -65713,14 +65587,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         const normalizedValue = this._getNormalizedValue([obj.value], length);
                         return getAxisItem(obj.value, normalizedValue);
                     })
-                        .filter((entry) => {
-                        const { value, rawValue } = entry;
-                        const domain = this._scale.domain();
-                        if (isContinuous(this._scale.type)) {
-                            return rawValue >= domain[0] && rawValue <= last(domain);
-                        }
-                        return domain.includes(rawValue);
-                    })
+                        .filter((entry) => entry.value >= 0 && entry.value <= 1)
                 ];
             }
             return [];
@@ -65749,21 +65616,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
             if (this._autoIndentOnce && this._hasAutoIndent) {
                 ['x1', 'x2', 'y1', 'y2'].forEach(key => {
-                    this.layout.getLastComputeOutBounds()[key] =
-                        this._layoutCache._lastComputeOutBounds[key];
+                    this.layout.getLastComputeOutBounds()[key] = this._layoutCache._lastComputeOutBounds[key];
                 });
             }
             else {
                 this._hasAutoIndent = true;
                 ['x1', 'x2', 'y1', 'y2'].forEach(key => {
-                    if (this.layout.getLastComputeOutBounds()[key] <
-                        this._layoutCache._lastComputeOutBounds[key]) {
-                        this.layout.getLastComputeOutBounds()[key] =
-                            this._layoutCache._lastComputeOutBounds[key];
+                    if (this.layout.getLastComputeOutBounds()[key] < this._layoutCache._lastComputeOutBounds[key]) {
+                        this.layout.getLastComputeOutBounds()[key] = this._layoutCache._lastComputeOutBounds[key];
                     }
                     else {
-                        this._layoutCache._lastComputeOutBounds[key] =
-                            this.layout.getLastComputeOutBounds()[key];
+                        this._layoutCache._lastComputeOutBounds[key] = this.layout.getLastComputeOutBounds()[key];
                     }
                 });
             }
@@ -65833,57 +65696,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     CartesianAxis.type = ComponentTypeEnum.cartesianAxis;
     CartesianAxis.specKey = 'axes';
 
-    const setDomain = (min, max, breaks) => breaks.reduce((r, b, i) => {
-        r.push([b, breaks.length === i + 1 ? max : breaks[i + 1]]);
-        return r;
-    }, [[min, breaks[0]]]);
-    function breakDomain(data, points) {
-        const min = data[0];
-        const max = data[data.length - 1];
-        const breaks = points.filter(point => point > min && point < max);
-        return setDomain(min, max, breaks);
-    }
-    const sorter = (a, b) => a - b;
-    const fillBins = (data, points) => {
-        const bins = [0];
-        let i = 0;
-        let j = 0;
-        while (i < points.length) {
-            if (data[j] <= points[i]) {
-                bins[i] += 1;
-                j += 1;
-            }
-            else {
-                i += 1;
-                bins[i] = 0;
-            }
-        }
-        bins[i] = data.slice(j).length;
-        return bins;
-    };
-    function breakScope(data, points) {
-        const bins = fillBins(data, points);
-        const count = data.length;
-        return bins
-            .reduce((res, bin, i) => {
-            const last = res[i - 1] ? res[i - 1][1] : 0;
-            const next = (last * 100 + +(bin / count).toFixed(2) * 100) / 100;
-            res.push([last, next > 1 ? 1 : next > 0.95 ? 1 : next]);
-            return res;
-        }, [])
-            .filter(s => {
-            return !(s[0] === 0 && s[1] === 0) && !(s[0] === 1 && s[1] === 1);
-        });
-    }
-    function breakData(data, points) {
-        data.sort(sorter);
-        points.sort(sorter);
-        return {
-            domain: breakDomain(data, points),
-            scope: breakScope(data, points)
-        };
-    }
-
     const e10 = Math.sqrt(50);
     const e5 = Math.sqrt(10);
     const e2 = Math.sqrt(2);
@@ -65975,73 +65787,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._scale.scale(value);
         }
         computeLinearDomain(data) {
-            let domain = [];
+            const domain = [];
             if (data.length) {
-                const userSetBreaks = this._spec.breaks && this._spec.breaks.length;
-                let values = [];
-                let minDomain;
-                let maxDomain;
                 data.forEach(d => {
                     const { min, max } = d;
-                    minDomain = minDomain === undefined ? min : Math.min(minDomain, min);
-                    maxDomain = maxDomain === undefined ? max : Math.max(maxDomain, max);
-                    if (userSetBreaks) {
-                        values = values.concat(d.values);
-                    }
+                    domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
+                    domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
                 });
-                if (userSetBreaks) {
-                    let breakDomains = [];
-                    let breakScopes = [];
-                    let breakRanges;
-                    let source = [...values];
-                    if (this._spec.breaks.length === 1) {
-                        const { domain, scope } = breakData(source, this._spec.breaks[0].range);
-                        breakDomains = domain;
-                        breakScopes = scope;
-                        breakRanges = [this._spec.breaks[0].range];
-                    }
-                    else {
-                        breakRanges = this._spec.breaks
-                            .map((breakSpec) => breakSpec.range)
-                            .sort((a, b) => a[0] - b[0]);
-                        for (let index = 0; index < breakRanges.length; index++) {
-                            const breakRange = breakRanges[index];
-                            const { domain, scope } = breakData(source, breakRange);
-                            let finalScope = scope;
-                            const finalDomain = domain;
-                            if (index > 0) {
-                                const lastRatio = last(breakScopes)[1];
-                                const restRarioRange = 1 - lastRatio;
-                                finalScope = scope.map(eachScope => {
-                                    return [lastRatio + eachScope[0] * restRarioRange, lastRatio + eachScope[1] * restRarioRange];
-                                });
-                                finalDomain[0][0] = last(breakDomains)[1];
-                            }
-                            breakDomains.push(finalDomain[0]);
-                            breakScopes.push(finalScope[0]);
-                            if (finalDomain.length > 2) {
-                                breakDomains.push(finalDomain[1]);
-                                breakScopes.push(finalScope[1]);
-                            }
-                            if (index === breakRanges.length - 1) {
-                                breakDomains.push(last(finalDomain));
-                                breakScopes.push(last(finalScope));
-                            }
-                            else {
-                                source = source.filter(val => val >= last(finalDomain)[0]);
-                            }
-                        }
-                    }
-                    domain = combineArray(breakDomains);
-                    this._break = {
-                        domain: breakDomains,
-                        scope: breakScopes,
-                        range: breakRanges
-                    };
-                }
-                else {
-                    domain = [minDomain, maxDomain];
-                }
             }
             else {
                 domain[0] = 0;
@@ -66088,7 +65840,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 num = Math.abs(num);
                 if (num < 1) {
                     domain[0] = 0;
-                    domain[domain.length - 1] = 1;
+                    domain[1] = 1;
                 }
                 else {
                     let step = num / DEFAULT_TICK_COUNT;
@@ -66096,12 +65848,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const err = step / Math.pow(10, power);
                     step = (err >= e10 ? 10 : err >= e5 ? 5 : err >= e2 ? 2 : 1) * Math.pow(10, power);
                     domain[0] = 0;
-                    domain[domain.length - 1] = step * 10;
+                    domain[1] = step * 10;
                 }
                 if (flag < 0) {
                     domain.reverse();
                     domain[0] *= -1;
-                    domain[domain.length - 1] *= -1;
+                    domain[1] *= -1;
                 }
             }
             return domain;
@@ -66151,7 +65903,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const { min, max } = this._domain;
             isValid$1(min) && (domain[0] = min);
-            isValid$1(max) && (domain[domain.length - 1] = max);
+            isValid$1(max) && (domain[1] = max);
         }
         setSoftDomainMinMax(domain) {
             const { softMin, softMax } = this._spec;
@@ -66168,10 +65920,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (isValid$1(softMax)) {
                 let softMaxValue = isFunction$1(softMax) ? softMax(domain) : softMax;
                 if (isNil$1(softMaxValue)) {
-                    softMaxValue = domain[domain.length - 1];
+                    softMaxValue = domain[1];
                 }
-                if (softMaxValue >= domain[domain.length - 1]) {
-                    domain[domain.length - 1] = softMaxValue;
+                if (softMaxValue >= domain[1]) {
+                    domain[1] = softMaxValue;
                 }
                 this._softMaxValue = softMaxValue;
             }
@@ -66210,7 +65962,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._domainAfterSpec;
         }
         _updateNiceLabelFormatter(domain) {
-            const domainSpan = Math.abs(domain[domain.length - 1] - domain[0]);
+            const domainSpan = Math.abs(domain[1] - domain[0]);
             const n = Math.max(-Math.floor(Math.log10(domainSpan)), 0) + 2;
             const unit = Math.pow(10, n);
             this.niceLabelFormatter = (value) => {
@@ -66247,45 +65999,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._scale.domain(range);
         }
-        _tickTransformOption() {
-            var _a;
-            return Object.assign(Object.assign({}, super._tickTransformOption()), { breakData: ((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) ? () => this._break : null });
-        }
-        _getUpdateAttribute(ignoreGrid) {
-            var _a;
-            const attrs = super._getUpdateAttribute(ignoreGrid);
-            if (!isZAxis(this._orient) && ((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && this._break) {
-                const { width, height } = this.getLayoutRect();
-                const isX = isXAxis(this._orient);
-                const axisLength = isX ? width : height;
-                attrs.breaks = this._spec.breaks.map(obj => {
-                    const { range, breakSymbol, gap = 6 } = obj;
-                    const index = this._break.domain.findIndex(domainRange => range[0] === domainRange[0] && range[1] === domainRange[1]);
-                    const ratio = 1 - (this._break.scope[index][0] + this._break.scope[index][1]) / 2;
-                    let gapRatio;
-                    if (isPercent(gap)) {
-                        gapRatio = Number(gap.substring(0, gap.length - 1)) / 100;
-                    }
-                    else {
-                        gapRatio = gap / axisLength;
-                    }
-                    return {
-                        range: [ratio - gapRatio / 2, ratio + gapRatio / 2],
-                        breakSymbol: Object.assign({ visible: true }, breakSymbol),
-                        rawRange: range
-                    };
-                });
-            }
-            return attrs;
-        }
-        getNewScaleRange() {
-            var _a, _b;
-            let newRange = super.getNewScaleRange();
-            if (((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && ((_b = this._break) === null || _b === void 0 ? void 0 : _b.scope)) {
-                newRange = combineArray(this._break.scope).map(val => newRange[0] + (last(newRange) - newRange[0]) * val);
-            }
-            return newRange;
-        }
         computeDomain(data) {
             return this.computeLinearDomain(data);
         }
@@ -67060,6 +66773,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     result.reMake = true;
                     return result;
                 }
+                if (!isEqual(lastSpec.specified, s.specified)) {
+                    result.reMake = true;
+                    return result;
+                }
                 if (s.range && !isEqual(s.range, scale.range())) {
                     scale.range(s.range);
                     result.reRender = true;
@@ -67473,7 +67190,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             const region = new constructor(spec, Object.assign(Object.assign({}, this._modelOption), others));
             if (region) {
                 region.created();
@@ -67484,7 +67201,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             let region;
             if (isValid$1(spec.regionId)) {
                 region = this.getRegionsInUserId(spec.regionId);
@@ -67758,7 +67475,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             for (let i = 0; i < currentKeys.length; i++) {
                 const key = currentKeys[i];
-                if (isArray$1(this._spec[key]) && this._spec[key].length !== spec[key].length) {
+                if (isArray$1(this._spec[key]) && this._spec[key].length !== array(spec[key]).length) {
                     result.reMake = true;
                     return result;
                 }
@@ -69677,9 +69394,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const depthFromSpec = this._groups ? this._groups.fields.length : 1;
             const depth = isNil$1(scaleDepth) ? depthFromSpec : Math.min(depthFromSpec, scaleDepth);
             const bandWidth = (_b = (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1)) !== null && _b !== void 0 ? _b : DefaultBandWidth$2;
-            const hasBarWidth = this._spec.barWidth !== undefined && depth === depthFromSpec;
-            const hasBarMinWidth = this._spec.barMinWidth !== undefined;
-            const hasBarMaxWidth = this._spec.barMaxWidth !== undefined;
+            const hasBarWidth = isValid$1(this._spec.barWidth) && depth === depthFromSpec;
+            const hasBarMinWidth = isValid$1(this._spec.barMinWidth);
+            const hasBarMaxWidth = isValid$1(this._spec.barMaxWidth);
             let width = bandWidth;
             if (hasBarWidth) {
                 width = getActualNumValue(this._spec.barWidth, bandWidth);
@@ -74200,7 +73917,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const specFromChart = this._getDefaultSpecFromChart(chartSpec);
                 newSpec = mergeSpec({}, this._theme, specFromChart, spec);
                 const getMergedLabelSpec = (position, label) => {
-                    if (position === 'inside') {
+                    if (position === 'inside' || position === 'inside-center') {
                         return mergeSpec({}, this._theme.innerLabel, label);
                     }
                     return mergeSpec({}, this._theme.outerLabel, label);
@@ -74891,7 +74608,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return specInfos;
         }
         static createComponent(specInfo, options) {
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             const C = Factory$1.getComponentInKey(others.type);
             if (C) {
                 return new C(spec, Object.assign(Object.assign({}, options), others));
@@ -75204,7 +74921,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return { outerRadius, innerRadius };
         }
         _update(attrs) {
-            const { grid: gridAttrs } = attrs, axisAttrs = __rest$d(attrs, ["grid"]);
+            const { grid: gridAttrs } = attrs, axisAttrs = __rest$e(attrs, ["grid"]);
             const axisProduct = this._axisMark.getProduct();
             axisProduct.encode(mergeSpec({}, this._axisStyle, axisAttrs));
             if (this._gridMark) {
@@ -75816,32 +75533,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     class DotSeriesTooltipHelper extends BaseSeriesTooltipHelper {
-        updateTooltipSpec() {
-            var _a;
-            super.updateTooltipSpec();
-            if (isValid$1((_a = this.spec) === null || _a === void 0 ? void 0 : _a.mark)) {
-                this.spec.mark.updateContent = (prev, datum, params) => {
-                    const childrenContent = [];
-                    const childrenPrev = prev.filter((p) => p.key === 'children');
-                    childrenPrev.length > 0 &&
-                        childrenPrev[0].value.forEach((element) => {
-                            let flag = true;
-                            for (const key in element) {
-                                childrenContent.push({
-                                    shapeType: 'circle',
-                                    hasShape: flag,
-                                    shapeColor: this.shapeColorCallback(datum[0].datum[0]),
-                                    shapeStroke: this.shapeStrokeCallback(datum[0].datum[0]),
-                                    key: key,
-                                    value: element[key] + ''
-                                });
-                                flag = false;
-                            }
-                        });
-                    return prev.concat(childrenContent);
-                };
-            }
-        }
         getDefaultTooltipPattern(activeType) {
             if (activeType === 'mark') {
                 return {
@@ -75889,20 +75580,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     ],
                     updateContent: (prev, datum, params) => {
                         const childrenContent = [];
-                        prev[3].value.forEach((element) => {
-                            let flag = true;
-                            for (const key in element) {
-                                childrenContent.push({
-                                    shapeType: 'circle',
-                                    hasShape: flag,
-                                    shapeColor: this.shapeColorCallback(datum[0].datum[0]),
-                                    shapeStroke: this.shapeStrokeCallback(datum[0].datum[0]),
-                                    key: key,
-                                    value: element[key] + ''
-                                });
-                                flag = false;
-                            }
-                        });
+                        const childrenPrev = prev.filter((p) => p.key === 'children');
+                        childrenPrev.length > 0 &&
+                            childrenPrev[0].value.forEach((element) => {
+                                let flag = true;
+                                for (const key in element) {
+                                    childrenContent.push({
+                                        shapeType: 'circle',
+                                        hasShape: flag,
+                                        shapeColor: this.shapeColorCallback(datum[0].datum[0]),
+                                        shapeStroke: this.shapeStrokeCallback(datum[0].datum[0]),
+                                        key: key,
+                                        value: element[key] + ''
+                                    });
+                                    flag = false;
+                                }
+                            });
                         return prev.concat(childrenContent);
                     }
                 };
@@ -78551,7 +78244,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           size: size,
           maskCanvas: maskCanvas
         } = segmentationInput,
-        imageData = maskCanvas.getContext("2d").getImageData(0, 0, maskCanvas.width, maskCanvas.height),
+        imageData = maskCanvas.getContext("2d", {
+          willReadFrequently: !0
+        }).getImageData(0, 0, maskCanvas.width, maskCanvas.height),
         labels = new Array(size[0] * size[1]).fill(0);
       let curLabel = 1;
       const offset = [[0, 1], [1, 0], [-1, 0], [0, -1]];
@@ -78633,7 +78328,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function removeBorder(image, canvas, isEmptyPixel) {
       canvas.width = image.width, canvas.height = image.height;
-      const ctx = canvas.getContext("2d");
+      const ctx = canvas.getContext("2d", {
+        willReadFrequently: !0
+      });
       ctx.clearRect(0, 0, canvas.width, canvas.height), ctx.drawImage(image, 0, 0);
       const width = canvas.width,
         imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
@@ -78728,7 +78425,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           shapeRatio: shapeRatio
         } = segmentationOutput,
         board = initBoardWithShape(segmentationOutput),
-        ctx = canvas.getContext("2d");
+        ctx = canvas.getContext("2d", {
+          willReadFrequently: !0
+        });
       for (const region of regions) {
         const {
           words: regionWords,
@@ -78769,7 +78468,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           shapeMaxR: shapeMaxR,
           shapeRatio: shapeRatio
         } = segmentationOutput,
-        ctx = canvas.getContext("2d"),
+        ctx = canvas.getContext("2d", {
+          willReadFrequently: !0
+        }),
         boardOrigin = initBoardWithShape(segmentationOutput);
       let board = boardOrigin.slice(0);
       const fontFactor = layoutConfig.fontSizeShrinkFactor;
@@ -78837,7 +78538,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           shapeMaxR: shapeMaxR,
           shapeRatio: shapeRatio
         } = segmentationOutput,
-        ctx = canvas.getContext("2d"),
+        ctx = canvas.getContext("2d", {
+          willReadFrequently: !0
+        }),
         boardOrigin = initBoardWithShape(segmentationOutput);
       let board = boardOrigin.slice(0);
       const fontFactor = layoutConfig.fontSizeEnlargeFactor,
@@ -79086,7 +78789,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           tempCanvas: canvas,
           randomGenerator: randomGenerator
         } = segmentationOutput,
-        ctx = canvas.getContext("2d");
+        ctx = canvas.getContext("2d", {
+          willReadFrequently: !0
+        });
       let fontSize = fillingInitialFontSize,
         opacity = fillingInitialOpacity;
       const placedFillingWords = [];
@@ -79202,7 +78907,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             width: options.size[0],
             height: options.size[1]
           }),
-          tempCtx = tempCanvas.getContext("2d");
+          tempCtx = tempCanvas.getContext("2d", {
+            willReadFrequently: !0
+          });
         tempCtx.textAlign = "center", tempCtx.textBaseline = "middle", segmentationInput.tempCanvas = tempCanvas;
         const boardW = options.size[0] + 31 >> 5 << 5;
         if (segmentationInput.boardSize = [boardW, options.size[1]], segmentationInput.random ? segmentationInput.randomGenerator = Math.random : segmentationInput.randomGenerator = fakeRandom(), this.segmentationInput = segmentationInput, isString$1(segmentationInput.shapeUrl)) {
@@ -79229,6 +78936,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           segmentationInput.maskCanvas = maskCanvas, this.options.onUpdateMaskCanvas && this.options.onUpdateMaskCanvas(maskCanvas), this.doLayout(), this.isImageFinished = !0, this.isLayoutFinished = !0;
         }
       }
+      canAnimate() {
+        return !0;
+      }
       unfinished() {
         return !this.isLayoutFinished;
       }
@@ -80733,6 +80443,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       let flattenIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
       let parent = arguments.length > 4 ? arguments[4] : undefined;
       let getNodeKey = arguments.length > 5 ? arguments[5] : undefined;
+      let valueField = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : "value";
       let sum = 0,
         prevFlattenIndex = null != flattenIndex ? flattenIndex : -1,
         maxDepth = depth;
@@ -80744,16 +80455,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           maxDepth: -1,
           depth: depth,
           index: index,
-          value: datum.value,
+          value: datum[valueField],
           isLeaf: !0,
           datum: parent ? parent.datum.concat(datum) : [datum],
           parentKey: null == parent ? void 0 : parent.key
         };
         if (null === (_b = datum.children) || void 0 === _b ? void 0 : _b.length) {
           node.children = [], node.isLeaf = !1;
-          const res = calculateNodeValue$1(datum.children, node.children, depth + 1, prevFlattenIndex, node, getNodeKey);
-          node.value = isNil$1(datum.value) ? res.sum : Math.max(res.sum, toValidNumber$1(datum.value)), prevFlattenIndex = res.flattenIndex, maxDepth = Math.max(res.maxDepth, maxDepth);
-        } else node.isLeaf = !0, node.value = toValidNumber$1(datum.value);
+          const res = calculateNodeValue$1(datum.children, node.children, depth + 1, prevFlattenIndex, node, getNodeKey, valueField);
+          node.value = isNil$1(datum[valueField]) ? res.sum : Math.max(res.sum, toValidNumber$1(datum[valueField])), prevFlattenIndex = res.flattenIndex, maxDepth = Math.max(res.maxDepth, maxDepth);
+        } else node.isLeaf = !0, node.value = toValidNumber$1(datum[valueField]);
         sum += Math.abs(node.value), output.push(node);
       }), {
         sum: sum,
@@ -80863,7 +80574,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             height: Math.abs(config.y1 - config.y0)
           },
           nodes = [],
-          res = calculateNodeValue$1(data, nodes, 0, -1, null, this._getNodeKey);
+          res = calculateNodeValue$1(data, nodes, 0, -1, null, this._getNodeKey, this.options.valueField);
         if (this._maxDepth = res.maxDepth, res.sum <= 0) return [];
         const root = {
             flattenIndex: -1,
@@ -82108,18 +81819,51 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         let links = result.links;
         if (this._nodeMap = result.nodeMap, this.computeNodeValues(nodes), this.computeNodeDepths(nodes), ["right", "end", "justify"].includes(this.options.nodeAlign) && this.computeNodeEndDepths(nodes), this._maxDepth <= 1) return null;
         const columns = this.computeNodeBreadths(nodes);
-        return this.computeLinkBreadths(nodes), nodes.forEach(node => {
+        if (this.computeLinkBreadths(nodes), nodes.forEach(node => {
           node.sourceLinks = node.sourceLinks.filter(link => !isNil$1(link.source) && !isNil$1(link.target)), node.targetLinks = node.targetLinks.filter(link => !isNil$1(link.source) && !isNil$1(link.target));
-        }), links = links.filter(link => !isNil$1(link.source) && !isNil$1(link.target)), isVertical$1(this.options.direction) && (nodes.forEach(node => {
-          const y0 = node.y0,
-            y1 = node.y1;
-          node.y0 = node.x0, node.y1 = node.x1, node.x0 = y0, node.x1 = y1;
+        }), links = links.filter(link => !isNil$1(link.source) && !isNil$1(link.target)), isVertical$1(this.options.direction)) {
+          if (this.options.inverse) {
+            const viewY1 = this._viewBox.x1;
+            nodes.forEach(node => {
+              const {
+                y0: y0,
+                y1: y1,
+                x0: x0,
+                x1: x1
+              } = node;
+              node.y0 = viewY1 - x1, node.y1 = viewY1 - x0, node.x0 = y0, node.x1 = y1;
+            }), links.forEach(link => {
+              link.vertical = !0;
+              const {
+                x0: x0,
+                x1: x1,
+                y0: y0,
+                y1: y1
+              } = link;
+              link.x0 = y0, link.x1 = y1, link.y0 = viewY1 - x0, link.y1 = viewY1 - x1;
+            });
+          } else nodes.forEach(node => {
+            const {
+              y0: y0,
+              y1: y1
+            } = node;
+            node.y0 = node.x0, node.y1 = node.x1, node.x0 = y0, node.x1 = y1;
+          }), links.forEach(link => {
+            link.vertical = !0;
+            const x0 = link.x0,
+              x1 = link.x1;
+            link.x0 = link.y0, link.x1 = link.y1, link.y0 = x0, link.y1 = x1;
+          });
+        } else this.options.inverse && (nodes.forEach(node => {
+          const {
+            x0: x0,
+            x1: x1
+          } = node;
+          node.x0 = viewBox.x1 - x1, node.x1 = viewBox.x1 - x0;
         }), links.forEach(link => {
-          link.vertical = !0;
-          const x0 = link.x0,
-            x1 = link.x1;
-          link.x0 = link.y0, link.x1 = link.y1, link.y0 = x0, link.y1 = x1;
-        })), links.forEach(link => {
+          link.x0 = viewBox.x1 - link.x0, link.x1 = viewBox.x1 - link.x1;
+        }));
+        return links.forEach(link => {
           const sourceNode = this._nodeMap[link.source],
             targetNode = this._nodeMap[link.target];
           link.sourceRect = {
@@ -82887,14 +82631,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return (_g = this._colorScale) === null || _g === void 0 ? void 0 : _g.scale(sourceName);
             };
             this._handleEmphasisElement = (params) => {
-                var _a;
+                var _a, _b, _c, _d, _e;
                 const emphasisSpec = (_a = this._spec.emphasis) !== null && _a !== void 0 ? _a : {};
                 const element = params.item;
                 if (emphasisSpec.effect === 'adjacency') {
-                    if (element && element.mark.id().includes('node')) {
+                    if (element && element.mark === ((_b = this._nodeMark) === null || _b === void 0 ? void 0 : _b.getProduct())) {
                         this._handleNodeAdjacencyClick(element);
                     }
-                    else if (element && element.mark.id().includes('link')) {
+                    else if (element && element.mark === ((_c = this._linkMark) === null || _c === void 0 ? void 0 : _c.getProduct())) {
                         this._handleLinkAdjacencyClick(element);
                     }
                     else {
@@ -82902,10 +82646,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
                 else if (emphasisSpec.effect === 'related') {
-                    if (element && element.mark.id().includes('node')) {
+                    if (element && element.mark === ((_d = this._nodeMark) === null || _d === void 0 ? void 0 : _d.getProduct())) {
                         this._handleNodeRelatedClick(element);
                     }
-                    else if (element && element.mark.id().includes('link')) {
+                    else if (element && element.mark === ((_e = this._linkMark) === null || _e === void 0 ? void 0 : _e.getProduct())) {
                         this._handleLinkRelatedClick(element);
                     }
                     else {
@@ -82915,6 +82659,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this._handleClearEmpty = () => {
                 var _a, _b;
+                if (!this._needClear) {
+                    return;
+                }
                 const allNodeElements = (_a = this._nodeMark) === null || _a === void 0 ? void 0 : _a.getProductElements();
                 if (!allNodeElements || !allNodeElements.length) {
                     return;
@@ -82930,6 +82677,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 allLinkElements.forEach(el => {
                     el.removeState(states);
                 });
+                this._needClear = false;
             };
             this._handleNodeAdjacencyClick = (element) => {
                 const nodeDatum = element.getDatum();
@@ -82979,6 +82727,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (this._nodeMark) {
                     this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                 }
+                this._needClear = true;
             };
             this._handleLinkAdjacencyClick = (element) => {
                 const curLinkDatum = element.getDatum();
@@ -83002,6 +82751,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (this._nodeMark) {
                     this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                 }
+                this._needClear = true;
             };
             this._handleNodeRelatedClick = (element) => {
                 var _a;
@@ -83185,6 +82935,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         this._highLightElements(this._nodeMark.getProductElements(), highlightNodes);
                     }
                 }
+                this._needClear = true;
             };
             this._handleLinkRelatedClick = (element) => {
                 var _a;
@@ -83292,6 +83043,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     });
                     this._highLightElements(allNodeElements, highlightNodes);
                 }
+                this._needClear = true;
             };
         }
         get direction() {
@@ -83361,7 +83113,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         nodeHeight: this._spec.nodeHeight,
                         linkHeight: this._spec.linkHeight,
                         equalNodeHeight: this._spec.equalNodeHeight,
-                        linkOverlap: this._spec.linkOverlap
+                        linkOverlap: this._spec.linkOverlap,
+                        inverse: this._spec.inverse
                     },
                     level: TransformLevel.sankeyLayout
                 });
@@ -83465,6 +83218,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._initLinkMarkStyle();
         }
         _initNodeMarkStyle() {
+            var _a, _b;
             const nodeMark = this._nodeMark;
             if (!nodeMark) {
                 return;
@@ -83475,11 +83229,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 },
                 x1: (datum) => datum.x1,
                 y: (datum) => datum.y0,
-                y1: (datum) => datum.y1,
-                fill: this._fillByNode
+                y1: (datum) => datum.y1
             }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark);
+            this.setMarkStyle(nodeMark, {
+                fill: (_b = (_a = this._spec.node.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByNode
+            }, 'normal', AttributeLevel.User_Mark);
         }
         _initLinkMarkStyle() {
+            var _a, _b;
             const linkMark = this._linkMark;
             if (!linkMark) {
                 return;
@@ -83490,9 +83247,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y0: (datum) => datum.y0,
                 y1: (datum) => datum.y1,
                 thickness: (datum) => datum.thickness,
-                fill: this._fillByLink,
                 direction: this.direction
             }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
+            this.setMarkStyle(linkMark, {
+                fill: (_b = (_a = this._spec.link.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByLink
+            }, 'normal', AttributeLevel.User_Mark);
         }
         initLabelMarkStyle(labelMark, labelSpec) {
             if (!labelMark) {
@@ -87435,7 +87194,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!constructor) {
                 return;
             }
-            const { spec } = specInfo, others = __rest$d(specInfo, ["spec"]);
+            const { spec } = specInfo, others = __rest$e(specInfo, ["spec"]);
             if (spec.type === exports.SeriesTypeEnum.link) {
                 spec.dotSeriesSpec = this._spec.series[spec.dotSeriesIndex];
             }
@@ -88183,7 +87942,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class SankeyChartSpecTransformer extends BaseChartSpecTransformer {
         _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse });
             const seriesType = this.seriesType;
             if (seriesType) {
                 series.type = seriesType;
@@ -88369,7 +88128,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
 
     function getLegendAttributes(spec, rect) {
-        const { title = {}, item = {}, pager = {}, background = {}, type, id, visible, orient, position, data, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = spec, restSpec = __rest$d(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        const { title = {}, item = {}, pager = {}, background = {}, type, id, visible, orient, position, data, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = spec, restSpec = __rest$e(spec, ["title", "item", "pager", "background", "type", "id", "visible", "orient", "position", "data", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
         const attrs = restSpec;
         if (title.visible) {
             attrs.title = transformLegendTitleAttributes(title);
@@ -88985,7 +88744,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     function getContinuousLegendAttributes(spec) {
-        const _a = mergeSpec({}, spec), { title = {}, handler = {}, rail = {}, track = {}, startText, endText, handlerText, sizeBackground, background = {}, type, id, visible, orient, position, data, defaultSelected, field, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = _a, restSpec = __rest$d(_a, ["title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
+        const _a = mergeSpec({}, spec), { title = {}, handler = {}, rail = {}, track = {}, startText, endText, handlerText, sizeBackground, background = {}, type, id, visible, orient, position, data, defaultSelected, field, filter, regionId, regionIndex, seriesIndex, seriesId, padding } = _a, restSpec = __rest$e(_a, ["title", "handler", "rail", "track", "startText", "endText", "handlerText", "sizeBackground", "background", "type", "id", "visible", "orient", "position", "data", "defaultSelected", "field", "filter", "regionId", "regionIndex", "seriesIndex", "seriesId", "padding"]);
         const attrs = restSpec;
         if (title.visible) {
             attrs.title = transformLegendTitleAttributes(title);
@@ -89339,8 +89098,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             component.processor.mark.showTooltip({
                 datum: mockDatum,
                 mark: null,
-                series: info.series,
-                dimensionInfo: mockDimensionInfo
+                series: info.series
             }, mockParams, false);
             const vchart = componentOptions.globalInstance;
             if (VChart.globalConfig.uniqueTooltip) {
@@ -89525,31 +89283,78 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return markInfoList;
     };
 
-    const makeDefaultPattern = (series, activeType, dimensionInfo) => {
-        var _a, _b;
-        return (_b = (_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.getDefaultTooltipPattern(activeType, dimensionInfo)) !== null && _b !== void 0 ? _b : null;
+    const getTooltipActualActiveType = (spec) => {
+        var _a, _b, _c;
+        if ((spec === null || spec === void 0 ? void 0 : spec.visible) === false) {
+            return [];
+        }
+        const activeTypeMap = {
+            mark: ((_a = spec === null || spec === void 0 ? void 0 : spec.mark) === null || _a === void 0 ? void 0 : _a.visible) !== false,
+            dimension: ((_b = spec === null || spec === void 0 ? void 0 : spec.dimension) === null || _b === void 0 ? void 0 : _b.visible) !== false,
+            group: ((_c = spec === null || spec === void 0 ? void 0 : spec.group) === null || _c === void 0 ? void 0 : _c.visible) !== false
+        };
+        if (isValid$1(spec === null || spec === void 0 ? void 0 : spec.activeType)) {
+            Object.keys(activeTypeMap).forEach(t => {
+                var _a;
+                activeTypeMap[t] = (_a = spec === null || spec === void 0 ? void 0 : spec.activeType) === null || _a === void 0 ? void 0 : _a.includes(t);
+            });
+        }
+        return Object.keys(activeTypeMap).filter(t => activeTypeMap[t]);
     };
+    const isActiveTypeVisible = (type, spec) => {
+        if (!spec) {
+            return true;
+        }
+        if (spec.visible === false) {
+            return false;
+        }
+        if (spec[type] && spec[type].visible === false) {
+            return false;
+        }
+        if (spec.activeType && !spec.activeType.includes(type)) {
+            return false;
+        }
+        return true;
+    };
+    function isEmptyPos(params) {
+        return isNil$1(params.mark) && isNil$1(params.model) && isNil$1(params.datum);
+    }
+    function combinePattern(patternList) {
+        if (!patternList || !patternList.length) {
+            return null;
+        }
+        const defaultPatternContent = [];
+        patternList.forEach(({ content }) => {
+            if (isFunction$1(content)) {
+                defaultPatternContent.push(content);
+            }
+            else if (isArray$1(content)) {
+                content.forEach(c => {
+                    defaultPatternContent.push(c);
+                });
+            }
+            else if (content) {
+                defaultPatternContent.push(content);
+            }
+        });
+        if (defaultPatternContent.length) {
+            return Object.assign(Object.assign({}, patternList[0]), { content: defaultPatternContent });
+        }
+        return patternList[0];
+    }
 
     const getTooltipSpecForShow = (activeType, globalSpec, series, dimensionInfo) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         const finalSpec = Object.assign(Object.assign({}, globalSpec), { activeType });
         const { style = {} } = globalSpec;
         switch (activeType) {
             case 'mark':
             case 'group':
                 if (series) {
-                    const seriesSpec = ((_b = (_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec) !== null && _b !== void 0 ? _b : {});
-                    if (isValid$1(seriesSpec.visible) || isValid$1(seriesSpec.activeType)) {
-                        finalSpec.visible = getTooltipActualActiveType(seriesSpec).includes(activeType);
-                    }
-                    else if (isValid$1(globalSpec.visible) || isValid$1(globalSpec.activeType)) {
-                        finalSpec.visible = getTooltipActualActiveType(globalSpec).includes(activeType);
-                    }
-                    else {
-                        finalSpec.visible = true;
-                    }
-                    finalSpec.handler = (_d = (_c = seriesSpec.handler) !== null && _c !== void 0 ? _c : globalSpec.handler) !== null && _d !== void 0 ? _d : undefined;
-                    if ((_e = finalSpec.handler) === null || _e === void 0 ? void 0 : _e.showTooltip) {
+                    const seriesSpec = (_a = series.getSpec()) === null || _a === void 0 ? void 0 : _a.tooltip;
+                    finalSpec.visible = true;
+                    finalSpec.handler = (_b = seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.handler) !== null && _b !== void 0 ? _b : globalSpec.handler;
+                    if ((_c = finalSpec.handler) === null || _c === void 0 ? void 0 : _c.showTooltip) {
                         return finalSpec;
                     }
                 }
@@ -89557,165 +89362,168 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             case 'dimension':
                 if (dimensionInfo === null || dimensionInfo === void 0 ? void 0 : dimensionInfo.length) {
                     const seriesList = getSeriesListFromDimensionInfo(dimensionInfo);
-                    if (seriesList.every(series => { var _a; return !getTooltipActualActiveType((_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec).includes('dimension'); })) {
+                    if (seriesList.every(series => { var _a; return !isActiveTypeVisible('dimension', (_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec); })) {
                         finalSpec.visible = false;
                     }
-                    else if (isValid$1(globalSpec.visible) || isValid$1(globalSpec.activeType)) {
-                        finalSpec.visible = getTooltipActualActiveType(globalSpec).includes('dimension');
-                    }
                     else {
                         finalSpec.visible = true;
                     }
-                    finalSpec.handler = (_f = globalSpec.handler) !== null && _f !== void 0 ? _f : undefined;
-                    if ((_g = finalSpec.handler) === null || _g === void 0 ? void 0 : _g.showTooltip) {
+                    finalSpec.handler = (_d = globalSpec.handler) !== null && _d !== void 0 ? _d : undefined;
+                    if ((_e = finalSpec.handler) === null || _e === void 0 ? void 0 : _e.showTooltip) {
                         return finalSpec;
                     }
                 }
                 break;
         }
-        const defaultPattern = getDefaultTooltipPattern(activeType, series, dimensionInfo);
-        const seriesPattern = getSeriesTooltipPattern(activeType, series, dimensionInfo);
-        const userPattern = mergeSpec({}, cloneDeep(globalSpec[activeType]), seriesPattern);
-        const defaultPatternTitle = defaultPattern.title;
-        const titleShape = getShapePattern(undefined, userPattern, style.shape, undefined, defaultPatternTitle);
-        if (isValid$1(userPattern.title)) {
-            userPattern.title = addExtraInfoToTooltipTitlePattern(userPattern.title, Object.assign(Object.assign({}, defaultPatternTitle), titleShape));
-        }
-        else {
-            userPattern.title = addExtraInfoToTooltipTitlePattern(defaultPatternTitle, titleShape, true);
-        }
-        const defaultPatternContent = array(defaultPattern.content);
-        if (isValid$1(userPattern.content)) {
-            const shapePatternMap = getShapePatternMapOfEachSeries(defaultPatternContent);
-            userPattern.content = addExtraInfoToTooltipContentPattern(userPattern.content, userLine => getShapePattern(userLine, userPattern, style.shape, shapePatternMap));
-        }
-        else {
-            userPattern.content = addExtraInfoToTooltipContentPattern(defaultPatternContent, line => getShapePattern(undefined, userPattern, style.shape, undefined, line), true);
+        const defaultPattern = (_f = getDefaultTooltipPattern(activeType, series, dimensionInfo)) !== null && _f !== void 0 ? _f : {};
+        const userPattern = getSeriesTooltipPattern(activeType, globalSpec, series, dimensionInfo);
+        if (userPattern) {
+            const defaultPatternTitle = defaultPattern.title;
+            const defaultTitleShape = getShapePattern(undefined, userPattern, style.shape, undefined, defaultPatternTitle);
+            if (isValid$1(userPattern.title)) {
+                userPattern.title = addExtraInfoToTooltipTitlePattern(userPattern.title, Object.assign(Object.assign({}, defaultPatternTitle), defaultTitleShape));
+            }
+            else {
+                userPattern.title = addExtraInfoToTooltipTitlePattern(defaultPatternTitle, defaultTitleShape, true);
+            }
+            const defaultPatternContent = array(defaultPattern.content);
+            if (isValid$1(userPattern.content)) {
+                const shapePatternMap = getShapePatternMapOfEachSeries(defaultPatternContent);
+                userPattern.content = addExtraInfoToTooltipContentPattern(userPattern.content, userLine => getShapePattern(userLine, userPattern, style.shape, shapePatternMap));
+            }
+            else {
+                userPattern.content = addExtraInfoToTooltipContentPattern(defaultPatternContent, line => getShapePattern(undefined, userPattern, style.shape, undefined, line), true);
+            }
         }
         finalSpec[activeType] = Object.assign(Object.assign(Object.assign({}, defaultPattern), userPattern), { activeType });
         return finalSpec;
     };
     const getDefaultTooltipPattern = (activeType, series, dimensionInfo) => {
-        var _a;
-        let defaultPattern = {};
         switch (activeType) {
             case 'mark':
             case 'group':
                 if (series) {
-                    defaultPattern = (_a = makeDefaultPattern(series, activeType)) !== null && _a !== void 0 ? _a : {};
+                    return series.tooltipHelper.getDefaultTooltipPattern(activeType);
                 }
                 break;
             case 'dimension':
                 if (dimensionInfo === null || dimensionInfo === void 0 ? void 0 : dimensionInfo.length) {
                     const patternList = [];
-                    dimensionInfo.forEach(({ data }) => data.forEach(data => {
-                        const { series } = data;
+                    dimensionInfo.forEach(info => info.data.forEach(datum => {
+                        const { series } = datum;
                         const mockDimensionInfo = [
-                            Object.assign(Object.assign({}, dimensionInfo[0]), { data: [data] })
+                            Object.assign(Object.assign({}, info), { data: [datum] })
                         ];
-                        const pattern = makeDefaultPattern(series, 'dimension', mockDimensionInfo);
+                        const pattern = series.tooltipHelper.getDefaultTooltipPattern(activeType, mockDimensionInfo);
                         if (pattern) {
                             patternList.push(pattern);
                         }
                     }));
-                    const defaultPatternContent = [];
-                    patternList.forEach(({ content }) => {
-                        if (isFunction$1(content)) {
-                            defaultPatternContent.push(content);
-                        }
-                        else {
-                            defaultPatternContent.push(...array(content));
-                        }
-                    });
-                    defaultPattern = Object.assign(Object.assign({}, patternList[0]), { content: defaultPatternContent });
+                    return combinePattern(patternList);
                 }
                 break;
         }
-        return defaultPattern;
+        return undefined;
     };
-    const getSeriesTooltipPattern = (activeType, series, dimensionInfo) => {
-        var _a, _b;
-        let seriesPattern = {};
-        switch (activeType) {
-            case 'mark':
-            case 'group':
-                if (series) {
-                    const seriesSpec = ((_b = (_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec) !== null && _b !== void 0 ? _b : {});
-                    seriesPattern = seriesSpec[activeType] ? cloneDeep(seriesSpec[activeType]) : {};
-                }
-                break;
-            case 'dimension':
-                if (dimensionInfo === null || dimensionInfo === void 0 ? void 0 : dimensionInfo.length) {
-                    const seriesList = getSeriesListFromDimensionInfo(dimensionInfo);
-                    const seriesPatternList = seriesList
-                        .filter(series => {
-                        var _a;
-                        const spec = (_a = series.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec;
-                        return isValid$1(spec === null || spec === void 0 ? void 0 : spec.dimension) && getTooltipActualActiveType(spec).includes('dimension');
-                    })
-                        .map(series => series.tooltipHelper.spec.dimension);
-                    if (seriesPatternList.length) {
-                        let seriesPatternContent = [];
-                        if (seriesPatternList.every(({ content }) => isNil$1(content))) {
-                            seriesPatternContent = undefined;
+    const getSeriesTooltipPattern = (activeType, globalSpec, series, dimensionInfo) => {
+        const allSeries = activeType === 'dimension' && (dimensionInfo === null || dimensionInfo === void 0 ? void 0 : dimensionInfo.length)
+            ? getSeriesListFromDimensionInfo(dimensionInfo)
+            : (activeType === 'mark' || activeType === 'group') && series
+                ? [series]
+                : null;
+        if (allSeries && allSeries.length) {
+            const seriesPatternList = [];
+            allSeries.forEach(s => {
+                var _a;
+                const seriesSpec = (_a = s.tooltipHelper) === null || _a === void 0 ? void 0 : _a.spec;
+                if (isActiveTypeVisible(activeType, seriesSpec)) {
+                    let finalPattern = seriesSpec && seriesSpec[activeType]
+                        ? Object.assign(Object.assign({}, globalSpec[activeType]), seriesSpec[activeType]) : globalSpec[activeType];
+                    if (finalPattern) {
+                        finalPattern = cloneDeep(finalPattern);
+                        if (finalPattern.title) {
+                            finalPattern.title = addExtraInfoToTooltipTitlePattern(finalPattern.title, {
+                                seriesId: s.id
+                            }, true);
                         }
-                        else {
-                            seriesPatternList.forEach(({ content }) => {
-                                if (isNil$1(content)) {
-                                    return;
-                                }
-                                if (isFunction$1(content)) {
-                                    seriesPatternContent === null || seriesPatternContent === void 0 ? void 0 : seriesPatternContent.push(content);
-                                }
-                                else {
-                                    seriesPatternContent === null || seriesPatternContent === void 0 ? void 0 : seriesPatternContent.push(...array(content));
-                                }
-                            });
+                        if (finalPattern.content) {
+                            finalPattern.content = addExtraInfoToTooltipContentPattern(finalPattern.content, {
+                                seriesId: s.id
+                            }, true);
                         }
-                        seriesPattern = Object.assign(Object.assign({}, seriesPatternList[0]), { content: seriesPatternContent });
+                        seriesPatternList.push(finalPattern);
                     }
                 }
-                break;
+            });
+            return seriesPatternList && seriesPatternList.length ? combinePattern(seriesPatternList) : null;
         }
-        return seriesPattern;
+        return undefined;
+    };
+    const getSeriesListFromDimensionInfo = (dimensionInfo) => {
+        const list = [];
+        dimensionInfo.forEach(info => {
+            info.data.forEach(datum => {
+                if (isValid$1(datum.series)) {
+                    list.push(datum.series);
+                }
+            });
+        });
+        return list;
     };
-    const getSeriesListFromDimensionInfo = memoize((dimensionInfo) => {
-        return dimensionInfo.reduce((list, cur) => list.concat(cur.data.map(data => data.series).filter(isValid$1)), []);
-    });
     const getShapePatternMapOfEachSeries = (content) => {
         const shapePatternMap = {};
         content.forEach(line => {
-            var _a;
-            const key = (_a = line.seriesId) !== null && _a !== void 0 ? _a : 0;
-            if (!shapePatternMap[key]) {
+            const key = line.seriesId;
+            if (isValid$1(key) && !shapePatternMap[key]) {
                 shapePatternMap[key] = line;
             }
+            if (!shapePatternMap[-1]) {
+                shapePatternMap[-1] = line;
+            }
         });
         return shapePatternMap;
     };
+    const isShapeKey = (key) => key.toLowerCase().includes('shape');
     const getShapePattern = (userLinePattern, userPattern, userStyle, shapePatternMap, defaultShapePattern) => {
-        var _a, _b, _c;
+        var _a, _b;
         if (userStyle) {
             userStyle.shapeSize = (_a = userStyle.shapeSize) !== null && _a !== void 0 ? _a : userStyle.size;
         }
-        const shapePatternFromMap = (_c = shapePatternMap === null || shapePatternMap === void 0 ? void 0 : shapePatternMap[(_b = userLinePattern === null || userLinePattern === void 0 ? void 0 : userLinePattern.seriesId) !== null && _b !== void 0 ? _b : 0]) !== null && _c !== void 0 ? _c : shapePatternMap === null || shapePatternMap === void 0 ? void 0 : shapePatternMap[0];
-        const maps = [userLinePattern, userPattern, userStyle, shapePatternFromMap, defaultShapePattern].filter(isValid$1);
-        const shapeKeys = new Set(maps
-            .reduce((keys, cur) => keys.concat(Object.keys(cur)), [])
-            .filter(key => key.toLowerCase().includes('shape')));
+        const shapePatternFromMap = shapePatternMap
+            ? (_b = shapePatternMap[userLinePattern === null || userLinePattern === void 0 ? void 0 : userLinePattern.seriesId]) !== null && _b !== void 0 ? _b : shapePatternMap[-1]
+            : null;
         const shapePattern = {};
-        shapeKeys.forEach(key => {
-            let value;
-            let i = 0;
-            do {
-                value = maps[i++][key];
-            } while (i < maps.length && isNil$1(value));
-            if (value !== undefined) {
-                shapePattern[key] = value;
+        [userLinePattern, userPattern, userStyle, shapePatternFromMap, defaultShapePattern].forEach(cfg => {
+            if (isValid$1(cfg)) {
+                Object.keys(cfg).forEach(key => {
+                    if (isShapeKey(key) && isNil$1(shapePattern[key]) && !isNil$1(cfg[key])) {
+                        shapePattern[key] = cfg[key];
+                    }
+                });
             }
         });
         return shapePattern;
     };
+    const merge = (source, extraInfo, overwrite) => {
+        const info = isFunction$1(extraInfo) ? extraInfo(source) : extraInfo;
+        return overwrite ? Object.assign(Object.assign({}, source), info) : Object.assign(Object.assign({}, info), source);
+    };
+    const addExtraInfoToTooltipTitlePattern = (pattern, extraInfo, overwrite) => {
+        const result = isValid$1(pattern)
+            ? isFunction$1(pattern)
+                ? (...args) => merge(pattern(...args), extraInfo, overwrite)
+                : merge(pattern, extraInfo, overwrite)
+            : undefined;
+        return result;
+    };
+    const addExtraInfoToTooltipContentPattern = (pattern, extraInfo, overwrite) => {
+        const result = isValid$1(pattern)
+            ? array(pattern).map(patternItem => isFunction$1(patternItem)
+                ? (...args) => array(patternItem(...args)).map(line => merge(line, extraInfo, overwrite))
+                : merge(patternItem, extraInfo, overwrite))
+            : undefined;
+        return result;
+    };
 
     const getTooltipContentValue = (field, datum, params, formatter) => {
         let value;
@@ -89784,6 +89592,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         key: '其他',
         value: '...'
     };
+    const TOOLTIP_TYPES = ['group', 'mark', 'dimension'];
 
     const getTimeString = (value, timeFormat, timeFormatMode) => {
         if (!timeFormat && !timeFormatMode) {
@@ -89860,7 +89669,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             case 'dimension':
                 for (const { data: d } of data) {
                     for (const { datum: datumList, series } of d) {
-                        if (!getTooltipActualActiveType((_c = series.tooltipHelper) === null || _c === void 0 ? void 0 : _c.spec).includes('dimension')) {
+                        if (!isActiveTypeVisible('dimension', (_c = series.tooltipHelper) === null || _c === void 0 ? void 0 : _c.spec)) {
                             continue;
                         }
                         const contentPatterns = (_d = patternContent === null || patternContent === void 0 ? void 0 : patternContent.filter(c => isNil$1(c.seriesId) || c.seriesId === series.id)) !== null && _d !== void 0 ? _d : [];
@@ -89994,6 +89803,48 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return undefined;
         }
+        _updateViewSpec(params) {
+            const { changePositionOnly, model, dimensionInfo } = params;
+            if (!changePositionOnly || !this._cacheViewSpec) {
+                this._cacheViewSpec = getTooltipSpecForShow(this.activeType, this.component.getSpec(), model, dimensionInfo);
+            }
+        }
+        _updateActualTooltip(data, params) {
+            var _a, _b, _c, _d;
+            const pattern = this._cacheViewSpec[this.activeType];
+            const { changePositionOnly } = params;
+            if (!changePositionOnly || !this._cacheActualTooltip) {
+                const tooltipContent = getShowContent(pattern, data, params);
+                const visible = isValid$1(tooltipContent) ? getTooltipPatternValue(pattern.visible, data, params) !== false : false;
+                this._cacheActualTooltip = Object.assign(Object.assign({}, tooltipContent), { visible, activeType: pattern.activeType, data });
+                const { title, content } = this._cacheActualTooltip;
+                this._cacheActualTooltip.title = (_b = (_a = pattern.updateTitle) === null || _a === void 0 ? void 0 : _a.call(pattern, title, data, params)) !== null && _b !== void 0 ? _b : title;
+                this._cacheActualTooltip.content = (_d = (_c = pattern.updateContent) === null || _c === void 0 ? void 0 : _c.call(pattern, content, data, params)) !== null && _d !== void 0 ? _d : content;
+            }
+        }
+        shouldHandleTooltip(params, mouseEventData) {
+            var _a, _b;
+            const { tooltipInfo: info } = mouseEventData;
+            if (isNil$1(info)) {
+                return false;
+            }
+            return isActiveTypeVisible(this.activeType, (_b = (_a = params.model) === null || _a === void 0 ? void 0 : _a.tooltipHelper) === null || _b === void 0 ? void 0 : _b.spec);
+        }
+        clearCache() {
+            this._cacheViewSpec = undefined;
+            this._cacheActualTooltip = undefined;
+        }
+    }
+
+    class DimensionTooltipProcessor extends BaseTooltipProcessor {
+        constructor() {
+            super(...arguments);
+            this.activeType = 'dimension';
+        }
+        showTooltip(info, params, changePositionOnly) {
+            const newParams = Object.assign(Object.assign({}, params), { dimensionInfo: this._preprocessDimensionInfo(info), changePositionOnly, tooltip: this.component });
+            return this._showTooltipByHandler(info, newParams);
+        }
         _getDimensionInfo(params) {
             var _a, _b;
             let targetDimensionInfo;
@@ -90051,53 +89902,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return targetDimensionInfo;
         }
-        _updateViewSpec(params) {
-            const { changePositionOnly, model, dimensionInfo } = params;
-            if (!changePositionOnly || !this._cacheViewSpec) {
-                this._cacheViewSpec = getTooltipSpecForShow(this.activeType, this.component.getSpec(), model, dimensionInfo);
-            }
-        }
-        _updateActualTooltip(data, params) {
-            var _a, _b, _c, _d;
-            const pattern = this._cacheViewSpec[this.activeType];
-            const { changePositionOnly } = params;
-            if (!changePositionOnly || !this._cacheActualTooltip) {
-                const tooltipContent = getShowContent(pattern, data, params);
-                const visible = isValid$1(tooltipContent) ? getTooltipPatternValue(pattern.visible, data, params) !== false : false;
-                this._cacheActualTooltip = Object.assign(Object.assign({}, tooltipContent), { visible, activeType: pattern.activeType, data });
-                const { title, content } = this._cacheActualTooltip;
-                this._cacheActualTooltip.title = (_b = (_a = pattern.updateTitle) === null || _a === void 0 ? void 0 : _a.call(pattern, title, data, params)) !== null && _b !== void 0 ? _b : title;
-                this._cacheActualTooltip.content = (_d = (_c = pattern.updateContent) === null || _c === void 0 ? void 0 : _c.call(pattern, content, data, params)) !== null && _d !== void 0 ? _d : content;
-            }
-        }
-        clearCache() {
-            this._cacheViewSpec = undefined;
-            this._cacheActualTooltip = undefined;
-        }
-    }
-
-    class DimensionTooltipProcessor extends BaseTooltipProcessor {
-        constructor() {
-            super(...arguments);
-            this.activeType = 'dimension';
-        }
-        showTooltip(info, params, changePositionOnly) {
-            const newParams = Object.assign(Object.assign({}, params), { dimensionInfo: this._preprocessDimensionInfo(info), changePositionOnly, tooltip: this.component });
-            return this._showTooltipByHandler(info, newParams);
-        }
-        shouldHandleTooltip(params, mouseEventData) {
-            var _a, _b;
-            const { tooltipInfo: info } = mouseEventData;
-            if (isNil$1(info)) {
-                return false;
-            }
-            const helper = (_a = params.model) === null || _a === void 0 ? void 0 : _a.tooltipHelper;
-            const activeType = (_b = helper === null || helper === void 0 ? void 0 : helper.activeType) !== null && _b !== void 0 ? _b : this.component.getSpec().activeType;
-            if (!activeType.includes('dimension')) {
-                return false;
-            }
-            return true;
-        }
         getMouseEventData(params) {
             var _a;
             return {
@@ -90117,24 +89921,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.activeType = 'mark';
         }
         showTooltip(info, params, changePositionOnly) {
-            const { datum, series, dimensionInfo } = info;
+            const { datum, series } = info;
             const tooltipData = [{ datum: [datum], series }];
-            const newParams = Object.assign(Object.assign({}, params), { dimensionInfo: this._preprocessDimensionInfo(dimensionInfo), changePositionOnly, tooltip: this.component });
+            const newParams = Object.assign(Object.assign({}, params), { changePositionOnly, tooltip: this.component });
             return this._showTooltipByHandler(tooltipData, newParams);
         }
-        shouldHandleTooltip(params, mouseEventData) {
-            var _a;
-            const { tooltipInfo: info } = mouseEventData;
-            if (isNil$1(info)) {
-                return false;
-            }
-            const helper = (_a = params.model) === null || _a === void 0 ? void 0 : _a.tooltipHelper;
-            if (!(helper === null || helper === void 0 ? void 0 : helper.activeType.includes('mark'))) {
-                return false;
-            }
-            return true;
-        }
-        getMouseEventData(params, dimensionInfo) {
+        getMouseEventData(params) {
             var _a;
             let info;
             let ignore;
@@ -90147,8 +89939,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     info = {
                         mark: params.mark,
                         datum: params.datum,
-                        series,
-                        dimensionInfo
+                        series
                     };
                 }
                 else if ((ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.model)) || (ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.mark))) {
@@ -90168,24 +89959,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.activeType = 'group';
         }
         showTooltip(info, params, changePositionOnly) {
-            const { datum, series, dimensionInfo } = info;
+            const { datum, series } = info;
             const tooltipData = [{ datum: array(datum), series }];
-            const newParams = Object.assign(Object.assign({}, params), { groupDatum: this._getGroupDatum(params), dimensionInfo: this._preprocessDimensionInfo(dimensionInfo), changePositionOnly, tooltip: this.component });
+            const newParams = Object.assign(Object.assign({}, params), { groupDatum: this._getGroupDatum(params), changePositionOnly, tooltip: this.component });
             return this._showTooltipByHandler(tooltipData, newParams);
         }
-        shouldHandleTooltip(params, mouseEventData) {
-            var _a;
-            const { tooltipInfo: info } = mouseEventData;
-            if (isNil$1(info)) {
-                return false;
-            }
-            const helper = (_a = params.model) === null || _a === void 0 ? void 0 : _a.tooltipHelper;
-            if (!(helper === null || helper === void 0 ? void 0 : helper.activeType.includes('group'))) {
-                return false;
-            }
-            return true;
-        }
-        getMouseEventData(params, dimensionInfo) {
+        getMouseEventData(params) {
             var _a, _b;
             let info;
             let ignore;
@@ -90201,8 +89980,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         info = {
                             mark: params.mark,
                             datum: params.datum,
-                            series,
-                            dimensionInfo
+                            series
                         };
                     }
                 }
@@ -90361,12 +90139,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     dimension: false,
                     group: false
                 };
-                success.group = this._showTooltipByMouseEvent('group', mouseEventData, params, isClick);
-                if (!success.group) {
-                    success.mark = this._showTooltipByMouseEvent('mark', mouseEventData, params, isClick);
-                }
-                if (!success.mark && !success.group) {
-                    success.dimension = this._showTooltipByMouseEvent('dimension', mouseEventData, params, isClick);
+                for (let i = 0, len = TOOLTIP_TYPES.length; i < len; i++) {
+                    const type = TOOLTIP_TYPES[i];
+                    const res = this.processor[type] ? this._showTooltipByMouseEvent(type, mouseEventData, params, isClick) : false;
+                    if (res) {
+                        success[type] = true;
+                        break;
+                    }
                 }
                 if (Object.values(success).every(val => !val) && !isEmptyPos(params)) {
                     if (ignoreMark && isMarkInfo(this._cacheInfo)) {
@@ -90431,22 +90210,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     tooltipInfo: {},
                     ignore: {}
                 };
-                let activeType = 'dimension';
-                const { tooltipInfo, ignore } = this.processor[activeType].getMouseEventData(params);
-                result.tooltipInfo[activeType] = tooltipInfo;
-                result.ignore[activeType] = ignore;
-                const dimensionInfo = tooltipInfo;
-                for (activeType of Object.keys(this.processor)) {
-                    if (activeType !== 'dimension') {
-                        const { tooltipInfo, ignore } = this.processor[activeType].getMouseEventData(params, dimensionInfo);
-                        result.tooltipInfo[activeType] = tooltipInfo;
-                        result.ignore[activeType] = ignore;
-                    }
-                }
+                Object.keys(this.processor).forEach(activeType => {
+                    const { tooltipInfo, ignore } = this.processor[activeType].getMouseEventData(params);
+                    result.tooltipInfo[activeType] = tooltipInfo;
+                    result.ignore[activeType] = ignore;
+                });
                 return result;
             };
             this._hideTooltipByHandler = (params) => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c;
                 if (!this._isTooltipShown && !((_b = (_a = this.tooltipHandler) === null || _a === void 0 ? void 0 : _a.isTooltipShown) === null || _b === void 0 ? void 0 : _b.call(_a))) {
                     return 0;
                 }
@@ -90454,15 +90226,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 Object.values(this.processor).forEach((processor) => {
                     processor.clearCache();
                 });
-                let hideTooltip;
-                if ((_c = this._spec.handler) === null || _c === void 0 ? void 0 : _c.hideTooltip) {
-                    hideTooltip = this._spec.handler.hideTooltip.bind(this._spec.handler);
-                }
-                else if ((_d = this.tooltipHandler) === null || _d === void 0 ? void 0 : _d.hideTooltip) {
-                    hideTooltip = this.tooltipHandler.hideTooltip.bind(this.tooltipHandler);
-                }
-                if (hideTooltip) {
-                    const result = hideTooltip(params);
+                const handler = (_c = this._spec.handler) !== null && _c !== void 0 ? _c : this.tooltipHandler;
+                if (handler.hideTooltip) {
+                    const result = handler.hideTooltip.call(handler, params);
                     if (!result) {
                         this._isTooltipShown = false;
                     }
@@ -90563,11 +90329,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _initProcessor() {
-            this.processor = {
-                mark: new MarkTooltipProcessor(this),
-                dimension: new DimensionTooltipProcessor(this),
-                group: new GroupTooltipProcessor(this)
-            };
+            const activeType = this._spec.activeType;
+            this.processor = {};
+            if (activeType.includes('dimension')) {
+                this.processor.dimension = new DimensionTooltipProcessor(this);
+            }
+            if (activeType.includes('group')) {
+                this.processor.group = new GroupTooltipProcessor(this);
+            }
+            if (activeType.includes('mark')) {
+                this.processor.mark = new MarkTooltipProcessor(this);
+            }
         }
         _initEvent() {
             var _a;
@@ -91056,7 +90828,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             else {
                 const style = line.style || {};
                 const { stroke, fill, lineWidth } = style;
-                const _d = style, { strokeOpacity, fillOpacity, opacity } = _d, restStyle = __rest$d(_d, ["strokeOpacity", "fillOpacity", "opacity"]);
+                const _d = style, { strokeOpacity, fillOpacity, opacity } = _d, restStyle = __rest$e(_d, ["strokeOpacity", "fillOpacity", "opacity"]);
                 const isLineType = hair.type === 'line';
                 let finalOpacity = isLineType ? strokeOpacity : fillOpacity;
                 if (isNumber$1(opacity)) {
@@ -91085,7 +90857,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!!label.visible) {
                 const labelBackground = label.labelBackground || {};
                 const labelStyle = label.style || {};
-                const _e = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _e, rectStyle = __rest$d(_e, ["fill", "stroke", "outerBorder"]);
+                const _e = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _e, rectStyle = __rest$e(_e, ["fill", "stroke", "outerBorder"]);
                 hair.label = {
                     visible: true,
                     formatMethod: label.formatMethod,
@@ -91778,7 +91550,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const bandWidth = series.angleAxisHelper.getBandwidth(0);
             currValueAngle.forEach((_a) => {
                 var _b;
-                var { axis, value, coord } = _a, rest = __rest$d(_a, ["axis", "value", "coord"]);
+                var { axis, value, coord } = _a, rest = __rest$e(_a, ["axis", "value", "coord"]);
                 value = value !== null && value !== void 0 ? value : '';
                 mergeSpec(angleCrossHairInfo, rest);
                 const angle = series.angleAxisHelper.dataToPosition([value]);
@@ -91798,7 +91570,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             radiusCrossHairInfo.visible = !!currValueRadius.size;
             currValueRadius.forEach((_a) => {
                 var _b;
-                var { axis, value, coord } = _a, rest = __rest$d(_a, ["axis", "value", "coord"]);
+                var { axis, value, coord } = _a, rest = __rest$e(_a, ["axis", "value", "coord"]);
                 value = value !== null && value !== void 0 ? value : '';
                 const niceLabelFormatter = axis.niceLabelFormatter;
                 if ((_b = radiusHair.label) === null || _b === void 0 ? void 0 : _b.visible) {
@@ -92236,7 +92008,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         let filter = null;
         if (isContinuous()) {
-            filter = (d) => d[datumField] >= newDomain[0] && d[datumField] <= last(newDomain);
+            filter = (d) => d[datumField] >= newDomain[0] && d[datumField] <= newDomain[1];
         }
         else {
             filter = (d) => {
@@ -92734,15 +92506,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const domain = scale.domain();
             if (isContinuous(scale.type)) {
                 if (this._isReverse()) {
-                    return domain[0] + (last(domain) - domain[0]) * (1 - state);
+                    return domain[0] + (domain[1] - domain[0]) * (1 - state);
                 }
-                return domain[0] + (last(domain) - domain[0]) * state;
+                return domain[0] + (domain[1] - domain[0]) * state;
             }
             let range = scale.range();
             if (this._isReverse()) {
                 range = range.slice().reverse();
             }
-            const posInRange = range[0] + (last(range) - range[0]) * state;
+            const posInRange = range[0] + (range[1] - range[0]) * state;
             return scale.invert(posInRange);
         }
         dataToStatePoint(data) {
@@ -92752,13 +92524,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._isHorizontal && isContinuous(scale.type)) {
                 range = range.slice().reverse();
             }
-            return (pos - range[0]) / (last(range) - range[0]);
+            return (pos - range[0]) / (range[1] - range[0]);
         }
         _modeCheck(statePoint, mode) {
             if (statePoint === 'start') {
-                return (mode === 'percent' && this._spec.start) || (mode === 'value' && this._spec.startValue);
+                return (mode === 'percent' && isValid$1(this._spec.start)) || (mode === 'value' && isValid$1(this._spec.startValue));
             }
-            return (mode === 'percent' && this._spec.end) || (mode === 'value' && this._spec.endValue);
+            return (mode === 'percent' && isValid$1(this._spec.end)) || (mode === 'value' && isValid$1(this._spec.endValue));
         }
         _setStateFromSpec() {
             var _a, _b;
@@ -92786,12 +92558,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._end = end;
             this._minSpan = (_a = this._spec.minSpan) !== null && _a !== void 0 ? _a : 0;
             this._maxSpan = (_b = this._spec.maxSpan) !== null && _b !== void 0 ? _b : 1;
-            if (isContinuous(this._stateScale.type) && this._stateScale.domain()[0] !== last(this._stateScale.domain())) {
+            if (isContinuous(this._stateScale.type) && this._stateScale.domain()[0] !== this._stateScale.domain()[1]) {
                 if (this._spec.minValueSpan) {
-                    this._minSpan = this._spec.minValueSpan / (last(this._stateScale.domain()) - this._stateScale.domain()[0]);
+                    this._minSpan = this._spec.minValueSpan / (this._stateScale.domain()[1] - this._stateScale.domain()[0]);
                 }
                 if (this._spec.maxValueSpan) {
-                    this._maxSpan = this._spec.maxValueSpan / (last(this._stateScale.domain()) - this._stateScale.domain()[0]);
+                    this._maxSpan = this._spec.maxValueSpan / (this._stateScale.domain()[1] - this._stateScale.domain()[0]);
                 }
             }
             this._minSpan = Math.max(0, this._minSpan);
@@ -93263,7 +93035,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return false;
             }
             const domain = scale.domain();
-            if (isContinuous(scale.type) && domain[0] === last(domain)) {
+            if (isContinuous(scale.type) && domain[0] === domain[1]) {
                 return false;
             }
             if (isDiscrete(scale.type) && uniqArray(domain).length === 1) {
@@ -93742,11 +93514,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super.updateLayoutAttribute();
         }
         _getIndicatorAttrs() {
+            if (this._spec.visible === false || (this._spec.fixed === false && this._activeDatum === null)) {
+                return {
+                    visible: false
+                };
+            }
             const region = this._regions[0];
             const { width, height } = region.getLayoutRect();
             const { x, y } = region.getLayoutStartPoint();
+            const _a = this._spec, { content, offsetX, offsetY, limitRatio, title } = _a, restSpec = __rest$e(_a, ["content", "offsetX", "offsetY", "limitRatio", "title"]);
             const contentComponentSpec = [];
-            array(this._spec.content).forEach((eachItem) => {
+            array(content).forEach((eachItem) => {
                 const contentSpec = mergeSpec({}, this._theme.content, eachItem);
                 contentComponentSpec.push({
                     visible: contentSpec.visible !== false && (contentSpec.field ? this._activeDatum !== null : true),
@@ -93758,29 +93536,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     style: Object.assign(Object.assign({}, transformIndicatorStyle(pickWithout(contentSpec.style, ['text']), this._activeDatum)), { text: this._createText(contentSpec.field, contentSpec.style.text) })
                 });
             });
-            return {
-                visible: this._spec.visible !== false && (this._spec.fixed !== false || this._activeDatum !== null),
-                size: {
+            return Object.assign({ visible: true, size: {
                     width: width,
                     height: height
-                },
-                zIndex: this.layoutZIndex,
-                x: x,
-                y: y,
-                dx: this._spec.offsetX ? getActualNumValue(this._spec.offsetX, this._computeLayoutRadius()) : 0,
-                dy: this._spec.offsetY ? getActualNumValue(this._spec.offsetY, this._computeLayoutRadius()) : 0,
-                limitRatio: this._spec.limitRatio || Infinity,
-                title: {
-                    visible: this._spec.title.visible !== false && (!isValid$1(this._spec.title.field) || this._activeDatum !== null),
-                    space: this._spec.title.space || this._gap,
-                    autoLimit: this._spec.title.autoLimit,
-                    autoFit: this._spec.title.autoFit,
-                    fitPercent: this._spec.title.fitPercent,
-                    fitStrategy: this._spec.title.fitStrategy,
-                    style: Object.assign(Object.assign({}, transformIndicatorStyle(pickWithout(this._spec.title.style, ['text']), this._activeDatum)), { text: this._createText(this._spec.title.field, this._spec.title.style.text) })
-                },
-                content: contentComponentSpec
-            };
+                }, zIndex: this.layoutZIndex, x: x, y: y, dx: offsetX ? getActualNumValue(offsetX, this._computeLayoutRadius()) : 0, dy: offsetY ? getActualNumValue(offsetY, this._computeLayoutRadius()) : 0, limitRatio: limitRatio || Infinity, title: {
+                    visible: title.visible !== false && (!isValid$1(title.field) || this._activeDatum !== null),
+                    space: title.space || this._gap,
+                    autoLimit: title.autoLimit,
+                    autoFit: title.autoFit,
+                    fitPercent: title.fitPercent,
+                    fitStrategy: title.fitStrategy,
+                    style: Object.assign(Object.assign({}, transformIndicatorStyle(pickWithout(title.style, ['text']), this._activeDatum)), { text: this._createText(title.field, title.style.text) })
+                }, content: contentComponentSpec }, restSpec);
         }
         _createOrUpdateIndicatorComponent(attrs) {
             if (this._indicatorComponent) {
@@ -94156,7 +93923,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return { minX, maxX, minY, maxY };
     }
     function transformLabelAttributes(label, markerData) {
-        const { labelBackground = {}, style, shape } = label, restLabel = __rest$d(label, ["labelBackground", "style", "shape"]);
+        const { labelBackground = {}, style, shape } = label, restLabel = __rest$e(label, ["labelBackground", "style", "shape"]);
         if (label.visible !== false) {
             const labelAttrs = restLabel;
             if (shape === null || shape === void 0 ? void 0 : shape.visible) {
@@ -94393,7 +94160,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     function markerAggregation(_data, options) {
         let markerSource;
         if (options.coordinates) {
-            const _a = options, { coordinates: coordinatesInOptions, coordinateType, getSeriesByIdOrIndex } = _a, rest = __rest$d(_a, ["coordinates", "coordinateType", "getSeriesByIdOrIndex"]);
+            const _a = options, { coordinates: coordinatesInOptions, coordinateType, getSeriesByIdOrIndex } = _a, rest = __rest$e(_a, ["coordinates", "coordinateType", "getSeriesByIdOrIndex"]);
             let coordinates;
             if (isFunction$1(coordinatesInOptions)) {
                 const relativeSeries = options.getRelativeSeries();
@@ -96597,7 +96364,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _createMarkerComponent() {
             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, _0, _1, _2, _3;
             const { itemContent = {}, itemLine = {}, targetSymbol = {} } = this._spec;
-            const { text: label = {}, symbol, image, richText } = itemContent, restItemContent = __rest$d(itemContent, ["text", "symbol", "image", "richText"]);
+            const { text: label = {}, symbol, image, richText } = itemContent, restItemContent = __rest$e(itemContent, ["text", "symbol", "image", "richText"]);
             const markPointAttrs = {
                 zIndex: this.layoutZIndex,
                 interactive: (_a = this._spec.interactive) !== null && _a !== void 0 ? _a : true,
@@ -96641,7 +96408,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (richText === null || richText === void 0 ? void 0 : richText.style) {
                 markPointAttrs.itemContent.richTextStyle = transformStyle(richText.style, this._markerData);
             }
-            const { visible, line = {} } = itemLine, restItemLine = __rest$d(itemLine, ["visible", "line"]);
+            const { visible, line = {} } = itemLine, restItemLine = __rest$e(itemLine, ["visible", "line"]);
             if (visible !== false) {
                 markPointAttrs.itemLine = Object.assign(Object.assign({}, restItemLine), { visible: true, lineStyle: transformToGraphic(line.style) });
             }
@@ -96985,13 +96752,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._needDisablePickable = false;
                 const { operateMask } = e.detail;
                 this._handleBrushChange(ChartEvent.brushEnd, region, e);
-                this._setAxisAndDataZoom(operateMask, region);
+                const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
+                if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+                    this._setAxisAndDataZoom(operateMask, region);
+                }
                 this._emitEvent(ChartEvent.brushEnd, region);
             });
             brush.addEventListener(IOperateType.moveEnd, (e) => {
                 const { operateMask } = e.detail;
                 this._handleBrushChange(ChartEvent.brushEnd, region, e);
-                this._setAxisAndDataZoom(operateMask, region);
+                const inBrushData = this._extendDataInBrush(this._inBrushElementsMap);
+                if (!this._spec.zoomWhenEmpty && inBrushData.length > 0) {
+                    this._setAxisAndDataZoom(operateMask, region);
+                }
                 this._emitEvent(ChartEvent.brushEnd, region);
             });
         }
@@ -97213,13 +96986,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     else {
                         const range = axis.getScale().range();
                         const rangeFactor = (_b = axis.getScale().rangeFactor()) !== null && _b !== void 0 ? _b : [0, 1];
-                        const isAxisReverse = last(range) < range[0];
+                        const isAxisReverse = range[1] < range[0];
                         const startPosTemp = boundsStart - region.getLayoutStartPoint()[regionStartAttr];
                         const endPosTemp = boundsEnd - region.getLayoutStartPoint()[regionStartAttr];
                         const endPos = isAxisReverse ? Math.min(startPosTemp, endPosTemp) : Math.max(startPosTemp, endPosTemp);
                         const startPos = isAxisReverse ? Math.max(startPosTemp, endPosTemp) : Math.min(startPosTemp, endPosTemp);
-                        const start = ((startPos - range[0]) / (last(range) - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
-                        const end = ((endPos - range[0]) / (last(range) - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
+                        const start = ((startPos - range[0]) / (range[1] - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
+                        const end = ((endPos - range[0]) / (range[1] - range[0])) * (rangeFactor[1] - rangeFactor[0]) + rangeFactor[0];
                         const newStart = this._stateClamp(start - axisRangeExpand);
                         const newEnd = this._stateClamp(end + axisRangeExpand);
                         axis.getScale().rangeFactor([newStart, newEnd]);
@@ -98624,22 +98397,26 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     const getHorizontalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : defaultCase; };
     const getVerticalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : defaultCase; };
-    const getCartesianCrosshairRect = (dimensionInfo, series, layoutStartPoint) => {
+    const getCartesianCrosshairRect = (dimensionData, layoutStartPoint) => {
+        var _a;
         const currValueX = new Map();
         const currValueY = new Map();
-        dimensionInfo.forEach(({ axis, value }) => {
-            if (['top', 'bottom'].includes(axis.getOrient())) {
-                currValueX.set(axis.getSpecIndex(), {
-                    value,
-                    axis
-                });
-            }
-            else {
-                currValueY.set(axis.getSpecIndex(), {
-                    value,
-                    axis
-                });
-            }
+        const { series, datum } = dimensionData;
+        const isHorizontal = series.direction === "horizontal";
+        const axisHelper = isHorizontal
+            ? series.getYAxisHelper()
+            : series.getXAxisHelper();
+        const axisId = axisHelper.getAxisId();
+        const axis = series
+            .getChart()
+            .getComponentsByKey('axes')
+            .find(axis => axis.id === axisId);
+        if (!axis) {
+            return undefined;
+        }
+        (isHorizontal ? currValueY : currValueX).set(axis.getSpecIndex(), {
+            value: (_a = series.getDatumPositionValues(datum[0], series.getDimensionField())) === null || _a === void 0 ? void 0 : _a[0],
+            axis
         });
         const xHair = {
             visible: !!currValueX.size,
@@ -98953,29 +98730,28 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return 0;
             };
             this._getActualTooltipPosition = (actualTooltip, params, tooltipBoxSize) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
-                const event = params.event;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                 const { tooltipSpec } = params;
-                const firstDimensionInfo = (_a = params.dimensionInfo) === null || _a === void 0 ? void 0 : _a[0];
                 const invalidPosition = {
                     x: Infinity,
                     y: Infinity
                 };
-                let { offsetX, offsetY } = this._option;
                 if (!tooltipSpec) {
                     this._cacheTooltipPosition = undefined;
                     return invalidPosition;
                 }
+                const event = params.event;
                 const { activeType, data } = actualTooltip;
-                const pattern = tooltipSpec[activeType];
-                const position = getTooltipPatternValue(pattern.position, data, params);
-                const positionMode = (_b = getTooltipPatternValue(pattern.positionMode, data, params)) !== null && _b !== void 0 ? _b : (activeType === 'mark' ? 'mark' : 'pointer');
-                const tooltipParentElement = this._getParentElement(tooltipSpec);
+                const firstDim = activeType === 'dimension' ? (_b = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0] : data === null || data === void 0 ? void 0 : data[0];
+                let { offsetX, offsetY } = this._option;
+                const spec = tooltipSpec[activeType];
+                const position = getTooltipPatternValue(spec.position, data, params);
+                const positionMode = (_c = getTooltipPatternValue(spec.positionMode, data, params)) !== null && _c !== void 0 ? _c : (activeType === 'mark' ? 'mark' : 'pointer');
                 const { width: tooltipBoxWidth = 0, height: tooltipBoxHeight = 0 } = tooltipBoxSize !== null && tooltipBoxSize !== void 0 ? tooltipBoxSize : {};
                 const isCanvas = tooltipSpec.renderMode === 'canvas';
-                const canvasRect = (_c = params === null || params === void 0 ? void 0 : params.chart) === null || _c === void 0 ? void 0 : _c.getCanvasRect();
-                const canvasWidth = (_d = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.width) !== null && _d !== void 0 ? _d : DEFAULT_CHART_WIDTH;
-                const canvasHeight = (_e = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.height) !== null && _e !== void 0 ? _e : DEFAULT_CHART_HEIGHT;
+                const canvasRect = (_d = params === null || params === void 0 ? void 0 : params.chart) === null || _d === void 0 ? void 0 : _d.getCanvasRect();
+                const canvasWidth = (_e = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.width) !== null && _e !== void 0 ? _e : DEFAULT_CHART_WIDTH;
+                const canvasHeight = (_f = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.height) !== null && _f !== void 0 ? _f : DEFAULT_CHART_HEIGHT;
                 let isFixedPosition = false;
                 const containerSize = {
                     width: 0,
@@ -98989,8 +98765,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     containerSize.width = window.innerWidth;
                     containerSize.height = window.innerHeight;
                     if (!isCanvas) {
-                        tooltipParentElementRect = (_g = (_f = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect) === null || _f === void 0 ? void 0 : _f.call(tooltipParentElement)) !== null && _g !== void 0 ? _g : invalidPosition;
-                        const chartElement = ((_h = this._compiler.getCanvas()) !== null && _h !== void 0 ? _h : this._chartContainer);
+                        const tooltipParentElement = this._getParentElement(tooltipSpec);
+                        tooltipParentElementRect = (_h = (_g = tooltipParentElement === null || tooltipParentElement === void 0 ? void 0 : tooltipParentElement.getBoundingClientRect) === null || _g === void 0 ? void 0 : _g.call(tooltipParentElement)) !== null && _h !== void 0 ? _h : invalidPosition;
+                        const chartElement = ((_j = this._compiler.getCanvas()) !== null && _j !== void 0 ? _j : this._chartContainer);
                         const chartElementRect = chartElement === null || chartElement === void 0 ? void 0 : chartElement.getBoundingClientRect();
                         relativePosOffset = {
                             x: chartElementRect.x - tooltipParentElementRect.x,
@@ -99027,9 +98804,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             x2 = bounds.x2 + startPoint.x;
                         }
                     }
-                    else if (mode === 'crosshair' && ((_a = firstDimensionInfo === null || firstDimensionInfo === void 0 ? void 0 : firstDimensionInfo.axis) === null || _a === void 0 ? void 0 : _a.getCoordinateType()) === 'cartesian') {
+                    else if (mode === 'crosshair' &&
+                        ((_a = firstDim === null || firstDim === void 0 ? void 0 : firstDim.series) === null || _a === void 0 ? void 0 : _a.coordinate) === 'cartesian' &&
+                        firstDim.datum &&
+                        firstDim.datum.length) {
                         isFixedPosition = true;
-                        const rect = getCartesianCrosshairRect(params.dimensionInfo, getFirstSeries(this._component.getRegions(), 'cartesian'), startPoint);
+                        const rect = getCartesianCrosshairRect(firstDim, startPoint);
                         if (rect) {
                             x1 = rect.start.x;
                             x2 = rect.end.x;
@@ -99074,9 +98854,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             y2 = bounds.y2 + startPoint.y;
                         }
                     }
-                    else if (mode === 'crosshair' && ((_a = firstDimensionInfo === null || firstDimensionInfo === void 0 ? void 0 : firstDimensionInfo.axis) === null || _a === void 0 ? void 0 : _a.getCoordinateType()) === 'cartesian') {
+                    else if (mode === 'crosshair' &&
+                        ((_a = firstDim === null || firstDim === void 0 ? void 0 : firstDim.series) === null || _a === void 0 ? void 0 : _a.coordinate) === 'cartesian' &&
+                        firstDim.datum &&
+                        firstDim.datum.length) {
                         isFixedPosition = true;
-                        const rect = getCartesianCrosshairRect(params.dimensionInfo, getFirstSeries(this._component.getRegions(), 'cartesian'), startPoint);
+                        const rect = getCartesianCrosshairRect(firstDim, startPoint);
                         if (rect) {
                             y1 = rect.start.y;
                             y2 = rect.end.y;
@@ -99273,49 +99056,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         y = (containerHeight - tooltipParentElementRect.y) / tooltipParentElementScale - tooltipBoxHeight;
                     }
                 };
-                switch (getHorizontalPositionType(position, 'right')) {
-                    case 'center':
-                    case 'centerLeft':
-                    case 'centerRight':
-                        if (isLeftOut()) {
-                            detectLeftFirst();
-                            detectRightLast();
-                        }
-                        else {
-                            detectRightFirst();
-                            detectLeftLast();
-                        }
-                        break;
-                    case 'left':
-                        detectLeftFirst();
-                        detectRightLast();
-                        break;
-                    case 'right':
-                        detectRightFirst();
-                        detectLeftLast();
-                        break;
+                const horizontalType = getHorizontalPositionType(position, 'right');
+                if (horizontalType === 'left' || (horizontalType.includes('center') && isLeftOut())) {
+                    detectLeftFirst();
+                    detectRightLast();
                 }
-                switch (getVerticalPositionType(position, 'bottom')) {
-                    case 'center':
-                    case 'centerTop':
-                    case 'centerBottom':
-                        if (isTopOut()) {
-                            detectTopFirst();
-                            detectBottomLast();
-                        }
-                        else {
-                            detectBottomFirst();
-                            detectTopLast();
-                        }
-                        break;
-                    case 'top':
-                        detectTopFirst();
-                        detectBottomLast();
-                        break;
-                    case 'bottom':
-                        detectBottomFirst();
-                        detectTopLast();
-                        break;
+                else {
+                    detectRightFirst();
+                    detectLeftLast();
+                }
+                const verticalType = getVerticalPositionType(position, 'bottom');
+                if (verticalType === 'top' || (verticalType.includes('center') && isTopOut())) {
+                    detectTopFirst();
+                    detectBottomLast();
+                }
+                else {
+                    detectBottomFirst();
+                    detectTopLast();
                 }
                 const result = { x, y };
                 this._cacheTooltipPosition = result;