@visactor/vrender 1.0.8-alpha.1 → 1.0.8-alpha.2

package/dist/index.js

@@ -9197,15 +9197,15 @@
       setWidthHeightWithoutTransform(aabbBounds) {
         this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
       }
-      setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
+      setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context) {
         this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
-          (animate.priority !== 1 / 0 || ignorePriority) && Object.keys(params).forEach(key => {
+          Object.keys(params).forEach(key => {
             animate.preventAttr(key);
           });
         });
       }
       setAttributes(params, forceUpdateTag = !1, context) {
-        params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
+        (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
       }
       _setAttributes(params, forceUpdateTag = !1, context) {
         const keys = Object.keys(params);
@@ -9370,7 +9370,7 @@
           });
         } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
           type: exports.AttributeUpdateType.STATE
-        }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
+        });
         this._emitCustomEvent("afterStateUpdate", {
           type: exports.AttributeUpdateType.STATE
         });
@@ -9763,7 +9763,7 @@
       }
       removeChild(child) {
         const data = super.removeChild(child);
-        return this.getGraphicService().onRemove(child), child.stage = null, this.addUpdateBoundTag(), data;
+        return child.stage = null, this.getGraphicService().onRemove(child), this.addUpdateBoundTag(), data;
       }
       removeAllChild(deep = !1) {
         this.forEachChildren(child => {
@@ -17206,15 +17206,15 @@
             this._skipRender > 1 && this.renderNextFrame(), this._skipRender = 0;
           } else this._skipRender = 1;
         }, this.beforeRender = stage => {
-          this._beforeRenderList.forEach(cb => cb(stage));
+          this._beforeRender && this._beforeRender(stage);
         }, this.afterRender = stage => {
-          this.renderCount++, this._afterRenderList.forEach(cb => cb(stage)), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
+          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.renderNextFrame();
         }, this.params = params, this.theme = new Theme(), this.hooks = {
           beforeRender: new SyncHook(["stage"]),
           afterRender: new SyncHook(["stage"])
-        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this._beforeRenderList = [], this._afterRenderList = [], this.window.create({
+        }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
           width: params.width,
           height: params.height,
           viewBox: params.viewBox,
@@ -17225,7 +17225,7 @@
           canvas: params.canvas
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), params.beforeRender && this._beforeRenderList.push(params.beforeRender), params.afterRender && this._afterRenderList.push(params.afterRender), this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
           tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString$1(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
@@ -17340,16 +17340,10 @@
         options.enableView3dTransform && this.enableView3dTransform();
       }
       setBeforeRender(cb) {
-        this._beforeRenderList.push(cb);
-      }
-      removeBeforeRender(cb) {
-        this._beforeRenderList = this._beforeRenderList.filter(c => c !== cb);
+        this._beforeRender = cb;
       }
       setAfterRender(cb) {
-        this._afterRenderList.push(cb);
-      }
-      removeAfterRender(cb) {
-        this._afterRenderList = this._afterRenderList.filter(c => c !== cb);
+        this._afterRender = cb;
       }
       afterNextRender(cb) {
         this._afterNextRenderCbs || (this._afterNextRenderCbs = []), this._afterNextRenderCbs.push(cb);
@@ -17626,7 +17620,7 @@
         return this._cursor;
       }
       eventPointTransform(e) {
-        const point = this.global.mapToCanvasPoint(e, this.window);
+        const point = this.global.mapToCanvasPoint(e, this.window.getContext().canvas.nativeCanvas);
         return this.stage.window.pointTransform(point.x, point.y);
       }
       pauseTriggerEvent() {
@@ -30487,7 +30481,6 @@
         return this.getEndProps();
       }
       stop() {}
-      release() {}
     }
     class WaitStep extends Step {
       constructor(type, props, duration, easing) {
@@ -30511,7 +30504,7 @@
         return this._animateCount;
       }
       constructor() {
-        super(), 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._animationEndFlag = !0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
+        super(), 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._animateCount > 0;
@@ -30540,11 +30533,10 @@
       }
       tick(delta) {
         if (this.paused) return;
-        this._animationEndFlag && (this._animationEndFlag = !1, this.emit("animationStart"));
         const scaledDelta = delta * this._playSpeed;
         this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
           animate.status === exports.AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== exports.AnimateStatus.RUNNING && animate.status !== exports.AnimateStatus.INITIAL || animate.advance(scaledDelta);
-        }), 0 === this._animateCount && (this._animationEndFlag = !0, this.emit("animationEnd"));
+        }), 0 === this._animateCount && this.emit("animationEnd");
       }
       clear() {
         this.forEachAccessAnimate(animate => {
@@ -30608,9 +30600,7 @@
         return this._timeline;
       }
       bind(target) {
-        return this.target = target, this.target.animates || (this.target.animates = new Map()), this.target.animates.set(this.id, this), this.onRemove(() => {
-          this.stop(), this.target.animates.delete(this.id);
-        }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
+        return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
       }
       to(props, duration = 300, easing = "linear") {
         const step = new Step(exports.AnimateStepType.to, props, duration, easing);
@@ -30705,9 +30695,7 @@
         this.status !== exports.AnimateStatus.END && this.onEnd(), this.status = exports.AnimateStatus.END, this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
       }
       release() {
-        this.status = exports.AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [], this.forEachStep(step => {
-          step.release();
-        });
+        this.status = exports.AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [];
       }
       getDuration() {
         return this._duration;
@@ -30781,10 +30769,6 @@
       getLoop() {
         return this._loopCount;
       }
-      forEachStep(cb) {
-        let step = this._firstStep;
-        for (; step;) cb(step), step = step.next;
-      }
     }
 
     const performanceRAF = new PerformanceRAF();
@@ -30830,8 +30814,8 @@
       }
       init() {
         this.interval = 16, this.status = exports.STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-          this.initHandler(!1);
-        }), application.global.env && this.initHandler(!1);
+          this.initHandler();
+        }), application.global.env && this.initHandler();
       }
       addTimeline(timeline) {
         this.timelines.push(timeline);
@@ -30842,11 +30826,10 @@
       getTimelines() {
         return this.timelines;
       }
-      initHandler(force = !1) {
-        this.setupTickHandler(force);
+      initHandler() {
+        this.setupTickHandler();
       }
-      setupTickHandler(force = !1) {
-        if (!force && this.tickerHandler) return !0;
+      setupTickHandler() {
         const handler = new RAFTickHandler();
         return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
       }
@@ -30897,7 +30880,7 @@
         return this.status = exports.STATUS.RUNNING, this.tickerHandler.tick(0, this.handleTick), !0;
       }
       stop() {
-        this.status = exports.STATUS.INITIAL, this.setupTickHandler(!0), this.lastFrameTime = -1;
+        this.status = exports.STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
       }
       trySyncTickStatus() {
         this.status === exports.STATUS.INITIAL && this.timelines.some(timeline => timeline.isRunning()) ? this.start() : this.status === exports.STATUS.RUNNING && this.timelines.every(timeline => !timeline.isRunning()) && this.stop();
@@ -30907,8 +30890,7 @@
         this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
       }
       checkSkip(delta) {
-        var _a, _b, _c;
-        if ("performance" === (null === (_c = null === (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.params) || void 0 === _b ? void 0 : _b.optimize) || void 0 === _c ? void 0 : _c.tickRenderMode)) return !1;
+        if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
         return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
       }
     }
@@ -31211,11 +31193,10 @@
       _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
         var _a, _b, _c, _d;
         if (custom && customType) {
-          const customParams = Object.assign({
+          const customParams = this.resolveValue(customParameters, graphic, {
               width: graphic.stage.width,
-              height: graphic.stage.height,
-              group: this._target.parent
-            }, this.resolveValue(customParameters, graphic)),
+              height: graphic.stage.height
+            }),
             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, customParams.controlOptions = controlOptions, 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);
@@ -31433,11 +31414,6 @@
           state.executor.stop();
         }), this.stateList = null;
       }
