@visactor/vrender-animate 0.22.4 → 0.23.0-alpha.3

package/cjs/animate-extension.d.ts

@@ -3,13 +3,21 @@ import type { IAnimate } from './intreface/animate';
 import { Animate } from './animate';
 import { DefaultTimeline } from './timeline';
 import { DefaultTicker } from './ticker/default-ticker';
+import type { IAnimationConfig } from './executor/executor';
+import { AnimateExecutor } from './executor/animate-executor';
 export declare class AnimateExtension {
-    animatedAttribute: Record<string, any> | null;
+    finalAttribute: Record<string, any>;
+    _animateExecutor: AnimateExecutor | null;
     animates: Map<string | number, IAnimate>;
+    setAttributesAndPreventAnimate(attributes: Record<string, any>): void;
     getAttributes(final?: boolean): any;
     animate(params?: IGraphicAnimateParams): Animate;
-    protected computeAnimatedAttribute(): void;
     createTimeline(): DefaultTimeline;
     createTicker(stage: any): DefaultTicker;
-    protected getFinalAttribute(): {};
+    setFinalAttribute(finalAttribute: Record<string, any>): void;
+    initFinalAttribute(finalAttribute: Record<string, any>): void;
+    initAnimateExecutor(): void;
+    executeAnimation(config: IAnimationConfig): this;
+    executeAnimations(configs: IAnimationConfig[]): this;
+    protected getFinalAttribute(): Record<string, any>;
 }

package/cjs/animate-extension.js

@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.AnimateExtension = void 0;
 
-const animate_1 = require("./animate"), timeline_1 = require("./timeline"), default_ticker_1 = require("./ticker/default-ticker");
+const animate_1 = require("./animate"), timeline_1 = require("./timeline"), default_ticker_1 = require("./ticker/default-ticker"), animate_executor_1 = require("./executor/animate-executor");
 
 class AnimateExtension {
-    constructor() {
-        this.animatedAttribute = null;
+    setAttributesAndPreventAnimate(attributes) {
+        this.setAttributes(attributes), this.animates && this.animates.forEach((animate => {
+            Object.keys(attributes).forEach((key => {
+                animate.preventAttr(key);
+            }));
+        }));
     }
     getAttributes(final = !1) {
-        return final ? (this.computeAnimatedAttribute(), this.getFinalAttribute()) : this.attribute;
+        return final && this.finalAttribute ? this.finalAttribute : this.attribute;
     }
     animate(params) {
         var _a, _b, _c;
@@ -26,20 +30,31 @@ class AnimateExtension {
             animate.stop(), this.animates.delete(animate.id);
         })), null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
     }
-    computeAnimatedAttribute() {
-        this.animatedAttribute || (this.animatedAttribute = {}, this.animates.forEach((animate => {
-            animate.getLoop() !== 1 / 0 && Object.assign(this.animatedAttribute, animate.getEndProps());
-        })));
-    }
     createTimeline() {
         return new timeline_1.DefaultTimeline;
     }
     createTicker(stage) {
         return new default_ticker_1.DefaultTicker(stage);
     }
+    setFinalAttribute(finalAttribute) {
+        this.finalAttribute || (this.finalAttribute = {}), Object.assign(this.finalAttribute, finalAttribute);
+    }
+    initFinalAttribute(finalAttribute) {
+        this.finalAttribute = finalAttribute;
+    }
+    initAnimateExecutor() {
+        this._animateExecutor || (this._animateExecutor = new animate_executor_1.AnimateExecutor(this));
+    }
+    executeAnimation(config) {
+        return this.initAnimateExecutor(), this._animateExecutor.execute(config), this;
+    }
+    executeAnimations(configs) {
+        return this.initAnimateExecutor(), configs.forEach((config => {
+            this._animateExecutor.execute(config);
+        })), this;
+    }
     getFinalAttribute() {
-        const finalAttribute = {};
-        return Object.assign(finalAttribute, this.attribute, this.animatedAttribute), finalAttribute;
+        return this.finalAttribute;
     }
 }
 

package/cjs/animate-extension.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate-extension.ts"],"names":[],"mappings":";;;AASA,uCAAoC;AACpC,yCAA8D;AAC9D,4DAAwD;AAGxD,MAAa,gBAAgB;IAA7B;QACE,sBAAiB,GAA+B,IAAI,CAAC;IAkEvD,CAAC;IA9DC,aAAa,CAAC,QAAiB,KAAK;QAClC,IAAI,KAAK,EAAE;YACT,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;SACjC;QACD,OAAQ,IAAY,CAAC,SAAS,CAAC;IACjC,CAAC;IAED,OAAO,CAAC,MAA8B;;QACpC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;SAC3B;QACD,MAAM,OAAO,GAAG,IAAI,iBAAO,CACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,EACV,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,mCAAI,CAAE,IAAY,CAAC,KAAK,IAAK,IAAY,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,mCAAI,0BAAe,EACjG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAChB,CAAC;QAEF,OAAO,CAAC,IAAI,CAAC,IAAW,CAAC,CAAC;QAC1B,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;YAC5C,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5C,KAAK,IAAI,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACtC,QAAQ,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SAChD;QACD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE;YACpB,OAAO,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAGH,MAAC,IAAY,CAAC,KAAK,0CAAE,MAAM,CAAC,KAAK,EAAE,CAAC;QAEpC,OAAO,OAAO,CAAC;IACjB,CAAC;IAES,wBAAwB;QAChC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;YAE5B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;gBAC9B,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,QAAQ,EAAE;oBAClC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;iBAC9D;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,0BAAe,EAAE,CAAC;IAC/B,CAAC;IAED,YAAY,CAAC,KAAU;QACrB,OAAO,IAAI,8BAAa,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAES,iBAAiB;QACzB,MAAM,cAAc,GAAG,EAAE,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,cAAc,EAAG,IAAY,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC/E,OAAO,cAAc,CAAC;IACxB,CAAC;CACF;AAnED,4CAmEC","file":"animate-extension.js","sourcesContent":["// 1. 支持animate函数\n// 2. 支持animates map\n// 2. 支持animatedAttribute 为所有动画的最终结果（loop为INFINITY的动画不算）\n// 3. 支持finalAttribute 为所有动画的最终结果（animatedAttribute 合并了 graphic.attribute之后的最终结果）\n// 3. 重载Graphic的getAttributes方法，根据参数getAttributes(final = true)返回finalAttribute = {}; merge(finalAttribute, graphic.attribute, animatedAttribute)，\n// animatedAttribute为所有动画的最终结果（loop为INFINITY的动画不算）\n\nimport type { IGraphicAnimateParams } from '@visactor/vrender-core';\nimport type { IAnimate } from './intreface/animate';\nimport { Animate } from './animate';\nimport { DefaultTimeline, defaultTimeline } from './timeline';\nimport { DefaultTicker } from './ticker/default-ticker';\n\n// 基于性能考虑，每次调用animate函数，都会设置animatedAttribute为null，每次getAttributes(true)会根据animatedAttribute属性判断是否需要重新计算animatedAttribute。\nexport class AnimateExtension {\n  animatedAttribute: Record<string, any> | null = null;\n\n  declare animates: Map<string | number, IAnimate>;\n\n  getAttributes(final: boolean = false) {\n    if (final) {\n      this.computeAnimatedAttribute();\n      return this.getFinalAttribute();\n    }\n    return (this as any).attribute;\n  }\n\n  animate(params?: IGraphicAnimateParams) {\n    if (!this.animates) {\n      this.animates = new Map();\n    }\n    const animate = new Animate(\n      params?.id,\n      params?.timeline ?? ((this as any).stage && (this as any).stage.getTimeline()) ?? defaultTimeline,\n      params?.slience\n    );\n\n    animate.bind(this as any);\n    if (params) {\n      const { onStart, onEnd, onRemove } = params;\n      onStart != null && animate.onStart(onStart);\n      onEnd != null && animate.onEnd(onEnd);\n      onRemove != null && animate.onRemove(onRemove);\n    }\n    this.animates.set(animate.id, animate);\n    animate.onRemove(() => {\n      animate.stop();\n      this.animates.delete(animate.id);\n    });\n\n    // TODO 考虑性能问题\n    (this as any).stage?.ticker.start();\n\n    return animate;\n  }\n\n  protected computeAnimatedAttribute() {\n    if (!this.animatedAttribute) {\n      this.animatedAttribute = {};\n\n      this.animates.forEach(animate => {\n        if (animate.getLoop() !== Infinity) {\n          Object.assign(this.animatedAttribute, animate.getEndProps());\n        }\n      });\n    }\n  }\n\n  createTimeline() {\n    return new DefaultTimeline();\n  }\n\n  createTicker(stage: any) {\n    return new DefaultTicker(stage);\n  }\n\n  protected getFinalAttribute() {\n    const finalAttribute = {};\n    Object.assign(finalAttribute, (this as any).attribute, this.animatedAttribute);\n    return finalAttribute;\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate-extension.ts"],"names":[],"mappings":"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","file":"animate-extension.js","sourcesContent":["// 1. 支持animate函数\n// 2. 支持animates map\n// 2. 支持animatedAttribute 为所有动画的最终结果（loop为INFINITY的动画不算）\n// 3. 支持finalAttribute 为所有动画的最终结果（animatedAttribute 合并了 graphic.attribute之后的最终结果）\n// 3. 重载Graphic的getAttributes方法，根据参数getAttributes(final = true)返回finalAttribute = {}; merge(finalAttribute, graphic.attribute, animatedAttribute)，\n// animatedAttribute为所有动画的最终结果（loop为INFINITY的动画不算）\n\nimport type { IGraphicAnimateParams } from '@visactor/vrender-core';\nimport type { IAnimate } from './intreface/animate';\nimport { Animate } from './animate';\nimport { DefaultTimeline, defaultTimeline } from './timeline';\nimport { DefaultTicker } from './ticker/default-ticker';\nimport type { IAnimationConfig } from './executor/executor';\nimport { AnimateExecutor } from './executor/animate-executor';\n\n// 基于性能考虑，每次调用animate函数，都会设置animatedAttribute为null，每次getAttributes(true)会根据animatedAttribute属性判断是否需要重新计算animatedAttribute。\nexport class AnimateExtension {\n  declare finalAttribute: Record<string, any>;\n  _animateExecutor: AnimateExecutor | null;\n\n  declare animates: Map<string | number, IAnimate>;\n\n  setAttributesAndPreventAnimate(attributes: Record<string, any>) {\n    (this as any).setAttributes(attributes);\n    this.animates &&\n      this.animates.forEach(animate => {\n        Object.keys(attributes).forEach(key => {\n          animate.preventAttr(key);\n        });\n      });\n  }\n\n  getAttributes(final: boolean = false) {\n    if (final && this.finalAttribute) {\n      return this.finalAttribute;\n    }\n    return (this as any).attribute;\n  }\n\n  animate(params?: IGraphicAnimateParams) {\n    if (!this.animates) {\n      this.animates = new Map();\n    }\n    const animate = new Animate(\n      params?.id,\n      params?.timeline ?? ((this as any).stage && (this as any).stage.getTimeline()) ?? defaultTimeline,\n      params?.slience\n    );\n\n    animate.bind(this as any);\n    if (params) {\n      const { onStart, onEnd, onRemove } = params;\n      onStart != null && animate.onStart(onStart);\n      onEnd != null && animate.onEnd(onEnd);\n      onRemove != null && animate.onRemove(onRemove);\n    }\n    this.animates.set(animate.id, animate);\n    animate.onRemove(() => {\n      animate.stop();\n      this.animates.delete(animate.id);\n    });\n\n    // TODO 考虑性能问题\n    (this as any).stage?.ticker.start();\n\n    return animate;\n  }\n\n  createTimeline() {\n    return new DefaultTimeline();\n  }\n\n  createTicker(stage: any) {\n    return new DefaultTicker(stage);\n  }\n\n  setFinalAttribute(finalAttribute: Record<string, any>) {\n    if (!this.finalAttribute) {\n      this.finalAttribute = {};\n    }\n    Object.assign(this.finalAttribute, finalAttribute);\n  }\n\n  initFinalAttribute(finalAttribute: Record<string, any>) {\n    this.finalAttribute = finalAttribute;\n  }\n\n  initAnimateExecutor(): void {\n    if (!this._animateExecutor) {\n      this._animateExecutor = new AnimateExecutor(this as any);\n    }\n  }\n\n  /**\n   * Apply animation configuration to the component\n   * @param config Animation configuration\n   * @returns This component instance\n   */\n  executeAnimation(config: IAnimationConfig): this {\n    this.initAnimateExecutor();\n    this._animateExecutor.execute(config);\n    return this;\n  }\n\n  /**\n   * Apply animations to multiple components\n   * @param configs Animation configurations\n   * @returns This component instance\n   */\n  executeAnimations(configs: IAnimationConfig[]): this {\n    this.initAnimateExecutor();\n    configs.forEach(config => {\n      this._animateExecutor.execute(config);\n    });\n    return this;\n  }\n\n  protected getFinalAttribute() {\n    return this.finalAttribute;\n  }\n}\n"]}

