@visactor/vrender-animate 0.22.4

package/es/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/es/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;
+}

package/es/ticker/default-ticker.js

@@ -0,0 +1,129 @@
+import { EventEmitter } from "@visactor/vutils";
+
+import { application, PerformanceRAF } from "@visactor/vrender-core";
+
+import { STATUS } from "../intreface/ticker";
+
+const performanceRAF = new PerformanceRAF;
+
+class RAFTickHandler {
+    constructor() {
+        this.released = !1;
+    }
+    tick(interval, cb) {
+        performanceRAF.addAnimationFrameCb((() => {
+            this.released || cb(this);
+        }));
+    }
+    release() {
+        this.released = !0;
+    }
+    getTime() {
+        return Date.now();
+    }
+}
+
+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) => {
+            const {once: once = !1} = null != params ? params : {};
+            if (this.ifCanStop()) return void this.stop();
+            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.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;
+    }
+    init() {
+        this.interval = 16, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", (() => {
+            this.initHandler();
+        })), application.global.env && this.initHandler();
+    }
+    addTimeline(timeline) {
+        this.timelines.push(timeline);
+    }
+    remTimeline(timeline) {
+        this.timelines = this.timelines.filter((t => t !== timeline));
+    }
+    getTimelines() {
+        return this.timelines;
+    }
+    initHandler() {
+        this.setupTickHandler();
+    }
+    setupTickHandler() {
+        const handler = new RAFTickHandler;
+        return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, 
+        !0;
+    }
+    setInterval(interval) {
+        this.interval = interval;
+    }
+    getInterval() {
+        return this.interval;
+    }
+    setFPS(fps) {
+        this.setInterval(1e3 / fps);
+    }
+    getFPS() {
+        return 1e3 / this.interval;
+    }
+    tick(interval) {
+        this.tickerHandler.tick(interval, (handler => {
+            this.handleTick(handler, {
+                once: !0
+            });
+        }));
+    }
+    tickTo(t) {
+        this.tickerHandler.tickTo && this.tickerHandler.tickTo(t, (handler => {
+            this.handleTick(handler, {
+                once: !0
+            });
+        }));
+    }
+    pause() {
+        return this.status !== STATUS.INITIAL && (this.status = STATUS.PAUSE, !0);
+    }
+    resume() {
+        return this.status !== STATUS.INITIAL && (this.status = STATUS.RUNNING, !0);
+    }
+    ifCanStop() {
+        if (this.autoStop) {
+            if (!this.timelines.length) return !0;
+            if (this.timelines.every((timeline => !timeline.isRunning()))) return !0;
+        }
+        return !1;
+    }
+    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, this.tickerHandler.tick(0, this.handleTick), 
+        !0;
+    }
+    stop() {
+        this.status = STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1, 
+        this.lastExecutionTime = -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();
+    }
+    release() {
+        var _a;
+        this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), 
+        this.tickerHandler = null, this.lastExecutionTime = -1;
+    }
+}
+//# sourceMappingURL=default-ticker.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,6 @@
+import { type ITicker } from '../intreface/ticker';
+import { DefaultTicker } from './default-ticker';
+export declare class ManualTicker extends DefaultTicker implements ITicker {
+    protected setupTickHandler(): boolean;
+    getTime(): number;
+}

package/es/ticker/manual-ticker.js

@@ -0,0 +1,29 @@
+import { DefaultTicker } from "./default-ticker";
+
+class ManualTickHandler {
+    constructor() {
+        this.released = !1, this.startTime = -1, this.currentTime = -1;
+    }
+    tick(interval, cb) {
+        this.startTime < 0 && (this.startTime = 0), this.currentTime = this.startTime + interval, 
+        cb(this);
+    }
+    release() {
+        this.released = !0;
+    }
+    getTime() {
+        return this.currentTime;
+    }
+}
+
+export class ManualTicker extends DefaultTicker {
+    setupTickHandler() {
+        const handler = new ManualTickHandler;
+        return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, 
+        !0;
+    }
+    getTime() {
+        return this.tickerHandler.getTime();
+    }
+}
+//# sourceMappingURL=manual-ticker.js.map

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

@@ -0,0 +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"]}

package/es/timeline.d.ts