-      reApplyState(state) {
-        var _a;
-        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
-        stateInfo && (stateInfo.executor.stop(), stateInfo.executor.execute(stateInfo.animationConfig));
-      }
     }
 
     class GraphicStateExtension {
@@ -31468,19 +31444,12 @@
       applyUnhighlightState(animationConfig, callback) {
         return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
       }
-      stopAnimationState(state, type, deep = !1) {
-        return this._getAnimationStateManager(this).stopState(state, type), deep && this.isContainer && this.forEachChildren(child => {
-          child.stopAnimationState(state, type, deep);
-        }), this;
+      stopAnimationState(state, type) {
+        return this._getAnimationStateManager(this).stopState(state, type), this;
       }
       clearAnimationStates() {
         return this._getAnimationStateManager(this).clearState(), this;
       }
-      reApplyAnimationState(state, deep = !1) {
-        return this._getAnimationStateManager(this).reApplyState(state), deep && this.isContainer && this.forEachChildren(child => {
-          child.reApplyAnimationState(state, deep);
-        }), this;
-      }
       static extend(graphic) {
         return new GraphicStateExtension()._getAnimationStateManager(graphic), graphic;
       }
@@ -31492,6 +31461,7 @@
       }
       animate(params) {
         var _a, _b, _c;
+        this.animates || (this.animates = new Map());
         const animate = new Animate(null == params ? void 0 : params.id, null !== (_b = null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline()) && void 0 !== _b ? _b : defaultTimeline, null == params ? void 0 : params.slience);
         if (animate.bind(this), params) {
           const {
@@ -31501,7 +31471,9 @@
           } = params;
           null != onStart && animate.onStart(onStart), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove);
         }
-        return null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
+        return this.animates.set(animate.id, animate), animate.onRemove(() => {
+          animate.stop(), this.animates.delete(animate.id);
+        }), null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
       }
       createTimeline() {
         return new DefaultTimeline();
@@ -31532,21 +31504,6 @@
       getGraphicAttribute(key, prev = !1) {
         return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
       }
-      pauseAnimation(deep = !1) {
-        this.animates && this.animates.forEach(animate => animate.pause()), deep && this.isContainer && this.forEachChildren(child => {
-          child.pauseAnimation(deep);
-        });
-      }
-      resumeAnimation(deep = !1) {
-        this.animates && this.animates.forEach(animate => animate.resume()), deep && this.isContainer && this.forEachChildren(child => {
-          child.resumeAnimation(deep);
-        });
-      }
-      stopAnimation(deep = !1) {
-        this.animates && this.animates.forEach(animate => animate.stop()), deep && this.isContainer && this.forEachChildren(child => {
-          child.stopAnimation(deep);
-        });
-      }
     }
 
     function registerAnimate() {
@@ -31555,7 +31512,7 @@
 
     class ACustomAnimate extends Step {
       constructor(customFrom, customTo, duration, easing, params) {
-        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
+        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params;
       }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
@@ -31574,45 +31531,6 @@
         this._animator && this._animator.stop();
       }
     }
