@visactor/vstory 0.0.25-none → 0.0.26-alpha.0

package/dist/index.js

@@ -59728,24 +59728,62 @@
     }]);
   }(ACustomAnimate);
 
+  function isVerticalBarRect(from, to) {
+    return null != (null == to ? void 0 : to.y1) || null != (null == from ? void 0 : from.y1);
+  }
+  function normalizeBarRect(rect, fallback) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var source = null != rect ? rect : {},
+      ref = null != fallback ? fallback : {},
+      x = null !== (_c = null !== (_b = null !== (_a = source.x) && void 0 !== _a ? _a : ref.x) && void 0 !== _b ? _b : ref.x1) && void 0 !== _c ? _c : 0,
+      y = null !== (_f = null !== (_e = null !== (_d = source.y) && void 0 !== _d ? _d : ref.y) && void 0 !== _e ? _e : ref.y1) && void 0 !== _f ? _f : 0,
+      x1 = null !== (_h = null !== (_g = source.x1) && void 0 !== _g ? _g : ref.x1) && void 0 !== _h ? _h : null != source.width ? x + source.width : null != ref.width ? x + ref.width : x,
+      y1 = null !== (_k = null !== (_j = source.y1) && void 0 !== _j ? _j : ref.y1) && void 0 !== _k ? _k : null != source.height ? y + source.height : null != ref.height ? y + ref.height : y,
+      width = null !== (_m = null !== (_l = source.width) && void 0 !== _l ? _l : ref.width) && void 0 !== _m ? _m : Math.abs(x1 - x),
+      height = null !== (_p = null !== (_o = source.height) && void 0 !== _o ? _o : ref.height) && void 0 !== _p ? _p : Math.abs(y1 - y);
+    return Object.assign(Object.assign(Object.assign({}, ref), source), {
+      x: x,
+      y: y,
+      x1: x1,
+      y1: y1,
+      width: width,
+      height: height,
+      cornerRadius: null !== (_q = source.cornerRadius) && void 0 !== _q ? _q : ref.cornerRadius
+    });
+  }
+  function createCollapsedBarRect(rect, vertical) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return vertical ? {
+      x: rect.x,
+      x1: rect.x1,
+      width: rect.width,
+      height: 0,
+      cornerRadius: rect.cornerRadius,
+      y: null !== (_b = null !== (_a = rect.y1) && void 0 !== _a ? _a : rect.y) && void 0 !== _b ? _b : 0,
+      y1: null !== (_d = null !== (_c = rect.y1) && void 0 !== _c ? _c : rect.y) && void 0 !== _d ? _d : 0
+    } : {
+      y: rect.y,
+      y1: rect.y1,
+      height: rect.height,
+      width: 0,
+      cornerRadius: rect.cornerRadius,
+      x: null !== (_f = null !== (_e = rect.x1) && void 0 !== _e ? _e : rect.x) && void 0 !== _f ? _f : 0,
+      x1: null !== (_h = null !== (_g = rect.x1) && void 0 !== _g ? _g : rect.x) && void 0 !== _h ? _h : 0
+    };
+  }
+
   var barBounce1Str = "M0,0 C0.126,0.382 0.06,0.254 0.105,0.467 0.159,0.729 0.3,1.173 0.38,1.173 0.476,1.173 0.512,0.909 0.578,0.9 0.632,0.892 0.685,1.084 0.735,1.085 0.784,1.085 0.843,0.966 0.887,0.966 0.94,0.966 0.984,1 1,1";
   var barBounce2Str = "M0,0 C0.126,0.382 0.185,0.598 0.262,0.801 0.307,0.919 0.396,1.089 0.476,1.089 0.572,1.089 0.622,0.936 0.688,0.927 0.742,0.919 0.778,1.036 0.828,1.038 0.877,1.038 0.882,0.972 0.926,0.972 0.979,0.972 0.984,1 1,1";
   var barBounce1 = generatorPathEasingFunc(barBounce1Str),
     barBounce2 = generatorPathEasingFunc(barBounce2Str);
   var BarBounce = /*#__PURE__*/function (_ACustomAnimate) {
     function BarBounce(from, to, duration, easing, params) {
+      var _this;
       _classCallCheck(this, BarBounce);
-      return _callSuper(this, BarBounce, [{
-        y: from.y1,
-        y1: from.y1,
-        x: from.x1,
-        x1: from.x1
-      }, {
-        y: from.y,
-        y1: from.y1,
-        x: from.x,
-        x1: from.x1
-      }, duration, easing, params]);
+      var vertical = isVerticalBarRect(from, to),
+        target = normalizeBarRect(to, from);
+      _this = _callSuper(this, BarBounce, [createCollapsedBarRect(target, vertical), target, duration, easing, params]), _this.vertical = vertical;
+      return _this;
     }
     _inherits(BarBounce, _ACustomAnimate);
     return _createClass(BarBounce, [{
@@ -59771,15 +59809,16 @@
           to = this.to,
           r1 = barBounce1(ratio),
           r2 = barBounce2(ratio);
-        if (from.y1) {
+        if (this.vertical) {
           out.y = from.y + (to.y - from.y) * r1;
           var dh = (to.y1 - to.y) * r2;
-          out.y1 = Math.min(out.y + dh, this.to.y1);
+          out.y1 = Math.min(out.y + dh, this.to.y1), out.height = Math.max(out.y1 - out.y, 0);
         } else {
           out.x = from.x + (to.x - from.x) * r1;
           var dw = (to.x - to.x1) * r2;
-          out.x1 = Math.max(out.x - dw, this.to.x1);
+          out.x1 = Math.max(out.x - dw, this.to.x1), out.width = Math.max(out.x - out.x1, 0);
         }
+        this.target && (Object.assign(this.target.attribute, out), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag());
       }
     }]);
   }(ACustomAnimate);
