@visactor/vrender 1.0.0-alpha.1 → 1.0.0-alpha.3

package/dist/index.js

@@ -16889,7 +16889,7 @@
       }
       initAnimate(params) {
         var _a;
-        this.createTicker && this.createTimeline && (this.ticker = params.ticker || this.createTicker(this), "effect" !== (null === (_a = this.params.optimize) || void 0 === _a ? void 0 : _a.tickRenderMode) && this.ticker.setFPS(30), this.timeline = this.createTimeline(), this.ticker.addTimeline(this.timeline), this.ticker.on("tick", this.afterTickCb));
+        this.createTicker && this.createTimeline && (this.ticker = params.ticker || this.createTicker(this), "performance" === (null === (_a = this.params.optimize) || void 0 === _a ? void 0 : _a.tickRenderMode) && this.ticker.setFPS(30), this.timeline = this.createTimeline(), this.ticker.addTimeline(this.timeline), this.ticker.on("tick", this.afterTickCb));
       }
       startAnimate() {
         this.ticker && this.timeline && (this.ticker.start(), this.timeline.resume());
@@ -30099,10 +30099,12 @@
     function noop() {}
     class Step {
       constructor(type, props, duration, easing) {
-        this._startTime = 0, this._hasFirstRun = !1, this.type = type, this.props = props, this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : Easing[easing] : Easing.linear, "wait" === type && (this.onUpdate = noop), this.id = Generator.GenAutoIncrementId();
+        this._startTime = 0, this._hasFirstRun = !1, this._syncAttributeUpdate = () => {
+          this.target.setAttributes(this.target.attribute);
+        }, this.type = type, this.props = props, this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : Easing[easing] : Easing.linear, "wait" === type && (this.onUpdate = noop), this.id = Generator.GenAutoIncrementId(), this.syncAttributeUpdate = noop;
       }
       bind(target, animate) {
-        this.target = target, this.animate = animate, this.onBind();
+        this.target = target, this.animate = animate, this.onBind(), this.syncAttributeUpdate();
       }
       append(step) {
         this.next = step, step.prev = this, step.setStartTime(this.getStartTime() + this.duration, !1);
@@ -30145,7 +30147,9 @@
       getStartTime() {
         return this._startTime;
       }
-      onBind() {}
+      onBind() {
+        "glyph" === this.target.type && (this.syncAttributeUpdate = this._syncAttributeUpdate);
+      }
       onFirstRun() {}
       onStart() {
         if (!this._hasFirstRun) {
@@ -30185,7 +30189,7 @@
           if (!this.animate.validAttr(this.propKeys[index])) return;
           const key = this.propKeys[index];
           func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
-        }), this.onUpdate(end, easedRatio, out);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
       }
       onUpdate(end, ratio, out) {}
       onEnd(cb) {
@@ -30850,7 +30854,7 @@
         var _a, _b, _c, _d;
         if (custom && customType) {
           const customParams = this.resolveValue(customParameters, graphic, {}),
-            objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParameters && (null === (_a = customParameters.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParameters) : options;
+            objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
           customParams.options = objOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
         } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
       }
@@ -30886,6 +30890,7 @@
           delayAfterValue = isFunction$1(delayAfter) ? delayAfter(null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, {}) : delayAfter;
         delayValue > 0 && animate.wait(delayValue);
         (Array.isArray(effects) ? effects : [effects]).forEach(effect => {
+          var _a, _b;
           const {
             type = "fromTo",
             channel: channel,
@@ -30896,7 +30901,10 @@
           let parsedFromProps = null,
             props = effect.to,
             from = effect.from;
-          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from), this._handleRunAnimate(animate, effect.custom, effect.customType, from, props, duration, easing, customParameters, options, type, graphic);
+          props || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), props = parsedFromProps.props), from || (parsedFromProps || (parsedFromProps = this.createPropsFromChannel(channel, graphic)), from = parsedFromProps.from);
+          const custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type],
+            customType = null !== (_b = effect.customType) && void 0 !== _b ? _b : custom && isFunction$1(custom) ? /^class\s/.test(Function.prototype.toString.call(custom)) ? 1 : 2 : 0;
+          this._handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, options, type, graphic);
         }), delayAfterValue > 0 && animate.wait(delayAfterValue);
       }
       createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
