@visactor/vrender-core 0.22.15-alpha.1 → 0.22.15

package/es/animate/Ticker/default-ticker.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '@visactor/vutils';
+import type { ITickHandler, ITimeline, ITicker } from '../../interface';
+import type { TickerMode } from './type';
+import { STATUS } from './type';
+export declare class DefaultTicker extends EventEmitter implements ITicker {
+    protected interval: number;
+    protected tickerHandler: ITickHandler;
+    protected _mode: TickerMode;
+    protected status: STATUS;
+    protected lastFrameTime: number;
+    protected tickCounts: number;
+    protected timelines: ITimeline[];
+    autoStop: boolean;
+    set mode(m: TickerMode);
+    get mode(): TickerMode;
+    constructor(timelines?: ITimeline[]);
+    init(): void;
+    addTimeline(timeline: ITimeline): void;
+    remTimeline(timeline: ITimeline): void;
+    getTimelines(): ITimeline[];
+    protected initHandler(): ITickHandler | null;
+    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;
+    protected handleTick: (handler: ITickHandler, params?: {
+        once?: boolean;
+    }) => void;
+    protected _handlerTick: () => void;
+    release(): void;
+    trySyncTickStatus(): void;
+}

package/es/animate/Ticker/default-ticker.js

@@ -0,0 +1,138 @@
+import { EventEmitter, Logger } from "@visactor/vutils";
+
+import { application } from "../../application";
+
+import { STATUS } from "./type";
+
+import { RAFTickHandler } from "./raf-tick-handler";
+
+import { TimeOutTickHandler } from "./timeout-tick-handler";
+
+export class DefaultTicker extends EventEmitter {
+    set mode(m) {
+        this._mode !== m && (this._mode = m, this.setupTickHandler());
+    }
+    get mode() {
+        return this._mode;
+    }
+    constructor(timelines = []) {
+        super(), this.handleTick = (handler, params) => {
+            const {once: once = !1} = null != params ? params : {};
+            this.ifCanStop() ? this.stop() : (this._handlerTick(), 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((t => {
+                t.tick(delta);
+            })), this.emit("tick"));
+        }, this.init(), this.lastFrameTime = -1, this.tickCounts = 0, this.timelines = timelines, 
+        this.autoStop = !0;
+    }
+    init() {
+        this.interval = NaN, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("default-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() {
+        if (this._mode) return null;
+        const ticks = [ {
+            mode: "raf",
+            cons: RAFTickHandler
+        }, {
+            mode: "timeout",
+            cons: TimeOutTickHandler
+        } ];
+        for (let i = 0; i < ticks.length; i++) if (ticks[i].cons.Avaliable()) {
+            this.mode = ticks[i].mode;
+            break;
+        }
+        return null;
+    }
+    setupTickHandler() {
+        let handler;
+        switch (this._mode) {
+          case "raf":
+            handler = new RAFTickHandler;
+            break;
+
+          case "timeout":
+            handler = new TimeOutTickHandler;
+            break;
+
+          default:
+            Logger.getInstance().warn("非法的计时器模式"), handler = new RAFTickHandler;
+        }
+        return !!handler.avaliable() && (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 (0 === this.timelines.reduce(((a, b) => a + b.animateCount), 0)) 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.timelines.length) return !1;
+            if (0 === this.timelines.reduce(((a, b) => a + b.animateCount), 0)) return !1;
+        }
+        return this.status = STATUS.RUNNING, this.tickerHandler.tick(0, this.handleTick), 
+        !0;
+    }
+    stop() {
+        this.status = STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
+    }
+    release() {
+        this.stop(), this.timelines = [], this.tickerHandler.release(), this.emit("afterTick");
+    }
+    trySyncTickStatus() {
+        this.status === STATUS.RUNNING && this._handlerTick();
+    }
+}
+//# sourceMappingURL=default-ticker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/default-ticker.ts"],"names":[],"mappings":"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","file":"default-ticker.js","sourcesContent":["import { EventEmitter, Logger } from '@visactor/vutils';\nimport type { ITickHandler, ITickerHandlerStatic, ITimeline, ITicker } from '../../interface';\nimport { application } from '../../application';\nimport type { TickerMode } from './type';\nimport { STATUS } from './type';\nimport { RAFTickHandler } from './raf-tick-handler';\nimport { TimeOutTickHandler } from './timeout-tick-handler';\n\nexport class DefaultTicker extends EventEmitter implements ITicker {\n  protected interval: number;\n  protected tickerHandler: ITickHandler;\n  protected _mode: TickerMode;\n  protected status: STATUS;\n  protected lastFrameTime: number;\n  protected tickCounts: number;\n  protected timelines: ITimeline[];\n  autoStop: boolean;\n\n  set mode(m: TickerMode) {\n    if (this._mode === m) {\n      return;\n    }\n    this._mode = m;\n    this.setupTickHandler();\n  }\n  get mode(): TickerMode {\n    return this._mode;\n  }\n\n  constructor(timelines: ITimeline[] = []) {\n    super();\n    this.init();\n    this.lastFrameTime = -1;\n    this.tickCounts = 0;\n    this.timelines = timelines;\n    this.autoStop = true;\n  }\n\n  init() {\n    this.interval = NaN;\n    this.status = STATUS.INITIAL;\n    application.global.hooks.onSetEnv.tap('default-ticker', () => {\n      this.initHandler();\n    });\n    if (application.global.env) {\n      this.initHandler();\n    }\n  }\n\n  addTimeline(timeline: ITimeline) {\n    this.timelines.push(timeline);\n  }\n  remTimeline(timeline: ITimeline) {\n    this.timelines = this.timelines.filter(t => t !== timeline);\n  }\n  getTimelines(): ITimeline[] {\n    return this.timelines;\n  }\n\n  protected initHandler(): ITickHandler | null {\n    if (this._mode) {\n      return null;\n    }\n    const ticks: { mode: TickerMode; cons: ITickerHandlerStatic }[] = [\n      { mode: 'raf', cons: RAFTickHandler },\n      { mode: 'timeout', cons: TimeOutTickHandler }\n    ];\n    for (let i = 0; i < ticks.length; i++) {\n      if (ticks[i].cons.Avaliable()) {\n        this.mode = ticks[i].mode;\n        break;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * 设置tickHandler\n   * @returns 返回true表示设置成功，false表示设置失败\n   */\n  protected setupTickHandler(): boolean {\n    let handler: ITickHandler;\n    // 创建下一个tickHandler\n    switch (this._mode) {\n      case 'raf':\n        handler = new RAFTickHandler();\n        break;\n      case 'timeout':\n        handler = new TimeOutTickHandler();\n        break;\n      // case 'manual':\n      //   handler = new ManualTickHandler();\n      // break;\n      default:\n        Logger.getInstance().warn('非法的计时器模式');\n        handler = new RAFTickHandler();\n        break;\n    }\n    if (!handler.avaliable()) {\n      return false;\n    }\n\n    // 销毁上一个tickerHandler\n    if (this.tickerHandler) {\n      this.tickerHandler.release();\n    }\n    this.tickerHandler = handler;\n    return true;\n  }\n\n  setInterval(interval: number) {\n    this.interval = interval;\n  }\n  getInterval(): number {\n    return this.interval;\n  }\n\n  setFPS(fps: number): void {\n    this.setInterval(1000 / fps);\n  }\n  getFPS(): number {\n    return 1000 / this.interval;\n  }\n  tick(interval: number): void {\n    this.tickerHandler.tick(interval, (handler: ITickHandler) => {\n      this.handleTick(handler, { once: true });\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  pause(): boolean {\n    if (this.status === STATUS.INITIAL) {\n      return false;\n    }\n    this.status = STATUS.PAUSE;\n    return true;\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.reduce((a, b) => a + b.animateCount, 0) === 0) {\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    // 如果不需要start，那就不start\n    if (!force) {\n      // 暂停状态不执行\n      if (this.status === STATUS.PAUSE) {\n        return false;\n      }\n      if (!this.timelines.length) {\n        return false;\n      }\n      if (this.timelines.reduce((a, b) => a + b.animateCount, 0) === 0) {\n        return false;\n      }\n    }\n    this.status = STATUS.RUNNING;\n    this.tickerHandler.tick(0, this.handleTick);\n    return true;\n  }\n  stop(): void {\n    // 重新设置tickHandler\n    this.status = STATUS.INITIAL;\n    this.setupTickHandler();\n    this.lastFrameTime = -1;\n  }\n\n  protected handleTick = (handler: ITickHandler, params?: { once?: boolean }) => {\n    const { once = false } = params ?? {};\n    // 尝试停止\n    if (this.ifCanStop()) {\n      this.stop();\n      return;\n    }\n    this._handlerTick();\n    if (!once) {\n      handler.tick(this.interval, this.handleTick);\n    }\n  };\n\n  protected _handlerTick = () => {\n    // 具体执行函数\n    const tickerHandler = this.tickerHandler;\n    const time = tickerHandler.getTime();\n    // 上一帧经过的时间\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    this.tickCounts++;\n\n    this.timelines.forEach(t => {\n      t.tick(delta);\n    });\n    this.emit('tick');\n  };\n\n  release(): void {\n    this.stop();\n    this.timelines = [];\n    this.tickerHandler.release();\n    this.emit('afterTick');\n  }\n\n  /**\n   * 同步tick状态，需要手动触发tick执行，保证属性为走完动画的属性\n   * 【注】grammar会设置属性到最终值，然后调用render，这时候需要VRender手动触发tick，保证属性为走完动画的属性，而不是Grammar设置上的属性\n   */\n  trySyncTickStatus() {\n    if (this.status === STATUS.RUNNING) {\n      this._handlerTick();\n    }\n  }\n}\n"]}

