@visactor/vrender 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/index.js

@@ -16873,7 +16873,7 @@
         return this._ticker;
       }
       set ticker(ticker) {
-        this._ticker && this._ticker.removeListener("tick", this.afterTickCb), ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
+        ticker.bindStage(this), this._ticker && this._ticker.removeListener("tick", this.afterTickCb), ticker.addTimeline(this.timeline), this._ticker = ticker, this._ticker.on("tick", this.afterTickCb);
       }
       constructor() {
         let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -16891,7 +16891,7 @@
         }, this.afterRender = stage => {
           this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
-          this.tickedBeforeRender = !0, "rendering" !== this.state && this.render();
+          this.tickedBeforeRender = !0, "rendering" !== this.state && this.renderNextFrame();
         }, this.params = params, this.theme = new Theme(), this.hooks = {
           beforeRender: new SyncHook(["stage"]),
           afterRender: new SyncHook(["stage"])
@@ -16914,7 +16914,7 @@
       }
       initAnimate(params) {
         var _a;
-        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));
+        this.createTicker && this.createTimeline && (this._ticker = params.ticker || this.createTicker(this), this._ticker.bindStage(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());
@@ -30250,19 +30250,29 @@
 
     class DefaultTimeline {
       get animateCount() {
-        return this.animates.length;
+        return this._animateCount;
       }
       constructor() {
-        this.animates = [], this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this._endAnimatePtr = -1, this.id = Generator.GenAutoIncrementId(), this.animates = [], this.paused = !1;
+        this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
       }
       isRunning() {
-        return !this.paused && this._endAnimatePtr >= 0;
+        return !this.paused && this._animateCount > 0;
       }
       forEachAccessAnimate(cb) {
-        for (let i = 0; i <= this._endAnimatePtr; i++) cb(this.animates[i], i);
+        let current = this.head,
+          index = 0;
+        for (; current;) {
+          const next = current.next;
+          cb(current.animate, index), index++, current = next;
+        }
       }
       addAnimate(animate) {
-        this.animates.push(animate), this._endAnimatePtr++, this.animates[this.animates.length - 1] = this.animates[this._endAnimatePtr], this.animates[this._endAnimatePtr] = animate, this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
+        const newNode = {
+          animate: animate,
+          next: null,
+          prev: null
+        };
+        this.head ? this.tail && (this.tail.next = newNode, newNode.prev = this.tail, this.tail = newNode) : (this.head = newNode, this.tail = newNode), this.animateMap.set(animate, newNode), this._animateCount++, this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
       }
       pause() {
         this.paused = !0;
@@ -30274,21 +30284,21 @@
         if (this.paused) return;
         const scaledDelta = delta * this._playSpeed;
         this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
-          animate.status === exports.AnimateStatus.END ? this.removeAnimate(animate, !0, i) : animate.status !== exports.AnimateStatus.RUNNING && animate.status !== exports.AnimateStatus.INITIAL || animate.advance(scaledDelta);
+          animate.status === exports.AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== exports.AnimateStatus.RUNNING && animate.status !== exports.AnimateStatus.INITIAL || animate.advance(scaledDelta);
         });
       }
       clear() {
         this.forEachAccessAnimate(animate => {
           animate.release();
-        }), this.animates = [], this._totalDuration = 0;
+        }), this.head = null, this.tail = null, this.animateMap.clear(), this._animateCount = 0, this._totalDuration = 0;
       }
       removeAnimate(animate) {
         let release = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-        let index = arguments.length > 2 ? arguments[2] : undefined;
-        this._endAnimatePtr < 0 || (release && (animate._onRemove && animate._onRemove.forEach(cb => cb()), animate.release()), index = null != index ? index : this.animates.indexOf(animate), this.animates[index] = this.animates[this._endAnimatePtr], this._endAnimatePtr--);
+        const node = this.animateMap.get(animate);
+        node && (release && (animate._onRemove && animate._onRemove.forEach(cb => cb()), animate.release()), node.prev ? node.prev.next = node.next : this.head = node.next, node.next ? node.next.prev = node.prev : this.tail = node.prev, this.animateMap.delete(animate), this._animateCount--, animate.getStartTime() + animate.getDuration() >= this._totalDuration && this.recalculateTotalDuration());
       }
       recalculateTotalDuration() {
-        this._totalDuration = 0, this.animates.forEach(animate => {
+        this._totalDuration = 0, this.forEachAccessAnimate(animate => {
           this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
         });
       }
@@ -30537,10 +30547,7 @@
     }
     class DefaultTicker extends EventEmitter {
       constructor(stage) {
-        super(), this.timelines = [], this.frameTimeHistory = [], this.checkSkip = delta => {
-          if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
-          return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
-        }, this.handleTick = (handler, params) => {
+        super(), this.timelines = [], this.frameTimeHistory = [], this.handleTick = (handler, params) => {
           const {
             once = !1
           } = null != params ? params : {};
@@ -30556,6 +30563,9 @@
           }), this.emit("tick", delta));
         }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
       }