@@ -0,0 +1,34 @@
+import type { IAnimate } from './intreface/animate';
+import type { ITimeline } from './intreface/timeline';
+export declare class DefaultTimeline implements ITimeline {
+    id: number;
+    protected animates: IAnimate[];
+    protected ticker: any;
+    protected paused: boolean;
+    protected _playSpeed: number;
+    protected _totalDuration: number;
+    protected _startTime: number;
+    protected _currentTime: number;
+    protected _endAnimatePtr: number;
+    isGlobal?: boolean;
+    get animateCount(): number;
+    constructor();
+    isRunning(): boolean;
+    forEachAccessAnimate(cb: (animate: IAnimate, index: number) => void): void;
+    addAnimate(animate: IAnimate): void;
+    pause(): void;
+    resume(): void;
+    tick(delta: number): void;
+    clear(): void;
+    removeAnimate(animate: IAnimate, release?: boolean, index?: number): void;
+    protected recalculateTotalDuration(): void;
+    getTotalDuration(): number;
+    getPlaySpeed(): number;
+    setPlaySpeed(speed: number): void;
+    getPlayState(): 'playing' | 'paused' | 'stopped';
+    setStartTime(time: number): void;
+    getStartTime(): number;
+    getCurrentTime(): number;
+    setCurrentTime(time: number): void;
+}
+export declare const defaultTimeline: DefaultTimeline;

package/es/timeline.js

@@ -0,0 +1,79 @@
+import { AnimateStatus, Generator } from "@visactor/vrender-core";
+
+export class DefaultTimeline {
+    get animateCount() {
+        return this.animates.length;
+    }
+    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;
+    }
+    isRunning() {
+        return !this.paused && this._endAnimatePtr >= 0;
+    }
+    forEachAccessAnimate(cb) {
+        for (let i = 0; i <= this._endAnimatePtr; i++) cb(this.animates[i], i);
+    }
+    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());
+    }
+    pause() {
+        this.paused = !0;
+    }
+    resume() {
+        this.paused = !1;
+    }
+    tick(delta) {
+        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);
+        }));
+    }
+    clear() {
+        this.forEachAccessAnimate((animate => {
+            animate.release();
+        })), this.animates = [], 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--);
+    }
+    recalculateTotalDuration() {
+        this._totalDuration = 0, this.animates.forEach((animate => {
+            this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());
+        }));
+    }
+    getTotalDuration() {
+        return this._totalDuration;
+    }
+    getPlaySpeed() {
+        return this._playSpeed;
+    }
+    setPlaySpeed(speed) {
+        this._playSpeed = speed;
+    }
+    getPlayState() {
+        return this.paused ? "paused" : 0 === this.animateCount ? "stopped" : "playing";
+    }
+    setStartTime(time) {
+        this._startTime = time;
+    }
+    getStartTime() {
+        return this._startTime;
+    }
+    getCurrentTime() {
+        return this._currentTime;
+    }
+    setCurrentTime(time) {
+        this._currentTime = time;
+    }
+}
+
+export const defaultTimeline = new DefaultTimeline;
+
+defaultTimeline.isGlobal = !0;
+//# sourceMappingURL=timeline.js.map

