@visactor/vrender-animate 0.22.4

package/cjs/state/animation-state.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimationStateManager = exports.AnimationStateStore = void 0;
+
+const animation_states_registry_1 = require("./animation-states-registry"), animate_executor_1 = require("../executor/animate-executor");
+
+class AnimationStateStore {
+    constructor(graphic) {
+        this.graphic = graphic;
+    }
+    registerState(state) {
+        this.states || (this.states = new Map), this.states.set(state.name, state);
+    }
+    clearStates() {
+        var _a;
+        null === (_a = this.states) || void 0 === _a || _a.clear();
+    }
+}
+
+exports.AnimationStateStore = AnimationStateStore;
+
+class AnimationStateManager {
+    constructor(graphic) {
+        this.stateList = null, this.graphic = graphic;
+    }
+    applyState(nextState, animationConfig, callback) {
+        const registry = animation_states_registry_1.AnimationTransitionRegistry.getInstance(), shouldStopState = [], shouldApplyState = [];
+        if (this.stateList && this.stateList.length ? nextState.forEach(((state, index) => {
+            const result = {
+                allowTransition: !0,
+                stopOriginalTransition: !0
+            };
+            this.stateList.forEach((currState => {
+                const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);
+                result.allowTransition = result.allowTransition && _result.allowTransition;
+            })), result.allowTransition && (shouldApplyState.push({
+                state: state,
+                animationConfig: animationConfig[index].animation,
+                executor: new animate_executor_1.AnimateExecutor(this.graphic)
+            }), this.stateList.forEach((currState => {
+                registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
+            })));
+        })) : nextState.forEach(((state, index) => {
+            shouldApplyState.push({
+                state: state,
+                animationConfig: animationConfig[index].animation,
+                executor: new animate_executor_1.AnimateExecutor(this.graphic)
+            });
+        })), shouldStopState.forEach((state => {
+            state.executor.stop();
+        })), shouldApplyState.length) {
+            shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
+            for (let i = 0; i < shouldApplyState.length; i++) {
+                const nextState = shouldApplyState[i + 1], currentState = shouldApplyState[i];
+                currentState.executor.onEnd((() => {
+                    nextState && nextState.executor.execute(nextState.animationConfig), this.stateList = this.stateList.filter((state => state !== currentState)), 
+                    i === shouldApplyState.length - 1 && callback && callback(!1);
+                }));
+            }
+        } else callback && callback(!0);
+        this.stateList ? this.stateList = this.stateList.filter((state => !shouldStopState.includes(state))) : this.stateList = [], 
+        this.stateList.push(...shouldApplyState);
+    }
+    stopState(state, type) {
+        var _a;
+        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find((stateInfo => stateInfo.state === state));
+        stateInfo && stateInfo.executor.stop(type);
+    }
+    clearState() {
+        var _a;
+        null === (_a = this.stateList) || void 0 === _a || _a.forEach((state => {
+            state.executor.stop();
+        })), this.stateList = null;
+    }
+}
+
+exports.AnimationStateManager = AnimationStateManager;
+//# sourceMappingURL=animation-state.js.map