+      bindStage(stage) {
+        this.stage = stage;
+      }
       computeTimeOffsetAndJitter() {
         this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
       }
@@ -30637,14 +30647,18 @@
         var _a;
         this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
       }
+      checkSkip(delta) {
+        if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
+        return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
+      }
     }
 
     class ManualTickHandler {
       constructor() {
-        this.released = !1, this.startTime = -1, this.currentTime = -1;
+        this.released = !1, this.currentTime = -1;
       }
       tick(interval, cb) {
-        this.startTime < 0 && (this.startTime = 0), this.currentTime = this.startTime + interval, cb(this);
+        this.currentTime < 0 && (this.currentTime = 0), this.currentTime += interval, cb(this);
       }
       release() {
         this.released = !0;
@@ -30653,7 +30667,7 @@
         return this.currentTime;
       }
       tickTo(time, cb) {
-        this.startTime < 0 && (this.startTime = 0, this.currentTime = 0);
+        this.currentTime < 0 && (this.currentTime = 0);
         const interval = time - this.currentTime;
         this.tick(interval, cb);
       }
@@ -30666,6 +30680,9 @@
         const handler = new ManualTickHandler();
         return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
       }
+      checkSkip(delta) {
+        return !1;
+      }
       getTime() {
         return this.tickerHandler.getTime();
       }
@@ -33025,7 +33042,7 @@
 
     class InputRichText extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", this.afterText = "", this.fadeInChars = !1, this.fadeInDuration = .3, void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.beforeText) && (this.beforeText = params.beforeText), void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText), void 0 !== (null == params ? void 0 : params.fadeInChars) && (this.fadeInChars = params.fadeInChars), void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration);
+        super(from, to, duration, easing, params), this.fromTextConfig = [], this.toTextConfig = [], this.originalTextConfig = [], this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.fadeInChars = !1, this.fadeInDuration = .3, this.strokeFirst = !1, this.strokeToFillRatio = .3, void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), void 0 !== (null == params ? void 0 : params.fadeInChars) && (this.fadeInChars = params.fadeInChars), void 0 !== (null == params ? void 0 : params.fadeInDuration) && (this.fadeInDuration = params.fadeInDuration), void 0 !== (null == params ? void 0 : params.strokeFirst) && (this.strokeFirst = params.strokeFirst), void 0 !== (null == params ? void 0 : params.strokeToFillRatio) && (this.strokeToFillRatio = params.strokeToFillRatio);
       }
       onFirstRun() {
         const fromProps = this.getLastProps(),
@@ -33046,12 +33063,22 @@
           currentLength = Math.round(fromItems + (totalItems - fromItems) * adjustedRatio);
         } else currentLength = Math.round(fromItems + (totalItems - fromItems) * ratio);
         if (currentTextConfig = fromItems > totalItems ? this.fromTextConfig.slice(0, currentLength) : this.toTextConfig.slice(0, currentLength).map((item, index) => {
-          if (this.fadeInChars && "text" in item) {
-            const fadeProgress = (ratio - index / totalItems * maxTextShowRatio) / this.fadeInDuration,
-              opacity = Math.max(0, Math.min(1, fadeProgress));
-            return Object.assign(Object.assign({}, item), {
-              opacity: opacity
-            });
+          if ("text" in item) {
+            const newItem = Object.assign({}, item);
+            if (this.strokeFirst) {
+              const appearTime = index / totalItems * maxTextShowRatio,
+                itemLifetime = Math.max(0, ratio - appearTime),
+                maxLifetime = 1 - appearTime,
+                fillProgress = Math.min(1, itemLifetime / (this.strokeToFillRatio * maxLifetime));
+              if ("fill" in newItem && newItem.fill && (newItem.stroke = newItem.fill, fillProgress < 1 && (newItem.fillOpacity = fillProgress)), this.fadeInChars) {
+                const fadeProgress = Math.min(1, itemLifetime / (this.fadeInDuration * maxLifetime));
+                newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+              }
+            } else if (this.fadeInChars) {
+              const fadeProgress = (ratio - index / totalItems * maxTextShowRatio) / this.fadeInDuration;
+              newItem.opacity = Math.max(0, Math.min(1, fadeProgress));
+            }
+            return newItem;
           }
           return item;
         }), this.showCursor && currentLength < totalItems) {
@@ -33617,6 +33644,104 @@
         }), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
       }
     }