@@ -59793,20 +59832,22 @@
     function BarLeap(from, to, duration, easing, params) {
       var _this;
       _classCallCheck(this, BarLeap);
-      _this = _callSuper(this, BarLeap, [Object.assign(Object.assign({}, from), {
+      var target = normalizeBarRect(to, from),
+        start = normalizeBarRect(from, target);
+      _this = _callSuper(this, BarLeap, [Object.assign(Object.assign({}, start), {
         cornerRadius: 0
-      }), to, duration, easing, params]), _this.vertical = null != to.y1;
-      var centerX = null != to.x1 ? (to.x + to.x1) / 2 : to.x + to.width / 2,
-        centerY = null != to.y1 ? (to.y + to.y1) / 2 : to.y + to.height / 2;
+      }), target, duration, easing, params]), _this.vertical = isVerticalBarRect(from, to);
+      var centerX = (target.x + target.x1) / 2,
+        centerY = (target.y + target.y1) / 2;
       _this.toCenter = {
-        x: centerX - to.x,
-        y: centerY - to.y
+        x: centerX - target.x,
+        y: centerY - target.y
       }, _this.vertical ? _this.fromCenter = {
-        x: centerX + 200 - to.x,
-        y: centerY - 600 - to.y
+        x: centerX + 200 - target.x,
+        y: centerY - 600 - target.y
       } : _this.fromCenter = {
-        x: centerX + 600 - to.x,
-        y: centerY - 200 - to.y
+        x: centerX + 600 - target.x,
+        y: centerY - 200 - target.y
       };
       return _this;
     }
@@ -59949,15 +59990,30 @@
   var pieLeap2Str = "M0,0 C0.331,0 0.047,-0.001 0.4,0 0.554,0 0.623,0.988 0.704,1.05 0.777,1.106 0.826,0.966 0.885,0.966 0.968,0.966 0.986,1 1,1";
   var pieLeap1 = generatorPathEasingFunc(pieLeap1Str),
     pieLeap2 = generatorPathEasingFunc(pieLeap2Str);