package/es/animate/Ticker/index.d.ts

@@ -0,0 +1,5 @@
+export * from './default-ticker';
+export * from './manual-ticker';
+export * from './manual-ticker-handler';
+export * from './raf-tick-handler';
+export * from './timeout-tick-handler';

package/es/animate/Ticker/index.js

@@ -0,0 +1,10 @@
+export * from "./default-ticker";
+
+export * from "./manual-ticker";
+
+export * from "./manual-ticker-handler";
+
+export * from "./raf-tick-handler";
+
+export * from "./timeout-tick-handler";
+//# sourceMappingURL=index.js.map

package/es/animate/Ticker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC","file":"index.js","sourcesContent":["export * from './default-ticker';\nexport * from './manual-ticker';\nexport * from './manual-ticker-handler';\nexport * from './raf-tick-handler';\nexport * from './timeout-tick-handler';\n"]}

package/es/animate/Ticker/manual-ticker-handler.d.ts

@@ -0,0 +1,15 @@
+import type { ITickHandler } from '../../interface/animate';
+export declare class ManualTickHandler implements ITickHandler {
+    protected timerId: number;
+    protected time: number;
+    static Avaliable(): boolean;
+    avaliable(): boolean;
+    tick(interval: number, cb: (handler: ITickHandler, params?: {
+        once: boolean;
+    }) => void): void;
+    tickTo(t: number, cb: (handler: ITickHandler, params?: {
+        once: boolean;
+    }) => void): void;
+    release(): void;
+    getTime(): number;
+}