+    class StrokeIn extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+        if (super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q,
+          fillOpacity = null !== (_s = null === (_r = this.params) || void 0 === _r ? void 0 : _r.fillOpacity) && void 0 !== _s ? _s : 0;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, showFill ? (this.from.fillOpacity = fillOpacity, this.to.fillOpacity = null !== (_t = this.originalAttributes.fillOpacity) && void 0 !== _t ? _t : 1) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+      }
+      onEnd() {
+        var _a;
+        if (super.onEnd(), !(null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill)) {
+          const originalAttrs = Object.assign({}, this.originalAttributes);
+          originalAttrs.fillOpacity = 0, this.target.setAttributes(originalAttrs);
+        }
+      }
+    }
+    class StrokeOut extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.perimeter = 0, this.originalAttributes = {};
+      }
+      onFirstRun() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (this.originalAttributes = Object.assign({}, this.target.getAttributes()), "rect" === this.target.type) {
+          const attr = this.target.attribute,
+            width = null !== (_a = attr.width) && void 0 !== _a ? _a : 100,
+            height = null !== (_b = attr.height) && void 0 !== _b ? _b : 100;
+          this.perimeter = 2 * (width + height);
+        } else if ("circle" === this.target.type) {
+          const radius = null !== (_c = this.target.attribute.radius) && void 0 !== _c ? _c : 50;
+          this.perimeter = 2 * Math.PI * radius;
+        } else if ("ellipse" === this.target.type) {
+          const attr = this.target.attribute,
+            radiusX = null !== (_d = attr.radiusX) && void 0 !== _d ? _d : 50,
+            radiusY = null !== (_e = attr.radiusY) && void 0 !== _e ? _e : 50;
+          this.perimeter = 2 * Math.PI * Math.sqrt((radiusX * radiusX + radiusY * radiusY) / 2);
+        } else this.perimeter = 1e3;
+        const lineWidth = null !== (_g = null === (_f = this.params) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 2,
+          strokeColor = null !== (_j = null === (_h = this.params) || void 0 === _h ? void 0 : _h.strokeColor) && void 0 !== _j ? _j : "black",
+          fromOpacity = null !== (_l = null === (_k = this.params) || void 0 === _k ? void 0 : _k.fromOpacity) && void 0 !== _l ? _l : 1,
+          dashLength = null !== (_o = null === (_m = this.params) || void 0 === _m ? void 0 : _m.dashLength) && void 0 !== _o ? _o : this.perimeter,
+          showFill = null !== (_q = null === (_p = this.params) || void 0 === _p ? void 0 : _p.showFill) && void 0 !== _q && _q;
+        this.from = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: 0,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, this.to = {
+          lineDash: [dashLength, dashLength],
+          lineDashOffset: -dashLength,
+          lineWidth: lineWidth,
+          stroke: strokeColor,
+          strokeOpacity: fromOpacity
+        }, showFill ? (this.from.fillOpacity = null !== (_r = this.originalAttributes.fillOpacity) && void 0 !== _r ? _r : 1, this.to.fillOpacity = 0) : (this.from.fillOpacity = 0, this.to.fillOpacity = 0), this.propKeys = ["lineDash", "lineDashOffset", "lineWidth", "stroke", "strokeOpacity", "fillOpacity"], this.props = this.to, this.target.setAttributes(this.from);
+      }
+      onUpdate(end, ratio, out) {
+        var _a;
+        const attribute = this.target.attribute;
+        attribute.lineDashOffset = this.from.lineDashOffset + (this.to.lineDashOffset - this.from.lineDashOffset) * ratio, (null === (_a = this.params) || void 0 === _a ? void 0 : _a.showFill) && (attribute.fillOpacity = this.from.fillOpacity + (this.to.fillOpacity - this.from.fillOpacity) * ratio);
+      }
+    }
     class MoveScaleIn extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
         var _a;
@@ -33851,6 +33976,35 @@
       }
       onUpdate(end, ratio, out) {}
     }