-    class AStageAnimate extends ACustomAnimate {
-      constructor(customFrom, customTo, duration, easing, params) {
-        super(customFrom, customTo, duration, easing, params), this.willCallBeforeStageRender = !0, this.willCallAfterStageRender = !0, this._beforeStageRender = () => {
-          if (!this.willCallBeforeStageRender) return;
-          this.willCallBeforeStageRender = !1;
-          const stage = this.target.stage,
-            canvas = stage.window.getContext().canvas.nativeCanvas,
-            outputCanvas = this.beforeStageRender(stage, canvas);
-          outputCanvas && this.renderToStage(stage, outputCanvas);
-        }, this._afterStageRender = () => {
-          if (!this.willCallAfterStageRender) return;
-          this.willCallAfterStageRender = !1;
-          const stage = this.target.stage,
-            canvas = stage.window.getContext().canvas.nativeCanvas,
-            outputCanvas = this.afterStageRender(stage, canvas);
-          outputCanvas && this.renderToStage(stage, outputCanvas);
-        }, this.props = {};
-      }
-      beforeStageRender(stage, canvas) {
-        return !1;
-      }
-      afterStageRender(stage, canvas) {
-        return !1;
-      }
-      onFirstRun() {
-        super.onFirstRun(), this.target.stage.setBeforeRender(this._beforeStageRender), this.target.stage.setAfterRender(this._afterStageRender), this.target.stage.disableDirtyBounds();
-      }
-      stop() {
-        super.stop(), this.target.stage.removeBeforeRender(this._beforeStageRender), this.target.stage.removeAfterRender(this._afterStageRender);
-      }
-      onUpdate(end, ratio, out) {
-        super.onUpdate(end, ratio, out), this.willCallBeforeStageRender = !0, this.willCallAfterStageRender = !0;
-      }
-      renderToStage(stage, canvas) {
-        const stageCanvas = stage.window.getContext().canvas.nativeCanvas,
-          ctx = stageCanvas.getContext("2d");
-        return !!ctx && (ctx.clearRect(0, 0, stageCanvas.width, stageCanvas.height), ctx.drawImage(canvas, 0, 0), stageCanvas);
-      }
-    }
 
     class ComponentAnimator {
       constructor(component) {
@@ -32751,7 +32669,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -32760,7 +32678,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -32858,7 +32776,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b, _c;
+        var _a, _b;
         super.onBind();
         const {
             from: from,
@@ -32867,7 +32785,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -34718,15 +34636,16 @@
         changedY = 0;
       "negative" === orient && (changedX = null !== (_a = layoutRect.width) && void 0 !== _a ? _a : graphic.stage.viewWidth, changedY = null !== (_b = layoutRect.height) && void 0 !== _b ? _b : graphic.stage.viewHeight), changedX += offset, changedY += offset;
       const point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
-        finalAttrsX = graphic.getGraphicAttribute("x"),
-        finalAttrsY = graphic.getGraphicAttribute("y"),
-        fromX = excludeChannels.includes("x") ? finalAttrsX : point && isValidNumber$1(point.x) ? point.x : changedX,
-        fromY = excludeChannels.includes("y") ? finalAttrsY : point && isValidNumber$1(point.y) ? point.y : changedY;
+        fromX = point && isValidNumber$1(point.x) ? point.x : changedX,
+        fromY = point && isValidNumber$1(point.y) ? point.y : changedY,
+        finalAttrs = graphic.getFinalAttribute(),
+        finalAttrsX = excludeChannels.includes("x") ? graphic.attribute.x : finalAttrs.x,
+        finalAttrsY = excludeChannels.includes("y") ? graphic.attribute.y : finalAttrs.y;
       switch (direction) {
         case "x":
           return {
             from: {
-              x: excludeChannels.includes("x") ? finalAttrsX : fromX
+              x: fromX
             },
             to: {
               x: finalAttrsX
@@ -34755,26 +34674,25 @@
       }
     };
     const moveOut = (graphic, options, animationParameters) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       const {
           offset = 0,
           orient: orient,
           direction: direction,
           point: pointOpt
         } = null != options ? options : {},
-        groupBounds = animationParameters.group ? animationParameters.group.AABBBounds : null,
-        groupWidth = null !== (_a = groupBounds.width()) && void 0 !== _a ? _a : animationParameters.width,
-        groupHeight = null !== (_b = groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height,
+        groupWidth = null !== (_b = null === (_a = options.layoutRect) || void 0 === _a ? void 0 : _a.width) && void 0 !== _b ? _b : graphic.stage.viewWidth,
+        groupHeight = null !== (_d = null === (_c = options.layoutRect) || void 0 === _c ? void 0 : _c.height) && void 0 !== _d ? _d : graphic.stage.viewHeight,
         changedX = ("negative" === orient ? groupWidth : 0) + offset,
         changedY = ("negative" === orient ? groupHeight : 0) + offset,
-        point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, animationParameters) : pointOpt,
+        point = isFunction$1(pointOpt) ? pointOpt.call(null, null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[0], graphic, animationParameters) : pointOpt,
         fromX = point && isValidNumber$1(point.x) ? point.x : changedX,
         fromY = point && isValidNumber$1(point.y) ? point.y : changedY;
       switch (direction) {
         case "x":
           return {
             from: {
-              x: graphic.getGraphicAttribute("x")
+              x: graphic.attribute.x
             },
             to: {
               x: fromX
@@ -34783,7 +34701,7 @@
         case "y":
           return {
             from: {
-              y: graphic.getGraphicAttribute("y")
+              y: graphic.attribute.y
             },
             to: {
               y: fromY
@@ -34792,8 +34710,8 @@
         default:
           return {
             from: {
-              x: graphic.getGraphicAttribute("x"),
-              y: graphic.getGraphicAttribute("y")
+              x: graphic.attribute.x,
+              y: graphic.attribute.y
             },
             to: {
               x: fromX,
@@ -34940,9 +34858,6 @@
           this.from[key] = null !== (_a = this.from[key]) && void 0 !== _a ? _a : startProps[key];
         }), this.target.setAttributes(this.from);
       }
-      deleteSelfAttr(key) {
-        super.deleteSelfAttr(key), delete this.from[key];
-      }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
         const easedRatio = this.easing(ratio);
@@ -35139,7 +35054,7 @@
       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.8-alpha.1";
+    const version = "1.0.8-alpha.2";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -35172,15 +35087,12 @@
     registerReactAttributePlugin();
     registerDirectionalLight();
     registerOrthoCamera();
-    registerCustomAnimate();
-    registerAnimate();
 
     exports.AComponentAnimate = AComponentAnimate;
     exports.ACustomAnimate = ACustomAnimate;
     exports.ARC3D_NUMBER_TYPE = ARC3D_NUMBER_TYPE;
     exports.ARC_NUMBER_TYPE = ARC_NUMBER_TYPE;
     exports.AREA_NUMBER_TYPE = AREA_NUMBER_TYPE;
-    exports.AStageAnimate = AStageAnimate;
     exports.Animate = Animate;
     exports.AnimateExecutor = AnimateExecutor;
     exports.AnimateStep = Step;
@@ -35311,7 +35223,6 @@
     exports.DrawContribution = DrawContribution;
     exports.DrawItemInterceptor = DrawItemInterceptor;
     exports.DynamicLayerHandlerContribution = DynamicLayerHandlerContribution;
-    exports.Easing = Easing;
     exports.EditModule = EditModule;
     exports.EnvContribution = EnvContribution;
     exports.EventManager = EventManager;