+  function normalizePieLeapProps(arc, fallback) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var source = null != arc ? arc : {},
+      ref = null != fallback ? fallback : {},
+      innerRadius = null !== (_b = null !== (_a = source.innerRadius) && void 0 !== _a ? _a : ref.innerRadius) && void 0 !== _b ? _b : 0,
+      outerRadius = null !== (_d = null !== (_c = source.outerRadius) && void 0 !== _c ? _c : ref.outerRadius) && void 0 !== _d ? _d : innerRadius;
+    return Object.assign(Object.assign(Object.assign({}, ref), source), {
+      x: null !== (_f = null !== (_e = source.x) && void 0 !== _e ? _e : ref.x) && void 0 !== _f ? _f : 0,
+      y: null !== (_h = null !== (_g = source.y) && void 0 !== _g ? _g : ref.y) && void 0 !== _h ? _h : 0,
+      innerRadius: innerRadius,
+      outerRadius: outerRadius
+    });
+  }
   var PieLeap = /*#__PURE__*/function (_ACustomAnimate) {
     function PieLeap(from, to, duration, easing, params) {
       _classCallCheck(this, PieLeap);
+      var target = normalizePieLeapProps(to, from),
+        start = normalizePieLeapProps(from, target);
       return _callSuper(this, PieLeap, [{
-        y: from.y - 500,
-        x: from.x + 500,
-        innerRadius: from.innerRadius,
-        outerRadius: (from.innerRadius + from.outerRadius) / 2
-      }, to, duration, easing, params]);
+        y: start.y - 500,
+        x: start.x + 500,
+        innerRadius: start.innerRadius,
+        outerRadius: (start.innerRadius + start.outerRadius) / 2
+      }, target, duration, easing, params]);
     }
     _inherits(PieLeap, _ACustomAnimate);
     return _createClass(PieLeap, [{
@@ -60628,7 +60684,7 @@
         _option$pluginList = option.pluginList,
         pluginList = _option$pluginList === void 0 ? null !== (_b = option.pluginList) && void 0 !== _b ? _b : [] : _option$pluginList;
       if (!dom && !canvas) throw new Error("dom or canvas is required");
-      if (_this._option = option, _this._option.mode = null !== (_c = option.mode) && void 0 !== _c ? _c : "desktop-browser", _this._canvas = new StoryCanvas(_this, {
+      _this._option = option, _this._option.mode = null !== (_c = option.mode) && void 0 !== _c ? _c : "desktop-browser", _this._canvas = new StoryCanvas(_this, {
         container: isString$2(dom) ? vglobal.getElementById(dom) : dom,
         canvas: isString$2(canvas) ? vglobal.getElementById(canvas) : canvas,
         width: width,
@@ -60641,16 +60697,15 @@
         scaleY: scaleY,
         pluginList: pluginList,
         layerClip: layerClip
-      }), _this._characterTree = new CharacterTree(_this), _this._dsl = dsl, _this._theme = theme, _this.pluginService = new DefaultPluginService(), pluginList.length > 0) {
-        var activatedPlugins = pluginList.reduce(function (list, name) {
-          return _this.pluginService.findPluginsByName(name).forEach(function (plugin) {
-            return list.push(plugin);
-          }), list;
-        }, []);
-        _this.pluginService.active(_this, {
-          pluginList: activatedPlugins
-        });
-      }
+      }), _this._characterTree = new CharacterTree(_this), _this._dsl = dsl, _this._theme = theme, _this.pluginService = new DefaultPluginService();
+      var activatedPlugins = pluginList.reduce(function (list, name) {
+        return _this.pluginService.findPluginsByName(name).forEach(function (plugin) {
+          return list.push(plugin);
+        }), list;
+      }, []);
+      _this.pluginService.active(_this, {
+        pluginList: activatedPlugins
+      });
       return _this;
     }
     _inherits(Story, _EventEmitter);
@@ -60747,7 +60802,7 @@
     }, {
       key: "release",
       value: function release() {
-        this._player.release(), this._canvas.release();
+        this.pluginService.release(), this._player.release(), this._canvas.release();
       }
     }]);
   }(EventEmitter);
@@ -61073,34 +61128,59 @@
   }();
   var globalTickerStore = new GlobalTickerStore();
 
