@visactor/vchart 1.12.2-alpha.2 → 1.12.2-alpha.9

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) {
@@ -24894,7 +24894,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 +24913,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 +30439,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 +30457,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 +30491,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 +30522,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 +30610,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 +30626,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 +30693,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 +30780,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 +31791,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 +31812,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 +32341,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 +32355,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 +32377,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 +32391,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 +32441,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 +32455,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 +32495,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 +32527,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 +32616,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 +32650,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 +33020,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 +33058,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 +33072,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";
@@ -33470,12 +33493,13 @@
       let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var _a, _b;
       const {
-          style = {}
+          style = {},
+          angle = .5 * Math.PI
         } = 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}`,
+        symbolType: null !== (_b = symbolStyle.symbolType) && void 0 !== _b ? _b : `M ${-symbolSize / 2} ${symbolSize * Math.sin(angle)} L ${symbolSize / 2} ${-symbolSize * Math.sin(angle)}`,
         symbolSize: symbolSize
       });
     }
@@ -34135,7 +34159,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) {
@@ -34223,7 +34247,7 @@
             style: style,
             state: state
           } = _a,
-          restLineAttrs = __rest$4(_a, ["startSymbol", "endSymbol", "style", "state"]),
+          restLineAttrs = __rest$5(_a, ["startSymbol", "endSymbol", "style", "state"]),
           lineAttrs = Object.assign({
             startSymbol: startSymbol,
             endSymbol: endSymbol,
@@ -34260,7 +34284,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 +34580,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 +34639,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));
@@ -35847,13 +35871,14 @@
       const {
         breakData: breakData
       } = op;
-      if (breakData) {
+      if (breakData && breakData()) {
         const {
-            range: breakRanges
+            range: breakRanges,
+            scope: scope
           } = breakData(),
           domain = scale.domain();
         scaleTicks = [];
-        for (let i = 0; i < domain.length; i++) if (i < domain.length - 1) {
+        for (let i = 0; i < domain.length - 1; i++) {
           getTicks(count, [domain[i], domain[i + 1]]).forEach(tick => {
             breakRanges.some(breakRange => tick >= breakRange[0] && tick <= breakRange[1]) || scaleTicks.push(tick);
           });
@@ -35910,7 +35935,7 @@
           AABBBounds: bounds,
           value: scaleTicks[i]
         }));
-        const samplingMethod = breakData ? methods$1.greedy : methods$1.parity;
+        const samplingMethod = breakData && breakData() ? methods$1.greedy : methods$1.parity;
         for (; items.length >= 3 && hasOverlap$1(items, labelGap);) items = samplingMethod(items, labelGap);
         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 +36434,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 +36460,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 +36653,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 +36862,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 +39372,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 +39822,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 +39890,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 +48891,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 +50494,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 +50674,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 +51912,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 +51961,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 +54439,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 +54589,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 +54615,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 +54645,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 +58926,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 +58946,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 +59391,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 +59438,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 +59845,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 +60997,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-alpha.9";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -60971,28 +61024,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 +61102,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 +61185,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 +61519,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 +61587,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++) {
@@ -64442,7 +64440,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() {
@@ -64943,7 +64941,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 +65178,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);
@@ -65293,7 +65291,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));
@@ -65841,6 +65839,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const min = data[0];
         const max = data[data.length - 1];
         const breaks = points.filter(point => point > min && point < max);
+        if (breaks.length === 0) {
+            return [[min, max]];
+        }
         return setDomain(min, max, breaks);
     }
     const sorter = (a, b) => a - b;
@@ -65990,54 +65991,29 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 });
                 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];
+                    const breakRanges = [];
+                    const breaks = [];
+                    for (let index = 0; index < this._spec.breaks.length; index++) {
+                        const { range } = this._spec.breaks[index];
+                        if (range[0] <= range[1] && (range[1] <= maxDomain || range[1] <= minDomain)) {
+                            breakRanges.push(range);
+                            breaks.push(this._spec.breaks[index]);
+                        }
+                    }
+                    breakRanges.sort((a, b) => a[0] - b[0]);
+                    if (breakRanges.length) {
+                        const { domain: breakDomains, scope: breakScopes } = breakData(values, combineArray(breakRanges));
+                        domain = combineArray(breakDomains);
+                        this._break = {
+                            domain: breakDomains,
+                            scope: breakScopes,
+                            range: breakRanges,
+                            breaks
+                        };
                     }
                     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 = [minDomain, maxDomain];
                     }
-                    domain = combineArray(breakDomains);
-                    this._break = {
-                        domain: breakDomains,
-                        scope: breakScopes,
-                        range: breakRanges
-                    };
                 }
                 else {
                     domain = [minDomain, maxDomain];
@@ -66252,16 +66228,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             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;
+            var _a, _b;
             const attrs = super._getUpdateAttribute(ignoreGrid);
-            if (!isZAxis(this._orient) && ((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && this._break) {
+            if (!isZAxis(this._orient) && ((_b = (_a = this._break) === null || _a === void 0 ? void 0 : _a.breaks) === null || _b === void 0 ? void 0 : _b.length)) {
                 const { width, height } = this.getLayoutRect();
                 const isX = isXAxis(this._orient);
                 const axisLength = isX ? width : height;
-                attrs.breaks = this._spec.breaks.map(obj => {
+                attrs.breaks = this._break.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;
+                    const position = this.valueToPosition((range[0] + range[1]) / 2);
+                    const ratio = position / axisLength;
                     let gapRatio;
                     if (isPercent(gap)) {
                         gapRatio = Number(gap.substring(0, gap.length - 1)) / 100;
@@ -66269,9 +66245,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     else {
                         gapRatio = gap / axisLength;
                     }
+                    const symbolAngle = isValidNumber$1(breakSymbol === null || breakSymbol === void 0 ? void 0 : breakSymbol.angle) ? breakSymbol.angle : isX ? 60 : 15;
                     return {
                         range: [ratio - gapRatio / 2, ratio + gapRatio / 2],
-                        breakSymbol: Object.assign({ visible: true }, breakSymbol),
+                        breakSymbol: Object.assign(Object.assign({ visible: true }, breakSymbol), { angle: (symbolAngle * Math.PI) / 180 }),
                         rawRange: range
                     };
                 });
@@ -67060,6 +67037,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 +67454,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 +67465,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 +67739,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 +69658,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 +74181,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 +74872,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 +75185,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 +75797,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 +75844,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 +78508,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 +78592,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 +78689,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 +78732,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 +78802,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 +79053,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 +79171,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 +79200,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 +80707,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 +80719,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 +80838,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 +82083,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 +82895,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 +82910,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 +82923,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 +82941,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 +82991,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 +83015,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 +83199,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 +83307,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     });
                     this._highLightElements(allNodeElements, highlightNodes);
                 }
+                this._needClear = true;
             };
         }
         get direction() {
@@ -83361,7 +83377,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 +83482,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 +83493,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 +83511,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 +87458,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 +88206,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 +88392,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 +89008,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);
@@ -89525,31 +89548,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 +89627,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 +89857,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 +89934,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 +90068,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 +90167,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 +90186,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 +90204,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 +90224,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 +90245,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 +90404,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 +90475,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 +90491,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 +90594,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 +91093,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 +91122,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 +91815,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 +91835,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) {
@@ -92756,9 +92793,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _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;
@@ -93742,11 +93779,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 +93801,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 +94188,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 +94425,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 +96629,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 +96673,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 +97017,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);
             });
         }
@@ -98624,22 +98662,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 +98995,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 +99030,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 +99069,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 +99119,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 +99321,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;