package/es/animate/Ticker/manual-ticker-handler.js

@@ -0,0 +1,28 @@
+export class ManualTickHandler {
+    constructor() {
+        this.time = 0;
+    }
+    static Avaliable() {
+        return !0;
+    }
+    avaliable() {
+        return ManualTickHandler.Avaliable();
+    }
+    tick(interval, cb) {
+        this.time = Math.max(0, interval + this.time), cb(this, {
+            once: !0
+        });
+    }
+    tickTo(t, cb) {
+        this.time = Math.max(0, t), cb(this, {
+            once: !0
+        });
+    }
+    release() {
+        this.timerId > 0 && (this.timerId = -1);
+    }
+    getTime() {
+        return this.time;
+    }
+}
+//# sourceMappingURL=manual-ticker-handler.js.map

package/es/animate/Ticker/manual-ticker-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/manual-ticker-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,iBAAiB;IAA9B;QAEY,SAAI,GAAW,CAAC,CAAC;IA8B7B,CAAC;IA5BC,MAAM,CAAC,SAAS;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS;QACP,OAAO,iBAAiB,CAAC,SAAS,EAAE,CAAC;IACvC,CAAC;IAED,IAAI,CAAC,QAAgB,EAAE,EAA+D;QACpF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9C,EAAE,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM,CAAC,CAAS,EAAE,EAA+D;QAC/E,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3B,EAAE,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;YAEpB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;SACnB;IACH,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;CACF","file":"manual-ticker-handler.js","sourcesContent":["import type { ITickHandler } from '../../interface/animate';\n\nexport class ManualTickHandler implements ITickHandler {\n  protected timerId: number;\n  protected time: number = 0;\n\n  static Avaliable(): boolean {\n    return true;\n  }\n\n  avaliable(): boolean {\n    return ManualTickHandler.Avaliable();\n  }\n\n  tick(interval: number, cb: (handler: ITickHandler, params?: { once: boolean }) => void): void {\n    this.time = Math.max(0, interval + this.time);\n    cb(this, { once: true });\n  }\n\n  tickTo(t: number, cb: (handler: ITickHandler, params?: { once: boolean }) => void): void {\n    this.time = Math.max(0, t);\n    cb(this, { once: true });\n  }\n\n  release() {\n    if (this.timerId > 0) {\n      // clearTimeout(this.timerId);\n      this.timerId = -1;\n    }\n  }\n\n  getTime() {\n    return this.time;\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import type { ITicker, ITickHandler, ITimeline } from '../../interface/animate';
+import { DefaultTicker } from './default-ticker';
+import type { STATUS, TickerMode } from './type';
+export declare class ManualTicker extends DefaultTicker implements ITicker {
+    protected interval: number;
+    protected tickerHandler: ITickHandler;
+    protected _mode: TickerMode;
+    protected status: STATUS;
+    protected lastFrameTime: number;
+    protected tickCounts: number;
+    protected timelines: ITimeline[];
+    autoStop: boolean;
+    set mode(m: TickerMode);
+    get mode(): TickerMode;
+    protected initHandler(): ITickHandler | null;
+    protected setupTickHandler(): boolean;
+    tickAt(time: number): void;
+    ifCanStop(): boolean;
+}

package/es/animate/Ticker/manual-ticker.js

@@ -0,0 +1,31 @@
+import { DefaultTicker } from "./default-ticker";
+
+import { ManualTickHandler } from "./manual-ticker-handler";
+
+export class ManualTicker extends DefaultTicker {
+    set mode(m) {
+        this.setupTickHandler();
+    }
+    get mode() {
+        return this._mode;
+    }
+    initHandler() {
+        return this.mode = "manual", null;
+    }
+    setupTickHandler() {
+        const handler = new ManualTickHandler;
+        return this._mode = "manual", this.tickerHandler && this.tickerHandler.release(), 
+        this.tickerHandler = handler, !0;
+    }
+    tickAt(time) {
+        this.tickerHandler.tick(time - Math.max(this.lastFrameTime, 0), (handler => {
+            this.handleTick(handler, {
+                once: !0
+            });
+        }));
+    }
+    ifCanStop() {
+        return !1;
+    }
+}
+//# sourceMappingURL=manual-ticker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/manual-ticker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG5D,MAAM,OAAO,YAAa,SAAQ,aAAa;IAU7C,IAAI,IAAI,CAAC,CAAa;QACpB,CAAC,GAAG,QAAQ,CAAC;QACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IACD,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;IAMS,gBAAgB;QACxB,MAAM,OAAO,GAAiB,IAAI,iBAAiB,EAAE,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QAGtB,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;SAC9B;QACD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,CAAC,IAAY;QACjB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,OAAqB,EAAE,EAAE;YACxF,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,OAAO,KAAK,CAAC;IACf,CAAC;CACF","file":"manual-ticker.js","sourcesContent":["import type { ITicker, ITickHandler, ITimeline } from '../../interface/animate';\nimport { DefaultTicker } from './default-ticker';\nimport { ManualTickHandler } from './manual-ticker-handler';\nimport type { STATUS, TickerMode } from './type';\n\nexport class ManualTicker extends DefaultTicker implements ITicker {\n  protected declare interval: number;\n  protected declare tickerHandler: ITickHandler;\n  protected declare _mode: TickerMode;\n  protected declare status: STATUS;\n  protected declare lastFrameTime: number;\n  protected declare tickCounts: number;\n  protected declare timelines: ITimeline[];\n  declare autoStop: boolean;\n\n  set mode(m: TickerMode) {\n    m = 'manual';\n    this.setupTickHandler();\n  }\n  get mode(): TickerMode {\n    return this._mode;\n  }\n\n  protected initHandler(): ITickHandler | null {\n    this.mode = 'manual';\n    return null;\n  }\n\n  /**\n   * 设置tickHandler\n   * @returns 返回true表示设置成功，false表示设置失败\n   */\n  protected setupTickHandler(): boolean {\n    const handler: ITickHandler = new ManualTickHandler();\n    this._mode = 'manual';\n\n    // 销毁上一个tickerHandler\n    if (this.tickerHandler) {\n      this.tickerHandler.release();\n    }\n    this.tickerHandler = handler;\n    return true;\n  }\n\n  tickAt(time: number) {\n    this.tickerHandler.tick(time - Math.max(this.lastFrameTime, 0), (handler: ITickHandler) => {\n      this.handleTick(handler, { once: true });\n    });\n  }\n\n  ifCanStop(): boolean {\n    return false;\n  }\n}\n"]}

package/es/animate/Ticker/raf-tick-handler.d.ts

@@ -0,0 +1,9 @@
+import type { ITickHandler } from '../../interface/animate';
+export declare class RAFTickHandler implements ITickHandler {
+    protected released: boolean;
+    static Avaliable(): boolean;
+    avaliable(): boolean;
+    tick(interval: number, cb: (handler: ITickHandler) => void): void;
+    release(): void;
+    getTime(): number;
+}

package/es/animate/Ticker/raf-tick-handler.js

@@ -0,0 +1,22 @@
+import { application } from "../../application";
+
+export class RAFTickHandler {
+    static Avaliable() {
+        return !!application.global.getRequestAnimationFrame();
+    }
+    avaliable() {
+        return RAFTickHandler.Avaliable();
+    }
+    tick(interval, cb) {
+        application.global.getRequestAnimationFrame()((() => {
+            this.released || cb(this);
+        }));
+    }
+    release() {
+        this.released = !0;
+    }
+    getTime() {
+        return Date.now();
+    }
+}
+//# sourceMappingURL=raf-tick-handler.js.map

package/es/animate/Ticker/raf-tick-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/raf-tick-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,OAAO,cAAc;IAGzB,MAAM,CAAC,SAAS;QACd,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;IACzD,CAAC;IACD,SAAS;QACP,OAAO,cAAc,CAAC,SAAS,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,CAAC,QAAgB,EAAE,EAAmC;QACxD,MAAM,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,wBAAwB,EAAE,CAAC;QAC1D,GAAG,CAAC,GAAG,EAAE;YACP,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,EAAE,CAAC,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IACD,OAAO;QACL,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;IACpB,CAAC;CACF","file":"raf-tick-handler.js","sourcesContent":["import { application } from '../../application';\nimport type { ITickHandler } from '../../interface/animate';\n\nexport class RAFTickHandler implements ITickHandler {\n  protected released: boolean;\n\n  static Avaliable(): boolean {\n    return !!application.global.getRequestAnimationFrame();\n  }\n  avaliable(): boolean {\n    return RAFTickHandler.Avaliable();\n  }\n\n  tick(interval: number, cb: (handler: ITickHandler) => void): void {\n    const raf = application.global.getRequestAnimationFrame();\n    raf(() => {\n      if (this.released) {\n        return;\n      }\n      cb(this);\n    });\n  }\n\n  release() {\n    this.released = true;\n  }\n  getTime() {\n    return Date.now();\n  }\n}\n"]}

package/es/animate/Ticker/timeout-tick-handler.d.ts

@@ -0,0 +1,9 @@
+import type { ITickHandler } from '../../interface/animate';
+export declare class TimeOutTickHandler implements ITickHandler {
+    protected timerId: number;
+    static Avaliable(): boolean;
+    avaliable(): boolean;
+    tick(interval: number, cb: (handler: ITickHandler) => void): void;
+    release(): void;
+    getTime(): number;
+}

package/es/animate/Ticker/timeout-tick-handler.js

@@ -0,0 +1,20 @@
+export class TimeOutTickHandler {
+    static Avaliable() {
+        return !0;
+    }
+    avaliable() {
+        return TimeOutTickHandler.Avaliable();
+    }
+    tick(interval, cb) {
+        this.timerId = setTimeout((() => {
+            cb(this);
+        }), interval);
+    }
+    release() {
+        this.timerId > 0 && (clearTimeout(this.timerId), this.timerId = -1);
+    }
+    getTime() {
+        return Date.now();
+    }
+}
+//# sourceMappingURL=timeout-tick-handler.js.map

package/es/animate/Ticker/timeout-tick-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/timeout-tick-handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,kBAAkB;IAG7B,MAAM,CAAC,SAAS;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAS;QACP,OAAO,kBAAkB,CAAC,SAAS,EAAE,CAAC;IACxC,CAAC;IAED,IAAI,CAAC,QAAgB,EAAE,EAAmC;QACxD,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC7B,EAAE,CAAC,IAAI,CAAC,CAAC;QACX,CAAC,EAAE,QAAQ,CAAsB,CAAC;IACpC,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;YACpB,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;SACnB;IACH,CAAC;IACD,OAAO;QACL,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC;IACpB,CAAC;CACF","file":"timeout-tick-handler.js","sourcesContent":["import type { ITickHandler } from '../../interface/animate';\n\nexport class TimeOutTickHandler implements ITickHandler {\n  protected timerId: number;\n\n  static Avaliable(): boolean {\n    return true;\n  }\n\n  avaliable(): boolean {\n    return TimeOutTickHandler.Avaliable();\n  }\n\n  tick(interval: number, cb: (handler: ITickHandler) => void): void {\n    this.timerId = setTimeout(() => {\n      cb(this);\n    }, interval) as unknown as number;\n  }\n\n  release() {\n    if (this.timerId > 0) {\n      clearTimeout(this.timerId);\n      this.timerId = -1;\n    }\n  }\n  getTime() {\n    return Date.now();\n  }\n}\n"]}

package/es/animate/Ticker/type.d.ts

@@ -0,0 +1,6 @@
+export type TickerMode = 'raf' | 'timeout' | 'manual';
+export declare enum STATUS {
+    INITIAL = 0,
+    RUNNING = 1,
+    PAUSE = 2
+}

package/es/{interface/animation/ticker.js → animate/Ticker/type.js}

@@ -4,4 +4,4 @@ export var STATUS;
     STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", 
     STATUS[STATUS.PAUSE = 2] = "PAUSE";
 }(STATUS || (STATUS = {}));
-//# sourceMappingURL=ticker.js.map
+//# sourceMappingURL=type.js.map

package/es/animate/Ticker/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate/Ticker/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,yCAAW,CAAA;IACX,yCAAW,CAAA;IACX,qCAAS,CAAA;AACX,CAAC,EAJW,MAAM,KAAN,MAAM,QAIjB","file":"type.js","sourcesContent":["export type TickerMode = 'raf' | 'timeout' | 'manual';\n\nexport enum STATUS {\n  INITIAL = 0, // initial表示初始状态\n  RUNNING = 1, // running表示正在执行\n  PAUSE = 2 // PULSE表示tick还是继续，只是不执行函数了\n}\n"]}

package/es/animate/animate.d.ts

@@ -0,0 +1,147 @@
+import type { EasingType, EasingTypeFunc, IAnimate, IAnimateStepType, IAnimateTarget, ICustomAnimate, IStep, IStepConfig, ISubAnimate, ITimeline } from '../interface';
+import { AnimateMode, AnimateStatus } from '../common/enums';
+export declare abstract class ACustomAnimate<T> implements ICustomAnimate {
+    from: T;
+    to: T;
+    duration: number;
+    easing: EasingType;
+    params: any;
+    target: IAnimateTarget;
+    updateCount: number;
+    subAnimate: ISubAnimate;
+    step?: IStep;
+    mode?: AnimateMode;
+    _endProps?: any;
+    _mergedEndProps?: any;
+    constructor(from: T, to: T, duration: number, easing: EasingType, params?: any);
+    bind(target: IAnimateTarget, subAni: ISubAnimate): void;
+    onBind(): void;
+    onFirstRun(): void;
+    onStart(): void;
+    onEnd(): void;
+    getEndProps(): Record<string, any> | void;
+    getFromProps(): Record<string, any> | void;
+    getMergedEndProps(): Record<string, any> | void;
+    abstract onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class CbAnimate extends ACustomAnimate<null> {
+    cb: () => void;
+    constructor(cb: () => void);
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+    onStart(): void;
+}
+type InterpolateFunc = (key: string, ratio: number, from: any, to: any, target: IAnimateTarget, out: Record<string, any>) => boolean;
+export declare class Animate implements IAnimate {
+    static mode: AnimateMode;
+    target: IAnimateTarget;
+    timeline: ITimeline;
+    nextAnimate?: IAnimate;
+    prevAnimate?: IAnimate;
+    status: AnimateStatus;
+    readonly id: string | number;
+    protected _startTime: number;
+    protected _duringTime: number;
+    subAnimates: SubAnimate[];
+    tailAnimate: SubAnimate;
+    rawPosition: number;
+    timeScale: number;
+    interpolateFunc: (key: string, ratio: number, from: any, to: any, nextAttributes: any) => boolean;
+    _onStart?: (() => void)[];
+    _onFrame?: ((step: IStep, ratio: number) => void)[];
+    _onEnd?: (() => void)[];
+    _onRemove?: (() => void)[];
+    _preventAttrs?: Set<string>;
+    static interpolateMap: Map<string, InterpolateFunc>;
+    slience?: boolean;
+    constructor(id?: string | number, timeline?: ITimeline, slience?: boolean);
+    setTimeline(timeline: ITimeline): void;
+    getStartTime(): number;
+    getDuration(): number;
+    after(animate: IAnimate): this;
+    afterAll(list: IAnimate[]): this;
+    parallel(animate: IAnimate): this;
+    static AddInterpolate(name: string, cb: InterpolateFunc): void;
+    play(customAnimate: ICustomAnimate): this;
+    trySetAttribute(attr: Record<string, any> | void, mode?: AnimateMode): void;
+    runCb(cb: (a: IAnimate, step: IStep) => void): this;
+    customInterpolate(key: string, ratio: number, from: any, to: any, target: IAnimateTarget, ret: Record<string, any>): boolean;
+    pause(): void;
+    resume(): void;
+    to(props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig): this;
+    from(props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig): this;
+    wait(duration: number): this;
+    startAt(t: number): this;
+    loop(l: number): this;
+    reversed(r: boolean): this;
+    bounce(b: boolean): this;
+    subAnimate(): this;
+    getStartProps(): Record<string, any>;
+    getEndProps(): Record<string, any>;
+    depreventAttr(key: string): void;
+    preventAttr(key: string): void;
+    preventAttrs(keys: string[]): void;
+    validAttr(key: string): boolean;
+    bind(target: IAnimateTarget): this;
+    advance(delta: number): void;
+    setPosition(rawPosition: number): boolean;
+    onStart(cb: () => void): void;
+    onEnd(cb: () => void): void;
+    onRemove(cb: () => void): void;
+    onFrame(cb: (step: IStep, ratio: number) => void): void;
+    release(): void;
+    stop(nextVal?: 'start' | 'end' | Record<string, any>): void;
+}
+export declare class SubAnimate implements ISubAnimate {
+    target: IAnimateTarget;
+    animate: IAnimate;
+    protected stepHead: Step;
+    protected stepTail: Step;
+    bounce: boolean;
+    reversed: boolean;
+    loop: number;
+    duration: number;
+    position: number;
+    rawPosition: number;
+    dirty: boolean;
+    _totalDuration: number;
+    _startAt: number;
+    _lastStep: IStep;
+    _deltaPosition: number;
+    get totalDuration(): number;
+    constructor(animate: IAnimate, lastSubAnimate?: SubAnimate);
+    protected calcAttr(): void;
+    bind(target: IAnimateTarget): this;
+    play(customAnimate: ICustomAnimate): this;
+    to(props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig): this;
+    from(props: Record<string, any>, duration: number, easing: EasingType, params?: IStepConfig): void;
+    startAt(t: number): this;
+    getStartProps(): any;
+    getEndProps(): any;
+    getLastStep(): IStep;
+    wait(duration: number): this;
+    protected _addStep(duration: number, props: any, easingFunc?: EasingTypeFunc): Step;
+    protected _appendProps(props: any, step: Step, tempProps?: boolean): void;
+    protected _appendCustomAnimate(customAnimate: ICustomAnimate, step: Step): void;
+    setPosition(rawPosition: number): boolean;
+    protected updatePosition(end: boolean, rev: boolean): void;
+    tryCallCustomAnimateLifeCycle(step: IStep, lastStep: IStep, rev: boolean): void;
+    getLastPropByName(name: string, step: Step): any;
+    protected updateTarget(step: Step, ratio: number, end: boolean): void;
+}
+declare class Step implements IStep {
+    prev?: Step;
+    duration: number;
+    position: number;
+    next?: Step;
+    props: any;
+    parsedProps?: any;
+    propKeys?: string[];
+    easing?: EasingTypeFunc;
+    customAnimate?: ICustomAnimate;
+    type: IAnimateStepType;
+    constructor(position: number, duration: number, props?: any, easing?: EasingTypeFunc);
+    append(step: Step): void;
+    getLastProps(): any;
+}
+export {};