-  var Player$1 = /*#__PURE__*/function () {
+  var Player$1 = /*#__PURE__*/function (_EventEmitter) {
     function Player(story) {
-      var _this = this;
+      var _this;
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       _classCallCheck(this, Player);
-      this._lastFrameTime = -1, this.handlerTick = function (delta) {
+      _this = _callSuper(this, Player), _this._lastFrameTime = -1, _this.handlerTick = function (delta) {
+        if ("playing" !== _this._state) return;
         var time = Date.now();
         void 0 === delta && (delta = _this._lastFrameTime >= 0 ? time - _this._lastFrameTime : 0), _this._lastFrameTime = time;
-        var totalTime = _this._scheduler.getTotalTime();
-        var currTime = _this._currTime;
-        if (_this._loop > 0) if (totalTime <= 0) currTime = 0;else if (currTime + delta > totalTime) for (currTime += delta; currTime > totalTime;) currTime -= totalTime;
-        (_this._loop || currTime !== totalTime) && _this.tickTo(_this._loop >= 0 ? Math.min(currTime + delta, totalTime) : currTime + delta);
+        var totalTime = _this.totalTime,
+          currTime = _this._currTime;
+        var nextTime = currTime + delta;
+        _this._loop > 0 && (totalTime <= 0 ? nextTime = 0 : nextTime > totalTime && (nextTime %= totalTime)), _this._loop || currTime !== totalTime ? (_this.tickTo(_this._loop >= 0 ? Math.min(nextTime, totalTime) : nextTime), !_this._loop && _this._currTime >= totalTime && _this._finishPlayback()) : _this._finishPlayback();
       };
       var _params$actionProcess = params.actionProcessor,
         actionProcessor = _params$actionProcess === void 0 ? new ActionProcessor(story) : _params$actionProcess;
-      this._story = story, this._ticker = globalTickerStore.getGlobalTicker(), this._actionProcessor = actionProcessor, this._scheduler = new Scheduler(actionProcessor), this._currTime = 0, this.initTicker();
+      _this._story = story, _this._ticker = globalTickerStore.getGlobalTicker(), _this._actionProcessor = actionProcessor, _this._scheduler = new Scheduler(actionProcessor), _this._currTime = 0, _this._loop = 0, _this._state = "idle", _this._tickerListening = !1, _this._preserveStateOnReset = !1, _this.initTicker();
+      return _this;
     }
+    _inherits(Player, _EventEmitter);
     return _createClass(Player, [{
+      key: "state",
+      get: function get() {
+        return this._state;
+      }
+    }, {
+      key: "currentTime",
+      get: function get() {
+        return this._currTime;
+      }
+    }, {
+      key: "totalTime",
+      get: function get() {
+        return this._scheduler.getTotalTime();
+      }
+    }, {
       key: "initTicker",
       value: function initTicker() {
-        this._ticker.addListener("tick", this.handlerTick);
+        this._attachTickerListener();
       }
     }, {
       key: "tickTo",
       value: function tickTo(t) {
         var _this2 = this;
         var lastTime = this._currTime;
-        lastTime > t && this._story.reset();
+        if (lastTime > t) {
+          this._preserveStateOnReset = !0;
+          try {
+            this._story.reset();
+          } finally {
+            this._preserveStateOnReset = !1;
+          }
+        }
         this._scheduler.getUnAppliedAppearAction().forEach(function (action) {
           var character = _this2._story.getCharacterById(action.characterId);
           _this2._actionProcessor.applyAppearAttrs(character.config.type, action.actionSpec.action, character, action.actionSpec);
@@ -61127,16 +61207,30 @@
     }, {
       key: "reset",
       value: function reset() {
-        this._scheduler.clearState(), this._ticker.getTimelines().forEach(function (tl) {
+        var _a;
+        this._scheduler.clearState(), null === (_a = this._ticker) || void 0 === _a || _a.getTimelines().forEach(function (tl) {
           return tl.clear();
-        }), this._currTime = 0;
+        }), this._currTime = 0, this._preserveStateOnReset || (this._loop = 0, this._lastFrameTime = -1, this._detachTickerListener(), this._setState("idle"));
       }
     }, {
       key: "play",
       value: function play() {
         var loop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        var totalTime = this._scheduler.getTotalTime();
-        this._loop = loop, totalTime <= 0 && !this._loop ? (this._currTime = 0, this.tickTo(0)) : (this._currTime = 0, this._ticker.start(!0));
+        var _a;
+        "idle" === this._state && 0 === this._currTime || this._resetStoryForRestart();
+        var totalTime = this.totalTime;
+        this._loop = loop, this._currTime = 0, this._lastFrameTime = -1, this._attachTickerListener(), this._setState("playing"), totalTime <= 0 && !this._loop ? (this.tickTo(0), this._finishPlayback()) : null === (_a = this._ticker) || void 0 === _a || _a.start(!0);
+      }
+    }, {
+      key: "pause",
+      value: function pause() {
+        "playing" === this._state && (this._lastFrameTime = -1, this._detachTickerListener(), this._setState("paused"));
+      }
+    }, {
+      key: "resume",
+      value: function resume() {
+        var _a;
+        "paused" === this._state && (this._lastFrameTime = -1, this._attachTickerListener(), null === (_a = this._ticker) || void 0 === _a || _a.start(!0), this._setState("playing"));
       }
     }, {
       key: "setViewScale",
@@ -61159,10 +61253,57 @@
     }, {
       key: "release",
       value: function release() {
-        this._actionProcessor.release(), this._scheduler.release(), this._ticker.removeListener("tick", this.handlerTick), this._ticker = null;
+        this._detachTickerListener(), this.removeAllListeners(), this._actionProcessor.release(), this._scheduler.release(), this._ticker = null;
+      }
+    }, {
+      key: "_attachTickerListener",
+      value: function _attachTickerListener() {
+        this._ticker && !this._tickerListening && (this._ticker.addListener("tick", this.handlerTick), this._tickerListening = !0);
+      }
+    }, {
+      key: "_detachTickerListener",
+      value: function _detachTickerListener() {
+        this._ticker && this._tickerListening && (this._ticker.removeListener("tick", this.handlerTick), this._tickerListening = !1);
+      }
+    }, {
+      key: "_setState",
+      value: function _setState(state) {
+        if (this._state === state) return;
+        var previousState = this._state;
+        this._state = state;
+        var event = {
+          state: state,
+          previousState: previousState,
+          currentTime: this.currentTime,
+          totalTime: this.totalTime
+        };
+        this.emit("stateChange", event);
+      }
+    }, {
+      key: "_resetStoryForRestart",
+      value: function _resetStoryForRestart() {
+        if (this._story) {
+          this._preserveStateOnReset = !0;
+          try {
+            this._story.reset();
+          } finally {
+            this._preserveStateOnReset = !1;
+          }
+        }
+      }
+    }, {
+      key: "_finishPlayback",
+      value: function _finishPlayback() {
+        if ("ended" === this._state) return;
+        this._lastFrameTime = -1, this._detachTickerListener(), this._setState("ended");
+        var event = {
+          currentTime: this.currentTime,
+          totalTime: this.totalTime
+        };
+        this.emit("end", event);
       }
     }]);
-  }();
+  }(EventEmitter);
 
   function createStory(dsl, option) {
     return new Story(dsl, option);
@@ -161010,6 +161151,11 @@
             list: ["BaseGraphic"]
           }
         },
+        Path: {
+          runtime: {
+            list: ["BaseGraphic"]
+          }
+        },
         Timeline: {
           runtime: {
             list: ["BaseGraphic"]
@@ -162272,6 +162418,74 @@
   }(CharacterComponent);
   LineCharacter.type = "Line";
 
+  var PathComponent = /*#__PURE__*/function (_BaseComponentWithTex) {
+    function PathComponent(attributes, options) {
+      var _this;
+      _classCallCheck(this, PathComponent);
+      _this = _callSuper(this, PathComponent, [(null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, PathComponent.defaultAttributes, attributes)]), _this.type = "PathComponent";
+      return _this;
+    }
+    _inherits(PathComponent, _BaseComponentWithTex);
+    return _createClass(PathComponent, [{
+      key: "render",
+      value: function render() {
+        _superPropGet(PathComponent, "render", this, 3)([]), this.renderPath();
+      }
+    }, {
+      key: "renderPath",
+      value: function renderPath() {
+        var _a, _b;
+        var _this$attribute = this.attribute,
+          graphic = _this$attribute.graphic,
+          padding = _this$attribute.padding,
+          attrs = Object.assign({}, graphic);
+        null == attrs.x && (attrs.x = null !== (_a = null == padding ? void 0 : padding.left) && void 0 !== _a ? _a : 0), null == attrs.y && (attrs.y = null !== (_b = null == padding ? void 0 : padding.top) && void 0 !== _b ? _b : 0), this.mainGraphic = this.createOrUpdateChild("path", Object.assign(Object.assign({}, attrs), {
+          scaleX: 1,
+          scaleY: 1,
+          angle: 0,
+          postMatrix: null
+        }), "path");
+      }
+    }]);
+  }(BaseComponentWithText);
+  PathComponent.defaultAttributes = {
+    visible: !0,
+    textStyle: {},
+    width: 100,
+    height: 100,
+    padding: {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  };
+
+  var PathCharacter = /*#__PURE__*/function (_CharacterComponent) {
+    function PathCharacter() {
+      _classCallCheck(this, PathCharacter);
+      return _callSuper(this, PathCharacter, arguments);
+    }
+    _inherits(PathCharacter, _CharacterComponent);
+    return _createClass(PathCharacter, [{
+      key: "createAndAddGraphic",
+      value: function createAndAddGraphic(attribute) {
+        this._graphic = new PathComponent(attribute), this.canvas.addGraphic(this._graphic);
+      }
+    }, {
+      key: "show",
+      value: function show() {
+        this._graphic.setAttribute("visibleAll", !0);
+      }
+    }, {
+      key: "hide",
+      value: function hide() {
+        this._graphic.setAttribute("visibleAll", !1);
+      }
+    }]);
+  }(CharacterComponent);
+  PathCharacter.type = "Path";
+
   var PolygonComponent = /*#__PURE__*/function (_BaseComponentWithTex) {
     function PolygonComponent(attributes, options) {
       _classCallCheck(this, PolygonComponent);
@@ -164132,7 +164346,7 @@
 
   exports.CharacterType = void 0;
   !function (CharacterType) {
-    CharacterType.VCHART = "VChart", CharacterType.VTABLE = "VTable", CharacterType.WEATHERTABLE = "WeatherTable", CharacterType.RANKINGBAR = "RankingBar", CharacterType.WAVE_SCATTER = "WaveScatter", CharacterType.SCATTER_BAR = "ScatterBar", CharacterType.PROGRESS_PIE = "ProgressPie", CharacterType.PIVOT_CHART = "PivotChart", CharacterType.TEXT = "Text", CharacterType.RECT = "Rect", CharacterType.SHAPE = "Shape", CharacterType.IMAGE = "Image", CharacterType.LINE = "Line", CharacterType.POLYGON = "Polygon", CharacterType.ARC = "Arc", CharacterType.TIMELINE = "Timeline", CharacterType.UNIT = "Unit", CharacterType.COMMON = "Common";
+    CharacterType.VCHART = "VChart", CharacterType.VTABLE = "VTable", CharacterType.WEATHERTABLE = "WeatherTable", CharacterType.RANKINGBAR = "RankingBar", CharacterType.WAVE_SCATTER = "WaveScatter", CharacterType.SCATTER_BAR = "ScatterBar", CharacterType.PROGRESS_PIE = "ProgressPie", CharacterType.PIVOT_CHART = "PivotChart", CharacterType.TEXT = "Text", CharacterType.RECT = "Rect", CharacterType.SHAPE = "Shape", CharacterType.IMAGE = "Image", CharacterType.LINE = "Line", CharacterType.POLYGON = "Polygon", CharacterType.PATH = "Path", CharacterType.ARC = "Arc", CharacterType.TIMELINE = "Timeline", CharacterType.UNIT = "Unit", CharacterType.COMMON = "Common";
   }(exports.CharacterType || (exports.CharacterType = {}));
   var SeriesAxisOrientKey = "".concat(VSTORY_PREFIX, "_seriesAxisOrient");
 
@@ -164758,7 +164972,7 @@
 
   var _register = !1;
   function registerCharacters() {
-    _register || (_register = !0, StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter), registerRankingBarTemp(), registerAllVChart(), StoryFactory.registerCharacter(RankingBarCharacter.type, RankingBarCharacter), StoryFactory.registerCharacter(WaveScatterCharacter.type, WaveScatterCharacter), StoryFactory.registerCharacter(ScatterBarCharacter.type, ScatterBarCharacter), StoryFactory.registerCharacter(TextCharacter.type, TextCharacter), StoryFactory.registerCharacter(RectCharacter.type, RectCharacter), StoryFactory.registerCharacter(ImageCharacter.type, ImageCharacter), StoryFactory.registerCharacter(LineCharacter.type, LineCharacter), StoryFactory.registerCharacter(ShapeCharacter.type, ShapeCharacter), StoryFactory.registerCharacter(PolygonCharacter.type, PolygonCharacter), StoryFactory.registerCharacter(ArcCharacter.type, ArcCharacter), StoryFactory.registerCharacter(TimelineCharacter.type, TimelineCharacter), StoryFactory.registerCharacter(UnitCharacter.type, UnitCharacter), StoryFactory.registerCharacter(VTableCharacter.type, VTableCharacter), StoryFactory.registerCharacter(PivotChartCharacter.type, PivotChartCharacter), registerRuntime());
+    _register || (_register = !0, StoryFactory.registerCharacter(VChartCharacter.type, VChartCharacter), registerRankingBarTemp(), registerAllVChart(), StoryFactory.registerCharacter(RankingBarCharacter.type, RankingBarCharacter), StoryFactory.registerCharacter(WaveScatterCharacter.type, WaveScatterCharacter), StoryFactory.registerCharacter(ScatterBarCharacter.type, ScatterBarCharacter), StoryFactory.registerCharacter(TextCharacter.type, TextCharacter), StoryFactory.registerCharacter(RectCharacter.type, RectCharacter), StoryFactory.registerCharacter(ImageCharacter.type, ImageCharacter), StoryFactory.registerCharacter(LineCharacter.type, LineCharacter), StoryFactory.registerCharacter(ShapeCharacter.type, ShapeCharacter), StoryFactory.registerCharacter(PolygonCharacter.type, PolygonCharacter), StoryFactory.registerCharacter(PathCharacter.type, PathCharacter), StoryFactory.registerCharacter(ArcCharacter.type, ArcCharacter), StoryFactory.registerCharacter(TimelineCharacter.type, TimelineCharacter), StoryFactory.registerCharacter(UnitCharacter.type, UnitCharacter), StoryFactory.registerCharacter(VTableCharacter.type, VTableCharacter), StoryFactory.registerCharacter(PivotChartCharacter.type, PivotChartCharacter), registerRuntime());
   }
   function registerRuntime() {
     RuntimeStore.register(CommonLayoutRuntimeInstance), RuntimeStore.register(CommonSpecRuntimeInstance$1), RuntimeStore.register(SeriesSpecRuntimeInstance), RuntimeStore.register(MarkStyleRuntimeInstance), RuntimeStore.register(LabelStyleRuntimeInstance), RuntimeStore.register(TotalLabelRuntimeInstance), RuntimeStore.register(ChartMarkerRuntimeInstance), RuntimeStore.register(RankingBarRuntimeInstance), RuntimeStore.register(WaveScatterRuntimeInstance), RuntimeStore.register(BaseGraphicRuntimeInstance), RuntimeStore.register(TextRuntimeInstance), RuntimeStore.register(LineRuntimeInstance), RuntimeStore.register(CommonSpecRuntimeInstance), RuntimeStore.register(TableTypeRuntimeInstance), RuntimeStore.register(TableThemeRuntimeInstance), RuntimeStore.register(ShowHeaderRuntimeInstance), RuntimeStore.register(ColWidthRuntimeInstance), RuntimeStore.register(RowHeightRuntimeInstance), RuntimeStore.register(ColVisibleRuntimeInstance), RuntimeStore.register(RowVisibleRuntimeInstance), RuntimeStore.register(ColStyleRuntimeInstance), RuntimeStore.register(RowStyleRuntimeInstance), RuntimeStore.register(ContentColStyleRuntimeInstance), RuntimeStore.register(ContentRowStyleRuntimeInstance), RuntimeStore.register(CellStyleRuntimeInstance), RuntimeStore.register(ConditionFormatRuntimeInstance);
@@ -165856,7 +166070,7 @@
           var _a, _b, _c;
           var config = _this6.getMarkAnimateConfig(vchart, mark, markIndex, action, series, payload),
             product = mark.getProduct();
-          isRun ? (null === (_a = null == product ? void 0 : product.setAttribute) || void 0 === _a || _a.call(product, "visibleAll", !0), null === (_b = null == product ? void 0 : product.executeAnimation) || void 0 === _b || _b.call(product, config || {})) : null === (_c = null == product ? void 0 : product.setAttribute) || void 0 === _c || _c.call(product, "visibleAll", !1);
+          isRun ? ("rect" !== mark.type && "rect3d" !== mark.type || _this6.ensureRectMarkFinalAttributes(product), null === (_a = null == product ? void 0 : product.setAttribute) || void 0 === _a || _a.call(product, "visibleAll", !0), null === (_b = null == product ? void 0 : product.executeAnimation) || void 0 === _b || _b.call(product, config || {})) : null === (_c = null == product ? void 0 : product.setAttribute) || void 0 === _c || _c.call(product, "visibleAll", !1);
         });
       }
     }, {
@@ -165877,6 +166091,26 @@
           character: this.character
         });
       }
+    }, {
+      key: "ensureRectMarkFinalAttributes",
+      value: function ensureRectMarkFinalAttributes(graphic) {
+        var _this7 = this;
+        if (!graphic) return;
+        var targetGraphic = graphic;
+        "rect" !== targetGraphic.type && "rect3d" !== targetGraphic.type || this.patchGraphicFinalAttribute(targetGraphic), "function" == typeof targetGraphic.forEachChildren && targetGraphic.forEachChildren(function (child) {
+          _this7.ensureRectMarkFinalAttributes(child);
+        });
+      }
+    }, {
+      key: "patchGraphicFinalAttribute",
+      value: function patchGraphicFinalAttribute(graphic) {
+        if (graphic.__vstoryGetFinalAttributeFallbackPatched || "function" != typeof graphic.getFinalAttribute) return;
+        var originalGetFinalAttribute = graphic.getFinalAttribute.bind(graphic);
+        graphic.getFinalAttribute = function () {
+          var _a;
+          return null !== (_a = originalGetFinalAttribute()) && void 0 !== _a ? _a : graphic.attribute;
+        }, graphic.__vstoryGetFinalAttributeFallbackPatched = !0;
+      }
     }]);
   }(VChartBaseActionProcessor);
   VChartVisibilityActionProcessor.rectPayload = function (seriesType) {
@@ -166074,10 +166308,11 @@
           easing = waveAnimate.easing,
           loop = waveAnimate.loop,
           custom = waveAnimate.custom,
-          graphics = mark.getProduct().getAllElements().map(function (item) {
-            return item.getGraphicItem();
-          });
-        graphics.length && graphics.forEach(function (g) {
+          product = mark.getProduct(),
+          graphics = [];
+        product && "function" == typeof product.forEachChildren && product.forEachChildren(function (child) {
+          graphics.push(child);
+        }), graphics.length && graphics.forEach(function (g) {
           g.animate({
             timeline: globalTickerStore.getTimeline("background_animate")
           }).play(new custom({}, {}, duration, easing, {})).loop(loop ? 1 / 0 : 1);
@@ -166668,6 +166903,27 @@
     registerLineVisibilityAction();
   }
 
+  var PathVisibilityActionProcessor = /*#__PURE__*/function (_CommonVisibilityActi) {
+    function PathVisibilityActionProcessor() {
+      _classCallCheck(this, PathVisibilityActionProcessor);
+      return _callSuper(this, PathVisibilityActionProcessor, arguments);
+    }
+    _inherits(PathVisibilityActionProcessor, _CommonVisibilityActi);
+    return _createClass(PathVisibilityActionProcessor, [{
+      key: "getEffectInstance",
+      value: function getEffectInstance(effect, appear) {
+        return "clipRange" === effect ? clipRangeInstance : _superPropGet(PathVisibilityActionProcessor, "getEffectInstance", this, 3)([effect, appear]);
+      }
+    }]);
+  }(CommonVisibilityActionProcessor);
+  function registerPathVisibilityAction() {
+    globalProcessorRegistry.registerProcessor("Path", _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ACTION_TYPE.APPEAR, new PathVisibilityActionProcessor()), ACTION_TYPE.DISAPPEAR, new PathVisibilityActionProcessor()), ACTION_TYPE.STYLE, new CommonStyleActionProcessor()), ACTION_TYPE.MOVETO, new CommonMoveToActionProcessor()), ACTION_TYPE.SCALETO, new CommonScaleToActionProcessor()), ACTION_TYPE.BOUNCE, new CommonBounceActionProcessor()));
+  }
+
+  function registerPathAction() {
+    registerPathVisibilityAction();
+  }
+
   var RectVisibilityActionProcessor = /*#__PURE__*/function (_CommonVisibilityActi) {
     function RectVisibilityActionProcessor() {
       var _this;
@@ -167055,7 +167311,7 @@
   }
 
   function registerVComponentAction() {
-    registerTextAction(), registerRectAction(), registerImageAction(), registerLineAction(), registerShapeAction(), registerTimelineAction(), registerUnitAction(), registerPolygonAction(), registerArcAction();
+    registerTextAction(), registerRectAction(), registerImageAction(), registerLineAction(), registerPathAction(), registerShapeAction(), registerTimelineAction(), registerUnitAction(), registerPolygonAction(), registerArcAction();
   }
 
   var VTableBaseActionProcessor = /*#__PURE__*/function (_ActionProcessorItem) {
@@ -172088,7 +172344,7 @@
     function ShapeSelection() {
       var _this;
       _classCallCheck(this, ShapeSelection);
-      _this = _callSuper(this, ShapeSelection, arguments), _this.level = 3, _this.type = "shape", _this.editCharacterType = "Shape", _this.supportedCharacterType = ["Shape"], _this.handlerContentClick = function (e) {
+      _this = _callSuper(this, ShapeSelection, arguments), _this.level = 3, _this.type = "shape", _this.editCharacterType = "Shape", _this.supportedCharacterType = ["Shape", "Path"], _this.handlerContentClick = function (e) {
         _this._layoutController.handleDragMouseDown(e);
       };
       return _this;
@@ -172146,7 +172402,7 @@
     bind(RichTextEditPlugin).toSelf(), bind(AutoEnablePlugins).toService(RichTextEditPlugin);
   });
   function registerAllSelection() {
-    container.load(editPlugin), Edit.registerEditSelection("Rect", RectSelection), Edit.registerEditSelection("Image", ImageSelection), Edit.registerEditSelection("Shape", ShapeSelection);
+    container.load(editPlugin), Edit.registerEditSelection("Rect", RectSelection), Edit.registerEditSelection("Image", ImageSelection), Edit.registerEditSelection("Shape", ShapeSelection), Edit.registerEditSelection("Path", ShapeSelection);
   }
 
   var SnapshotManager = /*#__PURE__*/function () {
@@ -172334,6 +172590,7 @@
   exports.registerLottie = registerLottie;
   exports.registerLottieAction = registerLottieAction;
   exports.registerMosaicChart = registerMosaicChart;
+  exports.registerPathAction = registerPathAction;
   exports.registerPolygonAction = registerPolygonAction;
   exports.registerPopTip = registerPopTip;
   exports.registerPopTipAction = registerPopTipAction;