package/cjs/state/animation-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state.ts"],"names":[],"mappings":"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","file":"animation-state.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationTransitionRegistry } from './animation-states-registry';\nimport type { IAnimationConfig } from '../executor/executor';\nimport { AnimateExecutor } from '../executor/animate-executor';\n\nexport class AnimationStateStore {\n  graphic: IGraphic;\n\n  constructor(graphic: IGraphic) {\n    this.graphic = graphic;\n  }\n\n  // 动画状态配置\n  // 并不是所有图元都有（只有mark才有），所以在应用状态的时候，需要额外传入\n  states?: Map<string, IAnimationState>;\n\n  registerState(state: IAnimationState): void {\n    if (!this.states) {\n      this.states = new Map();\n    }\n    this.states.set(state.name, state);\n  }\n\n  clearStates(): void {\n    this.states?.clear();\n  }\n}\n\n// 一个状态对应一个执行器，每个图元都有一一对应\ninterface IStateInfo {\n  state: string;\n  animationConfig: IAnimationConfig;\n  executor: AnimateExecutor;\n}\n\nexport class AnimationStateManager {\n  protected graphic: IGraphic;\n\n  // 当前状态\n  // TODO（注意，这里无法了解动画的顺序，既有串行也有并行，具体在执行的时候确定，执行之后就无法获取串行或并行配置了）\n  stateList: IStateInfo[] | null = null;\n\n  constructor(graphic: IGraphic) {\n    this.graphic = graphic;\n  }\n\n  // TODO 这里因为只有状态变更才会调用，所以代码写的比较宽松，如果有性能问题需要优化\n  /**\n   * 应用状态\n   * @param nextState 下一个状态数组，如果传入数组，那么状态是串行的。但是每次applyState都会立即执行动画，也就是applyState和applyState之间是并行\n   * @param animationConfig 动画配置\n   * @param callback 动画结束后的回调函数，参数empty为true表示没有动画需要执行直接调的回调\n   */\n  applyState(nextState: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): void {\n    const registry = AnimationTransitionRegistry.getInstance();\n\n    // TODO 这里指判断第一个状态，后续如果需要的话要循环判断\n    // 检查是否需要停止当前状态，以及下一个状态是否需要应用\n    const shouldStopState: IStateInfo[] = [];\n    const shouldApplyState: IStateInfo[] = [];\n    if (!(this.stateList && this.stateList.length)) {\n      nextState.forEach((state, index) => {\n        shouldApplyState.push({\n          state,\n          animationConfig: animationConfig[index].animation,\n          executor: new AnimateExecutor(this.graphic)\n        });\n      });\n    } else {\n      // const _stateList = this.stateList[0];\n      nextState.forEach((state, index) => {\n        // 遍历this.stateList，获取result，只要有一个是false，那这个result就是false\n        const result: { allowTransition: boolean; stopOriginalTransition: boolean } = {\n          allowTransition: true,\n          stopOriginalTransition: true\n        };\n        this.stateList.forEach(currState => {\n          const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);\n          result.allowTransition = result.allowTransition && _result.allowTransition;\n        });\n        // 所有状态都允许过渡，则添加到shouldApplyState\n        if (result.allowTransition) {\n          shouldApplyState.push({\n            state,\n            animationConfig: animationConfig[index].animation,\n            executor: new AnimateExecutor(this.graphic)\n          });\n          // 允许过渡的话，需要重新遍历this.stateList，获取stopOriginalTransition\n          this.stateList.forEach(currState => {\n            const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);\n            if (_result.stopOriginalTransition) {\n              shouldStopState.push(currState);\n            }\n          });\n        }\n      });\n    }\n\n    // 停止动画\n    shouldStopState.forEach(state => {\n      state.executor.stop();\n    });\n\n    // 立即应用动画，串行的应用\n    if (shouldApplyState.length) {\n      shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);\n      // 如果下一个状态存在，那么下一个状态的动画在当前状态动画结束后立即执行\n      for (let i = 0; i < shouldApplyState.length; i++) {\n        const nextState = shouldApplyState[i + 1];\n        const currentState = shouldApplyState[i];\n        currentState.executor.onEnd(() => {\n          if (nextState) {\n            nextState.executor.execute(nextState.animationConfig);\n          }\n          // 删除这个状态\n          this.stateList = this.stateList.filter(state => state !== currentState);\n\n          // 如果是最后一个状态且有回调，则调用回调\n          if (i === shouldApplyState.length - 1 && callback) {\n            callback(false);\n          }\n        });\n      }\n    } else if (callback) {\n      // 如果没有需要应用的动画状态，直接调用回调\n      callback(true);\n    }\n\n    if (this.stateList) {\n      this.stateList = this.stateList.filter(state => !shouldStopState.includes(state));\n    } else {\n      this.stateList = [];\n    }\n    this.stateList.push(...shouldApplyState);\n  }\n\n  stopState(state: string, type?: 'start' | 'end' | Record<string, any>): void {\n    const stateInfo = this.stateList?.find(stateInfo => stateInfo.state === state);\n    if (stateInfo) {\n      stateInfo.executor.stop(type);\n    }\n  }\n\n  clearState(): void {\n    // 清空状态\n    this.stateList?.forEach(state => {\n      state.executor.stop();\n    });\n    this.stateList = null;\n  }\n\n  // getstateList(): string[] | null {\n  //   return this.stateList;\n  // }\n}\n"]}

package/cjs/state/animation-states-registry.d.ts

@@ -0,0 +1,17 @@
+import type { IGraphic } from '@visactor/vrender-core';
+interface ITransitionResult {
+    allowTransition: boolean;
+    stopOriginalTransition: boolean;
+}
+export type TransitionFunction = (graphic: IGraphic, fromState: string) => ITransitionResult;
+export declare class AnimationTransitionRegistry {
+    private static instance;
+    private transitions;
+    constructor();
+    static getInstance(): AnimationTransitionRegistry;
+    private registerDefaultTransitions;
+    isTransitionAllowed(fromState: string, toState: string, graphic: IGraphic): ITransitionResult;
+    registerTransition(fromState: string, toState: string, transition: TransitionFunction): void;
+}
+declare const transitionRegistry: AnimationTransitionRegistry;
+export { transitionRegistry };

package/cjs/state/animation-states-registry.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.transitionRegistry = exports.AnimationTransitionRegistry = void 0;
+
+class AnimationTransitionRegistry {
+    constructor() {
+        this.transitions = new Map, this.registerDefaultTransitions();
+    }
+    static getInstance() {
+        return AnimationTransitionRegistry.instance || (AnimationTransitionRegistry.instance = new AnimationTransitionRegistry), 
+        AnimationTransitionRegistry.instance;
+    }
+    registerDefaultTransitions() {
+        this.registerTransition("appear", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("appear", "appear", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("appear", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("appear", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("normal", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("normal", "normal", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("normal", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("normal", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "*", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("exit", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "enter", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "exit", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "enter", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("enter", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("disappear", "*", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("disappear", "appear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        })));
+    }
+    isTransitionAllowed(fromState, toState, graphic) {
+        var _a, _b, _c, _d;
+        let func = null === (_a = this.transitions.get(fromState)) || void 0 === _a ? void 0 : _a.get(toState);
+        return func ? func(graphic, fromState) : (func = null === (_b = this.transitions.get(fromState)) || void 0 === _b ? void 0 : _b.get("*"), 
+        func ? func(graphic, fromState) : (func = null === (_c = this.transitions.get("*")) || void 0 === _c ? void 0 : _c.get(toState), 
+        func ? func(graphic, fromState) : (func = null === (_d = this.transitions.get("*")) || void 0 === _d ? void 0 : _d.get("*"), 
+        func ? func(graphic, fromState) : {
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        })));
+    }
+    registerTransition(fromState, toState, transition) {
+        let fromStateMap = this.transitions.get(fromState);
+        fromStateMap || (fromStateMap = new Map, this.transitions.set(fromState, fromStateMap)), 
+        fromStateMap.set(toState, transition);
+    }
+}
+
+exports.AnimationTransitionRegistry = AnimationTransitionRegistry;
+
+const transitionRegistry = AnimationTransitionRegistry.getInstance();
+
+exports.transitionRegistry = transitionRegistry;
+//# sourceMappingURL=animation-states-registry.js.map

package/cjs/state/animation-states-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-states-registry.ts"],"names":[],"mappings":"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","file":"animation-states-registry.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\n\ninterface ITransitionResult {\n  allowTransition: boolean;\n  stopOriginalTransition: boolean;\n}\n\n/**\n * 注册动画状态切换的转换函数\n */\nexport type TransitionFunction = (graphic: IGraphic, fromState: string) => ITransitionResult;\n\n/**\n * 动画状态切换的注册表\n * 管理所有图形的动画状态切换逻辑\n */\nexport class AnimationTransitionRegistry {\n  private static instance: AnimationTransitionRegistry;\n\n  // 源状态到目标状态的映射，每个目标状态都有一个转换函数\n  private transitions: Map<string, Map<string, TransitionFunction>> = new Map();\n\n  constructor() {\n    this.registerDefaultTransitions();\n  }\n\n  /**\n   * 获取注册表的单例实例\n   */\n  static getInstance(): AnimationTransitionRegistry {\n    if (!AnimationTransitionRegistry.instance) {\n      AnimationTransitionRegistry.instance = new AnimationTransitionRegistry();\n    }\n    return AnimationTransitionRegistry.instance;\n  }\n\n  /**\n   * 注册默认的转换规则\n   */\n  private registerDefaultTransitions(): void {\n    // appear动画，可以被任何动画覆盖，但不会停止（disappear、exit除外）\n    this.registerTransition('appear', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // appear 动画碰到appear动画，什么都不会发生\n    this.registerTransition('appear', 'appear', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('appear', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('appear', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // 循环动画（normal），可以被任何动画覆盖，但不会停止（disappear、exit除外）\n    this.registerTransition('normal', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // 循环动画碰到循环动画，什么都不会发生\n    this.registerTransition('normal', 'normal', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('normal', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('normal', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // 退出动画不能被覆盖或停止(disappear除外)\n    this.registerTransition('exit', '*', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('exit', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // 退出动画碰到enter动画，会立即停止\n    this.registerTransition('exit', 'enter', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // 退出动画碰到退出，什么都不会发生\n    this.registerTransition('exit', 'exit', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n\n    // enter 动画可以被任何动画覆盖，但不会停止（exit、disappear除外）\n    this.registerTransition('enter', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // enter 动画碰到enter动画，什么都不会发生\n    this.registerTransition('enter', 'enter', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('enter', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('enter', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // disappear 动画碰到任何动画，什么都不会发生（appear除外）\n    this.registerTransition('disappear', '*', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n\n    // disappear 动画碰到appear动画，会立即停止\n    this.registerTransition('disappear', 'appear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n  }\n\n  /**\n   * 检查两个状态之间是否允许转换\n   */\n  isTransitionAllowed(fromState: string, toState: string, graphic: IGraphic): ITransitionResult {\n    // 直接转换规则\n    let func = this.transitions.get(fromState)?.get(toState);\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 状态到通配符\n    func = this.transitions.get(fromState)?.get('*');\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 通配符到状态\n    func = this.transitions.get('*')?.get(toState);\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 通配符到通配符\n    func = this.transitions.get('*')?.get('*');\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 默认允许转换\n    return {\n      allowTransition: true,\n      stopOriginalTransition: true\n    };\n  }\n\n  /**\n   * 注册两个状态之间的转换\n   */\n  registerTransition(fromState: string, toState: string, transition: TransitionFunction): void {\n    let fromStateMap = this.transitions.get(fromState);\n\n    if (!fromStateMap) {\n      fromStateMap = new Map();\n      this.transitions.set(fromState, fromStateMap);\n    }\n\n    fromStateMap.set(toState, transition);\n  }\n}\n\n// 初始化单例转换注册表\nconst transitionRegistry = AnimationTransitionRegistry.getInstance();\n\nexport { transitionRegistry };\n"]}

package/cjs/state/graphic-extension.d.ts

@@ -0,0 +1,12 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationState } from './types';
+import { AnimationStateManager, AnimationStateStore } from './animation-state';
+export declare class GraphicStateExtension {
+    _getAnimationStateManager(graphic: IGraphic): AnimationStateManager;
+    _getAnimationStateStore(graphic: IGraphic): AnimationStateStore;
+    registerAnimationState(state: IAnimationState): this;
+    applyAnimationState(state: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): this;
+    stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>): this;
+    clearAnimationStates(): this;
+    static extend(graphic: IGraphic): IGraphic;
+}

package/cjs/state/graphic-extension.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GraphicStateExtension = void 0;
+
+const animation_state_1 = require("./animation-state");
+
+class GraphicStateExtension {
+    _getAnimationStateManager(graphic) {
+        return graphic._animationStateManager || (graphic._animationStateManager = new animation_state_1.AnimationStateManager(graphic)), 
+        graphic._animationStateManager;
+    }
+    _getAnimationStateStore(graphic) {
+        return graphic._animationStateStore || (graphic._animationStateStore = new animation_state_1.AnimationStateStore(graphic)), 
+        graphic._animationStateStore;
+    }
+    registerAnimationState(state) {
+        return this._getAnimationStateStore(this).registerState(state), this;
+    }
+    applyAnimationState(state, animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyState(state, animationConfig, callback), 
+        this;
+    }
+    stopAnimationState(state, type) {
+        return this._getAnimationStateManager(this).stopState(state, type), this;
+    }
+    clearAnimationStates() {
+        return this._getAnimationStateManager(this).clearState(), this;
+    }
+    static extend(graphic) {
+        return (new GraphicStateExtension)._getAnimationStateManager(graphic), graphic;
+    }
+}
+
+exports.GraphicStateExtension = GraphicStateExtension;
+//# sourceMappingURL=graphic-extension.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/graphic-extension.ts"],"names":[],"mappings":";;;AAEA,uDAA+E;AAK/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,CAAC,KAAe,EAAE,eAAkC,EAAE,QAAoC;QAC3G,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;QACzG,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;AA/DD,sDA+DC","file":"graphic-extension.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationStateManager, AnimationStateStore } from './animation-state';\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(state: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyState(state, 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"]}

package/cjs/state/index.d.ts

@@ -0,0 +1,3 @@
+export * from './animation-state';
+export * from './graphic-extension';
+export * from './animation-states-registry';

package/cjs/state/index.js

@@ -0,0 +1,22 @@
+"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("./animation-state"), exports), __exportStar(require("./graphic-extension"), exports), 
+__exportStar(require("./animation-states-registry"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,8DAA4C","file":"index.js","sourcesContent":["export * from './animation-state';\nexport * from './graphic-extension';\nexport * from './animation-states-registry';\n"]}

package/cjs/state/types.d.ts

@@ -0,0 +1,11 @@
+import type { IAnimationConfig } from '../executor/executor';
+export interface IAnimationState {
+    name: string;
+    animation: IAnimationConfig;
+}
+export interface IAnimationStateManager {
+    registerState: (state: IAnimationState) => void;
+    applyState: (state: string | string[]) => void;
+    clearStates: () => void;
+    getCurrentState: () => string | string[] | null;
+}

package/cjs/state/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=types.js.map

package/cjs/state/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationConfig } from '../executor/executor';\n\nexport interface IAnimationState {\n  /**\n   * 状态名称\n   */\n  name: string;\n\n  /**\n   * 动画配置\n   */\n  animation: IAnimationConfig;\n}\n\n/**\n * Animation state manager for a graphic\n */\nexport interface IAnimationStateManager {\n  /**\n   * Register a state for the graphic\n   */\n  registerState: (state: IAnimationState) => void;\n\n  /**\n   * Apply a state to the graphic\n   */\n  applyState: (state: string | string[]) => void;\n\n  /**\n   * Clear all states from the graphic\n   */\n  clearStates: () => void;\n\n  /**\n   * Get the current state of the graphic\n   */\n  getCurrentState: () => string | string[] | null;\n}\n"]}

package/cjs/step.d.ts

@@ -0,0 +1,49 @@
+import { type IGraphic } from '@visactor/vrender-core';
+import type { IAnimate, IStep } from './intreface/animate';
+import type { EasingType, EasingTypeFunc } from './intreface/easing';
+import type { IAnimateStepType } from './intreface/type';
+export declare class Step implements IStep {
+    type: IAnimateStepType;
+    prev?: IStep;
+    duration: number;
+    next?: IStep;
+    props?: Record<string, any>;
+    propKeys?: string[];
+    interpolateUpdateFunctions?: ((key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void)[];
+    easing: EasingTypeFunc;
+    animate: IAnimate;
+    target: IGraphic;
+    fromProps: Record<string, any>;
+    fromParsedProps: Record<string, any>;
+    toParsedProps: Record<string, any>;
+    protected _startTime: number;
+    _hasFirstRun: boolean;
+    protected _endCb?: (animate: IAnimate, step: IStep) => void;
+    constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
+    bind(target: IGraphic, animate: IAnimate): void;
+    append(step: IStep): void;
+    private updateDownstreamStartTimes;
+    getLastProps(): any;
+    setDuration(duration: number, updateDownstream?: boolean): void;
+    getDuration(): number;
+    determineInterpolateUpdateFunction(): void;
+    setStartTime(time: number, updateDownstream?: boolean): void;
+    getStartTime(): number;
+    onBind(): void;
+    onFirstRun(): void;
+    onStart(): void;
+    protected tryPreventConflict(): void;
+    deleteSelfAttr(key: string): void;
+    trySyncStartProps(): void;
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    getEndProps(): Record<string, any>;
+    getFromProps(): Record<string, any>;
+    getMergedEndProps(): Record<string, any> | void;
+}
+export declare class WaitStep extends Step {
+    constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+    determineInterpolateUpdateFunction(): void;
+}

package/cjs/step.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WaitStep = exports.Step = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), easing_1 = require("./utils/easing"), store_1 = require("./interpolate/store"), vutils_1 = require("@visactor/vutils");
+
+function noop() {}
+
+class Step {
+    constructor(type, props, duration, easing) {
+        this._startTime = 0, this._hasFirstRun = !1, this.type = type, this.props = props, 
+        this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : easing_1.Easing[easing] : easing_1.Easing.linear, 
+        "wait" === type && (this.onUpdate = noop);
+    }
+    bind(target, animate) {
+        this.target = target, this.animate = animate, this.onBind();
+    }
+    append(step) {
+        this.next = step, step.prev = this, step.setStartTime(this.getStartTime() + this.duration, !1);
+    }
+    updateDownstreamStartTimes() {
+        let currentStep = this.next, currentStartTime = this._startTime + this.duration;
+        for (;currentStep; ) currentStep.setStartTime(currentStartTime, !1), currentStartTime += currentStep.duration, 
+        currentStep = currentStep.next;
+        this.animate.updateDuration();
+    }
+    getLastProps() {
+        return this.prev ? this.prev.props || {} : this.animate.getStartProps();
+    }
+    setDuration(duration, updateDownstream = !0) {
+        this.duration = duration, updateDownstream && this.updateDownstreamStartTimes();
+    }
+    getDuration() {
+        return this.duration;
+    }
+    determineInterpolateUpdateFunction() {
+        if (!this.props) return;
+        const funcs = [];
+        this.propKeys.forEach((key => {
+            if ("fill" === key || "stroke" === key) {
+                const from = this.getLastProps()[key], to = this.props[key];
+                if ((0, vutils_1.isString)(from) && (0, vutils_1.isString)(to)) {
+                    const fromArray = vrender_core_1.ColorStore.Get(from, vrender_core_1.ColorType.Color255), toArray = vrender_core_1.ColorStore.Get(to, vrender_core_1.ColorType.Color255);
+                    this.fromParsedProps || (this.fromParsedProps = {}), this.toParsedProps || (this.toParsedProps = {}), 
+                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray;
+                }
+                funcs.push(store_1.interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+            } else store_1.interpolateUpdateStore[key] ? funcs.push(store_1.interpolateUpdateStore[key]) : funcs.push(store_1.commonInterpolateUpdate);
+        })), this.interpolateUpdateFunctions = funcs;
+    }
+    setStartTime(time, updateDownstream = !0) {
+        this._startTime = time, updateDownstream && this.updateDownstreamStartTimes();
+    }
+    getStartTime() {
+        return this._startTime;
+    }
+    onBind() {}
+    onFirstRun() {}
+    onStart() {
+        this._hasFirstRun || (this._hasFirstRun = !0, this.fromProps = this.getLastProps(), 
+        this.determineInterpolateUpdateFunction(), this.tryPreventConflict(), this.trySyncStartProps(), 
+        this.onFirstRun());
+    }
+    tryPreventConflict() {
+        const animate = this.animate;
+        this.target.animates.forEach((a => {
+            if (a === animate || a.priority > animate.priority) return;
+            const fromProps = a.getStartProps();
+            this.propKeys.forEach((key => {
+                null != fromProps[key] && a.preventAttr(key);
+            }));
+        }));
+    }
+    deleteSelfAttr(key) {
+        var _a;
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && (this.propKeys.splice(index, 1), null === (_a = this.interpolateUpdateFunctions) || void 0 === _a || _a.splice(index, 1));
+    }
+    trySyncStartProps() {
+        this.propKeys.forEach((key => {
+            this.fromProps[key] = this.animate.target.getComputedAttribute(key);
+        }));
+    }
+    update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach(((func, index) => {
+            if (!this.animate.validAttr(this.propKeys[index])) return;
+            const key = this.propKeys[index];
+            func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        })), this.onUpdate(end, easedRatio, out);
+    }
+    onUpdate(end, ratio, out) {}
+    onEnd(cb) {
+        cb ? this._endCb = cb : this._endCb && (this.target.setAttributes(this.props), this._endCb(this.animate, this));
+    }
+    getEndProps() {
+        return this.props;
+    }
+    getFromProps() {
+        return this.fromProps;
+    }
+    getMergedEndProps() {
+        return this.getEndProps();
+    }
+}
+
+exports.Step = Step;
+
+class WaitStep extends Step {
+    constructor(type, props, duration, easing) {
+        super(type, props, duration, easing);
+    }
+    update(end, ratio, out) {
+        this.onStart();
+    }
+    determineInterpolateUpdateFunction() {}
+}
+
+exports.WaitStep = WaitStep;
+//# sourceMappingURL=step.js.map

package/cjs/step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/step.ts"],"names":[],"mappings":"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","file":"step.js","sourcesContent":["import { ColorStore, ColorType, type IGraphic } from '@visactor/vrender-core';\nimport type { IAnimate, IStep } from './intreface/animate';\nimport type { EasingType, EasingTypeFunc } from './intreface/easing';\nimport type { IAnimateStepType } from './intreface/type';\nimport { Easing } from './utils/easing';\nimport { commonInterpolateUpdate, interpolateUpdateStore } from './interpolate/store';\nimport { isString } from '@visactor/vutils';\n\nfunction noop() {\n  //...\n}\n\nexport class Step implements IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  duration: number;\n  next?: IStep;\n  props?: Record<string, any>;\n  propKeys?: string[];\n  interpolateUpdateFunctions?: ((\n    key: string,\n    from: number,\n    to: number,\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => void)[];\n  easing: EasingTypeFunc;\n  animate: IAnimate;\n  target: IGraphic;\n  fromProps: Record<string, any>;\n  fromParsedProps: Record<string, any>;\n  toParsedProps: Record<string, any>;\n\n  // 内部状态\n  protected _startTime: number = 0;\n  _hasFirstRun: boolean = false;\n\n  protected _endCb?: (animate: IAnimate, step: IStep) => void;\n\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    this.type = type;\n    this.props = props;\n    this.duration = duration;\n    // 设置缓动函数\n    if (easing) {\n      this.easing = typeof easing === 'function' ? easing : Easing[easing];\n    } else {\n      this.easing = Easing.linear;\n    }\n    if (type === 'wait') {\n      this.onUpdate = noop;\n    }\n  }\n\n  bind(target: IGraphic, animate: IAnimate): void {\n    this.target = target;\n    this.animate = animate;\n    this.onBind();\n  }\n\n  append(step: IStep): void {\n    this.next = step;\n    step.prev = this;\n\n    // 更新绝对时间\n    step.setStartTime(this.getStartTime() + this.duration, false);\n  }\n\n  // 更新下游节点的开始时间\n  private updateDownstreamStartTimes(): void {\n    let currentStep = this.next;\n    let currentStartTime = this._startTime + this.duration;\n\n    while (currentStep) {\n      currentStep.setStartTime(currentStartTime, false);\n      currentStartTime += currentStep.duration;\n      currentStep = currentStep.next;\n    }\n    this.animate.updateDuration();\n  }\n\n  getLastProps(): any {\n    if (this.prev) {\n      return this.prev.props || {};\n    }\n    return this.animate.getStartProps();\n  }\n\n  setDuration(duration: number, updateDownstream: boolean = true): void {\n    this.duration = duration;\n\n    // 如果有后续节点，更新所有后续节点的开始时间\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getDuration(): number {\n    return this.duration;\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    // 根据属性类型确定插值更新函数\n    // 这里可以进行优化，例如缓存不同类型属性的插值更新函数\n    if (!this.props) {\n      return;\n    }\n\n    const funcs: ((key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void)[] = [];\n    this.propKeys.forEach(key => {\n      // 普通颜色特殊处理，需要提前解析成number[]\n      if (key === 'fill' || key === 'stroke') {\n        const from = this.getLastProps()[key];\n        const to = this.props[key];\n        if (isString(from) && isString(to)) {\n          const fromArray = ColorStore.Get(from, ColorType.Color255);\n          const toArray = ColorStore.Get(to, ColorType.Color255);\n          if (!this.fromParsedProps) {\n            this.fromParsedProps = {};\n          }\n          if (!this.toParsedProps) {\n            this.toParsedProps = {};\n          }\n          this.fromParsedProps[key] = fromArray;\n          this.toParsedProps[key] = toArray;\n        }\n        funcs.push((interpolateUpdateStore as any)[key === 'fill' ? 'fillPure' : 'strokePure']);\n      } else if ((interpolateUpdateStore as any)[key]) {\n        funcs.push((interpolateUpdateStore as any)[key]);\n      } else {\n        funcs.push(commonInterpolateUpdate);\n      }\n    });\n    this.interpolateUpdateFunctions = funcs;\n  }\n\n  setStartTime(time: number, updateDownstream: boolean = true): void {\n    this._startTime = time;\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getStartTime(): number {\n    return this._startTime;\n  }\n\n  onBind(): void {\n    // 在第一次绑定到Animate的时候触发\n  }\n\n  /**\n   * 首次运行逻辑\n   * 如果跳帧了就不一定会执行\n   */\n  onFirstRun(): void {\n    // 首次运行逻辑\n  }\n\n  /**\n   * 开始执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onStart(): void {\n    if (!this._hasFirstRun) {\n      this._hasFirstRun = true;\n      // 获取上一步的属性值作为起始值\n      this.fromProps = this.getLastProps();\n      this.determineInterpolateUpdateFunction();\n      this.tryPreventConflict();\n      this.trySyncStartProps();\n      this.onFirstRun();\n    }\n  }\n\n  protected tryPreventConflict(): void {\n    // 屏蔽掉之前动画冲突的属性\n    const animate = this.animate;\n    const target = this.target;\n    target.animates.forEach((a: any) => {\n      if (a === animate || a.priority > animate.priority) {\n        return;\n      }\n      const fromProps = a.getStartProps();\n      this.propKeys.forEach(key => {\n        if (fromProps[key] != null) {\n          a.preventAttr(key);\n        }\n      });\n    });\n  }\n\n  /**\n   * 删除自身属性，会直接从props等内容里删除掉\n   */\n  deleteSelfAttr(key: string): void {\n    delete this.props[key];\n    // fromProps在动画开始时才会计算，这时可能不在\n    this.fromProps && delete this.fromProps[key];\n    const index = this.propKeys.indexOf(key);\n    if (index !== -1) {\n      this.propKeys.splice(index, 1);\n      this.interpolateUpdateFunctions?.splice(index, 1);\n    }\n  }\n\n  /**\n   * 尝试同步startProps，因为当前animate的startProps仅包含当前animate的信息，不排除过程中有其他animate的干扰\n   * 所以为了避免属性突变，需要确保startProps的属性值是最新的\n   */\n  trySyncStartProps(): void {\n    this.propKeys.forEach(key => {\n      this.fromProps[key] = this.animate.target.getComputedAttribute(key);\n    });\n  }\n\n  /**\n   * 更新执行的时候调用\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.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // ...\n  }\n\n  /**\n   * 结束执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    if (cb) {\n      this._endCb = cb;\n    } else if (this._endCb) {\n      this.target.setAttributes(this.props);\n      this._endCb(this.animate, this);\n    }\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的\n   * @returns\n   */\n  getEndProps(): Record<string, any> {\n    return this.props;\n  }\n\n  /**\n   * 获取开始的属性，是前序的终值\n   * @returns\n   */\n  getFromProps(): Record<string, any> {\n    return this.fromProps;\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的，同getEndProps\n   * @returns\n   */\n  getMergedEndProps(): Record<string, any> | void {\n    return this.getEndProps();\n  }\n}\n\nexport class WaitStep extends Step {\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    super(type, props, duration, easing);\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    // 其他的不执行\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    return;\n  }\n}\n"]}

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '@visactor/vutils';
+import type { IStage } from '@visactor/vrender-core';
+import { type ITickHandler, type ITicker, STATUS } from '../intreface/ticker';
+import type { ITimeline } from '../intreface/timeline';
+export declare class DefaultTicker extends EventEmitter implements ITicker {
+    protected interval: number;
+    protected tickerHandler: ITickHandler;
+    protected status: STATUS;
+    protected lastFrameTime: number;
+    protected lastExecutionTime: number;
+    protected tickCounts: number;
+    protected stage: IStage;
+    timelines: ITimeline[];
+    autoStop: boolean;
+    constructor(stage: IStage);
+    init(): void;
+    addTimeline(timeline: ITimeline): void;
+    remTimeline(timeline: ITimeline): void;
+    getTimelines(): ITimeline[];
+    protected initHandler(): void;
+    protected setupTickHandler(): boolean;
+    setInterval(interval: number): void;
+    getInterval(): number;
+    setFPS(fps: number): void;
+    getFPS(): number;
+    tick(interval: number): void;
+    tickTo(t: number): void;
+    pause(): boolean;
+    resume(): boolean;
+    ifCanStop(): boolean;
+    start(force?: boolean): boolean;
+    stop(): void;
+    trySyncTickStatus(): void;
+    release(): void;
+    protected handleTick: (handler: ITickHandler, params?: {
+        once?: boolean;
+    }) => void;
+    protected _handlerTick: () => void;
+}