@visactor/vrender-animate 0.22.4 → 0.22.12

package/es/step.js

@@ -1,4 +1,4 @@
-import { ColorStore, ColorType } from "@visactor/vrender-core";
+import { ColorStore, ColorType, Generator } from "@visactor/vrender-core";
 
 import { Easing } from "./utils/easing";
 
@@ -10,12 +10,15 @@ function noop() {}
 
 export 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[easing] : Easing.linear, 
-        "wait" === type && (this.onUpdate = noop);
+        var _a;
+        this._startTime = 0, this._hasFirstRun = !1, this._syncAttributeUpdate = () => {
+            this.target.setAttributes(this.target.attribute);
+        }, this.type = type, this.props = props, this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : null !== (_a = Easing[easing]) && void 0 !== _a ? _a : Easing.linear : Easing.linear, 
+        "wait" === type && (this.onUpdate = noop), this.id = Generator.GenAutoIncrementId(), 
+        this.syncAttributeUpdate = noop;
     }
     bind(target, animate) {
-        this.target = target, this.animate = animate, this.onBind();
+        this.target = target, this.animate = animate, this.onBind(), this.syncAttributeUpdate();
     }
     append(step) {
         this.next = step, step.prev = this, step.setStartTime(this.getStartTime() + this.duration, !1);
@@ -40,13 +43,12 @@ export class Step {
         const funcs = [];
         this.propKeys.forEach((key => {
             if ("fill" === key || "stroke" === key) {
-                const from = this.getLastProps()[key], to = this.props[key];
+                const from = this.fromProps[key], to = this.props[key];
                 if (isString(from) && isString(to)) {
                     const fromArray = ColorStore.Get(from, ColorType.Color255), toArray = ColorStore.Get(to, ColorType.Color255);
                     this.fromParsedProps || (this.fromParsedProps = {}), this.toParsedProps || (this.toParsedProps = {}), 
-                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray;
-                }
-                funcs.push(interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray, funcs.push(interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+                } else interpolateUpdateStore[key] ? funcs.push(interpolateUpdateStore[key]) : funcs.push(commonInterpolateUpdate);
             } else interpolateUpdateStore[key] ? funcs.push(interpolateUpdateStore[key]) : funcs.push(commonInterpolateUpdate);
         })), this.interpolateUpdateFunctions = funcs;
     }
@@ -56,17 +58,25 @@ export class Step {
     getStartTime() {
         return this._startTime;
     }
-    onBind() {}
+    onBind() {
+        "glyph" === this.target.type && (this.syncAttributeUpdate = this._syncAttributeUpdate);
+    }
     onFirstRun() {}
     onStart() {
-        this._hasFirstRun || (this._hasFirstRun = !0, this.fromProps = this.getLastProps(), 
-        this.determineInterpolateUpdateFunction(), this.tryPreventConflict(), this.trySyncStartProps(), 
-        this.onFirstRun());
+        if (!this._hasFirstRun) {
+            this._hasFirstRun = !0, this.fromProps = this.getLastProps();
+            const startProps = this.animate.getStartProps();
+            this.propKeys && this.propKeys.forEach((key => {
+                var _a;
+                this.fromProps[key] = null !== (_a = this.fromProps[key]) && void 0 !== _a ? _a : startProps[key];
+            })), 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;
+            if (a === animate || a.priority > animate.priority || a.priority === 1 / 0) return;
             const fromProps = a.getStartProps();
             this.propKeys.forEach((key => {
                 null != fromProps[key] && a.preventAttr(key);
@@ -91,11 +101,11 @@ export class Step {
             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);
+        })), this.onUpdate(end, easedRatio, out), this.syncAttributeUpdate();
     }
     onUpdate(end, ratio, out) {}
     onEnd(cb) {
-        cb ? this._endCb = cb : this._endCb && (this.target.setAttributes(this.props), this._endCb(this.animate, this));
+        this.target.setAttributes(this.props), cb ? this._endCb = cb : this._endCb && this._endCb(this.animate, this);
     }
     getEndProps() {
         return this.props;
@@ -106,12 +116,20 @@ export class Step {
     getMergedEndProps() {
         return this.getEndProps();
     }
+    stop() {}
 }
 
 export class WaitStep extends Step {
     constructor(type, props, duration, easing) {
         super(type, props, duration, easing);
     }
+    onStart() {
+        super.onStart();
+    }
+    onFirstRun() {
+        const fromProps = this.getFromProps();
+        this.target.setAttributes(fromProps);
+    }
     update(end, ratio, out) {
         this.onStart();
     }

package/es/step.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/step.ts"],"names":[],"mappings":"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","file":"step.js","sourcesContent":["import {\n  ColorStore,\n  ColorType,\n  Generator,\n  type IGraphic,\n  type IAnimate,\n  type IStep,\n  type EasingType,\n  type EasingTypeFunc,\n  type IAnimateStepType\n} from '@visactor/vrender-core';\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  id: number;\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  syncAttributeUpdate: () => 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] ?? Easing.linear;\n    } else {\n      this.easing = Easing.linear;\n    }\n    if (type === 'wait') {\n      this.onUpdate = noop;\n    }\n    this.id = Generator.GenAutoIncrementId();\n    this.syncAttributeUpdate = noop;\n  }\n\n  bind(target: IGraphic, animate: IAnimate): void {\n    this.target = target;\n    this.animate = animate;\n    this.onBind();\n    this.syncAttributeUpdate();\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.fromProps[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          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      } 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    if (this.target.type === 'glyph') {\n      this.syncAttributeUpdate = this._syncAttributeUpdate;\n    }\n  }\n\n  _syncAttributeUpdate = (): void => {\n    this.target.setAttributes(this.target.attribute);\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      const startProps = this.animate.getStartProps();\n      this.propKeys &&\n        this.propKeys.forEach(key => {\n          this.fromProps[key] = this.fromProps[key] ?? startProps[key];\n        });\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 || a.priority === Infinity) {\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    this.syncAttributeUpdate();\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    this.target.setAttributes(this.props);\n    if (cb) {\n      this._endCb = cb;\n    } else if (this._endCb) {\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  stop(): void {\n    // ...\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  onStart(): void {\n    super.onStart();\n  }\n  onFirstRun(): void {\n    // 设置上一个阶段的props到attribute\n    const fromProps = this.getFromProps();\n    this.target.setAttributes(fromProps);\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/es/ticker/default-ticker.d.ts

@@ -1,18 +1,22 @@
 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';
+import type { IStage, ITimeline } from '@visactor/vrender-core';
+import { type ITickHandler, type ITicker, STATUS } from '@visactor/vrender-core';
 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);
+    protected _jitter: number;
+    protected timeOffset: number;
+    _lastTickTime: number;
+    protected frameTimeHistory: number[];
+    constructor(stage?: IStage);
+    bindStage(stage: IStage): void;
+    computeTimeOffsetAndJitter(): void;
     init(): void;
     addTimeline(timeline: ITimeline): void;
     remTimeline(timeline: ITimeline): void;
@@ -32,8 +36,9 @@ export declare class DefaultTicker extends EventEmitter implements ITicker {
     stop(): void;
     trySyncTickStatus(): void;
     release(): void;
+    protected checkSkip(delta: number): boolean;
     protected handleTick: (handler: ITickHandler, params?: {
         once?: boolean;
-    }) => void;
-    protected _handlerTick: () => void;
+    }) => boolean;
+    protected _handlerTick: (delta: number) => void;
 }

package/es/ticker/default-ticker.js

@@ -1,8 +1,6 @@
 import { EventEmitter } from "@visactor/vutils";
 
-import { application, PerformanceRAF } from "@visactor/vrender-core";
-
-import { STATUS } from "../intreface/ticker";
+import { application, PerformanceRAF, STATUS } from "@visactor/vrender-core";
 
 const performanceRAF = new PerformanceRAF;
 
@@ -12,7 +10,7 @@ class RAFTickHandler {
     }
     tick(interval, cb) {
         performanceRAF.addAnimationFrameCb((() => {
-            this.released || cb(this);
+            if (!this.released) return cb(this);
         }));
     }
     release() {
@@ -25,22 +23,27 @@ class RAFTickHandler {
 
 export class DefaultTicker extends EventEmitter {
     constructor(stage) {
-        super(), this.interval = 16, this.lastFrameTime = -1, this.lastExecutionTime = -1, 
-        this.tickCounts = 0, this.timelines = [], this.autoStop = !0, this.handleTick = (handler, params) => {
+        super(), this.timelines = [], this.frameTimeHistory = [], this.handleTick = (handler, params) => {
             const {once: once = !1} = null != params ? params : {};
-            if (this.ifCanStop()) return void this.stop();
+            if (this.ifCanStop()) return this.stop(), !1;
             const currentTime = handler.getTime();
-            (this.lastExecutionTime < 0 ? this.interval : currentTime - this.lastExecutionTime) >= this.interval && (this._handlerTick(), 
-            this.lastExecutionTime = currentTime), once || handler.tick(this.interval, this.handleTick);
-        }, this._handlerTick = () => {
-            const time = this.tickerHandler.getTime();
-            let delta = 0;
-            this.lastFrameTime >= 0 && (delta = time - this.lastFrameTime), this.lastFrameTime = time, 
+            this._lastTickTime = currentTime, this.lastFrameTime < 0 && (this.lastFrameTime = currentTime - this.interval + this.timeOffset, 
+            this.frameTimeHistory.push(this.lastFrameTime));
+            const delta = currentTime - this.lastFrameTime, skip = this.checkSkip(delta);
+            return skip || (this._handlerTick(delta), this.lastFrameTime = currentTime, this.frameTimeHistory.push(this.lastFrameTime)), 
+            once || handler.tick(this.interval, this.handleTick), !skip;
+        }, this._handlerTick = delta => {
             this.status === STATUS.RUNNING && (this.tickCounts++, this.timelines.forEach((timeline => {
                 timeline.tick(delta);
             })), this.emit("tick", delta));
-        }, this.init(), this.lastFrameTime = -1, this.lastExecutionTime = -1, this.tickCounts = 0, 
-        this.stage = stage, this.autoStop = !0;
+        }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.stage = stage, 
+        this.autoStop = !0, this.interval = 16, this.computeTimeOffsetAndJitter();
+    }
+    bindStage(stage) {
+        this.stage = stage;
+    }
+    computeTimeOffsetAndJitter() {
+        this.timeOffset = Math.floor(Math.random() * this.interval), this._jitter = Math.min(Math.max(.2 * this.interval, 6), .7 * this.interval);
     }
     init() {
         this.interval = 16, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", (() => {
@@ -65,23 +68,21 @@ export class DefaultTicker extends EventEmitter {
         !0;
     }
     setInterval(interval) {
-        this.interval = interval;
+        this.interval = interval, this.computeTimeOffsetAndJitter();
     }
     getInterval() {
         return this.interval;
     }
     setFPS(fps) {
-        this.setInterval(1e3 / fps);
+        this.setInterval(Math.floor(1e3 / fps));
     }
     getFPS() {
         return 1e3 / this.interval;
     }
     tick(interval) {
-        this.tickerHandler.tick(interval, (handler => {
-            this.handleTick(handler, {
-                once: !0
-            });
-        }));
+        this.tickerHandler.tick(interval, (handler => this.handleTick(handler, {
+            once: !0
+        })));
     }
     tickTo(t) {
         this.tickerHandler.tickTo && this.tickerHandler.tickTo(t, (handler => {
@@ -114,8 +115,7 @@ export class DefaultTicker extends EventEmitter {
         !0;
     }
     stop() {
-        this.status = STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1, 
-        this.lastExecutionTime = -1;
+        this.status = STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
     }
     trySyncTickStatus() {
         this.status === STATUS.INITIAL && this.timelines.some((timeline => timeline.isRunning())) ? this.start() : this.status === STATUS.RUNNING && this.timelines.every((timeline => !timeline.isRunning())) && this.stop();
@@ -123,7 +123,10 @@ export class DefaultTicker extends EventEmitter {
     release() {
         var _a;
         this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), 
-        this.tickerHandler = null, this.lastExecutionTime = -1;
+        this.tickerHandler = null, this.lastFrameTime = -1;
     }
-}
-//# sourceMappingURL=default-ticker.js.map
+    checkSkip(delta) {
+        if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
+        return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
+    }
+}

package/es/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 } from '@visactor/vrender-core';\nimport { application, PerformanceRAF } from '@visactor/vrender-core';\nimport { type ITickHandler, type ITicker, STATUS } from '../intreface/ticker';\nimport type { ITimeline } from '../intreface/timeline';\n\nconst performanceRAF = new PerformanceRAF();\n\nclass RAFTickHandler implements ITickHandler {\n  protected released: boolean = false;\n\n  tick(interval: number, cb: (handler: ITickHandler) => void): void {\n    performanceRAF.addAnimationFrameCb(() => {\n      if (this.released) {\n        return;\n      }\n      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 = 16;\n  protected tickerHandler: ITickHandler;\n  protected status: STATUS;\n  protected lastFrameTime: number = -1;\n  protected lastExecutionTime: number = -1; // Track the last time we actually executed a frame\n  protected tickCounts: number = 0;\n  protected stage: IStage;\n  timelines: ITimeline[] = [];\n  autoStop: boolean = true;\n\n  constructor(stage: IStage) {\n    super();\n    this.init();\n    this.lastFrameTime = -1;\n    this.lastExecutionTime = -1;\n    this.tickCounts = 0;\n    this.stage = stage;\n    this.autoStop = true;\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  }\n\n  getInterval(): number {\n    return this.interval;\n  }\n\n  setFPS(fps: number): void {\n    this.setInterval(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      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    this.lastExecutionTime = -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.lastExecutionTime = -1;\n  }\n\n  protected handleTick = (handler: ITickHandler, params?: { once?: boolean }): void => {\n    const { once = false } = params ?? {};\n\n    // 尝试停止\n    if (this.ifCanStop()) {\n      this.stop();\n      return;\n    }\n\n    const currentTime = handler.getTime();\n\n    // Check if enough time has passed since last execution based on the interval (FPS limit)\n    const timeFromLastExecution = this.lastExecutionTime < 0 ? this.interval : currentTime - this.lastExecutionTime;\n\n    // Only execute the frame if enough time has passed according to our interval/FPS setting\n    if (timeFromLastExecution >= this.interval) {\n      this._handlerTick();\n      this.lastExecutionTime = currentTime;\n    }\n\n    if (!once) {\n      handler.tick(this.interval, this.handleTick);\n    }\n  };\n\n  protected _handlerTick = (): void => {\n    // Specific execution function\n    const tickerHandler = this.tickerHandler;\n    const time = tickerHandler.getTime();\n\n    // Time passed since last frame\n    let delta = 0;\n    if (this.lastFrameTime >= 0) {\n      delta = time - this.lastFrameTime;\n    }\n    this.lastFrameTime = time;\n\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();\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"]}

package/es/ticker/manual-ticker.d.ts

@@ -1,6 +1,11 @@
-import { type ITicker } from '../intreface/ticker';
+import type { IStage } from '@visactor/vrender-core';
+import { type ITicker } from '@visactor/vrender-core';
 import { DefaultTicker } from './default-ticker';
 export declare class ManualTicker extends DefaultTicker implements ITicker {
+    constructor(stage?: IStage);
     protected setupTickHandler(): boolean;
+    checkSkip(delta: number): boolean;
     getTime(): number;
+    tickAt(time: number): void;
+    start(force?: boolean): boolean;
 }

package/es/ticker/manual-ticker.js

@@ -1,12 +1,13 @@
+import { STATUS } from "@visactor/vrender-core";
+
 import { DefaultTicker } from "./default-ticker";
 
 class ManualTickHandler {
     constructor() {
-        this.released = !1, this.startTime = -1, this.currentTime = -1;
+        this.released = !1, this.currentTime = -1;
     }
     tick(interval, cb) {
-        this.startTime < 0 && (this.startTime = 0), this.currentTime = this.startTime + interval, 
-        cb(this);
+        this.currentTime < 0 && (this.currentTime = 0), this.currentTime += interval, cb(this);
     }
     release() {
         this.released = !0;
@@ -14,16 +15,39 @@ class ManualTickHandler {
     getTime() {
         return this.currentTime;
     }
+    tickTo(time, cb) {
+        this.currentTime < 0 && (this.currentTime = 0);
+        const interval = time - this.currentTime;
+        this.tick(interval, cb);
+    }
 }
 
 export class ManualTicker extends DefaultTicker {
+    constructor(stage) {
+        super(stage), this.lastFrameTime = 0, this.status = STATUS.RUNNING;
+    }
     setupTickHandler() {
         const handler = new ManualTickHandler;
         return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, 
         !0;
     }
+    checkSkip(delta) {
+        return !1;
+    }
     getTime() {
         return this.tickerHandler.getTime();
     }
+    tickAt(time) {
+        this.tickTo(time);
+    }
+    start(force = !1) {
+        if (this.status === STATUS.RUNNING) return !1;
+        if (!this.tickerHandler) return !1;
+        if (!force) {
+            if (this.status === STATUS.PAUSE) return !1;
+            if (this.ifCanStop()) return !1;
+        }
+        return this.status = STATUS.RUNNING, !0;
+    }
 }
 //# sourceMappingURL=manual-ticker.js.map

package/es/ticker/manual-ticker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ticker/manual-ticker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,iBAAiB;IAAvB;QACY,aAAQ,GAAY,KAAK,CAAC;QAC1B,cAAS,GAAW,CAAC,CAAC,CAAC;QACvB,gBAAW,GAAW,CAAC,CAAC,CAAC;IAiBrC,CAAC;IAfC,IAAI,CAAC,QAAgB,EAAE,EAAmC;QACxD,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE;YACtB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;SACpB;QACD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC7C,EAAE,CAAC,IAAI,CAAC,CAAC;IACX,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;CACF;AAED,MAAM,OAAO,YAAa,SAAQ,aAAa;IACnC,gBAAgB;QACxB,MAAM,OAAO,GAAiB,IAAI,iBAAiB,EAAE,CAAC;QAGtD,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;SAC9B;QAED,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;IACtC,CAAC;CACF","file":"manual-ticker.js","sourcesContent":["import type { ITickHandler } from '../intreface/ticker';\nimport { type ITicker } from '../intreface/ticker';\nimport { DefaultTicker } from './default-ticker';\n\nclass ManualTickHandler implements ITickHandler {\n  protected released: boolean = false;\n  protected startTime: number = -1;\n  protected currentTime: number = -1;\n\n  tick(interval: number, cb: (handler: ITickHandler) => void): void {\n    if (this.startTime < 0) {\n      this.startTime = 0;\n    }\n    this.currentTime = this.startTime + interval;\n    cb(this);\n  }\n\n  release(): void {\n    this.released = true;\n  }\n\n  getTime(): number {\n    return this.currentTime;\n  }\n}\n\nexport class ManualTicker extends DefaultTicker implements ITicker {\n  protected setupTickHandler(): boolean {\n    const handler: ITickHandler = new ManualTickHandler();\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  getTime(): number {\n    return this.tickerHandler.getTime();\n  }\n}\n"]}
+{"version":3,"sources":["../src/ticker/manual-ticker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAmC,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,iBAAiB;IAAvB;QACY,aAAQ,GAAY,KAAK,CAAC;QAC1B,gBAAW,GAAW,CAAC,CAAC,CAAC;IAyBrC,CAAC;IAvBC,IAAI,CAAC,QAAgB,EAAE,EAAmC;QACxD,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;SACtB;QACD,IAAI,CAAC,WAAW,IAAI,QAAQ,CAAC;QAC7B,EAAE,CAAC,IAAI,CAAC,CAAC;IACX,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED,MAAM,CAAC,IAAY,EAAE,EAAmC;QACtD,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;SACtB;QACD,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;QACzC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1B,CAAC;CACF;AAED,MAAM,OAAO,YAAa,SAAQ,aAAa;IAC7C,YAAY,KAAc;QACxB,KAAK,CAAC,KAAK,CAAC,CAAC;QAGb,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;IAC/B,CAAC;IACS,gBAAgB;QACxB,MAAM,OAAO,GAAiB,IAAI,iBAAiB,EAAE,CAAC;QAGtD,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;SAC9B;QAED,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS,CAAC,KAAa;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;IACtC,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,KAAK,GAAG,KAAK;QACjB,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,OAAO,EAAE;YAClC,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO,KAAK,CAAC;SACd;QACD,IAAI,CAAC,KAAK,EAAE;YACV,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,EAAE;gBAChC,OAAO,KAAK,CAAC;aACd;YACD,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;gBACpB,OAAO,KAAK,CAAC;aACd;SACF;QACD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;CACF","file":"manual-ticker.js","sourcesContent":["import type { IStage } from '@visactor/vrender-core';\nimport { STATUS, type ITickHandler, type ITicker } from '@visactor/vrender-core';\nimport { DefaultTicker } from './default-ticker';\n\nclass ManualTickHandler implements ITickHandler {\n  protected released: boolean = false;\n  protected currentTime: number = -1;\n\n  tick(interval: number, cb: (handler: ITickHandler) => void): void {\n    if (this.currentTime < 0) {\n      this.currentTime = 0;\n    }\n    this.currentTime += interval;\n    cb(this);\n  }\n\n  release(): void {\n    this.released = true;\n  }\n\n  getTime(): number {\n    return this.currentTime;\n  }\n\n  tickTo(time: number, cb: (handler: ITickHandler) => void): void {\n    if (this.currentTime < 0) {\n      this.currentTime = 0;\n    }\n    const interval = time - this.currentTime;\n    this.tick(interval, cb);\n  }\n}\n\nexport class ManualTicker extends DefaultTicker implements ITicker {\n  constructor(stage?: IStage) {\n    super(stage);\n    // manualTicker 的 lastFrameTime 默认为 0\n    // status 默认为 STATUS.RUNNING（不需要启动）\n    this.lastFrameTime = 0;\n    this.status = STATUS.RUNNING;\n  }\n  protected setupTickHandler(): boolean {\n    const handler: ITickHandler = new ManualTickHandler();\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  checkSkip(delta: number): boolean {\n    return false;\n  }\n\n  getTime(): number {\n    return this.tickerHandler.getTime();\n  }\n\n  tickAt(time: number): void {\n    this.tickTo(time);\n  }\n\n  start(force = false) {\n    if (this.status === STATUS.RUNNING) {\n      return false;\n    }\n    if (!this.tickerHandler) {\n      return false;\n    }\n    if (!force) {\n      if (this.status === STATUS.PAUSE) {\n        return false;\n      }\n      if (this.ifCanStop()) {\n        return false;\n      }\n    }\n    this.status = STATUS.RUNNING;\n    return true;\n  }\n}\n"]}

package/es/timeline.d.ts

@@ -1,15 +1,21 @@
-import type { IAnimate } from './intreface/animate';
-import type { ITimeline } from './intreface/timeline';
-export declare class DefaultTimeline implements ITimeline {
+import { type IAnimate, type ITimeline } from '@visactor/vrender-core';
+import { EventEmitter } from '@visactor/vutils';
+interface AnimateNode {
+    animate: IAnimate;
+    next: AnimateNode | null;
+    prev: AnimateNode | null;
+}
+export declare class DefaultTimeline extends EventEmitter implements ITimeline {
     id: number;
-    protected animates: IAnimate[];
-    protected ticker: any;
+    protected head: AnimateNode | null;
+    protected tail: AnimateNode | null;
+    protected animateMap: Map<IAnimate, AnimateNode>;
+    protected _animateCount: number;
     protected paused: boolean;
     protected _playSpeed: number;
     protected _totalDuration: number;
     protected _startTime: number;
     protected _currentTime: number;
-    protected _endAnimatePtr: number;
     isGlobal?: boolean;
     get animateCount(): number;
     constructor();
@@ -20,7 +26,7 @@ export declare class DefaultTimeline implements ITimeline {
     resume(): void;
     tick(delta: number): void;
     clear(): void;
-    removeAnimate(animate: IAnimate, release?: boolean, index?: number): void;
+    removeAnimate(animate: IAnimate, release?: boolean): void;
     protected recalculateTotalDuration(): void;
     getTotalDuration(): number;
     getPlaySpeed(): number;
@@ -32,3 +38,4 @@ export declare class DefaultTimeline implements ITimeline {
     setCurrentTime(time: number): void;
 }
 export declare const defaultTimeline: DefaultTimeline;
+export {};

package/es/timeline.js

@@ -1,23 +1,35 @@
-import { AnimateStatus, Generator } from "@visactor/vrender-core";
+import { Generator, AnimateStatus } from "@visactor/vrender-core";
 
-export class DefaultTimeline {
+import { EventEmitter } from "@visactor/vutils";
+
+export class DefaultTimeline extends EventEmitter {
     get animateCount() {
-        return this.animates.length;
+        return this._animateCount;
     }
     constructor() {
-        this.animates = [], this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, 
-        this._currentTime = 0, this._endAnimatePtr = -1, this.id = Generator.GenAutoIncrementId(), 
-        this.animates = [], this.paused = !1;
+        super(), this.head = null, this.tail = null, this.animateMap = new Map, this._animateCount = 0, 
+        this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, 
+        this.id = Generator.GenAutoIncrementId(), this.paused = !1;
     }
     isRunning() {
-        return !this.paused && this._endAnimatePtr >= 0;
+        return !this.paused && this._animateCount > 0;
     }
     forEachAccessAnimate(cb) {
-        for (let i = 0; i <= this._endAnimatePtr; i++) cb(this.animates[i], i);
+        let current = this.head, index = 0;
+        for (;current; ) {
+            const next = current.next;
+            cb(current.animate, index), index++, current = next;
+        }
     }
     addAnimate(animate) {
-        this.animates.push(animate), this._endAnimatePtr++, this.animates[this.animates.length - 1] = this.animates[this._endAnimatePtr], 
-        this.animates[this._endAnimatePtr] = animate, this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
+        const newNode = {
+            animate: animate,
+            next: null,
+            prev: null
+        };
+        this.head ? this.tail && (this.tail.next = newNode, newNode.prev = this.tail, this.tail = newNode) : (this.head = newNode, 
+        this.tail = newNode), this.animateMap.set(animate, newNode), this._animateCount++, 
+        this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
     }
     pause() {
         this.paused = !0;
@@ -29,21 +41,24 @@ export class DefaultTimeline {
         if (this.paused) return;
         const scaledDelta = delta * this._playSpeed;
         this._currentTime += scaledDelta, this.forEachAccessAnimate(((animate, i) => {
-            animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0, i) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
-        }));
+            animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
+        })), 0 === this._animateCount && this.emit("animationEnd");
     }
     clear() {
         this.forEachAccessAnimate((animate => {
             animate.release();
-        })), this.animates = [], this._totalDuration = 0;
+        })), this.head = null, this.tail = null, this.animateMap.clear(), this._animateCount = 0, 
+        this._totalDuration = 0;
     }
-    removeAnimate(animate, release = !0, index) {
-        this._endAnimatePtr < 0 || (release && (animate._onRemove && animate._onRemove.forEach((cb => cb())), 
-        animate.release()), index = null != index ? index : this.animates.indexOf(animate), 
-        this.animates[index] = this.animates[this._endAnimatePtr], this._endAnimatePtr--);
+    removeAnimate(animate, release = !0) {
+        const node = this.animateMap.get(animate);
+        node && (release && (animate._onRemove && animate._onRemove.forEach((cb => cb())), 
+        animate.release()), node.prev ? node.prev.next = node.next : this.head = node.next, 
+        node.next ? node.next.prev = node.prev : this.tail = node.prev, this.animateMap.delete(animate), 
+        this._animateCount--, animate.getStartTime() + animate.getDuration() >= this._totalDuration && this.recalculateTotalDuration());
     }
     recalculateTotalDuration() {
-        this._totalDuration = 0, this.animates.forEach((animate => {
+        this._totalDuration = 0, this.forEachAccessAnimate((animate => {
             this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
         }));
     }