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

package/cjs/state/graphic-extension.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/state/graphic-extension.ts"],"names":[],"mappings":";;;AAEA,uDAA+E;AAM/E,MAAa,qBAAqB;IAChC,yBAAyB,CAAC,OAAiB;QACzC,IAAI,CAAE,OAAe,CAAC,sBAAsB,EAAE;YAE3C,OAAe,CAAC,sBAAsB,GAAG,IAAI,uCAAqB,CAAC,OAAO,CAAC,CAAC;SAC9E;QACD,OAAQ,OAAe,CAAC,sBAAsB,CAAC;IACjD,CAAC;IACD,uBAAuB,CAAC,OAAiB;QACvC,IAAI,CAAE,OAAe,CAAC,oBAAoB,EAAE;YAEzC,OAAe,CAAC,oBAAoB,GAAG,IAAI,qCAAmB,CAAC,OAAO,CAAC,CAAC;SAC1E;QACD,OAAQ,OAAe,CAAC,oBAAoB,CAAC;IAC/C,CAAC;IAKD,sBAAsB,CAAC,KAAsB;QAC3C,IAAI,CAAC,uBAAuB,CAAC,IAA2B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,mBAAmB,CACjB,KAAe,EACf,eAAwD,EACxD,QAAoC;QAEpC,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;QACzG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,gBAAgB,CAAC,eAAiC,EAAE,QAAqB;QACvE,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACxG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,mBAAmB,CAAC,eAAiC,EAAE,QAAqB;QAC1E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC3G,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,gBAAgB,CAAC,eAAiC,EAAE,QAAqB;QACvE,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACxG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,mBAAmB,CAAC,eAAiC,EAAE,QAAqB;QAC1E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC3G,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,qBAAqB,CAAC,eAAiC,EAAE,QAAqB;QAC5E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,qBAAqB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC7G,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,kBAAkB,CAAC,KAAa,EAAE,IAA4C;QAC5E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnF,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,oBAAoB;QAClB,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,EAAE,CAAC;QACzE,OAAO,IAAI,CAAC;IACd,CAAC;IAYD,MAAM,CAAC,MAAM,CAAC,OAAiB;QAC7B,MAAM,SAAS,GAAG,IAAI,qBAAqB,EAAE,CAAC;QAC9C,SAAS,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAC7C,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AArHD,sDAqHC","file":"graphic-extension.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationStateManager, AnimationStateStore } from './animation-state';\nimport type { IAnimationConfig } from '../executor/executor';\n\n/**\n * 将动画状态方法作为混入扩展 Graphic 的类\n */\nexport class GraphicStateExtension {\n  _getAnimationStateManager(graphic: IGraphic): AnimationStateManager {\n    if (!(graphic as any)._animationStateManager) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateManager = new AnimationStateManager(graphic);\n    }\n    return (graphic as any)._animationStateManager;\n  }\n  _getAnimationStateStore(graphic: IGraphic): AnimationStateStore {\n    if (!(graphic as any)._animationStateStore) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateStore = new AnimationStateStore(graphic);\n    }\n    return (graphic as any)._animationStateStore;\n  }\n\n  /**\n   * 注册一个动画状态\n   */\n  registerAnimationState(state: IAnimationState): this {\n    this._getAnimationStateStore(this as unknown as IGraphic).registerState(state);\n    return this;\n  }\n\n  /**\n   * 应用一个动画状态到图形\n   */\n  applyAnimationState(\n    state: string[],\n    animationConfig: (IAnimationState | IAnimationState[])[],\n    callback?: (empty?: boolean) => void\n  ): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyState(state, animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用出现动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyAppearState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyAppearState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用消失动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyDisappearState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyDisappearState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用更新动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyUpdateState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyUpdateState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用高亮动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyHighlightState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyHighlightState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用取消高亮动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyUnhighlightState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyUnhighlightState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 停止一个动画状态\n   */\n  stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).stopState(state, type);\n    return this;\n  }\n\n  /**\n   * 清除图形上的所有动画状态\n   */\n  clearAnimationStates(): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).clearState();\n    return this;\n  }\n\n  // /**\n  //  * 获取图形当前的动画状态\n  //  */\n  // getCurrentAnimationState(): string[] | null {\n  //   return this._getAnimationStateManager(this as unknown as IGraphic).getCurrentState();\n  // }\n\n  /**\n   * 继承\n   */\n  static extend(graphic: IGraphic): IGraphic {\n    const extension = new GraphicStateExtension();\n    extension._getAnimationStateManager(graphic);\n    return graphic;\n  }\n}\n"]}
+{"version":3,"sources":["../src/state/graphic-extension.ts"],"names":[],"mappings":";;;AAEA,uDAA+E;AAM/E,MAAa,qBAAqB;IAChC,yBAAyB,CAAC,OAAiB;QACzC,IAAI,CAAE,OAAe,CAAC,sBAAsB,EAAE;YAE3C,OAAe,CAAC,sBAAsB,GAAG,IAAI,uCAAqB,CAAC,OAAO,CAAC,CAAC;SAC9E;QACD,OAAQ,OAAe,CAAC,sBAAsB,CAAC;IACjD,CAAC;IACD,uBAAuB,CAAC,OAAiB;QACvC,IAAI,CAAE,OAAe,CAAC,oBAAoB,EAAE;YAEzC,OAAe,CAAC,oBAAoB,GAAG,IAAI,qCAAmB,CAAC,OAAO,CAAC,CAAC;SAC1E;QACD,OAAQ,OAAe,CAAC,oBAAoB,CAAC;IAC/C,CAAC;IAKD,sBAAsB,CAAC,KAAsB;QAC3C,IAAI,CAAC,uBAAuB,CAAC,IAA2B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,mBAAmB,CACjB,KAAe,EACf,eAAwD,EACxD,QAAoC;QAEpC,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;QACzG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,gBAAgB,CAAC,eAAiC,EAAE,QAAqB;QACvE,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACxG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,mBAAmB,CAAC,eAAiC,EAAE,QAAqB;QAC1E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC3G,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,gBAAgB,CAAC,eAAiC,EAAE,QAAqB;QACvE,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QACxG,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,mBAAmB,CAAC,eAAiC,EAAE,QAAqB;QAC1E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC3G,OAAO,IAAI,CAAC;IACd,CAAC;IAOD,qBAAqB,CAAC,eAAiC,EAAE,QAAqB;QAC5E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,qBAAqB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAC7G,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,kBAAkB,CAAC,KAAa,EAAE,IAA4C,EAAE,OAAgB,KAAK;QACnG,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnF,IAAI,IAAI,IAAK,IAAY,CAAC,WAAW,EAAE;YACpC,IAAY,CAAC,eAAe,CAAC,CAAC,KAAU,EAAE,EAAE;gBAC3C,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,oBAAoB;QAClB,MAAM,YAAY,GAAI,IAAY,CAAC,sBAA+C,CAAC;QACnF,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,UAAU,EAAE,CAAC;SAC3B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,qBAAqB,CAAC,KAAa,EAAE,OAAgB,KAAK;QACxD,MAAM,YAAY,GAAI,IAAY,CAAC,sBAA+C,CAAC;QACnF,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAClC;QACD,IAAI,IAAI,IAAK,IAAY,CAAC,WAAW,EAAE;YACpC,IAAY,CAAC,eAAe,CAAC,CAAC,KAAU,EAAE,EAAE;gBAC3C,KAAK,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAYD,MAAM,CAAC,MAAM,CAAC,OAAiB;QAC7B,MAAM,SAAS,GAAG,IAAI,qBAAqB,EAAE,CAAC;QAC9C,SAAS,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAC7C,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AA1ID,sDA0IC","file":"graphic-extension.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationStateManager, AnimationStateStore } from './animation-state';\nimport type { IAnimationConfig } from '../executor/executor';\n\n/**\n * 将动画状态方法作为混入扩展 Graphic 的类\n */\nexport class GraphicStateExtension {\n  _getAnimationStateManager(graphic: IGraphic): AnimationStateManager {\n    if (!(graphic as any)._animationStateManager) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateManager = new AnimationStateManager(graphic);\n    }\n    return (graphic as any)._animationStateManager;\n  }\n  _getAnimationStateStore(graphic: IGraphic): AnimationStateStore {\n    if (!(graphic as any)._animationStateStore) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateStore = new AnimationStateStore(graphic);\n    }\n    return (graphic as any)._animationStateStore;\n  }\n\n  /**\n   * 注册一个动画状态\n   */\n  registerAnimationState(state: IAnimationState): this {\n    this._getAnimationStateStore(this as unknown as IGraphic).registerState(state);\n    return this;\n  }\n\n  /**\n   * 应用一个动画状态到图形\n   */\n  applyAnimationState(\n    state: string[],\n    animationConfig: (IAnimationState | IAnimationState[])[],\n    callback?: (empty?: boolean) => void\n  ): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyState(state, animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用出现动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyAppearState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyAppearState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用消失动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyDisappearState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyDisappearState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用更新动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyUpdateState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyUpdateState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用高亮动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyHighlightState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyHighlightState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 应用取消高亮动画状态\n   * @param animationConfig 动画配置\n   * @param callback 动画结束回调\n   */\n  applyUnhighlightState(animationConfig: IAnimationConfig, callback?: () => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyUnhighlightState(animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 停止一个动画状态\n   */\n  stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>, deep: boolean = false): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).stopState(state, type);\n    if (deep && (this as any).isContainer) {\n      (this as any).forEachChildren((child: any) => {\n        child.stopAnimationState(state, type, deep);\n      });\n    }\n    return this;\n  }\n\n  /**\n   * 清除图形上的所有动画状态\n   */\n  clearAnimationStates(): this {\n    const stateManager = (this as any)._animationStateManager as AnimationStateManager;\n    if (stateManager) {\n      stateManager.clearState();\n    }\n    return this;\n  }\n\n  reApplyAnimationState(state: string, deep: boolean = false): this {\n    const stateManager = (this as any)._animationStateManager as AnimationStateManager;\n    if (stateManager) {\n      stateManager.reApplyState(state);\n    }\n    if (deep && (this as any).isContainer) {\n      (this as any).forEachChildren((child: any) => {\n        child.reApplyAnimationState(state, deep);\n      });\n    }\n    return this;\n  }\n\n  // /**\n  //  * 获取图形当前的动画状态\n  //  */\n  // getCurrentAnimationState(): string[] | null {\n  //   return this._getAnimationStateManager(this as unknown as IGraphic).getCurrentState();\n  // }\n\n  /**\n   * 继承\n   */\n  static extend(graphic: IGraphic): IGraphic {\n    const extension = new GraphicStateExtension();\n    extension._getAnimationStateManager(graphic);\n    return graphic;\n  }\n}\n"]}