package/cjs/animate.js

@@ -36,11 +36,11 @@ class Animate {
     }
     to(props, duration = 300, easing = "linear") {
         const step = new step_1.Step(type_1.AnimateStepType.to, props, duration, easing);
-        return this.updateStepAfterAppend(step), step.bind(this.target, this), this;
+        return step.bind(this.target, this), this.updateStepAfterAppend(step), this;
     }
     wait(delay) {
         const step = new step_1.WaitStep(type_1.AnimateStepType.wait, {}, delay, "linear");
-        return this.updateStepAfterAppend(step), step.bind(this.target, this), this;
+        return step.bind(this.target, this), this.updateStepAfterAppend(step), this;
     }
     updateStepAfterAppend(step) {
         this._firstStep ? (this._lastStep.append(step), this._lastStep = step) : (this._firstStep = step, 
@@ -71,7 +71,7 @@ class Animate {
         this._lastStep = step), this.updateDuration(), this;
     }
     play(customAnimate) {
-        return this.updateStepAfterAppend(customAnimate), customAnimate.bind(this.target, this), 
+        return customAnimate.bind(this.target, this), this.updateStepAfterAppend(customAnimate), 
         this;
     }
     pause() {
@@ -126,6 +126,8 @@ class Animate {
         return this._endProps;
     }
     stop(type) {
+        let step = this._firstStep;
+        for (;step; ) step.stop(), step = step.next;
         this.status = type_1.AnimateStatus.END, this.onEnd(), this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
     }
     release() {

package/cjs/animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animate.ts"],"names":[],"mappings":"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","file":"animate.js","sourcesContent":["import type { IAnimate, IStep, ICustomAnimate } from './intreface/animate';\nimport type { EasingType } from './intreface/easing';\nimport { AnimateStatus, AnimateStepType } from './intreface/type';\nimport { Step, WaitStep } from './step';\nimport type { ITimeline } from './intreface/timeline';\nimport { Generator, type IGraphic } from '@visactor/vrender-core';\nimport { defaultTimeline } from './timeline';\n\nexport class Animate implements IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n  target: IGraphic;\n\n  // 回调函数列表\n  _onStart?: (() => void)[];\n  _onFrame?: ((step: IStep, ratio: number) => void)[];\n  _onEnd?: (() => void)[];\n  _onRemove?: (() => void)[];\n\n  // 时间控制\n  private _timeline: ITimeline;\n  private _startTime: number;\n  private _duration: number;\n  private _totalDuration: number;\n\n  // 动画控制\n  // private _reversed: boolean;\n  private _loopCount: number;\n  private _currentLoop: number;\n  private _bounce: boolean;\n\n  // 链表头节点和尾节点\n  private _firstStep: IStep | null;\n  private _lastStep: IStep | null;\n\n  // 初始属性和屏蔽的属性\n  private _startProps: Record<string, any>;\n  private _endProps: Record<string, any>;\n  private _preventAttrs: Set<string>;\n  // 优先级，用于判定是否能被后续的动画preventAttr\n  declare priority: number;\n\n  protected currentTime: number;\n  slience?: boolean;\n\n  interpolateUpdateFunction:\n    | ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void)\n    | null;\n\n  constructor(\n    id: string | number = Generator.GenAutoIncrementId(),\n    timeline: ITimeline = defaultTimeline,\n    slience?: boolean\n  ) {\n    this.id = id;\n    this.status = AnimateStatus.INITIAL;\n    this._timeline = timeline;\n    timeline.addAnimate(this);\n    this.slience = slience;\n    this._startTime = 0;\n    this._duration = 0;\n    this._totalDuration = 0;\n    // this._reversed = false;\n    this._loopCount = 0;\n    this._currentLoop = 0;\n    this._bounce = false;\n    this._firstStep = null;\n    this._lastStep = null;\n    this._startProps = {};\n    this._endProps = {};\n    this._preventAttrs = new Set();\n    this.currentTime = 0;\n    this.interpolateUpdateFunction = null;\n    this.priority = 0;\n  }\n\n  /**\n   * 获取开始属性\n   */\n  getStartProps(): Record<string, any> {\n    return this._startProps;\n  }\n\n  /**\n   * 获取结束属性\n   */\n  getEndProps(): Record<string, any> {\n    return this._endProps;\n  }\n\n  /**\n   * 设置时间线\n   */\n  setTimeline(timeline: ITimeline): void {\n    this._timeline = timeline;\n  }\n\n  /**\n   * 获取时间线\n   */\n  getTimeline(): ITimeline {\n    return this._timeline;\n  }\n\n  /**\n   * 时间线属性访问器\n   */\n  get timeline(): ITimeline {\n    return this._timeline;\n  }\n\n  /**\n   * 绑定目标图形\n   */\n  bind(target: IGraphic): this {\n    this.target = target;\n\n    if (this.target.onAnimateBind && !this.slience) {\n      this.target.onAnimateBind(this as any);\n    }\n    // 添加一个animationAttribute属性，用于存储动画过程中的属性\n    if (!this.target.animationAttribute) {\n      this.target.animationAttribute = {};\n    }\n    return this;\n  }\n\n  /**\n   * 动画步骤：to\n   * 添加一个to步骤，这会在当前状态到指定状态间进行插值\n   */\n  to(props: Record<string, any>, duration: number = 300, easing: EasingType = 'linear'): this {\n    // 创建新的step\n    const step = new Step(AnimateStepType.to, props, duration, easing);\n\n    this.updateStepAfterAppend(step);\n\n    step.bind(this.target, this);\n\n    return this;\n  }\n\n  /**\n   * 等待延迟\n   */\n  wait(delay: number): this {\n    // 创建新的wait step\n    const step = new WaitStep(AnimateStepType.wait, {}, delay, 'linear');\n\n    // 如果是第一个step\n    this.updateStepAfterAppend(step);\n\n    step.bind(this.target, this);\n\n    return this;\n  }\n\n  protected updateStepAfterAppend(step: IStep): void {\n    // 如果是第一个step\n    if (!this._firstStep) {\n      this._firstStep = step;\n      this._lastStep = step;\n    } else {\n      // 添加到链表末尾\n      this._lastStep.append(step);\n      this._lastStep = step;\n    }\n\n    this.parseStepProps(step);\n\n    this.updateDuration();\n  }\n\n  /**\n   * 解析step的props\n   * 1. 预先获取step的propKeys并保存\n   * 2. 将截止目前的最新props设置到step.props中，这样该props上的属性就是最终的属性了，跳帧时直接设置即可\n   * 3. 同步到_endProps中，保存这个Animate实例的最终props\n   * 4. 给step的props的原型链上绑定Animate的_startProps，这样在下一个step查找fromProps的时候，一定能拿得到值\n   */\n  parseStepProps(step: IStep) {\n    if (!this._lastStep) {\n      return;\n    }\n\n    /* 预设置step的属性，基于性能考虑，实现比较复杂 */\n    // step.propKeys为真实的props属性的key\n    step.propKeys = step.propKeys || Object.keys(step.props);\n    // step.props为包含前序step的props的最终props，用于跳帧等场景，可以直接设置\n    Object.keys(this._endProps).forEach(key => {\n      step.props[key] = step.props[key] ?? this._endProps[key];\n    });\n    // 将最终的props设置到step.props中\n    step.propKeys.forEach(key => {\n      this._endProps[key] = step.props[key];\n    });\n    // 给step的props的原型链上绑定Animate的_startProps\n    // 下一个step在查找上一个step.props（也就是找到它的fromProps）的时候，就能拿到初始的props了\n    // 比如：\n    // rect.animate().to({ x: 100 }, 1000, 'linear').to({ y: 100 }, 1000, 'linear');\n    // 在第二个step查找fromProps的时候，就能拿到第一个step的endProps中的y值（在原型链上）\n    // TODO 由于会有其他animate的干扰，所以不能直接设置原型链\n    // Object.setPrototypeOf(step.props, this._startProps);\n  }\n\n  /**\n   * 重新同步和计算props，用于内部某些step发生了变更后，重新计算自身\n   * 性能较差，不要频繁调用\n   * @returns\n   */\n  reSyncProps() {\n    if (!this._lastStep) {\n      return;\n    }\n    this._endProps = {};\n    let currentStep: IStep = this._firstStep;\n    // 从前向后寻找当前时间所在的step\n    while (currentStep) {\n      // step.props为包含前序step的props的最终props，用于跳帧等场景，可以直接设置\n      // eslint-disable-next-line no-loop-func\n      Object.keys(this._endProps).forEach(key => {\n        currentStep.props[key] = currentStep.props[key] ?? this._endProps[key];\n      });\n      // 将最终的props设置到step.props中\n      // eslint-disable-next-line no-loop-func\n      currentStep.propKeys.forEach(key => {\n        this._endProps[key] = currentStep.props[key];\n      });\n      // 给step的props的原型链上绑定Animate的_startProps\n      // 下一个step在查找上一个step.props（也就是找到它的fromProps）的时候，就能拿到初始的props了\n      // 比如：\n      // rect.animate().to({ x: 100 }, 1000, 'linear').to({ y: 100 }, 1000, 'linear');\n      // 在第二个step查找fromProps的时候，就能拿到第一个step的endProps中的y值（在原型链上）\n      // TODO 由于会有其他animate的干扰，所以不能直接设置原型链\n      // Object.setPrototypeOf(currentStep.props, this._startProps);\n      currentStep = currentStep.next;\n    }\n  }\n\n  /**\n   * 动画步骤：from\n   * 添加一个from步骤，这会将目标属性先设置为指定值，然后过渡到当前状态\n   * 【注意】这可能会导致动画跳变，请谨慎使用\n   */\n  from(props: Record<string, any>, duration: number = 300, easing: EasingType = 'linear'): this {\n    // 创建新的step\n    const step = new Step(AnimateStepType.from, props, duration, easing);\n\n    // 如果是第一个step\n    if (!this._firstStep) {\n      this._firstStep = step;\n      this._lastStep = step;\n    } else {\n      // 添加到链表末尾\n      this._lastStep.append(step);\n      this._lastStep = step;\n    }\n\n    this.updateDuration();\n\n    return this;\n  }\n\n  /**\n   * 自定义动画\n   */\n  play(customAnimate: ICustomAnimate): this {\n    this.updateStepAfterAppend(customAnimate);\n\n    customAnimate.bind(this.target, this);\n\n    return this;\n  }\n\n  /**\n   * 暂停动画\n   */\n  pause(): void {\n    if (this.status === AnimateStatus.RUNNING) {\n      this.status = AnimateStatus.PAUSED;\n    }\n  }\n\n  /**\n   * 恢复动画\n   */\n  resume(): void {\n    if (this.status === AnimateStatus.PAUSED) {\n      this.status = AnimateStatus.RUNNING;\n    }\n  }\n\n  /**\n   * 注册开始回调\n   */\n  onStart(cb?: () => void): void {\n    if (cb) {\n      if (!this._onStart) {\n        this._onStart = [];\n      }\n      this._onStart.push(cb);\n    } else {\n      this._onStart?.forEach(cb => cb());\n      // 设置开始属性，Animate不会重复执行start所以不需要判断firstStart\n      Object.keys(this._endProps).forEach(key => {\n        this._startProps[key] = this.target.getComputedAttribute(key);\n      });\n    }\n  }\n\n  /**\n   * 注册结束回调\n   */\n  onEnd(cb?: () => void): void {\n    if (cb) {\n      if (!this._onEnd) {\n        this._onEnd = [];\n      }\n      this._onEnd.push(cb);\n    } else {\n      this._onEnd?.forEach(cb => cb());\n    }\n  }\n\n  /**\n   * 注册帧回调\n   */\n  onFrame(cb?: (step: IStep, ratio: number) => void): void {\n    if (cb) {\n      if (!this._onFrame) {\n        this._onFrame = [];\n      }\n      this._onFrame.push(cb);\n    }\n  }\n\n  /**\n   * 注册移除回调\n   */\n  onRemove(cb?: () => void): void {\n    if (cb) {\n      if (!this._onRemove) {\n        this._onRemove = [];\n      }\n      this._onRemove.push(cb);\n    } else {\n      this._onRemove?.forEach(cb => cb());\n    }\n  }\n\n  /**\n   * 屏蔽单个属性\n   */\n  preventAttr(key: string): void {\n    this._preventAttrs.add(key);\n    // 从所有step中移除该属性，并从自身的_startProps和_endProps中移除该属性\n    delete this._startProps[key];\n    delete this._endProps[key];\n    let step = this._firstStep;\n    while (step) {\n      step.deleteSelfAttr(key);\n      step = step.next;\n    }\n  }\n\n  /**\n   * 屏蔽多个属性\n   */\n  preventAttrs(keys: string[]): void {\n    keys.forEach(key => this._preventAttrs.add(key));\n  }\n\n  /**\n   * 检查属性是否合法（未被屏蔽）\n   */\n  validAttr(key: string): boolean {\n    return !this._preventAttrs.has(key);\n  }\n\n  /**\n   * 运行自定义回调\n   */\n  runCb(cb: (a: IAnimate, step: IStep) => void): IAnimate {\n    this._lastStep?.onEnd(cb);\n    return this;\n  }\n\n  /**\n   * 设置动画开始时间\n   */\n  startAt(t: number): this {\n    this._startTime = t;\n\n    return this;\n  }\n\n  /**\n   * 自定义插值函数，返回false表示没有匹配上\n   */\n  customInterpolate(\n    key: string,\n    ratio: number,\n    from: any,\n    to: any,\n    target: IGraphic,\n    ret: Record<string, any>\n  ): boolean {\n    // 默认无自定义插值，可由子类重写\n    return false;\n  }\n\n  /**\n   * 获取起始值，该起始值为animate的起始值，并不一定为step的起始值\n   */\n  getFromValue(): Record<string, any> {\n    return this._startProps;\n  }\n\n  /**\n   * 获取结束值\n   */\n  getToValue(): Record<string, any> {\n    return this._endProps;\n  }\n\n  /**\n   * 停止动画\n   */\n  stop(type?: 'start' | 'end' | Record<string, any>): void {\n    // TODO 有些动画可能一添加就被删除\n    // if (this.status === AnimateStatus.END) {\n    //   return;\n    // }\n\n    this.status = AnimateStatus.END;\n\n    this.onEnd();\n\n    if (!this.target) {\n      return;\n    }\n\n    if (type === 'start') {\n      // 设置为开始状态\n      this.target.setAttributes(this._startProps);\n    } else if (type === 'end') {\n      // 设置为结束状态\n      this.target.setAttributes(this._endProps);\n    } else if (type) {\n      // 设置为自定义状态\n      this.target.setAttributes(type);\n    }\n  }\n\n  /**\n   * 释放动画资源\n   */\n  release(): void {\n    this.status = AnimateStatus.END;\n\n    // 触发移除回调\n    if (this._onRemove) {\n      this._onRemove.forEach(cb => cb());\n    }\n\n    // 清空回调\n    this._onStart = [];\n    this._onFrame = [];\n    this._onEnd = [];\n    this._onRemove = [];\n  }\n\n  /**\n   * 获取动画持续时间\n   */\n  getDuration(): number {\n    return this._duration;\n  }\n\n  /**\n   * 获取动画开始时间\n   */\n  getStartTime(): number {\n    return this._startTime;\n  }\n\n  /**\n   * 在所有动画完成后执行\n   */\n  afterAll(list: IAnimate[]): this {\n    if (!list || list.length === 0) {\n      return this;\n    }\n\n    // 计算所有动画结束的最大时间点\n    let maxEndTime = 0;\n    list.forEach(animate => {\n      const endTime = animate.getStartTime() + animate.getTotalDuration();\n      maxEndTime = Math.max(maxEndTime, endTime);\n    });\n\n    // 设置当前动画的开始时间为最大结束时间\n    return this.startAt(maxEndTime);\n  }\n\n  /**\n   * 在指定动画完成后执行\n   */\n  after(animate: IAnimate): this {\n    if (!animate) {\n      return this;\n    }\n\n    // 计算指定动画结束的时间点\n    const endTime = animate.getStartTime() + animate.getTotalDuration();\n\n    // 设置当前动画的开始时间为结束时间\n    return this.startAt(endTime);\n  }\n\n  /**\n   * 并行执行动画\n   */\n  parallel(animate: IAnimate): this {\n    if (!animate) {\n      return this;\n    }\n\n    // 设置指定动画的开始时间为当前动画的开始时间\n    this.startAt(animate.getStartTime());\n\n    return this;\n  }\n\n  // /**\n  //  * 设置动画是否反转\n  //  */\n  // reversed(r: boolean): this {\n  //   this._reversed = r;\n  //   return this;\n  // }\n\n  /**\n   * 设置动画循环次数，如果传入true，则无限循环，如果传入false，则不循环\n   */\n  loop(n: number | boolean): this {\n    if (n === true) {\n      n = Infinity;\n    } else if (n === false) {\n      n = 0;\n    }\n    this._loopCount = n;\n    this.updateDuration();\n    return this;\n  }\n\n  /**\n   * 设置动画是否反弹\n   */\n  bounce(b: boolean): this {\n    this._bounce = b;\n    return this;\n  }\n\n  /**\n   * 推进动画\n   */\n  advance(delta: number): void {\n    if (this.status === AnimateStatus.END) {\n      console.warn('aaa 动画已经结束，不能推进');\n      return;\n    }\n    const nextTime = this.currentTime + delta;\n    // 如果还没开始，直接return\n    if (nextTime < this._startTime) {\n      this.currentTime = nextTime;\n      return;\n    }\n    // 如果已经结束，设置状态后return\n    if (nextTime >= this._startTime + this._totalDuration) {\n      this._lastStep?.onEnd();\n      this.onEnd();\n      this.status = AnimateStatus.END;\n      return;\n    }\n\n    this.status = AnimateStatus.RUNNING;\n\n    // 如果是第一次运行，触发开始回调\n    if (this.currentTime <= this._startTime) {\n      this.onStart();\n    }\n    this.currentTime = nextTime;\n\n    let cycleTime = nextTime - this._startTime;\n    let newLoop = false;\n    let bounceTime = false;\n    if (this._loopCount > 0) {\n      cycleTime = (nextTime - this._startTime) % this._duration;\n      const currentLoop = Math.floor((nextTime - this._startTime) / this._duration);\n      newLoop = currentLoop > this._currentLoop;\n      this._currentLoop = currentLoop;\n\n      bounceTime = this._bounce && currentLoop % 2 === 1;\n      if (bounceTime) {\n        cycleTime = this._duration - cycleTime;\n      }\n    }\n\n    // 如果是新的循环，重置为初始状态\n    if (newLoop && !bounceTime) {\n      this.target.setAttributes(this._startProps);\n    }\n\n    // 选择起始步骤和遍历方向\n    let targetStep: IStep | null = null;\n\n    if (this._lastStep === this._firstStep) {\n      targetStep = this._firstStep;\n    } else {\n      let currentStep: IStep = this._firstStep;\n      // 从前向后寻找当前时间所在的step\n      while (currentStep) {\n        const stepStartTime = currentStep.getStartTime();\n        const stepDuration = currentStep.getDuration();\n        const stepEndTime = stepStartTime + stepDuration;\n\n        // 找到当前周期时间所在的step\n        if (cycleTime >= stepStartTime && cycleTime <= stepEndTime) {\n          targetStep = currentStep;\n          break;\n        }\n\n        currentStep = currentStep.next;\n      }\n    }\n\n    // 如果没找到目标step（可能是所有step都执行完了，但整体动画还没结束，这正常是不存在的）\n    if (!targetStep) {\n      // this.currentTime = nextTime;\n      // console.warn('动画出现问题');\n      return;\n    }\n\n    // 计算当前step的进度比例（基于当前step内的相对时间）\n    const stepStartTime = targetStep.getStartTime();\n    const stepDuration = targetStep.getDuration();\n\n    const ratio = (cycleTime - stepStartTime) / stepDuration;\n    // // 限制ratio在0-1之间\n    // ratio = Math.max(0, Math.min(1, ratio));\n\n    const isEnd = ratio >= 1;\n    targetStep.update(isEnd, ratio, {});\n\n    // 如果step执行完毕\n    if (isEnd) {\n      targetStep.onEnd();\n      // 不立即调用onFinish，让动画系统来决定何时结束\n    }\n\n    // 触发帧回调\n    // if (this._onFrame) {\n    //   this._onFrame.forEach(cb => cb(targetStep, ratio));\n    // }\n  }\n\n  updateDuration(): void {\n    if (!this._lastStep) {\n      this._duration = 0;\n      return;\n    }\n\n    this._duration = this._lastStep.getStartTime() + this._lastStep.getDuration();\n    this._totalDuration = this._duration * (this._loopCount + 1);\n  }\n\n  getTotalDuration(): number {\n    return this._totalDuration;\n  }\n\n  getLoop(): number {\n    return this._loopCount;\n  }\n}\n"]}
+{"version":3,"sources":["../src/animate.ts"],"names":[],"mappings":"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","file":"animate.js","sourcesContent":["import type { IAnimate, IStep, ICustomAnimate } from './intreface/animate';\nimport type { EasingType } from './intreface/easing';\nimport { AnimateStatus, AnimateStepType } from './intreface/type';\nimport { Step, WaitStep } from './step';\nimport type { ITimeline } from './intreface/timeline';\nimport { Generator, type IGraphic } from '@visactor/vrender-core';\nimport { defaultTimeline } from './timeline';\n\nexport class Animate implements IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n  target: IGraphic;\n\n  // 回调函数列表\n  _onStart?: (() => void)[];\n  _onFrame?: ((step: IStep, ratio: number) => void)[];\n  _onEnd?: (() => void)[];\n  _onRemove?: (() => void)[];\n\n  // 时间控制\n  private _timeline: ITimeline;\n  private _startTime: number;\n  private _duration: number;\n  private _totalDuration: number;\n\n  // 动画控制\n  // private _reversed: boolean;\n  private _loopCount: number;\n  private _currentLoop: number;\n  private _bounce: boolean;\n\n  // 链表头节点和尾节点\n  private _firstStep: IStep | null;\n  private _lastStep: IStep | null;\n\n  // 初始属性和屏蔽的属性\n  private _startProps: Record<string, any>;\n  private _endProps: Record<string, any>;\n  private _preventAttrs: Set<string>;\n  // 优先级，用于判定是否能被后续的动画preventAttr\n  declare priority: number;\n\n  protected currentTime: number;\n  slience?: boolean;\n\n  interpolateUpdateFunction:\n    | ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void)\n    | null;\n\n  constructor(\n    id: string | number = Generator.GenAutoIncrementId(),\n    timeline: ITimeline = defaultTimeline,\n    slience?: boolean\n  ) {\n    this.id = id;\n    this.status = AnimateStatus.INITIAL;\n    this._timeline = timeline;\n    timeline.addAnimate(this);\n    this.slience = slience;\n    this._startTime = 0;\n    this._duration = 0;\n    this._totalDuration = 0;\n    // this._reversed = false;\n    this._loopCount = 0;\n    this._currentLoop = 0;\n    this._bounce = false;\n    this._firstStep = null;\n    this._lastStep = null;\n    this._startProps = {};\n    this._endProps = {};\n    this._preventAttrs = new Set();\n    this.currentTime = 0;\n    this.interpolateUpdateFunction = null;\n    this.priority = 0;\n  }\n\n  /**\n   * 获取开始属性\n   */\n  getStartProps(): Record<string, any> {\n    return this._startProps;\n  }\n\n  /**\n   * 获取结束属性\n   */\n  getEndProps(): Record<string, any> {\n    return this._endProps;\n  }\n\n  /**\n   * 设置时间线\n   */\n  setTimeline(timeline: ITimeline): void {\n    this._timeline = timeline;\n  }\n\n  /**\n   * 获取时间线\n   */\n  getTimeline(): ITimeline {\n    return this._timeline;\n  }\n\n  /**\n   * 时间线属性访问器\n   */\n  get timeline(): ITimeline {\n    return this._timeline;\n  }\n\n  /**\n   * 绑定目标图形\n   */\n  bind(target: IGraphic): this {\n    this.target = target;\n\n    if (this.target.onAnimateBind && !this.slience) {\n      this.target.onAnimateBind(this as any);\n    }\n    // 添加一个animationAttribute属性，用于存储动画过程中的属性\n    if (!this.target.animationAttribute) {\n      this.target.animationAttribute = {};\n    }\n    return this;\n  }\n\n  /**\n   * 动画步骤：to\n   * 添加一个to步骤，这会在当前状态到指定状态间进行插值\n   */\n  to(props: Record<string, any>, duration: number = 300, easing: EasingType = 'linear'): this {\n    // 创建新的step\n    const step = new Step(AnimateStepType.to, props, duration, easing);\n\n    step.bind(this.target, this);\n\n    this.updateStepAfterAppend(step);\n\n    return this;\n  }\n\n  /**\n   * 等待延迟\n   */\n  wait(delay: number): this {\n    // 创建新的wait step\n    const step = new WaitStep(AnimateStepType.wait, {}, delay, 'linear');\n\n    step.bind(this.target, this);\n\n    this.updateStepAfterAppend(step);\n\n    return this;\n  }\n\n  protected updateStepAfterAppend(step: IStep): void {\n    // 如果是第一个step\n    if (!this._firstStep) {\n      this._firstStep = step;\n      this._lastStep = step;\n    } else {\n      // 添加到链表末尾\n      this._lastStep.append(step);\n      this._lastStep = step;\n    }\n\n    this.parseStepProps(step);\n\n    this.updateDuration();\n  }\n\n  /**\n   * 解析step的props\n   * 1. 预先获取step的propKeys并保存\n   * 2. 将截止目前的最新props设置到step.props中，这样该props上的属性就是最终的属性了，跳帧时直接设置即可\n   * 3. 同步到_endProps中，保存这个Animate实例的最终props\n   * 4. 给step的props的原型链上绑定Animate的_startProps，这样在下一个step查找fromProps的时候，一定能拿得到值\n   */\n  parseStepProps(step: IStep) {\n    if (!this._lastStep) {\n      return;\n    }\n\n    /* 预设置step的属性，基于性能考虑，实现比较复杂 */\n    // step.propKeys为真实的props属性的key\n    step.propKeys = step.propKeys || Object.keys(step.props);\n    // step.props为包含前序step的props的最终props，用于跳帧等场景，可以直接设置\n    Object.keys(this._endProps).forEach(key => {\n      step.props[key] = step.props[key] ?? this._endProps[key];\n    });\n    // 将最终的props设置到step.props中\n    step.propKeys.forEach(key => {\n      this._endProps[key] = step.props[key];\n    });\n    // 给step的props的原型链上绑定Animate的_startProps\n    // 下一个step在查找上一个step.props（也就是找到它的fromProps）的时候，就能拿到初始的props了\n    // 比如：\n    // rect.animate().to({ x: 100 }, 1000, 'linear').to({ y: 100 }, 1000, 'linear');\n    // 在第二个step查找fromProps的时候，就能拿到第一个step的endProps中的y值（在原型链上）\n    // TODO 由于会有其他animate的干扰，所以不能直接设置原型链\n    // Object.setPrototypeOf(step.props, this._startProps);\n  }\n\n  /**\n   * 重新同步和计算props，用于内部某些step发生了变更后，重新计算自身\n   * 性能较差，不要频繁调用\n   * @returns\n   */\n  reSyncProps() {\n    if (!this._lastStep) {\n      return;\n    }\n    this._endProps = {};\n    let currentStep: IStep = this._firstStep;\n    // 从前向后寻找当前时间所在的step\n    while (currentStep) {\n      // step.props为包含前序step的props的最终props，用于跳帧等场景，可以直接设置\n      // eslint-disable-next-line no-loop-func\n      Object.keys(this._endProps).forEach(key => {\n        currentStep.props[key] = currentStep.props[key] ?? this._endProps[key];\n      });\n      // 将最终的props设置到step.props中\n      // eslint-disable-next-line no-loop-func\n      currentStep.propKeys.forEach(key => {\n        this._endProps[key] = currentStep.props[key];\n      });\n      // 给step的props的原型链上绑定Animate的_startProps\n      // 下一个step在查找上一个step.props（也就是找到它的fromProps）的时候，就能拿到初始的props了\n      // 比如：\n      // rect.animate().to({ x: 100 }, 1000, 'linear').to({ y: 100 }, 1000, 'linear');\n      // 在第二个step查找fromProps的时候，就能拿到第一个step的endProps中的y值（在原型链上）\n      // TODO 由于会有其他animate的干扰，所以不能直接设置原型链\n      // Object.setPrototypeOf(currentStep.props, this._startProps);\n      currentStep = currentStep.next;\n    }\n  }\n\n  /**\n   * 动画步骤：from\n   * 添加一个from步骤，这会将目标属性先设置为指定值，然后过渡到当前状态\n   * 【注意】这可能会导致动画跳变，请谨慎使用\n   */\n  from(props: Record<string, any>, duration: number = 300, easing: EasingType = 'linear'): this {\n    // 创建新的step\n    const step = new Step(AnimateStepType.from, props, duration, easing);\n\n    // 如果是第一个step\n    if (!this._firstStep) {\n      this._firstStep = step;\n      this._lastStep = step;\n    } else {\n      // 添加到链表末尾\n      this._lastStep.append(step);\n      this._lastStep = step;\n    }\n\n    this.updateDuration();\n\n    return this;\n  }\n\n  /**\n   * 自定义动画\n   */\n  play(customAnimate: ICustomAnimate): this {\n    customAnimate.bind(this.target, this);\n    this.updateStepAfterAppend(customAnimate);\n\n    return this;\n  }\n\n  /**\n   * 暂停动画\n   */\n  pause(): void {\n    if (this.status === AnimateStatus.RUNNING) {\n      this.status = AnimateStatus.PAUSED;\n    }\n  }\n\n  /**\n   * 恢复动画\n   */\n  resume(): void {\n    if (this.status === AnimateStatus.PAUSED) {\n      this.status = AnimateStatus.RUNNING;\n    }\n  }\n\n  /**\n   * 注册开始回调\n   */\n  onStart(cb?: () => void): void {\n    if (cb) {\n      if (!this._onStart) {\n        this._onStart = [];\n      }\n      this._onStart.push(cb);\n    } else {\n      this._onStart?.forEach(cb => cb());\n      // 设置开始属性，Animate不会重复执行start所以不需要判断firstStart\n      Object.keys(this._endProps).forEach(key => {\n        this._startProps[key] = this.target.getComputedAttribute(key);\n      });\n    }\n  }\n\n  /**\n   * 注册结束回调\n   */\n  onEnd(cb?: () => void): void {\n    if (cb) {\n      if (!this._onEnd) {\n        this._onEnd = [];\n      }\n      this._onEnd.push(cb);\n    } else {\n      this._onEnd?.forEach(cb => cb());\n    }\n  }\n\n  /**\n   * 注册帧回调\n   */\n  onFrame(cb?: (step: IStep, ratio: number) => void): void {\n    if (cb) {\n      if (!this._onFrame) {\n        this._onFrame = [];\n      }\n      this._onFrame.push(cb);\n    }\n  }\n\n  /**\n   * 注册移除回调\n   */\n  onRemove(cb?: () => void): void {\n    if (cb) {\n      if (!this._onRemove) {\n        this._onRemove = [];\n      }\n      this._onRemove.push(cb);\n    } else {\n      this._onRemove?.forEach(cb => cb());\n    }\n  }\n\n  /**\n   * 屏蔽单个属性\n   */\n  preventAttr(key: string): void {\n    this._preventAttrs.add(key);\n    // 从所有step中移除该属性，并从自身的_startProps和_endProps中移除该属性\n    delete this._startProps[key];\n    delete this._endProps[key];\n    let step = this._firstStep;\n    while (step) {\n      step.deleteSelfAttr(key);\n      step = step.next;\n    }\n  }\n\n  /**\n   * 屏蔽多个属性\n   */\n  preventAttrs(keys: string[]): void {\n    keys.forEach(key => this._preventAttrs.add(key));\n  }\n\n  /**\n   * 检查属性是否合法（未被屏蔽）\n   */\n  validAttr(key: string): boolean {\n    return !this._preventAttrs.has(key);\n  }\n\n  /**\n   * 运行自定义回调\n   */\n  runCb(cb: (a: IAnimate, step: IStep) => void): IAnimate {\n    this._lastStep?.onEnd(cb);\n    return this;\n  }\n\n  /**\n   * 设置动画开始时间\n   */\n  startAt(t: number): this {\n    this._startTime = t;\n\n    return this;\n  }\n\n  /**\n   * 自定义插值函数，返回false表示没有匹配上\n   */\n  customInterpolate(\n    key: string,\n    ratio: number,\n    from: any,\n    to: any,\n    target: IGraphic,\n    ret: Record<string, any>\n  ): boolean {\n    // 默认无自定义插值，可由子类重写\n    return false;\n  }\n\n  /**\n   * 获取起始值，该起始值为animate的起始值，并不一定为step的起始值\n   */\n  getFromValue(): Record<string, any> {\n    return this._startProps;\n  }\n\n  /**\n   * 获取结束值\n   */\n  getToValue(): Record<string, any> {\n    return this._endProps;\n  }\n\n  /**\n   * 停止动画\n   */\n  stop(type?: 'start' | 'end' | Record<string, any>): void {\n    // TODO 有些动画可能一添加就被删除\n    // if (this.status === AnimateStatus.END) {\n    //   return;\n    // }\n    // 遍历step，调用其stop\n    let step = this._firstStep;\n    while (step) {\n      step.stop();\n      step = step.next;\n    }\n\n    this.status = AnimateStatus.END;\n\n    this.onEnd();\n\n    if (!this.target) {\n      return;\n    }\n\n    if (type === 'start') {\n      // 设置为开始状态\n      this.target.setAttributes(this._startProps);\n    } else if (type === 'end') {\n      // 设置为结束状态\n      this.target.setAttributes(this._endProps);\n    } else if (type) {\n      // 设置为自定义状态\n      this.target.setAttributes(type);\n    }\n  }\n\n  /**\n   * 释放动画资源\n   */\n  release(): void {\n    this.status = AnimateStatus.END;\n\n    // 触发移除回调\n    if (this._onRemove) {\n      this._onRemove.forEach(cb => cb());\n    }\n\n    // 清空回调\n    this._onStart = [];\n    this._onFrame = [];\n    this._onEnd = [];\n    this._onRemove = [];\n  }\n\n  /**\n   * 获取动画持续时间\n   */\n  getDuration(): number {\n    return this._duration;\n  }\n\n  /**\n   * 获取动画开始时间\n   */\n  getStartTime(): number {\n    return this._startTime;\n  }\n\n  /**\n   * 在所有动画完成后执行\n   */\n  afterAll(list: IAnimate[]): this {\n    if (!list || list.length === 0) {\n      return this;\n    }\n\n    // 计算所有动画结束的最大时间点\n    let maxEndTime = 0;\n    list.forEach(animate => {\n      const endTime = animate.getStartTime() + animate.getTotalDuration();\n      maxEndTime = Math.max(maxEndTime, endTime);\n    });\n\n    // 设置当前动画的开始时间为最大结束时间\n    return this.startAt(maxEndTime);\n  }\n\n  /**\n   * 在指定动画完成后执行\n   */\n  after(animate: IAnimate): this {\n    if (!animate) {\n      return this;\n    }\n\n    // 计算指定动画结束的时间点\n    const endTime = animate.getStartTime() + animate.getTotalDuration();\n\n    // 设置当前动画的开始时间为结束时间\n    return this.startAt(endTime);\n  }\n\n  /**\n   * 并行执行动画\n   */\n  parallel(animate: IAnimate): this {\n    if (!animate) {\n      return this;\n    }\n\n    // 设置指定动画的开始时间为当前动画的开始时间\n    this.startAt(animate.getStartTime());\n\n    return this;\n  }\n\n  // /**\n  //  * 设置动画是否反转\n  //  */\n  // reversed(r: boolean): this {\n  //   this._reversed = r;\n  //   return this;\n  // }\n\n  /**\n   * 设置动画循环次数，如果传入true，则无限循环，如果传入false，则不循环\n   */\n  loop(n: number | boolean): this {\n    if (n === true) {\n      n = Infinity;\n    } else if (n === false) {\n      n = 0;\n    }\n    this._loopCount = n;\n    this.updateDuration();\n    return this;\n  }\n\n  /**\n   * 设置动画是否反弹\n   */\n  bounce(b: boolean): this {\n    this._bounce = b;\n    return this;\n  }\n\n  /**\n   * 推进动画\n   */\n  advance(delta: number): void {\n    if (this.status === AnimateStatus.END) {\n      console.warn('aaa 动画已经结束，不能推进');\n      return;\n    }\n    const nextTime = this.currentTime + delta;\n    // 如果还没开始，直接return\n    if (nextTime < this._startTime) {\n      this.currentTime = nextTime;\n      return;\n    }\n    // 如果已经结束，设置状态后return\n    if (nextTime >= this._startTime + this._totalDuration) {\n      this._lastStep?.onEnd();\n      this.onEnd();\n      this.status = AnimateStatus.END;\n      return;\n    }\n\n    this.status = AnimateStatus.RUNNING;\n\n    // 如果是第一次运行，触发开始回调\n    if (this.currentTime <= this._startTime) {\n      this.onStart();\n    }\n    this.currentTime = nextTime;\n\n    let cycleTime = nextTime - this._startTime;\n    let newLoop = false;\n    let bounceTime = false;\n    if (this._loopCount > 0) {\n      cycleTime = (nextTime - this._startTime) % this._duration;\n      const currentLoop = Math.floor((nextTime - this._startTime) / this._duration);\n      newLoop = currentLoop > this._currentLoop;\n      this._currentLoop = currentLoop;\n\n      bounceTime = this._bounce && currentLoop % 2 === 1;\n      if (bounceTime) {\n        cycleTime = this._duration - cycleTime;\n      }\n    }\n\n    // 如果是新的循环，重置为初始状态\n    if (newLoop && !bounceTime) {\n      this.target.setAttributes(this._startProps);\n    }\n\n    // 选择起始步骤和遍历方向\n    let targetStep: IStep | null = null;\n\n    if (this._lastStep === this._firstStep) {\n      targetStep = this._firstStep;\n    } else {\n      let currentStep: IStep = this._firstStep;\n      // 从前向后寻找当前时间所在的step\n      while (currentStep) {\n        const stepStartTime = currentStep.getStartTime();\n        const stepDuration = currentStep.getDuration();\n        const stepEndTime = stepStartTime + stepDuration;\n\n        // 找到当前周期时间所在的step\n        if (cycleTime >= stepStartTime && cycleTime <= stepEndTime) {\n          targetStep = currentStep;\n          break;\n        }\n\n        currentStep = currentStep.next;\n      }\n    }\n\n    // 如果没找到目标step（可能是所有step都执行完了，但整体动画还没结束，这正常是不存在的）\n    if (!targetStep) {\n      // this.currentTime = nextTime;\n      // console.warn('动画出现问题');\n      return;\n    }\n\n    // 计算当前step的进度比例（基于当前step内的相对时间）\n    const stepStartTime = targetStep.getStartTime();\n    const stepDuration = targetStep.getDuration();\n\n    const ratio = (cycleTime - stepStartTime) / stepDuration;\n    // // 限制ratio在0-1之间\n    // ratio = Math.max(0, Math.min(1, ratio));\n\n    const isEnd = ratio >= 1;\n    targetStep.update(isEnd, ratio, {});\n\n    // 如果step执行完毕\n    if (isEnd) {\n      targetStep.onEnd();\n      // 不立即调用onFinish，让动画系统来决定何时结束\n    }\n\n    // 触发帧回调\n    // if (this._onFrame) {\n    //   this._onFrame.forEach(cb => cb(targetStep, ratio));\n    // }\n  }\n\n  updateDuration(): void {\n    if (!this._lastStep) {\n      this._duration = 0;\n      return;\n    }\n\n    this._duration = this._lastStep.getStartTime() + this._lastStep.getDuration();\n    this._totalDuration = this._duration * (this._loopCount + 1);\n  }\n\n  getTotalDuration(): number {\n    return this._totalDuration;\n  }\n\n  getLoop(): number {\n    return this._loopCount;\n  }\n}\n"]}

package/cjs/component/component-animate-extension.d.ts

@@ -0,0 +1 @@
+

package/cjs/component/component-animate-extension.js

@@ -0,0 +1 @@
+//# sourceMappingURL=component-animate-extension.js.map

package/cjs/component/component-animate-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/component-animate-extension.ts"],"names":[],"mappings":"","file":"component-animate-extension.js","sourcesContent":["// import type { IGraphic } from '@visactor/vrender-core';\n// import type { IAnimationConfig } from '../executor/executor';\n// import { ComponentAnimator } from './component-animator';\n\n// /**\n//  * Component animation extension that can be mixed in to component classes\n//  */\n// export class ComponentAnimateExtension {\n//   private _componentAnimator: ComponentAnimator;\n\n//   /**\n//    * Get the component animator for this component\n//    * @returns The ComponentAnimator instance\n//    */\n//   getComponentAnimator(): ComponentAnimator {\n//     if (!this._componentAnimator) {\n//       this._componentAnimator = new ComponentAnimator(this as unknown as IGraphic);\n//     }\n//     return this._componentAnimator;\n//   }\n\n//   /**\n//    * Create a new animation sequence for this component\n//    * @returns A new ComponentAnimator instance\n//    */\n//   createAnimationSequence(): ComponentAnimator {\n//     return new ComponentAnimator(this as unknown as IGraphic);\n//   }\n\n//   /**\n//    * Create an animation for the component with the given preset\n//    * @param preset Animation preset name ('appear', 'disappear', etc.)\n//    * @param options Animation options\n//    * @returns The ComponentAnimator instance\n//    */\n//   animate(preset: string, options?: Record<string, any>): ComponentAnimator {\n//     const animator = this.getComponentAnimator();\n\n//     // Call the appropriate animation setup method based on preset\n//     switch (preset) {\n//       case 'appear':\n//         this.setupAppearAnimation(animator, options);\n//         break;\n//       case 'disappear':\n//         this.setupDisappearAnimation(animator, options);\n//         break;\n//       default:\n//         throw new Error(`Unknown animation preset: ${preset}`);\n//     }\n\n//     // Start the animation immediately\n//     animator.start();\n\n//     return animator;\n//   }\n\n//   /**\n//    * Create an appear animation\n//    * @param options Animation options\n//    * @returns The ComponentAnimator instance (not started)\n//    */\n//   createAppearAnimation(options?: Record<string, any>): ComponentAnimator {\n//     const animator = this.createAnimationSequence();\n//     this.setupAppearAnimation(animator, options);\n//     return animator;\n//   }\n\n//   /**\n//    * Create a disappear animation\n//    * @param options Animation options\n//    * @returns The ComponentAnimator instance (not started)\n//    */\n//   createDisappearAnimation(options?: Record<string, any>): ComponentAnimator {\n//     const animator = this.createAnimationSequence();\n//     this.setupDisappearAnimation(animator, options);\n//     return animator;\n//   }\n\n//   /**\n//    * Execute an animation with the given config directly on the component\n//    * @param config Animation configuration\n//    * @returns This component\n//    */\n//   executeAnimation(config: IAnimationConfig): this {\n//     this.getComponentAnimator()\n//       .animate(this as unknown as IGraphic, config)\n//       .start();\n//     return this;\n//   }\n\n//   /**\n//    * Set up appear animation for this component\n//    * This is a placeholder method that component classes should override\n//    * @param animator The ComponentAnimator to set up\n//    * @param options Animation options\n//    */\n//   protected setupAppearAnimation(animator: ComponentAnimator, options?: Record<string, any>): void {\n//     // To be overridden by concrete component classes\n//     console.warn('setupAppearAnimation not implemented for this component');\n//   }\n\n//   /**\n//    * Set up disappear animation for this component\n//    * This is a placeholder method that component classes should override\n//    * @param animator The ComponentAnimator to set up\n//    * @param options Animation options\n//    */\n//   protected setupDisappearAnimation(animator: ComponentAnimator, options?: Record<string, any>): void {\n//     // To be overridden by concrete component classes\n//     console.warn('setupDisappearAnimation not implemented for this component');\n//   }\n// }\n\n// /**\n//  * Type for components that can be animated\n//  */\n// export interface IAnimatableComponent {\n//   animate: (preset: string, options?: Record<string, any>) => ComponentAnimator;\n//   createAppearAnimation: (options?: Record<string, any>) => ComponentAnimator;\n//   createDisappearAnimation: (options?: Record<string, any>) => ComponentAnimator;\n//   executeAnimation: (config: IAnimationConfig) => IAnimatableComponent;\n// }\n"]}

package/cjs/component/component-animator.d.ts

@@ -0,0 +1,21 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationConfig } from '../executor/executor';
+export declare class ComponentAnimator {
+    private component;
+    private tasks;
+    private started;
+    private completed;
+    private totalDuration;
+    private onStartCallbacks;
+    private onEndCallbacks;
+    private onUpdateCallbacks;
+    constructor(component: IGraphic);
+    animate(graphic: IGraphic, config: IAnimationConfig, delay?: number): ComponentAnimator;
+    onStart(callback: () => void): ComponentAnimator;
+    onEnd(callback: () => void): ComponentAnimator;
+    onUpdate(callback: (progress: number) => void): ComponentAnimator;
+    start(): ComponentAnimator;
+    stop(jumpToEnd?: boolean): ComponentAnimator;
+    getDuration(): number;
+}
+export declare function createComponentAnimator(component: IGraphic): ComponentAnimator;

package/cjs/component/component-animator.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createComponentAnimator = exports.ComponentAnimator = void 0;
+
+const animate_executor_1 = require("../executor/animate-executor");
+
+class ComponentAnimator {
+    constructor(component) {
+        this.tasks = [], this.started = !1, this.completed = 0, this.totalDuration = 0, 
+        this.onStartCallbacks = [], this.onEndCallbacks = [], this.onUpdateCallbacks = [], 
+        this.component = component;
+    }
+    animate(graphic, config, delay = 0) {
+        if (this.started) return console.warn("Cannot add animations after animation has started"), 
+        this;
+        this.tasks.push({
+            graphic: graphic,
+            config: config,
+            delay: delay
+        });
+        let configDuration = 300, configDelay = 0;
+        if ("duration" in config) {
+            const typeConfig = config;
+            configDuration = "number" == typeof typeConfig.duration ? typeConfig.duration : 300, 
+            configDelay = "number" == typeof typeConfig.delay ? typeConfig.delay : 0;
+        } else if ("timeSlices" in config) {
+            const timelineConfig = config, timeSlices = Array.isArray(timelineConfig.timeSlices) ? timelineConfig.timeSlices : [ timelineConfig.timeSlices ];
+            let totalTimeSliceDuration = 0;
+            timeSlices.forEach((slice => {
+                const sliceDuration = "number" == typeof slice.duration ? slice.duration : 300, sliceDelay = "number" == typeof slice.delay ? slice.delay : 0, sliceDelayAfter = "number" == typeof slice.delayAfter ? slice.delayAfter : 0;
+                totalTimeSliceDuration += sliceDuration + sliceDelay + sliceDelayAfter;
+            })), configDuration = totalTimeSliceDuration;
+        }
+        const duration = configDuration + configDelay + delay;
+        return duration > this.totalDuration && (this.totalDuration = duration), this;
+    }
+    onStart(callback) {
+        return this.onStartCallbacks.push(callback), this;
+    }
+    onEnd(callback) {
+        return this.onEndCallbacks.push(callback), this;
+    }
+    onUpdate(callback) {
+        return this.onUpdateCallbacks.push(callback), this;
+    }
+    start() {
+        return this.started ? (console.warn("Animation has already started"), this) : (this.started = !0, 
+        this.completed = 0, this.onStartCallbacks.forEach((callback => callback())), 0 === this.tasks.length ? (setTimeout((() => {
+            this.onEndCallbacks.forEach((callback => callback()));
+        }), 0), this) : (this.tasks.forEach((task => {
+            const executor = new animate_executor_1.AnimateExecutor(task.graphic);
+            if (executor.onEnd((() => {
+                this.completed++, this.completed === this.tasks.length && this.onEndCallbacks.forEach((callback => callback()));
+            })), task.delay > 0) setTimeout((() => {
+                const animate = executor.executeItem(task.config, task.graphic);
+                task.animate = animate;
+            }), task.delay); else {
+                const animate = executor.executeItem(task.config, task.graphic);
+                task.animate = animate;
+            }
+        })), this));
+    }
+    stop(jumpToEnd = !0) {
+        return this.tasks.forEach((task => {
+            task.animate && task.animate.stop(jumpToEnd ? "end" : "start");
+        })), this.started && this.completed !== this.tasks.length && (this.onEndCallbacks.forEach((callback => callback())), 
+        this.completed = this.tasks.length), this;
+    }
+    getDuration() {
+        return this.totalDuration;
+    }
+}
+
+function createComponentAnimator(component) {
+    return new ComponentAnimator(component);
+}
+
+exports.ComponentAnimator = ComponentAnimator, exports.createComponentAnimator = createComponentAnimator;
+//# sourceMappingURL=component-animator.js.map

package/cjs/component/component-animator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/component-animator.ts"],"names":[],"mappings":"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","file":"component-animator.js","sourcesContent":["import type { IAnimate } from '../intreface/animate';\nimport type { IGraphic } from '@visactor/vrender-core';\nimport { AnimateExecutor } from '../executor/animate-executor';\nimport type { IAnimationConfig, IAnimationTypeConfig, IAnimationTimeline } from '../executor/executor';\n\n/**\n * Animation task that contains information about a scheduled animation\n */\ninterface IAnimationTask {\n  graphic: IGraphic;\n  config: IAnimationConfig;\n  delay: number;\n  animate?: IAnimate;\n}\n\n/**\n * ComponentAnimator provides a way to orchestrate animations across child elements\n * with centralized lifecycle management\n */\nexport class ComponentAnimator {\n  private component: IGraphic;\n  private tasks: IAnimationTask[] = [];\n  private started: boolean = false;\n  private completed: number = 0;\n  private totalDuration: number = 0;\n  private onStartCallbacks: (() => void)[] = [];\n  private onEndCallbacks: (() => void)[] = [];\n  private onUpdateCallbacks: ((progress: number) => void)[] = [];\n\n  /**\n   * Creates a new ComponentAnimator\n   * @param component The component or group containing elements to animate\n   */\n  constructor(component: IGraphic) {\n    this.component = component;\n  }\n\n  /**\n   * Add animation for a specific graphic element\n   * @param graphic The graphic element to animate\n   * @param config Animation configuration\n   * @param delay Optional delay before starting this animation (in ms)\n   * @returns This ComponentAnimator for chaining\n   */\n  animate(graphic: IGraphic, config: IAnimationConfig, delay: number = 0): ComponentAnimator {\n    if (this.started) {\n      console.warn('Cannot add animations after animation has started');\n      return this;\n    }\n\n    this.tasks.push({\n      graphic,\n      config,\n      delay\n    });\n\n    // Calculate total duration including delay\n    let configDuration = 300; // Default duration\n    let configDelay = 0; // Default delay\n\n    // Extract duration and delay based on config type\n    if ('duration' in config) {\n      // TypeConfig case\n      const typeConfig = config as IAnimationTypeConfig;\n      configDuration = typeof typeConfig.duration === 'number' ? typeConfig.duration : 300;\n      configDelay = typeof typeConfig.delay === 'number' ? typeConfig.delay : 0;\n    } else if ('timeSlices' in config) {\n      // Timeline case - calculate total duration from all time slices\n      const timelineConfig = config as IAnimationTimeline;\n      const timeSlices = Array.isArray(timelineConfig.timeSlices)\n        ? timelineConfig.timeSlices\n        : [timelineConfig.timeSlices];\n\n      let totalTimeSliceDuration = 0;\n      timeSlices.forEach(slice => {\n        const sliceDuration = typeof slice.duration === 'number' ? slice.duration : 300;\n        const sliceDelay = typeof slice.delay === 'number' ? slice.delay : 0;\n        const sliceDelayAfter = typeof slice.delayAfter === 'number' ? slice.delayAfter : 0;\n        totalTimeSliceDuration += sliceDuration + sliceDelay + sliceDelayAfter;\n      });\n\n      configDuration = totalTimeSliceDuration;\n    }\n\n    const duration = configDuration + configDelay + delay;\n\n    if (duration > this.totalDuration) {\n      this.totalDuration = duration;\n    }\n\n    return this;\n  }\n\n  /**\n   * Add a callback to be called when animation starts\n   * @param callback Function to call when animation starts\n   * @returns This ComponentAnimator for chaining\n   */\n  onStart(callback: () => void): ComponentAnimator {\n    this.onStartCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Add a callback to be called when animation ends\n   * @param callback Function to call when animation ends\n   * @returns This ComponentAnimator for chaining\n   */\n  onEnd(callback: () => void): ComponentAnimator {\n    this.onEndCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Add a callback to be called when animation updates\n   * @param callback Function to call when animation updates (receives progress from 0 to 1)\n   * @returns This ComponentAnimator for chaining\n   */\n  onUpdate(callback: (progress: number) => void): ComponentAnimator {\n    this.onUpdateCallbacks.push(callback);\n    return this;\n  }\n\n  /**\n   * Start all animations in this component animation\n   * @returns This ComponentAnimator\n   */\n  start(): ComponentAnimator {\n    if (this.started) {\n      console.warn('Animation has already started');\n      return this;\n    }\n\n    this.started = true;\n    this.completed = 0;\n\n    // Call onStart callbacks\n    this.onStartCallbacks.forEach(callback => callback());\n\n    // Empty animation case\n    if (this.tasks.length === 0) {\n      setTimeout(() => {\n        this.onEndCallbacks.forEach(callback => callback());\n      }, 0);\n      return this;\n    }\n\n    // Start all animations with their specified delays\n    this.tasks.forEach(task => {\n      const executor = new AnimateExecutor(task.graphic);\n\n      // Set up callbacks to track completion\n      executor.onEnd(() => {\n        this.completed++;\n        if (this.completed === this.tasks.length) {\n          this.onEndCallbacks.forEach(callback => callback());\n        }\n      });\n\n      // Start animation after delay\n      if (task.delay > 0) {\n        setTimeout(() => {\n          const animate = executor.executeItem(task.config, task.graphic);\n          task.animate = animate;\n        }, task.delay);\n      } else {\n        const animate = executor.executeItem(task.config, task.graphic);\n        task.animate = animate;\n      }\n    });\n\n    return this;\n  }\n\n  /**\n   * Stop all animations in this component animation\n   * @param jumpToEnd Whether to jump to the end state (true) or start state (false)\n   * @returns This ComponentAnimator\n   */\n  stop(jumpToEnd: boolean = true): ComponentAnimator {\n    this.tasks.forEach(task => {\n      if (task.animate) {\n        task.animate.stop(jumpToEnd ? 'end' : 'start');\n      }\n    });\n\n    // If not already completed, call end callbacks\n    if (this.started && this.completed !== this.tasks.length) {\n      this.onEndCallbacks.forEach(callback => callback());\n      this.completed = this.tasks.length;\n    }\n\n    return this;\n  }\n\n  /**\n   * Get total duration of all animations including delays\n   * @returns Total duration in milliseconds\n   */\n  getDuration(): number {\n    return this.totalDuration;\n  }\n}\n\n/**\n * Factory function to create a ComponentAnimator for a component\n * @param component The component or group to animate\n * @returns A new ComponentAnimator instance\n */\nexport function createComponentAnimator(component: IGraphic): ComponentAnimator {\n  return new ComponentAnimator(component);\n}\n"]}

package/cjs/component/index.d.ts

@@ -0,0 +1 @@
+export * from './component-animator';

package/cjs/component/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./component-animator"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC","file":"index.js","sourcesContent":["export * from './component-animator';\n// export * from './component-animate-extension';\n"]}

package/cjs/custom/common.js

@@ -11,8 +11,9 @@ class CommonIn extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a;
-        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_a = this.target.context.lastAttrs) && void 0 !== _a ? _a : {}, to = {}, from = {};
+        var _a, _b, _c;
+        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && this.target.setAttributes(this.params.diffAttrs);
+        const attrs = this.target.getAttributes(!0), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : {}, to = {}, from = {};
         this.keys.forEach((key => {
             var _a, _b;
             to[key] = null !== (_a = null == attrs ? void 0 : attrs[key]) && void 0 !== _a ? _a : 1, 
@@ -24,9 +25,10 @@ class CommonIn extends custom_animate_1.ACustomAnimate {
         super.onEnd(cb);
     }
     onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
         this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out);
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 
@@ -48,9 +50,10 @@ class CommonOut extends custom_animate_1.ACustomAnimate {
         super.onEnd(cb);
     }
     onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
         this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out);
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 

package/cjs/custom/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class CommonIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    const attrs = this.target.getFinalAttribute();\n    const fromAttrs = this.target.context.lastAttrs ?? {};\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = attrs?.[key] ?? 1;\n      from[key] = fromAttrs?.[key] ?? 0;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n\nexport class CommonOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    const attrs = this.target.getFinalAttribute();\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = 0;\n      from[key] = attrs?.[key] ?? 1;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/common.ts"],"names":[],"mappings":"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","file":"common.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class CommonIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      this.target.setAttributes(this.params.diffAttrs);\n    }\n    const attrs = (this.target as any).getAttributes(true);\n    const fromAttrs = this.target.context?.lastAttrs ?? {};\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = attrs?.[key] ?? 1;\n      from[key] = fromAttrs?.[key] ?? 0;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\nexport class CommonOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    const attrs = this.target.getFinalAttribute();\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = 0;\n      from[key] = attrs?.[key] ?? 1;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n"]}

package/cjs/custom/custom-animate.d.ts

@@ -1,3 +1,4 @@
+import type { ComponentAnimator } from '../component';
 import type { ICustomAnimate } from '../intreface/animate';
 import type { EasingType } from '../intreface/easing';
 import type { IAnimateStepType } from '../intreface/type';
@@ -13,3 +14,8 @@ export declare abstract class ACustomAnimate<T> extends Step implements ICustomA
     update(end: boolean, ratio: number, out: Record<string, any>): void;
     protected setProps(props: T): void;
 }
+export declare abstract class AComponentAnimate<T> extends ACustomAnimate<T> {
+    protected _animator: ComponentAnimator;
+    onFirstRun(): void;
+    stop(): void;
+}

package/cjs/custom/custom-animate.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.ACustomAnimate = void 0;
+}), exports.AComponentAnimate = exports.ACustomAnimate = void 0;
 
 const step_1 = require("../step");
 
