@visactor/vchart 1.12.2-alpha.1 → 1.12.2-alpha.3

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,9 +35871,10 @@
       const {
         breakData: breakData
       } = op;
-      if (breakData) {
+      if (breakData && breakData()) {
         const {
-            range: breakRanges
+            range: breakRanges,
+            scope: scope
           } = breakData(),
           domain = scale.domain();
         scaleTicks = [];
@@ -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;
@@ -50466,10 +50491,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() {
@@ -51884,6 +51909,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 +51958,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 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
-      });
+          });else {
+            const mergeAttributes = (attributes, themeDatum) => {
+              const {
+                  data: labelData
+                } = attributes,
+                restAttribute = __rest(attributes, ["data"]);
+              return Object.assign({
+                data: labelData
+              }, merge$2({}, themeDatum, restAttribute));
+            };
+            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) {
@@ -58873,7 +58917,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 +58937,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 +59382,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 +59429,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 +59836,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 +60988,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.2-alpha.1";
+    const version = "1.12.2-alpha.3";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -61521,10 +61565,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 +61633,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 +64486,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 +64987,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 +65224,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 +65337,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 +65885,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 +66037,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 +66274,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 +66291,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     else {
                         gapRatio = gap / axisLength;
                     }
+                    const symbolAngle = isValidNumber$1(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 +67083,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 +67500,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 +67511,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 +67785,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 +69704,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);
@@ -74891,7 +74918,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 +75231,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) {
@@ -78551,7 +78578,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 +78662,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 +78759,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 +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.fontSizeShrinkFactor;
@@ -78837,7 +78872,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 +79123,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 +79241,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)) {
@@ -80733,6 +80774,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 +80786,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 +80905,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 +82150,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 = {
@@ -83361,7 +83436,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
                 });
@@ -87435,7 +87511,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 +88259,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 +88445,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 +89061,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);
@@ -91056,7 +91132,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 +91161,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 +91854,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 +91874,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 +92832,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 +93818,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 +93840,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 +94227,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 +94464,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 +96668,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 +96712,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 +97056,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);
             });
         }