+    class PulseAnimate extends ACustomAnimate {
+      constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.originalAttributes = {}, this.pulseCount = 3, this.pulseOpacity = .3, this.pulseScale = 1.05, this.pulseColor = null, this.pulseColorIntensity = .2, this.strokeOnly = !1, this.fillOnly = !1, this.useScale = !0, this.useOpacity = !0, this.useStroke = !0, this.useFill = !0, this.useColor = !1, this.originalFill = null, this.originalStroke = null, void 0 !== (null == params ? void 0 : params.pulseCount) && (this.pulseCount = params.pulseCount), void 0 !== (null == params ? void 0 : params.pulseScale) && (this.pulseScale = params.pulseScale), void 0 !== (null == params ? void 0 : params.pulseColor) && (this.pulseColor = params.pulseColor), void 0 !== (null == params ? void 0 : params.pulseColorIntensity) && (this.pulseColorIntensity = params.pulseColorIntensity), void 0 !== (null == params ? void 0 : params.strokeOnly) && (this.strokeOnly = params.strokeOnly), void 0 !== (null == params ? void 0 : params.fillOnly) && (this.fillOnly = params.fillOnly), void 0 !== (null == params ? void 0 : params.useScale) && (this.useScale = params.useScale), void 0 !== (null == params ? void 0 : params.useOpacity) && (this.useOpacity = params.useOpacity), void 0 !== (null == params ? void 0 : params.useStroke) && (this.useStroke = params.useStroke), void 0 !== (null == params ? void 0 : params.useFill) && (this.useFill = params.useFill), void 0 !== (null == params ? void 0 : params.useColor) && (this.useColor = params.useColor);
+      }
+      onBind() {
+        super.onBind(), this.originalAttributes = Object.assign({}, this.target.getAttributes()), this.useColor && (this.originalFill = this.originalAttributes.fill || null, this.originalStroke = this.originalAttributes.stroke || null, this.pulseColor || (this.fillOnly && this.originalFill ? this.pulseColor = this.originalFill : this.strokeOnly && this.originalStroke ? this.pulseColor = this.originalStroke : this.originalFill ? this.pulseColor = this.originalFill : this.originalStroke ? this.pulseColor = this.originalStroke : this.pulseColor = "#FFFFFF"));
+      }
+      onUpdate(end, ratio, out) {
+        const angle = ratio * Math.PI * this.pulseCount,
+          pulseValue = Math.abs(Math.sin(angle)),
+          attribute = this.target.attribute;
+        if (this.useOpacity) {
+          const opacity = 1 + (this.pulseOpacity - 1) * pulseValue;
+          this.useStroke && (attribute.strokeOpacity = (this.originalAttributes.strokeOpacity || 1) * opacity), this.useFill && (attribute.fillOpacity = (this.originalAttributes.fillOpacity || 1) * opacity);
+        }
+        if (this.useScale) {
+          const scale = 1 + (this.pulseScale - 1) * pulseValue;
+          attribute.scaleX = (this.originalAttributes.scaleX || 1) * scale, attribute.scaleY = (this.originalAttributes.scaleY || 1) * scale;
+        }
+        this.useColor && this.pulseColor && this.applyColorPulse(attribute, pulseValue), this.target.addUpdateShapeAndBoundsTag(), this.target.addUpdatePositionTag();
+      }
+      applyColorPulse(attribute, pulseValue) {
+        const colorRatio = this.pulseColorIntensity * pulseValue;
+        this.useFill && this.originalFill && this.pulseColor && (attribute.fill = interpolateColor(this.originalFill, this.pulseColor, colorRatio, !0)), this.useStroke && this.originalStroke && this.pulseColor && (attribute.stroke = interpolateColor(this.originalStroke, this.pulseColor, colorRatio, !0));
+      }
+      onEnd() {
+        super.onEnd(), this.target.setAttributes(this.originalAttributes);
+      }
+    }
 
     class Update extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
@@ -34313,10 +34467,10 @@
     }
 
     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("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
+      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("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
     };
 
-    const version = "1.0.0-alpha.4";
+    const version = "1.0.0-alpha.5";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -34604,6 +34758,7 @@
     exports.PolygonRenderContribution = PolygonRenderContribution;
     exports.PoptipAppear = PoptipAppear;
     exports.PoptipDisappear = PoptipDisappear;
+    exports.PulseAnimate = PulseAnimate;
     exports.Pyramid3d = Pyramid3d;
     exports.Pyramid3dRender = Pyramid3dRender;
     exports.REACT_TO_CANOPUS_EVENTS = REACT_TO_CANOPUS_EVENTS;
@@ -34649,6 +34804,8 @@
     exports.StaticLayerHandlerContribution = StaticLayerHandlerContribution;
     exports.Step = Step$1;
     exports.StreamLight = StreamLight;
+    exports.StrokeIn = StrokeIn;
+    exports.StrokeOut = StrokeOut;
     exports.Symbol = Symbol$1;
     exports.SymbolRender = SymbolRender;
     exports.SymbolRenderContribution = SymbolRenderContribution;