package/es/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/timeline.ts"],"names":[],"mappings":"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","file":"timeline.js","sourcesContent":["import { AnimateStatus, Generator } from '@visactor/vrender-core';\nimport type { IAnimate } from './intreface/animate';\nimport type { ITimeline } from './intreface/timeline';\n\nexport class DefaultTimeline implements ITimeline {\n  declare id: number;\n  protected animates: IAnimate[] = [];\n  protected declare ticker: any;\n  protected declare paused: boolean;\n\n  // 添加必要的属性\n  protected _playSpeed: number = 1;\n  protected _totalDuration: number = 0;\n  protected _startTime: number = 0;\n  protected _currentTime: number = 0;\n\n  // 0 ... _endAnimatePtr ... animates.length\n  // [0, _endAnimatePtr] 表示正在运行的动画\n  // (_endAnimatePtr, animates.length) 表示已经结束的动画\n  protected _endAnimatePtr: number = -1;\n\n  declare isGlobal?: boolean;\n\n  get animateCount() {\n    return this.animates.length;\n  }\n\n  constructor() {\n    this.id = Generator.GenAutoIncrementId();\n    this.animates = [];\n    this.paused = false;\n  }\n\n  isRunning() {\n    return !this.paused && this._endAnimatePtr >= 0;\n  }\n\n  forEachAccessAnimate(cb: (animate: IAnimate, index: number) => void) {\n    for (let i = 0; i <= this._endAnimatePtr; i++) {\n      cb(this.animates[i], i);\n    }\n  }\n\n  addAnimate(animate: IAnimate) {\n    this.animates.push(animate);\n    // 交换位置\n    this._endAnimatePtr++;\n    this.animates[this.animates.length - 1] = this.animates[this._endAnimatePtr];\n    this.animates[this._endAnimatePtr] = animate;\n    // 更新总时长\n    this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n  }\n\n  pause() {\n    this.paused = true;\n  }\n\n  resume() {\n    this.paused = false;\n  }\n\n  tick(delta: number) {\n    if (this.paused) {\n      return;\n    }\n\n    // 应用播放速度\n    const scaledDelta = delta * this._playSpeed;\n\n    // 更新当前时间\n    this._currentTime += scaledDelta;\n\n    this.forEachAccessAnimate((animate, i) => {\n      if (animate.status === AnimateStatus.END) {\n        this.removeAnimate(animate, true, i);\n      } else if (animate.status === AnimateStatus.RUNNING || animate.status === AnimateStatus.INITIAL) {\n        animate.advance(scaledDelta);\n      }\n    });\n  }\n\n  clear() {\n    this.forEachAccessAnimate(animate => {\n      animate.release();\n    });\n    this.animates = [];\n    this._totalDuration = 0;\n  }\n\n  removeAnimate(animate: IAnimate, release: boolean = true, index?: number) {\n    if (this._endAnimatePtr < 0) {\n      return;\n    }\n    if (release) {\n      animate._onRemove && animate._onRemove.forEach(cb => cb());\n      animate.release();\n    }\n\n    index = index ?? this.animates.indexOf(animate);\n    // 交换位置\n    this.animates[index] = this.animates[this._endAnimatePtr];\n    this._endAnimatePtr--;\n    return;\n  }\n\n  // 重新计算总时长\n  protected recalculateTotalDuration() {\n    this._totalDuration = 0;\n    this.animates.forEach(animate => {\n      this._totalDuration = Math.max(this._totalDuration, animate.getStartTime() + animate.getDuration());\n    });\n  }\n\n  getTotalDuration() {\n    return this._totalDuration;\n  }\n\n  getPlaySpeed() {\n    return this._playSpeed;\n  }\n\n  setPlaySpeed(speed: number) {\n    this._playSpeed = speed;\n  }\n\n  // 实现ITimeline接口所需的其他方法\n  getPlayState(): 'playing' | 'paused' | 'stopped' {\n    if (this.paused) {\n      return 'paused';\n    }\n    if (this.animateCount === 0) {\n      return 'stopped';\n    }\n    return 'playing';\n  }\n\n  setStartTime(time: number) {\n    this._startTime = time;\n  }\n\n  getStartTime() {\n    return this._startTime;\n  }\n\n  getCurrentTime() {\n    return this._currentTime;\n  }\n\n  setCurrentTime(time: number) {\n    this._currentTime = time;\n  }\n}\n\n// 不会使用，存粹做临时存储用，请一定要放置到stage中才行\nexport const defaultTimeline = new DefaultTimeline();\ndefaultTimeline.isGlobal = true;\n"]}

package/es/utils/easing-func.d.ts

@@ -0,0 +1 @@
+export declare function generatorPathEasingFunc(path: string): (x: number) => number;

package/es/utils/easing-func.js

@@ -0,0 +1,8 @@
+import { CurveContext, CustomPath2D } from "@visactor/vrender-core";
+
+export function generatorPathEasingFunc(path) {
+    const customPath = new CustomPath2D;
+    return customPath.setCtx(new CurveContext(customPath)), customPath.fromString(path, 0, 0, 1, 1), 
+    x => customPath.getYAt(x);
+}
+//# sourceMappingURL=easing-func.js.map

package/es/utils/easing-func.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/easing-func.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,UAAU,uBAAuB,CAAC,IAAY;IAClD,MAAM,UAAU,GAAG,IAAI,YAAY,EAAE,CAAC;IACtC,UAAU,CAAC,MAAM,CAAC,IAAI,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAChD,UAAU,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAExC,OAAO,CAAC,CAAS,EAAE,EAAE;QACnB,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC","file":"easing-func.js","sourcesContent":["import { CurveContext, CustomPath2D } from '@visactor/vrender-core';\n\nexport function generatorPathEasingFunc(path: string) {\n  const customPath = new CustomPath2D();\n  customPath.setCtx(new CurveContext(customPath));\n  customPath.fromString(path, 0, 0, 1, 1);\n\n  return (x: number) => {\n    return customPath.getYAt(x);\n  };\n}\n"]}

package/es/utils/easing.d.ts

@@ -0,0 +1,49 @@
+export declare class Easing {
+    private constructor();
+    static linear(t: number): number;
+    static none(): typeof Easing.linear;
+    static get(amount: number): (t: number) => number;
+    static getPowIn(pow: number): (t: number) => number;
+    static getPowOut(pow: number): (t: number) => number;
+    static getPowInOut(pow: number): (t: number) => number;
+    static quadIn: (t: number) => number;
+    static quadOut: (t: number) => number;
+    static quadInOut: (t: number) => number;
+    static cubicIn: (t: number) => number;
+    static cubicOut: (t: number) => number;
+    static cubicInOut: (t: number) => number;
+    static quartIn: (t: number) => number;
+    static quartOut: (t: number) => number;
+    static quartInOut: (t: number) => number;
+    static quintIn: (t: number) => number;
+    static quintOut: (t: number) => number;
+    static quintInOut: (t: number) => number;
+    static getBackIn(amount: number): (t: number) => number;
+    static getBackOut(amount: number): (t: number) => number;
+    static getBackInOut(amount: number): (t: number) => number;
+    static backIn: (t: number) => number;
+    static backOut: (t: number) => number;
+    static backInOut: (t: number) => number;
+    static sineIn(t: number): number;
+    static sineOut(t: number): number;
+    static sineInOut(t: number): number;
+    static expoIn(t: number): number;
+    static expoOut(t: number): number;
+    static expoInOut(t: number): number;
+    static circIn(t: number): number;
+    static circOut(t: number): number;
+    static circInOut(t: number): number;
+    static bounceOut(t: number): number;
+    static bounceIn(t: number): number;
+    static bounceInOut(t: number): number;
+    static getElasticIn(amplitude: number, period: number): (t: number) => number;
+    static getElasticOut(amplitude: number, period: number): (t: number) => number;
+    static getElasticInOut(amplitude: number, period: number): (t: number) => number;
+    static elasticIn: (t: number) => number;
+    static elasticOut: (t: number) => number;
+    static elasticInOut: (t: number) => number;
+    static easeInOutQuad: (t: number) => number;
+    static easeOutElastic: (x: number) => number;
+    static easeInOutElastic: (x: number) => number;
+    static registerFunc(name: string, func: (t: number) => number): void;
+}

package/es/utils/easing.js

@@ -0,0 +1,134 @@
+import { pi2 } from "@visactor/vutils";
+
+export class Easing {
+    constructor() {}
+    static linear(t) {
+        return t;
+    }
+    static none() {
+        return this.linear;
+    }
+    static get(amount) {
+        return amount < -1 ? amount = -1 : amount > 1 && (amount = 1), function(t) {
+            return 0 === amount ? t : amount < 0 ? t * (t * -amount + 1 + amount) : t * ((2 - t) * amount + (1 - amount));
+        };
+    }
+    static getPowIn(pow) {
+        return function(t) {
+            return Math.pow(t, pow);
+        };
+    }
+    static getPowOut(pow) {
+        return function(t) {
+            return 1 - Math.pow(1 - t, pow);
+        };
+    }
+    static getPowInOut(pow) {
+        return function(t) {
+            return (t *= 2) < 1 ? .5 * Math.pow(t, pow) : 1 - .5 * Math.abs(Math.pow(2 - t, pow));
+        };
+    }
+    static getBackIn(amount) {
+        return function(t) {
+            return t * t * ((amount + 1) * t - amount);
+        };
+    }
+    static getBackOut(amount) {
+        return function(t) {
+            return --t * t * ((amount + 1) * t + amount) + 1;
+        };
+    }
+    static getBackInOut(amount) {
+        return amount *= 1.525, function(t) {
+            return (t *= 2) < 1 ? t * t * ((amount + 1) * t - amount) * .5 : .5 * ((t -= 2) * t * ((amount + 1) * t + amount) + 2);
+        };
+    }
+    static sineIn(t) {
+        return 1 - Math.cos(t * Math.PI / 2);
+    }
+    static sineOut(t) {
+        return Math.sin(t * Math.PI / 2);
+    }
+    static sineInOut(t) {
+        return -(Math.cos(Math.PI * t) - 1) / 2;
+    }
+    static expoIn(t) {
+        return 0 === t ? 0 : Math.pow(2, 10 * t - 10);
+    }
+    static expoOut(t) {
+        return 1 === t ? 1 : 1 - Math.pow(2, -10 * t);
+    }
+    static expoInOut(t) {
+        return 0 === t ? 0 : 1 === t ? 1 : t < .5 ? Math.pow(2, 20 * t - 10) / 2 : (2 - Math.pow(2, -20 * t + 10)) / 2;
+    }
+    static circIn(t) {
+        return -(Math.sqrt(1 - t * t) - 1);
+    }
+    static circOut(t) {
+        return Math.sqrt(1 - --t * t);
+    }
+    static circInOut(t) {
+        return (t *= 2) < 1 ? -.5 * (Math.sqrt(1 - t * t) - 1) : .5 * (Math.sqrt(1 - (t -= 2) * t) + 1);
+    }
+    static bounceOut(t) {
+        return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375;
+    }
+    static bounceIn(t) {
+        return 1 - Easing.bounceOut(1 - t);
+    }
+    static bounceInOut(t) {
+        return t < .5 ? .5 * Easing.bounceIn(2 * t) : .5 * Easing.bounceOut(2 * t - 1) + .5;
+    }
+    static getElasticIn(amplitude, period) {
+        return function(t) {
+            if (0 === t || 1 === t) return t;
+            const s = period / pi2 * Math.asin(1 / amplitude);
+            return -amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * pi2 / period);
+        };
+    }
+    static getElasticOut(amplitude, period) {
+        return function(t) {
+            if (0 === t || 1 === t) return t;
+            const s = period / pi2 * Math.asin(1 / amplitude);
+            return amplitude * Math.pow(2, -10 * t) * Math.sin((t - s) * pi2 / period) + 1;
+        };
+    }
+    static getElasticInOut(amplitude, period) {
+        return function(t) {
+            const s = period / pi2 * Math.asin(1 / amplitude);
+            return (t *= 2) < 1 ? amplitude * Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * pi2 / period) * -.5 : amplitude * Math.pow(2, -10 * (t -= 1)) * Math.sin((t - s) * pi2 / period) * .5 + 1;
+        };
+    }
+    static registerFunc(name, func) {
+        Easing[name] = func;
+    }
+}
+
+function flicker(t, n) {
+    const step = 1 / n;
+    let flag = 1;
+    for (;t > step; ) t -= step, flag *= -1;
+    const v = flag * t / step;
+    return v > 0 ? v : 1 + v;
+}
+
+Easing.quadIn = Easing.getPowIn(2), Easing.quadOut = Easing.getPowOut(2), Easing.quadInOut = Easing.getPowInOut(2), 
+Easing.cubicIn = Easing.getPowIn(3), Easing.cubicOut = Easing.getPowOut(3), Easing.cubicInOut = Easing.getPowInOut(3), 
+Easing.quartIn = Easing.getPowIn(4), Easing.quartOut = Easing.getPowOut(4), Easing.quartInOut = Easing.getPowInOut(4), 
+Easing.quintIn = Easing.getPowIn(5), Easing.quintOut = Easing.getPowOut(5), Easing.quintInOut = Easing.getPowInOut(5), 
+Easing.backIn = Easing.getBackIn(1.7), Easing.backOut = Easing.getBackOut(1.7), 
+Easing.backInOut = Easing.getBackInOut(1.7), Easing.elasticIn = Easing.getElasticIn(1, .3), 
+Easing.elasticOut = Easing.getElasticOut(1, .3), Easing.elasticInOut = Easing.getElasticInOut(1, .3 * 1.5), 
+Easing.easeInOutQuad = t => (t /= .5) < 1 ? .5 * Math.pow(t, 2) : -.5 * ((t -= 2) * t - 2), 
+Easing.easeOutElastic = x => {
+    const c4 = 2 * Math.PI / 3;
+    return 0 === x ? 0 : 1 === x ? 1 : Math.pow(2, -10 * x) * Math.sin((10 * x - .75) * c4) + 1;
+}, Easing.easeInOutElastic = x => {
+    const c5 = 2 * Math.PI / 4.5;
+    return 0 === x ? 0 : 1 === x ? 1 : x < .5 ? -Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1;
+};
+
+for (let i = 0; i < 10; i++) Easing[`flicker${i}`] = t => flicker(t, i);
+
+for (let i = 2; i < 10; i++) Easing[`aIn${i}`] = t => i * t * t + (1 - i) * t;
+//# sourceMappingURL=easing.js.map