@@ -22,4 +22,15 @@ class ACustomAnimate extends step_1.Step {
 }
 
 exports.ACustomAnimate = ACustomAnimate;
+
+class AComponentAnimate extends ACustomAnimate {
+    onFirstRun() {
+        this._animator && this._animator.start();
+    }
+    stop() {
+        this._animator && this._animator.stop();
+    }
+}
+
+exports.AComponentAnimate = AComponentAnimate;
 //# sourceMappingURL=custom-animate.js.map

package/cjs/custom/custom-animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/custom-animate.ts"],"names":[],"mappings":";;;AAGA,kCAA+B;AAE/B,MAAsB,cAAkB,SAAQ,WAAI;IAUlD,YAAY,UAAa,EAAE,QAAW,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QACxF,KAAK,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAVrD,SAAI,GAAqB,eAAe,CAAC;QAWvC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAE1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAES,QAAQ,CAAC,KAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;CACF;AAhCD,wCAgCC","file":"custom-animate.js","sourcesContent":["import type { ICustomAnimate } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport type { IAnimateStepType } from '../intreface/type';\nimport { Step } from '../step';\n\nexport abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {\n  type: IAnimateStepType = 'customAnimate';\n  declare customFrom: T;\n  declare params?: any;\n  declare props?: T;\n  declare from?: T;\n  declare to?: T;\n\n  // 为了兼容旧的api，from和to是可选的，且尽量不需要From，因为为了避免突变，From都应该从当前位置开始\n  // 所以From并不会真正设置到fromProps中，而是作为customFrom参数\n  constructor(customFrom: T, customTo: T, duration: number, easing: EasingType, params?: any) {\n    super('customAnimate', customTo, duration, easing);\n    this.customFrom = customFrom;\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  protected setProps(props: T) {\n    this.props = props;\n    this.propKeys = Object.keys(props);\n    this.animate.reSyncProps();\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/custom-animate.ts"],"names":[],"mappings":";;;AAIA,kCAA+B;AAE/B,MAAsB,cAAkB,SAAQ,WAAI;IAUlD,YAAY,UAAa,EAAE,QAAW,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QACxF,KAAK,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAVrD,SAAI,GAAqB,eAAe,CAAC;QAWvC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAE1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAES,QAAQ,CAAC,KAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;CACF;AAhCD,wCAgCC;AAED,MAAsB,iBAAqB,SAAQ,cAAiB;IAGlE,UAAU;QACR,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAC3C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;CACF;AAVD,8CAUC","file":"custom-animate.js","sourcesContent":["import type { ComponentAnimator } from '../component';\nimport type { ICustomAnimate } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport type { IAnimateStepType } from '../intreface/type';\nimport { Step } from '../step';\n\nexport abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {\n  type: IAnimateStepType = 'customAnimate';\n  declare customFrom: T;\n  declare params?: any;\n  declare props?: T;\n  declare from?: T;\n  declare to?: T;\n\n  // 为了兼容旧的api，from和to是可选的，且尽量不需要From，因为为了避免突变，From都应该从当前位置开始\n  // 所以From并不会真正设置到fromProps中，而是作为customFrom参数\n  constructor(customFrom: T, customTo: T, duration: number, easing: EasingType, params?: any) {\n    super('customAnimate', customTo, duration, easing);\n    this.customFrom = customFrom;\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  protected setProps(props: T) {\n    this.props = props;\n    this.propKeys = Object.keys(props);\n    this.animate.reSyncProps();\n  }\n}\n\nexport abstract class AComponentAnimate<T> extends ACustomAnimate<T> {\n  protected _animator: ComponentAnimator;\n\n  onFirstRun(): void {\n    this._animator && this._animator.start();\n  }\n\n  stop(): void {\n    this._animator && this._animator.stop();\n  }\n}\n"]}

package/cjs/custom/group-fade.js

@@ -62,5 +62,4 @@ class GroupFadeOut extends custom_animate_1.ACustomAnimate {
     }
 }
 
-exports.GroupFadeOut = GroupFadeOut;
-//# sourceMappingURL=group-fade.js.map
+exports.GroupFadeOut = GroupFadeOut;