package/cjs/ticker/default-ticker.d.ts

@@ -21,8 +21,8 @@ export declare class DefaultTicker extends EventEmitter implements ITicker {
     addTimeline(timeline: ITimeline): void;
     remTimeline(timeline: ITimeline): void;
     getTimelines(): ITimeline[];
-    protected initHandler(): void;
-    protected setupTickHandler(): boolean;
+    protected initHandler(force?: boolean): void;
+    protected setupTickHandler(force?: boolean): boolean;
     setInterval(interval: number): void;
     getInterval(): number;
     setFPS(fps: number): void;

package/cjs/ticker/default-ticker.js

@@ -49,8 +49,8 @@ class DefaultTicker extends vutils_1.EventEmitter {
     }
     init() {
         this.interval = 16, this.status = vrender_core_1.STATUS.INITIAL, vrender_core_1.application.global.hooks.onSetEnv.tap("graph-ticker", (() => {
-            this.initHandler();
-        })), vrender_core_1.application.global.env && this.initHandler();
+            this.initHandler(!1);
+        })), vrender_core_1.application.global.env && this.initHandler(!1);
     }
     addTimeline(timeline) {
         this.timelines.push(timeline);
@@ -61,10 +61,11 @@ class DefaultTicker extends vutils_1.EventEmitter {
     getTimelines() {
         return this.timelines;
     }
-    initHandler() {
-        this.setupTickHandler();
+    initHandler(force = !1) {
+        this.setupTickHandler(force);
     }
-    setupTickHandler() {
+    setupTickHandler(force = !1) {
+        if (!force && this.tickerHandler) return !0;
         const handler = new RAFTickHandler;
         return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, 
         !0;
@@ -119,7 +120,7 @@ class DefaultTicker extends vutils_1.EventEmitter {
         !0;
     }
     stop() {
-        this.status = vrender_core_1.STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
+        this.status = vrender_core_1.STATUS.INITIAL, this.setupTickHandler(!0), this.lastFrameTime = -1;
     }
     trySyncTickStatus() {
         this.status === vrender_core_1.STATUS.INITIAL && this.timelines.some((timeline => timeline.isRunning())) ? this.start() : this.status === vrender_core_1.STATUS.RUNNING && this.timelines.every((timeline => !timeline.isRunning())) && this.stop();
@@ -130,7 +131,8 @@ class DefaultTicker extends vutils_1.EventEmitter {
         this.tickerHandler = null, this.lastFrameTime = -1;
     }
     checkSkip(delta) {
-        if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
+        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;
         return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
     }
 }

package/cjs/ticker/default-ticker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ticker/default-ticker.ts"],"names":[],"mappings":"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","file":"default-ticker.js","sourcesContent":["import { EventEmitter } from '@visactor/vutils';\nimport type { IStage, ITimeline } from '@visactor/vrender-core';\nimport { application, PerformanceRAF, type ITickHandler, type ITicker, STATUS } from '@visactor/vrender-core';\n\nconst performanceRAF = new PerformanceRAF();\n\nclass RAFTickHandler implements ITickHandler {\n  protected released: boolean = false;\n\n  tick(interval: number, cb: (handler: ITickHandler) => void | boolean): void {\n    performanceRAF.addAnimationFrameCb(() => {\n      if (this.released) {\n        return;\n      }\n      return cb(this);\n    });\n  }\n\n  release(): void {\n    this.released = true;\n  }\n\n  getTime(): number {\n    return Date.now();\n  }\n}\n\n/**\n * Graph-based Ticker implementation\n * This ticker works directly with GraphManager instances without needing timeline adapters\n */\nexport class DefaultTicker extends EventEmitter implements ITicker {\n  protected interval: number;\n  protected tickerHandler: ITickHandler;\n  protected status: STATUS;\n  protected lastFrameTime: number;\n  protected tickCounts: number;\n  protected stage: IStage;\n  timelines: ITimeline[] = [];\n  autoStop: boolean;\n  // 随机扰动（每次都对interval进行随机的扰动，避免所有tick都发生在同一帧）\n  protected _jitter: number;\n  protected timeOffset: number;\n  declare _lastTickTime: number;\n  protected frameTimeHistory: number[] = [];\n\n  constructor(stage?: IStage) {\n    super();\n    this.init();\n    this.lastFrameTime = -1;\n    this.tickCounts = 0;\n    this.stage = stage;\n    this.autoStop = true;\n    this.interval = 16;\n    this.computeTimeOffsetAndJitter();\n  }\n\n  bindStage(stage: IStage): void {\n    this.stage = stage;\n  }\n\n  /**\n   * 计算时间偏移和随机扰动\n   */\n  computeTimeOffsetAndJitter(): void {\n    this.timeOffset = Math.floor(Math.random() * this.interval);\n    this._jitter = Math.min(Math.max(this.interval * 0.2, 6), this.interval * 0.7);\n  }\n\n  init(): void {\n    this.interval = 16;\n    this.status = STATUS.INITIAL;\n    application.global.hooks.onSetEnv.tap('graph-ticker', () => {\n      this.initHandler();\n    });\n    if (application.global.env) {\n      this.initHandler();\n    }\n  }\n\n  addTimeline(timeline: ITimeline): void {\n    this.timelines.push(timeline);\n  }\n\n  remTimeline(timeline: ITimeline): void {\n    this.timelines = this.timelines.filter(t => t !== timeline);\n  }\n\n  getTimelines(): ITimeline[] {\n    return this.timelines;\n  }\n\n  protected initHandler() {\n    this.setupTickHandler();\n  }\n\n  /**\n   * Set up the tick handler\n   * @returns true if setup was successful, false otherwise\n   */\n  protected setupTickHandler(): boolean {\n    const handler: ITickHandler = new RAFTickHandler();\n\n    // Destroy the previous tick handler\n    if (this.tickerHandler) {\n      this.tickerHandler.release();\n    }\n\n    this.tickerHandler = handler;\n    return true;\n  }\n\n  setInterval(interval: number): void {\n    this.interval = interval;\n    this.computeTimeOffsetAndJitter();\n  }\n\n  getInterval(): number {\n    return this.interval;\n  }\n\n  setFPS(fps: number): void {\n    this.setInterval(Math.floor(1000 / fps));\n  }\n\n  getFPS(): number {\n    return 1000 / this.interval;\n  }\n\n  tick(interval: number): void {\n    this.tickerHandler.tick(interval, (handler: ITickHandler) => {\n      return this.handleTick(handler, { once: true });\n    });\n  }\n\n  tickTo(t: number): void {\n    if (!this.tickerHandler.tickTo) {\n      return;\n    }\n    this.tickerHandler.tickTo(t, (handler: ITickHandler) => {\n      this.handleTick(handler, { once: true });\n    });\n  }\n\n  pause(): boolean {\n    if (this.status === STATUS.INITIAL) {\n      return false;\n    }\n    this.status = STATUS.PAUSE;\n    return true;\n  }\n\n  resume(): boolean {\n    if (this.status === STATUS.INITIAL) {\n      return false;\n    }\n    this.status = STATUS.RUNNING;\n    return true;\n  }\n\n  ifCanStop(): boolean {\n    if (this.autoStop) {\n      if (!this.timelines.length) {\n        return true;\n      }\n      if (this.timelines.every(timeline => !timeline.isRunning())) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  start(force: boolean = false): boolean {\n    if (this.status === STATUS.RUNNING) {\n      return false;\n    }\n    if (!this.tickerHandler) {\n      return false;\n    }\n\n    // 暂停中、或者应该停止的时候，就不执行\n    if (!force) {\n      if (this.status === STATUS.PAUSE) {\n        return false;\n      }\n      if (this.ifCanStop()) {\n        return false;\n      }\n    }\n\n    this.status = STATUS.RUNNING;\n    this.tickerHandler.tick(0, this.handleTick);\n    return true;\n  }\n\n  stop(): void {\n    // Reset the tick handler\n    this.status = STATUS.INITIAL;\n    this.setupTickHandler();\n    this.lastFrameTime = -1;\n  }\n\n  /**\n   * 用于自动启动或停止\n   * 基于当前的graph managers检查是否需要启动或停止\n   */\n  trySyncTickStatus(): void {\n    if (this.status === STATUS.INITIAL && this.timelines.some(timeline => timeline.isRunning())) {\n      this.start();\n    } else if (this.status === STATUS.RUNNING && this.timelines.every(timeline => !timeline.isRunning())) {\n      this.stop();\n    }\n  }\n\n  release(): void {\n    this.stop();\n    this.timelines = [];\n    this.tickerHandler?.release();\n    this.tickerHandler = null;\n    this.lastFrameTime = -1;\n  }\n\n  protected checkSkip(delta: number): boolean {\n    if (this.stage.params.optimize.tickRenderMode === 'performance') {\n      return false;\n    }\n    // 随机扰动（每次都对interval进行随机的扰动，避免所有tick都发生在同一帧）\n    const skip = delta < this.interval + (Math.random() - 0.5) * 2 * this._jitter;\n    return skip;\n  }\n\n  protected handleTick = (handler: ITickHandler, params?: { once?: boolean }): boolean => {\n    const { once = false } = params ?? {};\n\n    // 尝试停止\n    if (this.ifCanStop()) {\n      this.stop();\n      return false;\n    }\n\n    const currentTime = handler.getTime();\n    this._lastTickTime = currentTime;\n\n    if (this.lastFrameTime < 0) {\n      this.lastFrameTime = currentTime - this.interval + this.timeOffset;\n      this.frameTimeHistory.push(this.lastFrameTime);\n    }\n\n    const delta = currentTime - this.lastFrameTime;\n\n    const skip = this.checkSkip(delta);\n\n    if (!skip) {\n      this._handlerTick(delta);\n      this.lastFrameTime = currentTime;\n      this.frameTimeHistory.push(this.lastFrameTime);\n    }\n\n    if (!once) {\n      handler.tick(this.interval, this.handleTick);\n    }\n\n    return !skip;\n  };\n\n  protected _handlerTick = (delta: number): void => {\n    if (this.status !== STATUS.RUNNING) {\n      return;\n    }\n\n    this.tickCounts++;\n\n    // Update all graph managers\n    this.timelines.forEach(timeline => {\n      timeline.tick(delta);\n    });\n\n    this.emit('tick', delta);\n  };\n}\n"]}
+{"version":3,"sources":["../src/ticker/default-ticker.ts"],"names":[],"mappings":"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","file":"default-ticker.js","sourcesContent":["import { EventEmitter } from '@visactor/vutils';\nimport type { IStage, ITimeline } from '@visactor/vrender-core';\nimport { application, PerformanceRAF, type ITickHandler, type ITicker, STATUS } from '@visactor/vrender-core';\n\nconst performanceRAF = new PerformanceRAF();\n\nclass RAFTickHandler implements ITickHandler {\n  protected released: boolean = false;\n\n  tick(interval: number, cb: (handler: ITickHandler) => void | boolean): void {\n    performanceRAF.addAnimationFrameCb(() => {\n      if (this.released) {\n        return;\n      }\n      return cb(this);\n    });\n  }\n\n  release(): void {\n    this.released = true;\n  }\n\n  getTime(): number {\n    return Date.now();\n  }\n}\n\n/**\n * Graph-based Ticker implementation\n * This ticker works directly with GraphManager instances without needing timeline adapters\n */\nexport class DefaultTicker extends EventEmitter implements ITicker {\n  protected interval: number;\n  protected tickerHandler: ITickHandler;\n  protected status: STATUS;\n  protected lastFrameTime: number;\n  protected tickCounts: number;\n  protected stage: IStage;\n  timelines: ITimeline[] = [];\n  autoStop: boolean;\n  // 随机扰动（每次都对interval进行随机的扰动，避免所有tick都发生在同一帧）\n  protected _jitter: number;\n  protected timeOffset: number;\n  declare _lastTickTime: number;\n  protected frameTimeHistory: number[] = [];\n\n  constructor(stage?: IStage) {\n    super();\n    this.init();\n    this.lastFrameTime = -1;\n    this.tickCounts = 0;\n    this.stage = stage;\n    this.autoStop = true;\n    this.interval = 16;\n    this.computeTimeOffsetAndJitter();\n  }\n\n  bindStage(stage: IStage): void {\n    this.stage = stage;\n  }\n\n  /**\n   * 计算时间偏移和随机扰动\n   */\n  computeTimeOffsetAndJitter(): void {\n    this.timeOffset = Math.floor(Math.random() * this.interval);\n    this._jitter = Math.min(Math.max(this.interval * 0.2, 6), this.interval * 0.7);\n  }\n\n  init(): void {\n    this.interval = 16;\n    this.status = STATUS.INITIAL;\n    application.global.hooks.onSetEnv.tap('graph-ticker', () => {\n      this.initHandler(false);\n    });\n    if (application.global.env) {\n      this.initHandler(false);\n    }\n  }\n\n  addTimeline(timeline: ITimeline): void {\n    this.timelines.push(timeline);\n  }\n\n  remTimeline(timeline: ITimeline): void {\n    this.timelines = this.timelines.filter(t => t !== timeline);\n  }\n\n  getTimelines(): ITimeline[] {\n    return this.timelines;\n  }\n\n  protected initHandler(force: boolean = false) {\n    this.setupTickHandler(force);\n  }\n\n  /**\n   * Set up the tick handler\n   * @returns true if setup was successful, false otherwise\n   */\n  protected setupTickHandler(force: boolean = false): boolean {\n    if (!force && this.tickerHandler) {\n      return true;\n    }\n    const handler: ITickHandler = new RAFTickHandler();\n\n    // Destroy the previous tick handler\n    if (this.tickerHandler) {\n      this.tickerHandler.release();\n    }\n\n    this.tickerHandler = handler;\n    return true;\n  }\n\n  setInterval(interval: number): void {\n    this.interval = interval;\n    this.computeTimeOffsetAndJitter();\n  }\n\n  getInterval(): number {\n    return this.interval;\n  }\n\n  setFPS(fps: number): void {\n    this.setInterval(Math.floor(1000 / fps));\n  }\n\n  getFPS(): number {\n    return 1000 / this.interval;\n  }\n\n  tick(interval: number): void {\n    this.tickerHandler.tick(interval, (handler: ITickHandler) => {\n      return this.handleTick(handler, { once: true });\n    });\n  }\n\n  tickTo(t: number): void {\n    if (!this.tickerHandler.tickTo) {\n      return;\n    }\n    this.tickerHandler.tickTo(t, (handler: ITickHandler) => {\n      this.handleTick(handler, { once: true });\n    });\n  }\n\n  pause(): boolean {\n    if (this.status === STATUS.INITIAL) {\n      return false;\n    }\n    this.status = STATUS.PAUSE;\n    return true;\n  }\n\n  resume(): boolean {\n    if (this.status === STATUS.INITIAL) {\n      return false;\n    }\n    this.status = STATUS.RUNNING;\n    return true;\n  }\n\n  ifCanStop(): boolean {\n    if (this.autoStop) {\n      if (!this.timelines.length) {\n        return true;\n      }\n      if (this.timelines.every(timeline => !timeline.isRunning())) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  start(force: boolean = false): boolean {\n    if (this.status === STATUS.RUNNING) {\n      return false;\n    }\n    if (!this.tickerHandler) {\n      return false;\n    }\n\n    // 暂停中、或者应该停止的时候，就不执行\n    if (!force) {\n      if (this.status === STATUS.PAUSE) {\n        return false;\n      }\n      if (this.ifCanStop()) {\n        return false;\n      }\n    }\n\n    this.status = STATUS.RUNNING;\n    this.tickerHandler.tick(0, this.handleTick);\n    return true;\n  }\n\n  stop(): void {\n    // Reset the tick handler\n    this.status = STATUS.INITIAL;\n    this.setupTickHandler(true);\n    this.lastFrameTime = -1;\n  }\n\n  /**\n   * 用于自动启动或停止\n   * 基于当前的graph managers检查是否需要启动或停止\n   */\n  trySyncTickStatus(): void {\n    if (this.status === STATUS.INITIAL && this.timelines.some(timeline => timeline.isRunning())) {\n      this.start();\n    } else if (this.status === STATUS.RUNNING && this.timelines.every(timeline => !timeline.isRunning())) {\n      this.stop();\n    }\n  }\n\n  release(): void {\n    this.stop();\n    this.timelines = [];\n    this.tickerHandler?.release();\n    this.tickerHandler = null;\n    this.lastFrameTime = -1;\n  }\n\n  protected checkSkip(delta: number): boolean {\n    if (this.stage?.params?.optimize?.tickRenderMode === 'performance') {\n      return false;\n    }\n    // 随机扰动（每次都对interval进行随机的扰动，避免所有tick都发生在同一帧）\n    const skip = delta < this.interval + (Math.random() - 0.5) * 2 * this._jitter;\n    return skip;\n  }\n\n  protected handleTick = (handler: ITickHandler, params?: { once?: boolean }): boolean => {\n    const { once = false } = params ?? {};\n\n    // 尝试停止\n    if (this.ifCanStop()) {\n      this.stop();\n      return false;\n    }\n\n    const currentTime = handler.getTime();\n    this._lastTickTime = currentTime;\n\n    if (this.lastFrameTime < 0) {\n      this.lastFrameTime = currentTime - this.interval + this.timeOffset;\n      this.frameTimeHistory.push(this.lastFrameTime);\n    }\n\n    const delta = currentTime - this.lastFrameTime;\n\n    const skip = this.checkSkip(delta);\n\n    if (!skip) {\n      this._handlerTick(delta);\n      this.lastFrameTime = currentTime;\n      this.frameTimeHistory.push(this.lastFrameTime);\n    }\n\n    if (!once) {\n      handler.tick(this.interval, this.handleTick);\n    }\n\n    return !skip;\n  };\n\n  protected _handlerTick = (delta: number): void => {\n    if (this.status !== STATUS.RUNNING) {\n      return;\n    }\n\n    this.tickCounts++;\n\n    // Update all graph managers\n    this.timelines.forEach(timeline => {\n      timeline.tick(delta);\n    });\n\n    this.emit('tick', delta);\n  };\n}\n"]}

package/cjs/timeline.d.ts

@@ -16,6 +16,7 @@ export declare class DefaultTimeline extends EventEmitter implements ITimeline {
     protected _totalDuration: number;
     protected _startTime: number;
     protected _currentTime: number;
+    protected _animationEndFlag: boolean;
     isGlobal?: boolean;
     get animateCount(): number;
     constructor();

package/cjs/timeline.js

@@ -13,7 +13,8 @@ class DefaultTimeline extends vutils_1.EventEmitter {
     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.id = vrender_core_1.Generator.GenAutoIncrementId(), this.paused = !1;
+        this._animationEndFlag = !0, this.id = vrender_core_1.Generator.GenAutoIncrementId(), 
+        this.paused = !1;
     }
     isRunning() {
         return !this.paused && this._animateCount > 0;
@@ -43,10 +44,11 @@ class DefaultTimeline extends vutils_1.EventEmitter {
     }
     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 === vrender_core_1.AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== vrender_core_1.AnimateStatus.RUNNING && animate.status !== vrender_core_1.AnimateStatus.INITIAL || animate.advance(scaledDelta);
-        })), 0 === this._animateCount && this.emit("animationEnd");
+        })), 0 === this._animateCount && (this._animationEndFlag = !0, this.emit("animationEnd"));
     }
     clear() {
         this.forEachAccessAnimate((animate => {

package/cjs/timeline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { Generator, type IAnimate, type ITimeline, AnimateStatus } from '@visactor/vrender-core';\nimport { EventEmitter } from '@visactor/vutils';\n\n// 定义链表节点\ninterface AnimateNode {\n  animate: IAnimate;\n  next: AnimateNode | null;\n  prev: AnimateNode | null;\n}\n\nexport class DefaultTimeline extends EventEmitter implements ITimeline {\n  declare id: number;\n  protected head: AnimateNode | null = null;\n  protected tail: AnimateNode | null = null;\n  protected animateMap: Map<IAnimate, AnimateNode> = new Map();\n  protected _animateCount: number = 0;\n  protected declare paused: boolean;\n\n  // 添加必要的属性\n  protected _playSpeed: number = 1;\n  protected _totalDuration: number = 0;\n  protected _startTime: number = 0;\n  protected _currentTime: number = 0;\n\n  declare isGlobal?: boolean;\n\n  get animateCount() {\n    return this._animateCount;\n  }\n\n  constructor() {\n    super();\n    this.id = Generator.GenAutoIncrementId();\n    this.paused = false;\n  }\n\n  isRunning() {\n    return !this.paused && this._animateCount > 0;\n  }\n\n  forEachAccessAnimate(cb: (animate: IAnimate, index: number) => void) {\n    let current = this.head;\n    let index = 0;\n\n    while (current) {\n      // 保存下一个节点的引用，以防在回调中移除当前节点\n      const next = current.next;\n      cb(current.animate, index);\n      index++;\n      current = next;\n    }\n  }\n\n  addAnimate(animate: IAnimate) {\n    const newNode: AnimateNode = {\n      animate,\n      next: null,\n      prev: null\n    };\n\n    // 添加到链表尾部\n    if (!this.head) {\n      this.head = newNode;\n      this.tail = newNode;\n    } else {\n      if (this.tail) {\n        this.tail.next = newNode;\n        newNode.prev = this.tail;\n        this.tail = newNode;\n      }\n    }\n\n    // 在映射中保存节点引用\n    this.animateMap.set(animate, newNode);\n    this._animateCount++;\n\n    // 更新总时长\n    this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n  }\n\n  pause() {\n    this.paused = true;\n  }\n\n  resume() {\n    this.paused = false;\n  }\n\n  tick(delta: number) {\n    if (this.paused) {\n      return;\n    }\n\n    // 应用播放速度\n    const scaledDelta = delta * this._playSpeed;\n\n    // 更新当前时间\n    this._currentTime += scaledDelta;\n\n    this.forEachAccessAnimate((animate, i) => {\n      if (animate.status === AnimateStatus.END) {\n        this.removeAnimate(animate, true);\n      } else if (animate.status === AnimateStatus.RUNNING || animate.status === AnimateStatus.INITIAL) {\n        animate.advance(scaledDelta);\n      }\n    });\n\n    if (this._animateCount === 0) {\n      this.emit('animationEnd');\n    }\n  }\n\n  clear() {\n    this.forEachAccessAnimate(animate => {\n      animate.release();\n    });\n\n    this.head = null;\n    this.tail = null;\n    this.animateMap.clear();\n    this._animateCount = 0;\n    this._totalDuration = 0;\n  }\n\n  removeAnimate(animate: IAnimate, release: boolean = true) {\n    const node = this.animateMap.get(animate);\n\n    if (!node) {\n      return;\n    }\n\n    if (release) {\n      animate._onRemove && animate._onRemove.forEach(cb => cb());\n      animate.release();\n    }\n\n    // 从链表中移除节点\n    if (node.prev) {\n      node.prev.next = node.next;\n    } else {\n      // 节点是头节点\n      this.head = node.next;\n    }\n\n    if (node.next) {\n      node.next.prev = node.prev;\n    } else {\n      // 节点是尾节点\n      this.tail = node.prev;\n    }\n\n    // 从映射中移除\n    this.animateMap.delete(animate);\n    this._animateCount--;\n\n    // 如果移除的是最长时间的动画，应该重新计算总时长\n    if (animate.getStartTime() + animate.getDuration() >= this._totalDuration) {\n      this.recalculateTotalDuration();\n    }\n\n    return;\n  }\n\n  // 重新计算总时长\n  protected recalculateTotalDuration() {\n    this._totalDuration = 0;\n    this.forEachAccessAnimate(animate => {\n      this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n    });\n  }\n\n  getTotalDuration() {\n    return this._totalDuration;\n  }\n\n  getPlaySpeed() {\n    return this._playSpeed;\n  }\n\n  setPlaySpeed(speed: number) {\n    this._playSpeed = speed;\n  }\n\n  // 实现ITimeline接口所需的其他方法\n  getPlayState(): 'playing' | 'paused' | 'stopped' {\n    if (this.paused) {\n      return 'paused';\n    }\n    if (this.animateCount === 0) {\n      return 'stopped';\n    }\n    return 'playing';\n  }\n\n  setStartTime(time: number) {\n    this._startTime = time;\n  }\n\n  getStartTime() {\n    return this._startTime;\n  }\n\n  getCurrentTime() {\n    return this._currentTime;\n  }\n\n  setCurrentTime(time: number) {\n    this._currentTime = time;\n  }\n}\n\n// 不会使用，存粹做临时存储用，请一定要放置到stage中才行\nexport const defaultTimeline = new DefaultTimeline();\ndefaultTimeline.isGlobal = true;\n"]}
+{"version":3,"sources":["../src/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { Generator, type IAnimate, type ITimeline, AnimateStatus } from '@visactor/vrender-core';\nimport { EventEmitter } from '@visactor/vutils';\n\n// 定义链表节点\ninterface AnimateNode {\n  animate: IAnimate;\n  next: AnimateNode | null;\n  prev: AnimateNode | null;\n}\n\nexport class DefaultTimeline extends EventEmitter implements ITimeline {\n  declare id: number;\n  protected head: AnimateNode | null = null;\n  protected tail: AnimateNode | null = null;\n  protected animateMap: Map<IAnimate, AnimateNode> = new Map();\n  protected _animateCount: number = 0;\n  protected declare paused: boolean;\n\n  // 添加必要的属性\n  protected _playSpeed: number = 1;\n  protected _totalDuration: number = 0;\n  protected _startTime: number = 0;\n  protected _currentTime: number = 0;\n  protected _animationEndFlag: boolean = true;\n\n  declare isGlobal?: boolean;\n\n  get animateCount() {\n    return this._animateCount;\n  }\n\n  constructor() {\n    super();\n    this.id = Generator.GenAutoIncrementId();\n    this.paused = false;\n  }\n\n  isRunning() {\n    return !this.paused && this._animateCount > 0;\n  }\n\n  forEachAccessAnimate(cb: (animate: IAnimate, index: number) => void) {\n    let current = this.head;\n    let index = 0;\n\n    while (current) {\n      // 保存下一个节点的引用，以防在回调中移除当前节点\n      const next = current.next;\n      cb(current.animate, index);\n      index++;\n      current = next;\n    }\n  }\n\n  addAnimate(animate: IAnimate) {\n    const newNode: AnimateNode = {\n      animate,\n      next: null,\n      prev: null\n    };\n\n    // 添加到链表尾部\n    if (!this.head) {\n      this.head = newNode;\n      this.tail = newNode;\n    } else {\n      if (this.tail) {\n        this.tail.next = newNode;\n        newNode.prev = this.tail;\n        this.tail = newNode;\n      }\n    }\n\n    // 在映射中保存节点引用\n    this.animateMap.set(animate, newNode);\n    this._animateCount++;\n\n    // 更新总时长\n    this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n  }\n\n  pause() {\n    this.paused = true;\n  }\n\n  resume() {\n    this.paused = false;\n  }\n\n  tick(delta: number) {\n    if (this.paused) {\n      return;\n    }\n    if (this._animationEndFlag) {\n      this._animationEndFlag = false;\n      this.emit('animationStart');\n    }\n\n    // 应用播放速度\n    const scaledDelta = delta * this._playSpeed;\n\n    // 更新当前时间\n    this._currentTime += scaledDelta;\n\n    this.forEachAccessAnimate((animate, i) => {\n      if (animate.status === AnimateStatus.END) {\n        this.removeAnimate(animate, true);\n      } else if (animate.status === AnimateStatus.RUNNING || animate.status === AnimateStatus.INITIAL) {\n        animate.advance(scaledDelta);\n      }\n    });\n\n    if (this._animateCount === 0) {\n      this._animationEndFlag = true;\n      this.emit('animationEnd');\n    }\n  }\n\n  clear() {\n    this.forEachAccessAnimate(animate => {\n      animate.release();\n    });\n\n    this.head = null;\n    this.tail = null;\n    this.animateMap.clear();\n    this._animateCount = 0;\n    this._totalDuration = 0;\n  }\n\n  removeAnimate(animate: IAnimate, release: boolean = true) {\n    const node = this.animateMap.get(animate);\n\n    if (!node) {\n      return;\n    }\n\n    if (release) {\n      animate._onRemove && animate._onRemove.forEach(cb => cb());\n      animate.release();\n    }\n\n    // 从链表中移除节点\n    if (node.prev) {\n      node.prev.next = node.next;\n    } else {\n      // 节点是头节点\n      this.head = node.next;\n    }\n\n    if (node.next) {\n      node.next.prev = node.prev;\n    } else {\n      // 节点是尾节点\n      this.tail = node.prev;\n    }\n\n    // 从映射中移除\n    this.animateMap.delete(animate);\n    this._animateCount--;\n\n    // 如果移除的是最长时间的动画，应该重新计算总时长\n    if (animate.getStartTime() + animate.getDuration() >= this._totalDuration) {\n      this.recalculateTotalDuration();\n    }\n\n    return;\n  }\n\n  // 重新计算总时长\n  protected recalculateTotalDuration() {\n    this._totalDuration = 0;\n    this.forEachAccessAnimate(animate => {\n      this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n    });\n  }\n\n  getTotalDuration() {\n    return this._totalDuration;\n  }\n\n  getPlaySpeed() {\n    return this._playSpeed;\n  }\n\n  setPlaySpeed(speed: number) {\n    this._playSpeed = speed;\n  }\n\n  // 实现ITimeline接口所需的其他方法\n  getPlayState(): 'playing' | 'paused' | 'stopped' {\n    if (this.paused) {\n      return 'paused';\n    }\n    if (this.animateCount === 0) {\n      return 'stopped';\n    }\n    return 'playing';\n  }\n\n  setStartTime(time: number) {\n    this._startTime = time;\n  }\n\n  getStartTime() {\n    return this._startTime;\n  }\n\n  getCurrentTime() {\n    return this._currentTime;\n  }\n\n  setCurrentTime(time: number) {\n    this._currentTime = time;\n  }\n}\n\n// 不会使用，存粹做临时存储用，请一定要放置到stage中才行\nexport const defaultTimeline = new DefaultTimeline();\ndefaultTimeline.isGlobal = true;\n"]}

package/dist/index.es.js

@@ -590,6 +590,7 @@ class DefaultTimeline extends EventEmitter {
         this._totalDuration = 0;
         this._startTime = 0;
         this._currentTime = 0;
+        this._animationEndFlag = true;
         this.id = Generator.GenAutoIncrementId();
         this.paused = false;
     }
@@ -637,6 +638,10 @@ class DefaultTimeline extends EventEmitter {
         if (this.paused) {
             return;
         }
+        if (this._animationEndFlag) {
+            this._animationEndFlag = false;
+            this.emit('animationStart');
+        }
         const scaledDelta = delta * this._playSpeed;
         this._currentTime += scaledDelta;
         this.forEachAccessAnimate((animate, i) => {
@@ -648,6 +653,7 @@ class DefaultTimeline extends EventEmitter {
             }
         });
         if (this._animateCount === 0) {
+            this._animationEndFlag = true;
             this.emit('animationEnd');
         }
     }
@@ -768,6 +774,14 @@ class Animate {
     }
     bind(target) {
         this.target = target;
+        if (!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);
+        });
         if (this.target.onAnimateBind && !this.slience) {
             this.target.onAnimateBind(this);
         }
@@ -1185,10 +1199,10 @@ class DefaultTicker extends EventEmitter {
         this.interval = 16;
         this.status = STATUS.INITIAL;
         application.global.hooks.onSetEnv.tap('graph-ticker', () => {
-            this.initHandler();
+            this.initHandler(false);
         });
         if (application.global.env) {
-            this.initHandler();
+            this.initHandler(false);
         }
     }
     addTimeline(timeline) {
@@ -1200,10 +1214,13 @@ class DefaultTicker extends EventEmitter {
     getTimelines() {
         return this.timelines;
     }
-    initHandler() {
-        this.setupTickHandler();
+    initHandler(force = false) {
+        this.setupTickHandler(force);
     }
-    setupTickHandler() {
+    setupTickHandler(force = false) {
+        if (!force && this.tickerHandler) {
+            return true;
+        }
         const handler = new RAFTickHandler();
         if (this.tickerHandler) {
             this.tickerHandler.release();
@@ -1283,7 +1300,7 @@ class DefaultTicker extends EventEmitter {
     }
     stop() {
         this.status = STATUS.INITIAL;
-        this.setupTickHandler();
+        this.setupTickHandler(true);
         this.lastFrameTime = -1;
     }
     trySyncTickStatus() {
@@ -1303,7 +1320,8 @@ class DefaultTicker extends EventEmitter {
         this.lastFrameTime = -1;
     }
     checkSkip(delta) {
-        if (this.stage.params.optimize.tickRenderMode === 'performance') {
+        var _a, _b, _c;
+        if (((_c = (_b = (_a = this.stage) === null || _a === void 0 ? void 0 : _a.params) === null || _b === void 0 ? void 0 : _b.optimize) === null || _c === void 0 ? void 0 : _c.tickRenderMode) === 'performance') {
             return false;
         }
         const skip = delta < this.interval + (Math.random() - 0.5) * 2 * this._jitter;
@@ -1771,10 +1789,7 @@ class AnimateExecutor {
     _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
         var _a, _b, _c, _d;
         if (custom && customType) {
-            const customParams = this.resolveValue(customParameters, graphic, {
-                width: graphic.stage.width,
-                height: graphic.stage.height
-            });
+            const customParams = Object.assign({ width: graphic.stage.width, height: graphic.stage.height, group: this._target.parent }, this.resolveValue(customParameters, graphic));
             const objOptions = isFunction(options)
                 ? options.call(null, (_b = (customParams && ((_a = customParams.data) === null || _a === void 0 ? void 0 : _a[0]))) !== null && _b !== void 0 ? _b : (_d = (_c = graphic.context) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[0], graphic, customParams)
                 : options;
@@ -2102,6 +2117,16 @@ class AnimationStateManager {
         });
         this.stateList = null;
     }
+    reApplyState(state) {
+        var _a;
+        const stateInfo = (_a = this.stateList) === null || _a === void 0 ? void 0 : _a.find(stateInfo => stateInfo.state === state);
+        if (stateInfo) {
+            const stateList = this.stateList.slice();
+            stateInfo.executor.stop();
+            this.stateList = stateList;
+            stateInfo.executor.execute(stateInfo.animationConfig);
+        }
+    }
 }
 
 class GraphicStateExtension {
@@ -2145,12 +2170,32 @@ class GraphicStateExtension {
         this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback);
         return this;
     }
-    stopAnimationState(state, type) {
+    stopAnimationState(state, type, deep = false) {
         this._getAnimationStateManager(this).stopState(state, type);
+        if (deep && this.isContainer) {
+            this.forEachChildren((child) => {
+                child.stopAnimationState(state, type, deep);
+            });
+        }
         return this;
     }
     clearAnimationStates() {
-        this._getAnimationStateManager(this).clearState();
+        const stateManager = this._animationStateManager;
+        if (stateManager) {
+            stateManager.clearState();
+        }
+        return this;
+    }
+    reApplyAnimationState(state, deep = false) {
+        const stateManager = this._animationStateManager;
+        if (stateManager) {
+            stateManager.reApplyState(state);
+        }
+        if (deep && this.isContainer) {
+            this.forEachChildren((child) => {
+                child.reApplyAnimationState(state, deep);
+            });
+        }
         return this;
     }
     static extend(graphic) {
@@ -2169,9 +2214,6 @@ class AnimateExtension {
     }
     animate(params) {
         var _a, _b, _c;
-        if (!this.animates) {
-            this.animates = new Map();
-        }
         const animate = new Animate(params === null || params === void 0 ? void 0 : params.id, (_b = (_a = params === null || params === void 0 ? void 0 : params.timeline) !== null && _a !== void 0 ? _a : (this.stage && this.stage.getTimeline())) !== null && _b !== void 0 ? _b : defaultTimeline, params === null || params === void 0 ? void 0 : params.slience);
         animate.bind(this);
         if (params) {
@@ -2180,11 +2222,6 @@ class AnimateExtension {
             onEnd != null && animate.onEnd(onEnd);
             onRemove != null && animate.onRemove(onRemove);
         }
-        this.animates.set(animate.id, animate);
-        animate.onRemove(() => {
-            animate.stop();
-            this.animates.delete(animate.id);
-        });
         (_c = this.stage) === null || _c === void 0 ? void 0 : _c.ticker.start();
         return animate;
     }
@@ -2229,6 +2266,30 @@ class AnimateExtension {
         }
         return this.attribute[key];
     }
+    pauseAnimation(deep = false) {
+        this.animates && this.animates.forEach(animate => animate.pause());
+        if (deep && this.isContainer) {
+            this.forEachChildren((child) => {
+                child.pauseAnimation(deep);
+            });
+        }
+    }
+    resumeAnimation(deep = false) {
+        this.animates && this.animates.forEach(animate => animate.resume());
+        if (deep && this.isContainer) {
+            this.forEachChildren((child) => {
+                child.resumeAnimation(deep);
+            });
+        }
+    }
+    stopAnimation(deep = false) {
+        this.animates && this.animates.forEach(animate => animate.stop());
+        if (deep && this.isContainer) {
+            this.forEachChildren((child) => {
+                child.stopAnimation(deep);
+            });
+        }
+    }
 }
 
 function registerAnimate() {
@@ -2242,6 +2303,8 @@ class ACustomAnimate extends Step {
         this.type = 'customAnimate';
         this.customFrom = customFrom;
         this.params = params;
+        this.from = customFrom;
+        this.to = customTo;
     }
     update(end, ratio, out) {
         this.onStart();
@@ -3916,7 +3979,7 @@ class GrowCenterIn extends ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b;
+        var _a, _b, _c;
         super.onBind();
         const { from, to } = growCenterIn(this.target, this.params.options, this.params);
         const fromAttrs = (_b = (_a = this.target.context) === null || _a === void 0 ? void 0 : _a.lastAttrs) !== null && _b !== void 0 ? _b : from;
@@ -3928,7 +3991,9 @@ class GrowCenterIn extends ACustomAnimate {
         if (finalAttribute) {
             this.target.setAttributes(finalAttribute);
         }
-        this.target.setAttributes(fromAttrs);
+        if (((_c = this.params.controlOptions) === null || _c === void 0 ? void 0 : _c.immediatelyApply) !== false) {
+            this.target.setAttributes(fromAttrs);
+        }
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -4024,7 +4089,7 @@ class GrowHeightIn extends ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b;
+        var _a, _b, _c;
         super.onBind();
         const { from, to } = growHeightIn(this.target, this.params.options, this.params);
         const fromAttrs = (_b = (_a = this.target.context) === null || _a === void 0 ? void 0 : _a.lastAttrs) !== null && _b !== void 0 ? _b : from;
@@ -4036,7 +4101,9 @@ class GrowHeightIn extends ACustomAnimate {
         if (finalAttribute) {
             this.target.setAttributes(finalAttribute);
         }
-        this.target.setAttributes(fromAttrs);
+        if (((_c = this.params.controlOptions) === null || _c === void 0 ? void 0 : _c.immediatelyApply) !== false) {
+            this.target.setAttributes(fromAttrs);
+        }
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -6487,15 +6554,14 @@ const moveIn = (graphic, options, animationParameters) => {
     const point = isFunction(pointOpt)
         ? pointOpt.call(null, (_d = (_c = graphic.context) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[0], graphic, animationParameters)
         : pointOpt;
-    const fromX = point && isValidNumber(point.x) ? point.x : changedX;
-    const fromY = point && isValidNumber(point.y) ? point.y : changedY;
-    const finalAttrs = graphic.getFinalAttribute();
-    const finalAttrsX = excludeChannels.includes('x') ? graphic.attribute.x : finalAttrs.x;
-    const finalAttrsY = excludeChannels.includes('y') ? graphic.attribute.y : finalAttrs.y;
+    const finalAttrsX = graphic.getGraphicAttribute('x');
+    const finalAttrsY = graphic.getGraphicAttribute('y');
+    const fromX = excludeChannels.includes('x') ? finalAttrsX : point && isValidNumber(point.x) ? point.x : changedX;
+    const fromY = excludeChannels.includes('y') ? finalAttrsY : point && isValidNumber(point.y) ? point.y : changedY;
     switch (direction) {
         case 'x':
             return {
-                from: { x: fromX },
+                from: { x: excludeChannels.includes('x') ? finalAttrsX : fromX },
                 to: { x: finalAttrsX }
             };
         case 'y':
@@ -6515,34 +6581,35 @@ const moveIn = (graphic, options, animationParameters) => {
     }
 };
 const moveOut = (graphic, options, animationParameters) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const { offset = 0, orient, direction, point: pointOpt } = options !== null && options !== void 0 ? options : {};
-    const groupWidth = (_b = (_a = options.layoutRect) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : graphic.stage.viewWidth;
-    const groupHeight = (_d = (_c = options.layoutRect) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : graphic.stage.viewHeight;
+    const groupBounds = animationParameters.group ? animationParameters.group.AABBBounds : null;
+    const groupWidth = (_a = groupBounds.width()) !== null && _a !== void 0 ? _a : animationParameters.width;
+    const groupHeight = (_b = groupBounds.height()) !== null && _b !== void 0 ? _b : animationParameters.height;
     const changedX = (orient === 'negative' ? groupWidth : 0) + offset;
     const changedY = (orient === 'negative' ? groupHeight : 0) + offset;
     const point = isFunction(pointOpt)
-        ? pointOpt.call(null, (_f = (_e = graphic.context) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f[0], graphic, animationParameters)
+        ? pointOpt.call(null, (_d = (_c = graphic.context) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[0], graphic, animationParameters)
         : pointOpt;
     const fromX = point && isValidNumber(point.x) ? point.x : changedX;
     const fromY = point && isValidNumber(point.y) ? point.y : changedY;
     switch (direction) {
         case 'x':
             return {
-                from: { x: graphic.attribute.x },
+                from: { x: graphic.getGraphicAttribute('x') },
                 to: { x: fromX }
             };
         case 'y':
             return {
-                from: { y: graphic.attribute.y },
+                from: { y: graphic.getGraphicAttribute('y') },
                 to: { y: fromY }
             };
         case 'xy':
         default:
             return {
                 from: {
-                    x: graphic.attribute.x,
-                    y: graphic.attribute.y
+                    x: graphic.getGraphicAttribute('x'),
+                    y: graphic.getGraphicAttribute('y')
                 },
                 to: { x: fromX, y: fromY }
             };
@@ -6742,6 +6809,10 @@ class FromTo extends ACustomAnimate {
             });
         this.target.setAttributes(this.from);
     }
+    deleteSelfAttr(key) {
+        super.deleteSelfAttr(key);
+        delete this.from[key];
+    }
     update(end, ratio, out) {
         this.onStart();
         if (!this.props || !this.propKeys) {
@@ -6833,9 +6904,8 @@ class StreamLight extends ACustomAnimate {
             const w = Math.min(Math.min(currentX + maxLength, maxLength), streamLength - currentX);
             const width = w + x > parentWidth ? Math.max(parentWidth - x, 0) : w;
             this.rect.setAttributes({
-                x,
-                width,
-                dx: Math.min(parentAttr.x1 - parentAttr.x, 0)
+                x: x + Math.min(parentAttr.x1 - parentAttr.x, 0),
+                width
             }, false, {
                 type: AttributeUpdateType.ANIMATE_PLAY,
                 animationState: {
@@ -6861,9 +6931,8 @@ class StreamLight extends ACustomAnimate {
                 height = h;
             }
             this.rect.setAttributes({
-                y,
-                height,
-                dy: Math.min(parentAttr.y1 - parentAttr.y, 0)
+                y: y + Math.min(parentAttr.y1 - parentAttr.y, 0),
+                height
             }, false, {
                 type: AttributeUpdateType.ANIMATE_PLAY,
                 animationState: {
@@ -7059,4 +7128,4 @@ const registerCustomAnimate = () => {
     AnimateExecutor.registerBuiltInAnimate('streamLight', StreamLight);
 };
 
-export { AComponentAnimate, ACustomAnimate, Animate, AnimateExecutor, Step as AnimateStep, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ComponentAnimator, DefaultTicker, DefaultTimeline, FadeIn, FadeOut, FromTo, GraphicStateExtension, GroupFadeIn, GroupFadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, InputRichText, InputText, LabelItemAppear, LabelItemDisappear, ManualTicker, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, OutputRichText, PoptipAppear, PoptipDisappear, PulseAnimate, RotateBySphereAnimate, RotateIn, RotateOut, ScaleIn, ScaleOut, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, State, StreamLight, StrokeIn, StrokeOut, TagPointsUpdate, Update, createComponentAnimator, generatorPathEasingFunc, morphPath, multiToOneMorph, oneToMultiMorph, registerAnimate, registerCustomAnimate, transitionRegistry };
+export { AComponentAnimate, ACustomAnimate, Animate, AnimateExecutor, Step as AnimateStep, AnimationStateManager, AnimationStateStore, AnimationStates, AnimationTransitionRegistry, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipIn, ClipOut, ClipRadiusAnimate, ComponentAnimator, DefaultTicker, DefaultTimeline, Easing, FadeIn, FadeOut, FromTo, GraphicStateExtension, GroupFadeIn, GroupFadeOut, GrowAngleIn, GrowAngleOut, GrowCenterIn, GrowCenterOut, GrowHeightIn, GrowHeightOut, GrowIn, GrowOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, GrowRadiusIn, GrowRadiusOut, GrowWidthIn, GrowWidthOut, IncreaseCount, InputRichText, InputText, LabelItemAppear, LabelItemDisappear, ManualTicker, MorphingPath, MotionPath, MoveIn, MoveOut, MoveRotateIn, MoveRotateOut, MoveScaleIn, MoveScaleOut, MultiToOneMorphingPath, OutputRichText, PoptipAppear, PoptipDisappear, PulseAnimate, RotateBySphereAnimate, RotateIn, RotateOut, ScaleIn, ScaleOut, SlideIn, SlideOut, SlideOutRichText, SlideRichText, SpinIn, SpinOut, State, StreamLight, StrokeIn, StrokeOut, TagPointsUpdate, Update, createComponentAnimator, generatorPathEasingFunc, morphPath, multiToOneMorph, oneToMultiMorph, registerAnimate, registerCustomAnimate, transitionRegistry };

package/es/animate-extension.d.ts

@@ -19,4 +19,7 @@ export declare class AnimateExtension {
     executeAnimations(configs: IAnimationConfig[]): this;
     protected getFinalAttribute(): Record<string, any>;
     getGraphicAttribute(key: string, prev?: boolean): any;
+    pauseAnimation(deep?: boolean): void;
+    resumeAnimation(deep?: boolean): void;
+    stopAnimation(deep?: boolean): void;
 }