@@ -30918,9 +30926,9 @@
           var _a, _b;
           const value = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.diffAttrs) || void 0 === _b ? void 0 : _b[key];
           void 0 !== value && (props[key] = value);
-        }) : Object.entries(channel).forEach(_ref => {
-          let [key, config] = _ref;
+        }) : Object.keys(channel).forEach(key => {
           var _a, _b;
+          const config = channel[key];
           void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : props[key] = config.to), void 0 !== config.from && (from || (from = {}), "function" == typeof config.from ? from[key] = config.from(null === (_b = graphic.context) || void 0 === _b ? void 0 : _b.data, graphic, {}) : from[key] = config.from);
         }), {
           from: from,
@@ -31168,7 +31176,7 @@
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
         const easedRatio = this.easing(ratio);
-        this.onUpdate(end, easedRatio, out);
+        this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
       }
       setProps(props) {
         this.props = props, this.propKeys = Object.keys(props), this.animate.reSyncProps();
@@ -31362,7 +31370,7 @@
         super(null, null, duration, easing, params), this.clipFromAttribute = from, this.clipToAttribute = to, this._group = null == params ? void 0 : params.group, this._clipGraphic = null == params ? void 0 : params.clipGraphic;
       }
       onBind() {
-        this._group && this._clipGraphic && (this._lastClip = this._group.attribute.clip, this._lastPath = this._group.attribute.path, this._group.setAttributes({
+        super.onBind(), this._group && this._clipGraphic && (this._lastClip = this._group.attribute.clip, this._lastPath = this._group.attribute.path, this._group.setAttributes({
           clip: !0,
           path: [this._clipGraphic]
         }, !1, {
@@ -31520,6 +31528,7 @@
         return [];
       }
       onBind() {
+        super.onBind();
         const {
             points: points,
             segments: segments
@@ -31601,6 +31610,7 @@
       }
       onBind() {
         var _a;
+        super.onBind();
         const attrs = this.target.getFinalAttribute(),
           fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {},
           to = {},
@@ -31627,6 +31637,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
+        super.onBind();
         const attrs = this.target.attribute,
           to = {},
           from = {};
@@ -31670,7 +31681,9 @@
         let theta = Math.acos((startX - center.x) / r / Math.sin(phi));
         startZ - center.z < 0 && (theta = pi2 - theta), this.theta = theta, this.phi = phi;
       }
-      onBind() {}
+      onBind() {
+        super.onBind();
+      }
       onEnd() {}
       onUpdate(end, ratio, out) {
         if (null == this.phi || null == this.theta) return;
@@ -31834,6 +31847,7 @@
     class GrowAngleIn extends GrowAngleBase {
       onBind() {
         var _a, _b;
+        super.onBind();
         const {
             from: from,
             to: to
@@ -31846,6 +31860,7 @@
     }
     class GrowAngleOut extends GrowAngleBase {
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -31984,6 +31999,7 @@
       }
       onBind() {
         var _a, _b;
+        super.onBind();
         const {
             from: from,
             to: to
@@ -32008,6 +32024,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -32089,6 +32106,7 @@
       }
       onBind() {
         var _a, _b;
+        super.onBind();
         const {
             from: from,
             to: to
@@ -32151,6 +32169,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -32203,7 +32222,7 @@
     }
     class GrowPointsIn extends GworPointsBase {
       onBind() {
-        if (["area", "line", "polygon"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
           const {
             from: from,
             to: to
@@ -32216,7 +32235,7 @@
     }
     class GrowPointsOut extends GworPointsBase {
       onBind() {
-        if (["area", "line"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
           const attrs = this.target.getFinalAttribute(),
             {
               from: from,
@@ -32267,7 +32286,7 @@
       };
     class GrowPointsXIn extends GworPointsBase {
       onBind() {
-        if (["area", "line", "polygon"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
           const {
             from: from,
             to: to
@@ -32280,7 +32299,7 @@
     }
     class GrowPointsXOut extends GworPointsBase {
       onBind() {
-        if (["area", "line"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line"].includes(this.target.type)) {
           const attrs = this.target.getFinalAttribute(),
             {
               from: from,
@@ -32331,7 +32350,7 @@
       };
     class GrowPointsYIn extends GworPointsBase {
       onBind() {
-        if (["area", "line", "polygon"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
           const {
             from: from,
             to: to
@@ -32344,7 +32363,7 @@
     }
     class GrowPointsYOut extends GworPointsBase {
       onBind() {
-        if (["area", "line", "polygon"].includes(this.target.type)) {
+        if (super.onBind(), ["area", "line", "polygon"].includes(this.target.type)) {
           const {
             from: from,
             to: to
@@ -32444,6 +32463,7 @@
     class GrowRadiusIn extends GrowPointsBase {
       onBind() {
         var _a, _b;
+        super.onBind();
         const {
             from: from,
             to: to
@@ -32456,6 +32476,7 @@
     }
     class GrowRadiusOut extends GrowPointsBase {
       onBind() {
+        super.onBind();
         const {
           to: to
         } = (graphic = this.target, options = this.params.options, this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(graphic, options) : growRadiusOutIndividual(graphic, options));
@@ -32566,6 +32587,7 @@
       }
       onBind() {
         var _a, _b;
+        super.onBind();
         const {
             from: from,
             to: to
@@ -32590,6 +32612,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -32610,6 +32633,7 @@
 
     class LabelItemAppear extends AComponentAnimate {
       onBind() {
+        super.onBind();
         const animator = createComponentAnimator(this.target);
         this._animator = animator;
         const duration = this.duration,
@@ -32748,6 +32772,7 @@
     }
     class LabelItemDisappear extends AComponentAnimate {
       onBind() {
+        super.onBind();
         const animator = createComponentAnimator(this.target);
         this._animator = animator;
         const duration = this.duration,
@@ -32830,6 +32855,7 @@
 
     class PoptipAppear extends AComponentAnimate {
       onBind() {
+        super.onBind();
         const animator = createComponentAnimator(this.target);
         this._animator = animator;
         const duration = this.duration,
@@ -32912,6 +32938,7 @@
     }
     class PoptipDisappear extends AComponentAnimate {
       onBind() {
+        super.onBind();
         const animator = createComponentAnimator(this.target);
         this._animator = animator;
         const duration = this.duration,
@@ -33321,6 +33348,7 @@
       onBind() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         let from, to;
+        super.onBind();
         const attrs = this.target.getFinalAttribute(),
           fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
         switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
@@ -33378,6 +33406,7 @@
       onBind() {
         var _a, _b, _c, _d, _e;
         let from, to;
+        super.onBind();
         const attrs = this.target.attribute;
         switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
           case "x":
@@ -33427,7 +33456,7 @@
           if (!this.animate.validAttr(this.propKeys[index])) return;
           const key = this.propKeys[index];
           func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
-        }), this.onUpdate(end, easedRatio, out);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
       }
     }
 
@@ -33437,6 +33466,7 @@
       }
       onBind() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        super.onBind();
         const attrs = this.target.getFinalAttribute(),
           direction = (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) || "right",
           distance = (null === (_b = this.params) || void 0 === _b ? void 0 : _b.distance) || 50,
@@ -33464,6 +33494,7 @@
       }
       onBind() {
         var _a, _b, _c, _d, _e, _f, _g;
+        super.onBind();
         const attrs = this.target.getFinalAttribute(),
           fromScale = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromScale) && void 0 !== _b ? _b : 0,
           direction = (null === (_c = this.params) || void 0 === _c ? void 0 : _c.direction) || "xy",
@@ -33491,6 +33522,7 @@
       }
       onBind() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        super.onBind();
         const attrs = this.target.getFinalAttribute(),
           fromAngle = null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.fromAngle) && void 0 !== _b ? _b : 2 * Math.PI,
           fromScale = null !== (_d = null === (_c = this.params) || void 0 === _c ? void 0 : _c.fromScale) && void 0 !== _d ? _d : 0,
@@ -33527,6 +33559,7 @@
       }
       onBind() {
         var _a, _b, _c, _d, _e, _f;
+        super.onBind();
         const executor = new AnimateExecutor(this.target);
         executor.execute({
           type: "custom",
@@ -33562,6 +33595,7 @@
       }
       onBind() {
         var _a, _b, _c, _d, _e, _f;
+        super.onBind();
         const executor = new AnimateExecutor(this.target);
         executor.execute({
           type: "custom",
@@ -33757,6 +33791,7 @@
       }
       onBind() {
         var _a, _b;
+        super.onBind();
         let {
           diffAttrs = {}
         } = null !== (_a = this.target.context) && void 0 !== _a ? _a : {};
@@ -33889,6 +33924,7 @@
     }
     class MoveIn extends MoveBase {
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -33900,6 +33936,7 @@
     }
     class MoveOut extends MoveBase {
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -33947,6 +33984,7 @@
     }
     class RotateIn extends RotateBase {
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -33958,6 +33996,7 @@
     }
     class RotateOut extends RotateBase {
       onBind() {
+        super.onBind();
         const {
           from: from,
           to: to
@@ -33966,43 +34005,249 @@
       }
     }
 
+    class MotionPath extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        var _a;
+        super(from, to, duration, easing, params), params && (this.pathLength = params.path.getLength(), this.path = params.path, this.distance = params.distance, this.totalLength = this.distance * this.pathLength, this.initAngle = null !== (_a = params.initAngle) && void 0 !== _a ? _a : 0, this.changeAngle = !!params.changeAngle, this.cb = params.cb);
+      }
+      onBind() {
+        this.from = {
+          x: 0,
+          y: 0
+        }, this.to = this.path.getAttrAt(this.totalLength).pos, this.props = this.to;
+      }
+      onUpdate(end, ratio, out) {
+        const attrs = {},
+          at = this.totalLength * ratio,
+          {
+            pos: pos,
+            angle: angle
+          } = this.path.getAttrAt(at);
+        attrs.x = pos.x, attrs.y = pos.y, this.changeAngle && (attrs.angle = angle + this.initAngle), this.cb && this.cb(this.from, this.to, ratio, this.target), this.target.setAttributes(attrs);
+      }
+    }
+
     class FromTo extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params), this.from = from, this.to = to;
+        super(from, to, duration, easing, params), this.from = null != from ? from : {};
       }
       onBind() {
+        super.onBind();
+        const finalAttribute = this.target.getFinalAttribute();
+        Object.keys(this.from).forEach(key => {
+          null == this.props[key] && (this.props[key] = finalAttribute[key]);
+        });
+      }
+      onFirstRun() {
         var _a;
-        const finalAttribute = this.target.getFinalAttribute(),
-          currAttribute = this.target.attribute,
-          fromKeys = Object.keys(this.from),
-          toKeys = Object.keys(this.to);
-        if (fromKeys.forEach(key => {
-          var _a;
-          null == this.to[key] && (this.to[key] = null !== (_a = finalAttribute[key]) && void 0 !== _a ? _a : 0);
-        }), toKeys.forEach(key => {
+        this.from = Object.assign(Object.assign({}, this.getLastProps()), this.from);
+        const startProps = this.animate.getStartProps();
+        if (this.propKeys && this.propKeys.forEach(key => {
           var _a;
-          null == this.from[key] && (this.from[key] = null !== (_a = currAttribute[key]) && void 0 !== _a ? _a : 0);
-        }), this.propKeys = Object.keys(this.from), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState)) {
+          this.from[key] = null !== (_a = this.from[key]) && void 0 !== _a ? _a : startProps[key];
+        }), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState)) {
           const finalAttribute = this.target.getFinalAttribute();
           this.target.setAttributes(finalAttribute);
         }
+        this.target.setAttributes(this.from);
       }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
         const easedRatio = this.easing(ratio);
-        this.interpolateUpdateFunctions.forEach((func, index) => {
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.from, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach((func, index) => {
           if (!this.animate.validAttr(this.propKeys[index])) return;
           const key = this.propKeys[index];
-          func(key, this.from[key], this.to[key], easedRatio, this, this.target);
-        });
+          func(key, this.from[key], this.props[key], easedRatio, this, this.target);
+        }), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
+      }
+    }
+
+    class StreamLight extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+      }
+      getEndProps() {
+        return {};
+      }
+      onStart() {
+        this.target && ("rect" === this.target.type ? this.onStartRect() : "line" === this.target.type ? this.onStartLineOrArea("line") : "area" === this.target.type && this.onStartLineOrArea("area"));
+      }
+      onStartLineOrArea(type) {
+        var _a;
+        const root = this.target.attachShadow(),
+          line = application.graphicService.creator[type](Object.assign({}, null === (_a = this.params) || void 0 === _a ? void 0 : _a.attribute));
+        this[type] = line, line.pathProxy = new CustomPath2D(), root.add(line);
+      }
+      onStartRect() {
+        var _a, _b, _c;
+        const root = this.target.attachShadow(),
+          isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          sizeAttr = isHorizontal ? "height" : "width",
+          otherSizeAttr = isHorizontal ? "width" : "height",
+          size = this.target.AABBBounds[sizeAttr](),
+          y = isHorizontal ? 0 : this.target.AABBBounds.y1,
+          rect = application.graphicService.creator.rect(Object.assign(Object.assign({
+            [sizeAttr]: size,
+            fill: "#bcdeff",
+            shadowBlur: 30,
+            shadowColor: "#bcdeff"
+          }, null === (_c = this.params) || void 0 === _c ? void 0 : _c.attribute), {
+            x: 0,
+            y: y,
+            [otherSizeAttr]: 0
+          }));
+        this.rect = rect, root.add(rect);
+      }
+      onBind() {}
+      onEnd() {
+        this.target.detachShadow();
+      }
+      onUpdate(end, ratio, out) {
+        return this.rect ? this.onUpdateRect(end, ratio, out) : this.line || this.area ? this.onUpdateLineOrArea(end, ratio, out) : void 0;
+      }
+      onUpdateRect(end, ratio, out) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        const isHorizontal = null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.isHorizontal) || void 0 === _b || _b,
+          parentAttr = this.target.attribute;
+        if (isHorizontal) {
+          const parentWidth = null !== (_d = null !== (_c = parentAttr.width) && void 0 !== _c ? _c : Math.abs(parentAttr.x1 - parentAttr.x)) && void 0 !== _d ? _d : 250,
+            streamLength = null !== (_f = null === (_e = this.params) || void 0 === _e ? void 0 : _e.streamLength) && void 0 !== _f ? _f : parentWidth,
+            maxLength = null !== (_j = null === (_h = null === (_g = this.params) || void 0 === _g ? void 0 : _g.attribute) || void 0 === _h ? void 0 : _h.width) && void 0 !== _j ? _j : 60,
+            startX = -maxLength,
+            currentX = startX + (streamLength - startX) * ratio,
+            x = Math.max(currentX, 0),
+            w = Math.min(Math.min(currentX + maxLength, maxLength), streamLength - currentX),
+            width = w + x > parentWidth ? Math.max(parentWidth - x, 0) : w;
+          this.rect.setAttributes({
+            x: x,
+            width: width,
+            dx: Math.min(parentAttr.x1 - parentAttr.x, 0)
+          }, !1, {
+            type: exports.AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
+          });
+        } else {
+          const parentHeight = null !== (_l = null !== (_k = parentAttr.height) && void 0 !== _k ? _k : Math.abs(parentAttr.y1 - parentAttr.y)) && void 0 !== _l ? _l : 250,
+            streamLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.streamLength) && void 0 !== _o ? _o : parentHeight,
+            maxLength = null !== (_r = null === (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.attribute) || void 0 === _q ? void 0 : _q.height) && void 0 !== _r ? _r : 60,
+            currentY = parentHeight - (streamLength + maxLength) * ratio;
+          let y = Math.min(currentY, parentHeight);
+          const h = Math.min(parentHeight - currentY, maxLength);
+          let height;
+          y <= 0 ? (height = Math.max(y + h, 0), y = 0) : height = h, this.rect.setAttributes({
+            y: y,
+            height: height,
+            dy: Math.min(parentAttr.y1 - parentAttr.y, 0)
+          }, !1, {
+            type: exports.AttributeUpdateType.ANIMATE_PLAY,
+            animationState: {
+              ratio: ratio,
+              end: end
+            }
+          });
+        }
+      }
+      onUpdateLineOrArea(end, ratio, out) {
+        const target = this.line || this.area;
+        if (!target) return;
+        const customPath = target.pathProxy,
+          targetLine = this.target;
+        targetLine.cache || targetLine.cacheArea ? this._onUpdateLineOrAreaWithCache(customPath, targetLine, end, ratio, out) : this._onUpdateLineWithoutCache(customPath, targetLine, end, ratio, out);
+        const targetAttrs = targetLine.attribute;
+        target.setAttributes(Object.assign({
+          stroke: targetAttrs.stroke
+        }, target.attribute)), target.addUpdateBoundTag();
+      }
+      _onUpdateLineOrAreaWithCache(customPath, g, end, ratio, out) {
+        var _a, _b;
+        if (customPath.clear(), "line" === g.type) {
+          let cache = g.cache;
+          Array.isArray(cache) || (cache = [cache]);
+          const totalLen = cache.reduce((l, c) => l + c.getLength(), 0),
+            curves = [];
+          return cache.forEach(c => {
+            c.curves.forEach(ci => curves.push(ci));
+          }), this._updateCurves(customPath, curves, totalLen, ratio);
+        }
+        if ("area" === g.type && (null === (_b = null === (_a = g.cacheArea) || void 0 === _a ? void 0 : _a.top) || void 0 === _b ? void 0 : _b.curves)) {
+          const cache = g.cacheArea,
+            totalLen = cache.top.curves.reduce((a, b) => a + b.getLength(), 0);
+          return this._updateCurves(customPath, cache.top.curves, totalLen, ratio);
+        }
+      }
+      _updateCurves(customPath, curves, totalLen, ratio) {
+        var _a, _b;
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen);
+        let lastLen = 0,
+          start = !1;
+        for (let i = 0; i < curves.length; i++) if (!1 !== curves[i].defined) {
+          const curveItem = curves[i],
+            len = curveItem.getLength(),
+            startPercent = 1 - (lastLen + len - startLen) / len;
+          let curveForStart,
+            endPercent = 1 - (lastLen + len - endLen) / len;
+          if (lastLen < startLen && lastLen + len > startLen) if (start = !0, curveItem.p2 && curveItem.p3) {
+            const [_, curve2] = divideCubic(curveItem, startPercent);
+            customPath.moveTo(curve2.p0.x, curve2.p0.y), curveForStart = curve2;
+          } else {
+            const p = curveItem.getPointAt(startPercent);
+            customPath.moveTo(p.x, p.y);
+          }
+          if (lastLen < endLen && lastLen + len > endLen) {
+            if (curveItem.p2 && curveItem.p3) {
+              curveForStart && (endPercent = (endLen - startLen) / curveForStart.getLength());
+              const [curve1] = divideCubic(curveForStart || curveItem, endPercent);
+              customPath.bezierCurveTo(curve1.p1.x, curve1.p1.y, curve1.p2.x, curve1.p2.y, curve1.p3.x, curve1.p3.y);
+            } else {
+              const p = curveItem.getPointAt(endPercent);
+              customPath.lineTo(p.x, p.y);
+            }
+            break;
+          }
+          if (start) if (curveItem.p2 && curveItem.p3) {
+            const curve = curveForStart || curveItem;
+            customPath.bezierCurveTo(curve.p1.x, curve.p1.y, curve.p2.x, curve.p2.y, curve.p3.x, curve.p3.y);
+          } else customPath.lineTo(curveItem.p1.x, curveItem.p1.y);
+          lastLen += len;
+        }
+      }
+      _onUpdateLineWithoutCache(customPath, line, end, ratio, out) {
+        var _a, _b;
+        const {
+          points: points,
+          curveType: curveType
+        } = line.attribute;
+        if (!points || points.length < 2 || "linear" !== curveType) return;
+        let totalLen = 0;
+        for (let i = 1; i < points.length; i++) totalLen += PointService.distancePP(points[i], points[i - 1]);
+        const startLen = totalLen * ratio,
+          endLen = Math.min(startLen + (null !== (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.streamLength) && void 0 !== _b ? _b : 10), totalLen),
+          nextPoints = [];
+        let lastLen = 0;
+        for (let i = 1; i < points.length; i++) {
+          const len = PointService.distancePP(points[i], points[i - 1]);
+          if (lastLen < startLen && lastLen + len > startLen && nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - startLen) / len)), lastLen < endLen && lastLen + len > endLen) {
+            nextPoints.push(PointService.pointAtPP(points[i - 1], points[i], 1 - (lastLen + len - endLen) / len));
+            break;
+          }
+          nextPoints.length && nextPoints.push(points[i]), lastLen += len;
+        }
+        if (nextPoints.length && !(nextPoints.length < 2)) {
+          customPath.clear(), customPath.moveTo(nextPoints[0].x, nextPoints[0].y);
+          for (let i = 1; i < nextPoints.length; i++) customPath.lineTo(nextPoints[i].x, nextPoints[i].y);
+        }
       }
     }
 
     const registerCustomAnimate = () => {
-      AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut);
+      AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
     };
 
-    const version = "1.0.0-alpha.1";
+    const version = "1.0.0-alpha.3";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -34092,6 +34337,8 @@
     exports.ClipAngleAnimate = ClipAngleAnimate;
     exports.ClipDirectionAnimate = ClipDirectionAnimate;
     exports.ClipGraphicAnimate = ClipGraphicAnimate;
+    exports.ClipIn = ClipIn;
+    exports.ClipOut = ClipOut;
     exports.ClipRadiusAnimate = ClipRadiusAnimate;
     exports.ColorInterpolate = ColorInterpolate;
     exports.ColorStore = ColorStore;
@@ -34101,6 +34348,7 @@
     exports.ContainerModule = ContainerModule;
     exports.Context2dFactory = Context2dFactory;
     exports.ContributionProvider = ContributionProvider;
+    exports.CubicBezierCurve = CubicBezierCurve;
     exports.CurveContext = CurveContext;
     exports.CustomEvent = CustomEvent;
     exports.CustomPath2D = CustomPath2D;
@@ -34173,12 +34421,15 @@
     exports.FORMAT_ELEMENT_COMMAND = FORMAT_ELEMENT_COMMAND;
     exports.FORMAT_TEXT_COMMAND = FORMAT_TEXT_COMMAND;
     exports.Factory = Factory;
+    exports.FadeIn = FadeIn;
+    exports.FadeOut = FadeOut;
     exports.FederatedEvent = FederatedEvent;
     exports.FederatedMouseEvent = FederatedMouseEvent;
     exports.FederatedPointerEvent = FederatedPointerEvent;
     exports.FederatedWheelEvent = FederatedWheelEvent;
     exports.FlexLayoutPlugin = FlexLayoutPlugin;
     exports.Fragment = Fragment;
+    exports.FromTo = FromTo;
     exports.GLYPH_NUMBER_TYPE = GLYPH_NUMBER_TYPE;
     exports.GRAPHIC_UPDATE_TAG_KEY = GRAPHIC_UPDATE_TAG_KEY;
     exports.GROUP_NUMBER_TYPE = GROUP_NUMBER_TYPE;
@@ -34200,6 +34451,24 @@
     exports.GroupFadeOut = GroupFadeOut;
     exports.GroupRender = GroupRender;
     exports.GroupRenderContribution = GroupRenderContribution;
+    exports.GrowAngleIn = GrowAngleIn;
+    exports.GrowAngleOut = GrowAngleOut;
+    exports.GrowCenterIn = GrowCenterIn;
+    exports.GrowCenterOut = GrowCenterOut;
+    exports.GrowHeightIn = GrowHeightIn;
+    exports.GrowHeightOut = GrowHeightOut;
+    exports.GrowIn = GrowIn;
+    exports.GrowOut = GrowOut;
+    exports.GrowPointsIn = GrowPointsIn;
+    exports.GrowPointsOut = GrowPointsOut;
+    exports.GrowPointsXIn = GrowPointsXIn;
+    exports.GrowPointsXOut = GrowPointsXOut;
+    exports.GrowPointsYIn = GrowPointsYIn;
+    exports.GrowPointsYOut = GrowPointsYOut;
+    exports.GrowRadiusIn = GrowRadiusIn;
+    exports.GrowRadiusOut = GrowRadiusOut;
+    exports.GrowWidthIn = GrowWidthIn;
+    exports.GrowWidthOut = GrowWidthOut;
     exports.HtmlAttributePlugin = HtmlAttributePlugin;
     exports.IMAGE_NUMBER_TYPE = IMAGE_NUMBER_TYPE;
     exports.Image = Image$1;
@@ -34207,10 +34476,13 @@
     exports.ImageRenderContribution = ImageRenderContribution;
     exports.IncreaseCount = IncreaseCount;
     exports.IncrementalDrawContribution = IncrementalDrawContribution;
+    exports.InputRichText = InputRichText;
     exports.InputText = InputText;
     exports.InteractiveDrawItemInterceptorContribution = InteractiveDrawItemInterceptorContribution;
     exports.InteractiveSubRenderContribution = InteractiveSubRenderContribution;
     exports.LINE_NUMBER_TYPE = LINE_NUMBER_TYPE;
+    exports.LabelItemAppear = LabelItemAppear;
+    exports.LabelItemDisappear = LabelItemDisappear;
     exports.Layer = Layer;
     exports.LayerService = LayerService;
     exports.Line = Line$1;
@@ -34235,9 +34507,17 @@
     exports.MatrixAllocate = MatrixAllocate;
     exports.MonotoneX = MonotoneX;
     exports.MonotoneY = MonotoneY;
+    exports.MotionPath = MotionPath;
+    exports.MoveIn = MoveIn;
+    exports.MoveOut = MoveOut;
+    exports.MoveRotateIn = MoveRotateIn;
+    exports.MoveRotateOut = MoveRotateOut;
+    exports.MoveScaleIn = MoveScaleIn;
+    exports.MoveScaleOut = MoveScaleOut;
     exports.NOWORK_ANIMATE_ATTR = NOWORK_ANIMATE_ATTR;
     exports.Node = Node;
     exports.OrthoCamera = OrthoCamera;
+    exports.OutputRichText = OutputRichText;
     exports.PATH_NUMBER_TYPE = PATH_NUMBER_TYPE;
     exports.POLYGON_NUMBER_TYPE = POLYGON_NUMBER_TYPE;
     exports.PURE_STYLE_KEY = PURE_STYLE_KEY;
@@ -34253,6 +34533,8 @@
     exports.Polygon = Polygon;
     exports.PolygonRender = PolygonRender;
     exports.PolygonRenderContribution = PolygonRenderContribution;
+    exports.PoptipAppear = PoptipAppear;
+    exports.PoptipDisappear = PoptipDisappear;
     exports.Pyramid3d = Pyramid3d;
     exports.Pyramid3dRender = Pyramid3dRender;
     exports.REACT_TO_CANOPUS_EVENTS = REACT_TO_CANOPUS_EVENTS;
@@ -34275,17 +34557,29 @@
     exports.RichTextEditPlugin = RichTextEditPlugin;
     exports.RichTextRender = RichTextRender;
     exports.RotateBySphereAnimate = RotateBySphereAnimate;
+    exports.RotateIn = RotateIn;
+    exports.RotateOut = RotateOut;
     exports.SVG_ATTRIBUTE_MAP = SVG_ATTRIBUTE_MAP;
     exports.SVG_ATTRIBUTE_MAP_KEYS = SVG_ATTRIBUTE_MAP_KEYS;
     exports.SVG_PARSE_ATTRIBUTE_MAP = SVG_PARSE_ATTRIBUTE_MAP;
     exports.SVG_PARSE_ATTRIBUTE_MAP_KEYS = SVG_PARSE_ATTRIBUTE_MAP_KEYS;
     exports.SYMBOL_NUMBER_TYPE = SYMBOL_NUMBER_TYPE;
+    exports.ScaleIn = ScaleIn;
+    exports.ScaleOut = ScaleOut;
     exports.SegContext = SegContext;
     exports.ShadowRoot = ShadowRoot;
     exports.ShadowRootDrawItemInterceptorContribution = ShadowRootDrawItemInterceptorContribution;
+    exports.SlideIn = SlideIn;
+    exports.SlideOut = SlideOut;
+    exports.SlideOutRichText = SlideOutRichText;
+    exports.SlideRichText = SlideRichText;
+    exports.SpinIn = SpinIn;
+    exports.SpinOut = SpinOut;
     exports.Stage = Stage;
+    exports.State = State;
     exports.StaticLayerHandlerContribution = StaticLayerHandlerContribution;
     exports.Step = Step$1;
+    exports.StreamLight = StreamLight;
     exports.Symbol = Symbol$1;
     exports.SymbolRender = SymbolRender;
     exports.SymbolRenderContribution = SymbolRenderContribution;
@@ -34297,6 +34591,7 @@
     exports.TextRenderContribution = TextRenderContribution;
     exports.Theme = Theme;
     exports.TransformUtil = TransformUtil;
+    exports.Update = Update;
     exports.VArc = VArc;
     exports.VArc3d = VArc3d;
     exports.VArea = VArea;
@@ -34433,6 +34728,8 @@
     exports.diagonalCenterToEdge = diagonalCenterToEdge;
     exports.diagonalTopLeftToBottomRight = diagonalTopLeftToBottomRight;
     exports.diff = diff;
+    exports.divideCubic = divideCubic;
+    exports.divideQuad = divideQuad;
     exports.drawArc = drawArc;
     exports.drawArcPath = drawArcPath$1;
     exports.drawAreaSegments = drawAreaSegments;