@visactor/vrender-animate 0.22.4

package/es/interpolate/store.js

@@ -0,0 +1,88 @@
+import { interpolateColor, interpolatePureColorArrayToStr } from "@visactor/vrender-core";
+
+import { interpolateNumber } from "./number";
+
+export class InterpolateUpdateStore {
+    constructor() {
+        this.opacity = (key, from, to, ratio, step, target) => {
+            target.attribute.opacity = interpolateNumber(from, to, ratio);
+        }, this.fillOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.fillOpacity = interpolateNumber(from, to, ratio);
+        }, this.strokeOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.strokeOpacity = interpolateNumber(from, to, ratio);
+        }, this.zIndex = (key, from, to, ratio, step, target) => {
+            target.attribute.zIndex = interpolateNumber(from, to, ratio);
+        }, this.backgroundOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.backgroundOpacity = interpolateNumber(from, to, ratio);
+        }, this.shadowOffsetX = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowOffsetX = interpolateNumber(from, to, ratio);
+        }, this.shadowOffsetY = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowOffsetY = interpolateNumber(from, to, ratio);
+        }, this.shadowBlur = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowBlur = interpolateNumber(from, to, ratio);
+        }, this.fill = (key, from, to, ratio, step, target) => {
+            target.attribute.fill = interpolateColor(from, to, ratio, !1);
+        }, this.fillPure = (key, from, to, ratio, step, target) => {
+            target.attribute.fill = interpolatePureColorArrayToStr(step.fromParsedProps.fill, step.toParsedProps.fill, ratio);
+        }, this.stroke = (key, from, to, ratio, step, target) => {
+            target.attribute.stroke = interpolateColor(from, to, ratio, !1);
+        }, this.strokePure = (key, from, to, ratio, step, target) => {
+            target.attribute.stroke = interpolatePureColorArrayToStr(step.fromParsedProps.stroke, step.toParsedProps.stroke, ratio);
+        }, this.width = (key, from, to, ratio, step, target) => {
+            target.attribute.width = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.height = (key, from, to, ratio, step, target) => {
+            target.attribute.height = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.x = (key, from, to, ratio, step, target) => {
+            target.attribute.x = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.y = (key, from, to, ratio, step, target) => {
+            target.attribute.y = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.angle = (key, from, to, ratio, step, target) => {
+            target.attribute.angle = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.scaleX = (key, from, to, ratio, step, target) => {
+            target.attribute.scaleX = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.scaleY = (key, from, to, ratio, step, target) => {
+            target.attribute.scaleY = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.lineWidth = (key, from, to, ratio, step, target) => {
+            target.attribute.lineWidth = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.startAngle = (key, from, to, ratio, step, target) => {
+            target.attribute.startAngle = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.endAngle = (key, from, to, ratio, step, target) => {
+            target.attribute.endAngle = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.radius = (key, from, to, ratio, step, target) => {
+            target.attribute.radius = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.outerRadius = (key, from, to, ratio, step, target) => {
+            target.attribute.outerRadius = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.innerRadius = (key, from, to, ratio, step, target) => {
+            target.attribute.innerRadius = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.size = (key, from, to, ratio, step, target) => {
+            target.attribute.size = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        };
+    }
+}
+
+export const interpolateUpdateStore = new InterpolateUpdateStore;
+
+export function commonInterpolateUpdate(key, from, to, ratio, step, target) {
+    if (Number.isFinite(to) && Number.isFinite(from)) return target.attribute[key] = from + (to - from) * ratio, 
+    !0;
+    if (Array.isArray(to) && Array.isArray(from) && to.length === from.length) {
+        const nextList = [];
+        let valid = !0;
+        for (let i = 0; i < to.length; i++) {
+            const v = from[i], val = v + (to[i] - v) * ratio;
+            if (!Number.isFinite(val)) {
+                valid = !1;
+                break;
+            }
+            nextList.push(val);
+        }
+        return valid && (target.attribute[key] = nextList), !0;
+    }
+    return !1;
+}
+//# sourceMappingURL=store.js.map

package/es/interpolate/store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interpolate/store.ts"],"names":[],"mappings":"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","file":"store.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport { interpolateColor, interpolatePureColorArrayToStr } from '@visactor/vrender-core';\nimport { interpolateNumber } from './number';\nimport type { IStep } from '../intreface/animate';\n\n// 直接设置，触发 隐藏类（Hidden Class）优化：\n/**\n *\nconst a = { type: 1 };\nconst ITERATIONS = 1e7; // 测试次数\n\n// 动态生成 keys 数组（确保引擎无法静态推断 key）\nconst keys = [];\nfor (let i = 0; i < ITERATIONS; i++) {\n    // 通过条件确保 key 动态变化（但实际始终为 'type'，避免属性缺失的开销）\n    keys.push(Math.random() < 0 ? 'other' : 'type');\n}\n\n// 测试字面量访问\nfunction testLiteral() {\n    let sum = 0;\n    for (let i = 0; i < ITERATIONS; i++) {\n        const key = keys[i]; // 读取 key（与动态测试完全一致）\n        sum += a.type;       // 差异仅在此处：使用字面量访问\n    }\n    return sum;\n}\n\n// 测试变量动态访问\nfunction testDynamic() {\n    let sum = 0;\n    for (let i = 0; i < ITERATIONS; i++) {\n        const key = keys[i]; // 读取 key（与字面量测试完全一致）\n        sum += a[key];       // 差异仅在此处：使用变量访问\n    }\n    return sum;\n}\n\n// 预热（避免 JIT 编译影响）\ntestLiteral();\ntestDynamic();\n\n// 正式测试\nconsole.time('literal');\ntestLiteral();\nconsole.timeEnd('literal');\n\nconsole.time('dynamic');\ntestDynamic();\nconsole.timeEnd('dynamic');\n\n\n// out:\n// literal: 7.1259765625 ms\n// dynamic: 9.322998046875 ms\n */\n\nexport class InterpolateUpdateStore {\n  opacity = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.opacity = interpolateNumber(from, to, ratio);\n  };\n  fillOpacity = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.fillOpacity = interpolateNumber(from, to, ratio);\n  };\n  strokeOpacity = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.strokeOpacity = interpolateNumber(from, to, ratio);\n  };\n  zIndex = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.zIndex = interpolateNumber(from, to, ratio);\n  };\n  backgroundOpacity = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.backgroundOpacity = interpolateNumber(from, to, ratio);\n  };\n  shadowOffsetX = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.shadowOffsetX = interpolateNumber(from, to, ratio);\n  };\n  shadowOffsetY = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.shadowOffsetY = interpolateNumber(from, to, ratio);\n  };\n  shadowBlur = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.shadowBlur = interpolateNumber(from, to, ratio);\n  };\n  fill = (\n    key: string,\n    from: [number, number, number, number],\n    to: [number, number, number, number],\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => {\n    target.attribute.fill = interpolateColor(from, to, ratio, false) as any;\n  };\n  fillPure = (\n    key: string,\n    from: [number, number, number, number],\n    to: [number, number, number, number],\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => {\n    target.attribute.fill = interpolatePureColorArrayToStr(\n      step.fromParsedProps.fill,\n      step.toParsedProps.fill,\n      ratio\n    ) as any;\n  };\n  stroke = (\n    key: string,\n    from: [number, number, number, number],\n    to: [number, number, number, number],\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => {\n    target.attribute.stroke = interpolateColor(from, to, ratio, false);\n  };\n  strokePure = (\n    key: string,\n    from: [number, number, number, number],\n    to: [number, number, number, number],\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => {\n    target.attribute.stroke = interpolatePureColorArrayToStr(\n      step.fromParsedProps.stroke,\n      step.toParsedProps.stroke,\n      ratio\n    ) as any;\n  };\n\n  // 需要更新Bounds\n  width = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).width = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  height = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).height = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  x = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.x = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n    target.addUpdatePositionTag();\n  };\n  y = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.y = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n    target.addUpdatePositionTag();\n  };\n  angle = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.angle = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n    target.addUpdatePositionTag();\n  };\n  scaleX = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.scaleX = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n    target.addUpdatePositionTag();\n  };\n  scaleY = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.scaleY = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n    target.addUpdatePositionTag();\n  };\n  lineWidth = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    target.attribute.lineWidth = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  startAngle = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).startAngle = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  endAngle = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).endAngle = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  radius = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).radius = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  outerRadius = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).outerRadius = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  innerRadius = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).innerRadius = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n  size = (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => {\n    (target.attribute as any).size = interpolateNumber(from, to, ratio);\n    target.addUpdateBoundTag();\n  };\n}\n\nexport const interpolateUpdateStore = new InterpolateUpdateStore();\n\nexport function commonInterpolateUpdate(key: string, from: any, to: any, ratio: number, step: IStep, target: IGraphic) {\n  if (Number.isFinite(to) && Number.isFinite(from)) {\n    (target.attribute as any)[key] = from + (to - from) * ratio;\n    return true;\n  } else if (Array.isArray(to) && Array.isArray(from) && to.length === from.length) {\n    const nextList = [];\n    let valid = true;\n    for (let i = 0; i < to.length; i++) {\n      const v = from[i];\n      const val = v + (to[i] - v) * ratio;\n      if (!Number.isFinite(val)) {\n        valid = false;\n        break;\n      }\n      nextList.push(val);\n    }\n    if (valid) {\n      (target.attribute as any)[key] = nextList;\n    }\n    return true;\n  }\n  return false;\n}\n"]}

package/es/intreface/animate.d.ts

@@ -0,0 +1,91 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { EasingType, EasingTypeFunc } from './easing';
+import type { AnimateStatus, IAnimateStepType } from './type';
+import type { ITimeline } from './timeline';
+export interface ICustomAnimate extends IStep {
+    type: IAnimateStepType;
+}
+export interface IStep {
+    type: IAnimateStepType;
+    prev?: IStep;
+    duration: number;
+    next?: IStep;
+    props?: Record<string, any>;
+    fromParsedProps?: Record<string, any>;
+    toParsedProps?: Record<string, any>;
+    fromProps?: Record<string, any>;
+    propKeys?: string[];
+    easing?: EasingTypeFunc;
+    append: (step: IStep) => void;
+    getLastProps: () => any;
+    animate: IAnimate;
+    setDuration: (duration: number, updateDownstream?: boolean) => void;
+    getDuration: () => number;
+    determineInterpolateUpdateFunction: () => void;
+    setStartTime: (time: number, updateDownstream?: boolean) => void;
+    getStartTime: () => number;
+    bind: (target: IGraphic, animate: IAnimate) => void;
+    onBind: () => void;
+    onFirstRun: () => void;
+    onStart: () => void;
+    onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;
+    update: (end: boolean, ratio: number, out: Record<string, any>) => void;
+    onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;
+    getEndProps: () => Record<string, any> | void;
+    getFromProps: () => Record<string, any> | void;
+    getMergedEndProps: () => Record<string, any> | void;
+    deleteSelfAttr: (key: string) => void;
+}
+export interface IAnimate {
+    readonly id: string | number;
+    status: AnimateStatus;
+    target: IGraphic;
+    priority: number;
+    interpolateUpdateFunction: ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void) | null;
+    _onStart?: (() => void)[];
+    _onFrame?: ((step: IStep, ratio: number) => void)[];
+    _onEnd?: (() => void)[];
+    _onRemove?: (() => void)[];
+    getStartProps: () => Record<string, any>;
+    getEndProps: () => Record<string, any>;
+    setTimeline: (timeline: ITimeline) => void;
+    getTimeline: () => ITimeline;
+    readonly timeline: ITimeline;
+    bind: (target: IGraphic) => this;
+    to: (props: Record<string, any>, duration: number, easing: EasingType) => this;
+    from: (props: Record<string, any>, duration: number, easing: EasingType) => this;
+    pause: () => void;
+    resume: () => void;
+    onStart: (cb?: () => void) => void;
+    onEnd: (cb?: () => void) => void;
+    onFrame: (cb: (step: IStep, ratio: number) => void) => void;
+    onRemove: (cb?: () => void) => void;
+    preventAttr: (key: string) => void;
+    preventAttrs: (key: string[]) => void;
+    validAttr: (key: string) => boolean;
+    runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;
+    customInterpolate: (key: string, ratio: number, from: any, to: any, target: IGraphic, ret: Record<string, any>) => boolean;
+    play: (customAnimate: ICustomAnimate) => this;
+    getFromValue: () => Record<string, any>;
+    getToValue: () => Record<string, any>;
+    stop: (type?: 'start' | 'end' | Record<string, any>) => void;
+    release: () => void;
+    getDuration: () => number;
+    getTotalDuration: () => number;
+    getStartTime: () => number;
+    wait: (delay: number) => this;
+    afterAll: (list: IAnimate[]) => this;
+    after: (animate: IAnimate) => this;
+    parallel: (animate: IAnimate) => this;
+    getLoop: () => number;
+    loop: (n: number | boolean) => IAnimate;
+    bounce: (b: boolean) => IAnimate;
+    advance: (delta: number) => void;
+    startAt: (t: number) => IAnimate;
+    reSyncProps: () => void;
+    updateDuration: () => void;
+}
+export declare enum AnimateMode {
+    NORMAL = 0,
+    SET_ATTR_IMMEDIATELY = 1
+}

package/es/intreface/animate.js

@@ -0,0 +1,6 @@
+export var AnimateMode;
+
+!function(AnimateMode) {
+    AnimateMode[AnimateMode.NORMAL = 0] = "NORMAL", AnimateMode[AnimateMode.SET_ATTR_IMMEDIATELY = 1] = "SET_ATTR_IMMEDIATELY";
+}(AnimateMode || (AnimateMode = {}));
+//# sourceMappingURL=animate.js.map

package/es/intreface/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/animate.ts"],"names":[],"mappings":"AAmKA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,iDAAe,CAAA;IACf,6EAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB","file":"animate.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType, EasingTypeFunc } from './easing';\nimport type { AnimateStatus, IAnimateStepType } from './type';\nimport type { ITimeline } from './timeline';\n\nexport interface ICustomAnimate extends IStep {\n  type: IAnimateStepType;\n}\n\nexport interface IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  // 持续时间\n  duration: number;\n  // 链表，下一个\n  next?: IStep;\n  // 属性\n  props?: Record<string, any>;\n  // 解析后的属性（用于性能优化，避免每次tick都解析）\n  fromParsedProps?: Record<string, any>;\n  toParsedProps?: Record<string, any>;\n  fromProps?: Record<string, any>;\n  // 解析后的属性列表（用于性能优化，避免每次tick都解析）\n  propKeys?: string[];\n  // 缓动函数\n  easing?: EasingTypeFunc;\n\n  // 添加一个\n  append: (step: IStep) => void;\n  // 获取上一个props，用于完成这次的fromValue 和 toValue的插值\n  getLastProps: () => any;\n\n  animate: IAnimate;\n\n  // 设置持续时间\n  setDuration: (duration: number, updateDownstream?: boolean) => void;\n  // 获取持续时间\n  getDuration: () => number;\n  // 确定插值更新函数（在开始的时候就确定，避免每次tick都解析）\n  determineInterpolateUpdateFunction: () => void;\n\n  // 设置开始时间\n  setStartTime: (time: number, updateDownstream?: boolean) => void;\n  // 获取开始时间\n  getStartTime: () => number;\n\n  bind: (target: IGraphic, animate: IAnimate) => void;\n  // 在第一次绑定到Animate的时候触发\n  onBind: () => void;\n  // 第一次执行的时候调用\n  onFirstRun: () => void;\n  // 开始执行的时候调用（如果有循环，那每个周期都会调用）\n  onStart: () => void;\n  // 结束执行的时候调用（如果有循环，那每个周期都会调用）\n  onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;\n  // 更新执行的时候调用（如果有循环，那每个周期都会调用）\n  update: (end: boolean, ratio: number, out: Record<string, any>) => void;\n  onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;\n\n  getEndProps: () => Record<string, any> | void;\n  getFromProps: () => Record<string, any> | void;\n  getMergedEndProps: () => Record<string, any> | void;\n\n  // 屏蔽自身属性，会直接从props等内容里删除掉\n  deleteSelfAttr: (key: string) => void;\n}\n\nexport interface IAnimate {\n  readonly id: string | number;\n  status: AnimateStatus;\n  target: IGraphic;\n  priority: number;\n  interpolateUpdateFunction:\n    | ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void)\n    | null;\n\n  _onStart?: (() => void)[];\n  _onFrame?: ((step: IStep, ratio: number) => void)[];\n  _onEnd?: (() => void)[];\n  _onRemove?: (() => void)[];\n\n  getStartProps: () => Record<string, any>;\n  getEndProps: () => Record<string, any>;\n\n  // 设置timeline\n  setTimeline: (timeline: ITimeline) => void;\n  // 获取timeline\n  getTimeline: () => ITimeline;\n  readonly timeline: ITimeline;\n\n  bind: (target: IGraphic) => this;\n  to: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  from: (props: Record<string, any>, duration: number, easing: EasingType) => this;\n  pause: () => void;\n  resume: () => void;\n  onStart: (cb?: () => void) => void;\n  onEnd: (cb?: () => void) => void;\n  onFrame: (cb: (step: IStep, ratio: number) => void) => void;\n  onRemove: (cb?: () => void) => void;\n  // 屏蔽属性\n  preventAttr: (key: string) => void;\n  // 屏蔽属性\n  preventAttrs: (key: string[]) => void;\n  // 属性是否合法\n  validAttr: (key: string) => boolean;\n\n  runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;\n\n  // 自定义插值，返回false表示没有匹配上\n  customInterpolate: (\n    key: string,\n    ratio: number,\n    from: any,\n    to: any,\n    target: IGraphic,\n    ret: Record<string, any>\n  ) => boolean;\n  play: (customAnimate: ICustomAnimate) => this;\n\n  getFromValue: () => Record<string, any>;\n  getToValue: () => Record<string, any>;\n  // 停止，可以设置停止后设置target的属性为开始的值（fromValue），还是结束的值（toValue）\n  stop: (type?: 'start' | 'end' | Record<string, any>) => void;\n  /** 打上END标志，下一帧被删除 */\n  release: () => void;\n  // 获取持续的时长\n  getDuration: () => number;\n  getTotalDuration: () => number;\n  // 获取动画开始时间（注意并不是子动画的startAt）\n  getStartTime: () => number;\n  // 等待delay\n  wait: (delay: number) => this;\n\n  /* 动画编排 */\n  // 所有动画结束后执行\n  afterAll: (list: IAnimate[]) => this;\n  // 在某个动画结束后执行\n  after: (animate: IAnimate) => this;\n  // 并行执行\n  parallel: (animate: IAnimate) => this;\n\n  getLoop: () => number;\n\n  // 反转动画\n  // reversed: (r: boolean) => IAnimate;\n  // 循环动画\n  loop: (n: number | boolean) => IAnimate;\n  // 反弹动画\n  bounce: (b: boolean) => IAnimate;\n\n  advance: (delta: number) => void;\n\n  // 设置开始时间（startAt之前是完全不会进入动画生命周期的）\n  // 它和wait不一样，如果调用的是wait，wait过程中还算是一个动画阶段，只是空的阶段，而startAt之前是完全不会进入动画生命周期的\n  startAt: (t: number) => IAnimate;\n\n  // 重新同步和计算props，用于内部某些step发生了变更后，重新计算自身\n  reSyncProps: () => void;\n\n  // 更新duration\n  updateDuration: () => void;\n}\n\nexport enum AnimateMode {\n  NORMAL = 0b0000,\n  SET_ATTR_IMMEDIATELY = 0b0001\n}\n"]}

package/es/intreface/easing.d.ts

@@ -0,0 +1,3 @@
+export type EasingTypeStr = 'linear' | 'quadIn' | 'quadOut' | 'quadInOut' | 'quadInOut' | 'cubicIn' | 'cubicOut' | 'cubicInOut' | 'quartIn' | 'quartOut' | 'quartInOut' | 'quintIn' | 'quintOut' | 'quintInOut' | 'backIn' | 'backOut' | 'backInOut' | 'circIn' | 'circOut' | 'circInOut' | 'bounceOut' | 'bounceIn' | 'bounceInOut' | 'elasticIn' | 'elasticOut' | 'elasticInOut' | 'sineIn' | 'sineOut' | 'sineInOut' | 'expoIn' | 'expoOut' | 'expoInOut' | 'easeInOutQuad' | 'easeOutElastic' | 'easeInOutElastic' | '';
+export type EasingTypeFunc = (t: number) => number;
+export type EasingType = EasingTypeStr | EasingTypeFunc;

package/es/intreface/easing.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=easing.js.map

package/es/intreface/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/easing.ts"],"names":[],"mappings":"","file":"easing.js","sourcesContent":["export type EasingTypeStr =\n  | 'linear'\n  | 'quadIn'\n  | 'quadOut'\n  | 'quadInOut'\n  | 'quadInOut'\n  | 'cubicIn'\n  | 'cubicOut'\n  | 'cubicInOut'\n  | 'quartIn'\n  | 'quartOut'\n  | 'quartInOut'\n  | 'quintIn'\n  | 'quintOut'\n  | 'quintInOut'\n  | 'backIn'\n  | 'backOut'\n  | 'backInOut'\n  | 'circIn'\n  | 'circOut'\n  | 'circInOut'\n  | 'bounceOut'\n  | 'bounceIn'\n  | 'bounceInOut'\n  | 'elasticIn'\n  | 'elasticOut'\n  | 'elasticInOut'\n  | 'sineIn'\n  | 'sineOut'\n  | 'sineInOut'\n  | 'expoIn'\n  | 'expoOut'\n  | 'expoInOut'\n  // @since 0.21.0\n  | 'easeInOutQuad'\n  | 'easeOutElastic'\n  | 'easeInOutElastic'\n  | '';\nexport type EasingTypeFunc = (t: number) => number;\n\nexport type EasingType = EasingTypeStr | EasingTypeFunc;\n"]}

package/es/intreface/state.d.ts

@@ -0,0 +1,35 @@
+import type { IAnimationTypeConfig } from '../executor/executor';
+import type { IGraphic, IGroup } from '@visactor/vrender-core';
+export interface IAnimationStateConfig {
+    name: string;
+    animation: IAnimationTypeConfig;
+    priority?: number;
+}
+export interface IAnimationStateRule {
+    conflicts?: string[];
+    interruptibleBy?: string[];
+    queueable?: boolean;
+    transitionDelay?: number;
+}
+export interface IAnimationStateMachine {
+    applyState: (state: string | string[]) => void;
+    registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
+    getActiveState: () => string | null;
+    reset: () => void;
+    on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
+    off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;
+}
+export type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';
+export interface IAnimationStateRegistry {
+    register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;
+    getState: (name: string) => IAnimationStateConfig | undefined;
+    getRule: (name: string) => IAnimationStateRule | undefined;
+    hasConflict: (stateA: string, stateB: string) => boolean;
+}
+export interface IAnimationStateQueue {
+    enqueue: (states: string | string[]) => void;
+    processNextState: () => void;
+    onAnimationComplete: () => void;
+    cancel: () => void;
+    canApplyState: (state: string) => boolean;
+}

package/es/intreface/state.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=state.js.map

package/es/intreface/state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/state.ts"],"names":[],"mappings":"","file":"state.js","sourcesContent":["import type { IAnimationTypeConfig } from '../executor/executor';\nimport type { IAnimate } from './animate';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\n\n/**\n * Animation state configuration\n */\nexport interface IAnimationStateConfig {\n  /** State name */\n  name: string;\n  /** Animation configuration for this state */\n  animation: IAnimationTypeConfig;\n  /** Priority of this state (higher overrides lower when there's a conflict) */\n  priority?: number;\n}\n\n/**\n * Rules for animation state behaviors\n */\nexport interface IAnimationStateRule {\n  /** States that cannot run simultaneously with this state */\n  conflicts?: string[];\n  /** States that can interrupt this state */\n  interruptibleBy?: string[];\n  /** Whether this state can be queued */\n  queueable?: boolean;\n  /** Duration to wait before executing next state (if queueable) */\n  transitionDelay?: number;\n}\n\n/**\n * Animation state machine interface\n */\nexport interface IAnimationStateMachine {\n  /** Apply a state or sequence of states */\n  applyState: (state: string | string[]) => void;\n\n  /** Register new state animations and rules */\n  registerState: (config: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get current active state */\n  getActiveState: () => string | null;\n\n  /** Cancel all animations and clear queue */\n  reset: () => void;\n\n  /** Add event listener for state events */\n  on: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n\n  /** Remove event listener */\n  off: (event: AnimationStateEventType, callback: (state: string, target: IGraphic | IGroup) => void) => void;\n}\n\n/**\n * Animation state event types\n */\nexport type AnimationStateEventType = 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject';\n\n/**\n * Animation state registry interface\n */\nexport interface IAnimationStateRegistry {\n  /** Register a state with its animation config and rules */\n  register: (state: IAnimationStateConfig, rule?: IAnimationStateRule) => void;\n\n  /** Get state configuration by name */\n  getState: (name: string) => IAnimationStateConfig | undefined;\n\n  /** Get state rule by name */\n  getRule: (name: string) => IAnimationStateRule | undefined;\n\n  /** Check if two states conflict with each other */\n  hasConflict: (stateA: string, stateB: string) => boolean;\n}\n\n/**\n * Animation state queue interface\n */\nexport interface IAnimationStateQueue {\n  /** Add state(s) to queue */\n  enqueue: (states: string | string[]) => void;\n\n  /** Process the next state in queue */\n  processNextState: () => void;\n\n  /** Called when current animation completes */\n  onAnimationComplete: () => void;\n\n  /** Cancel current state and clear queue */\n  cancel: () => void;\n\n  /** Check if we can apply a specific state now */\n  canApplyState: (state: string) => boolean;\n}\n"]}

package/es/intreface/ticker.d.ts

@@ -0,0 +1,37 @@
+import type { EventEmitter } from '@visactor/vutils';
+import type { ITimeline } from './timeline';
+export type TickerMode = 'raf' | 'timeout' | 'manual';
+export declare enum STATUS {
+    INITIAL = 0,
+    RUNNING = 1,
+    PAUSE = 2
+}
+export interface ITickHandler {
+    tick: (interval: number, cb: (handler: ITickHandler) => void) => void;
+    tickTo?: (t: number, cb: (handler: ITickHandler, params?: {
+        once: boolean;
+    }) => void) => void;
+    getTime: () => number;
+    release: () => void;
+}
+export interface ITickerHandlerStatic {
+    new (): ITickHandler;
+}
+export interface ITicker extends EventEmitter {
+    setFPS?: (fps: number) => void;
+    setInterval?: (interval: number) => void;
+    getFPS?: () => number;
+    getInterval?: () => number;
+    tick: (interval: number) => void;
+    tickAt?: (time: number) => void;
+    pause: () => boolean;
+    resume: () => boolean;
+    start: (force?: boolean) => boolean;
+    stop: () => void;
+    addTimeline: (timeline: ITimeline) => void;
+    remTimeline: (timeline: ITimeline) => void;
+    trySyncTickStatus: () => void;
+    getTimelines: () => ITimeline[];
+    release: () => void;
+    autoStop: boolean;
+}

package/es/intreface/ticker.js

@@ -0,0 +1,6 @@
+export var STATUS;
+
+!function(STATUS) {
+    STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", 
+    STATUS[STATUS.PAUSE = 2] = "PAUSE";
+}(STATUS || (STATUS = {}));

package/es/intreface/ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/ticker.ts"],"names":[],"mappings":"AASA,MAAM,CAAN,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,yCAAW,CAAA;IACX,yCAAW,CAAA;IACX,qCAAS,CAAA;AACX,CAAC,EAJW,MAAM,KAAN,MAAM,QAIjB","file":"ticker.js","sourcesContent":["/**\n * Ticker Types for Animation Graph\n */\n\nimport type { EventEmitter } from '@visactor/vutils';\nimport type { ITimeline } from './timeline';\n\nexport type TickerMode = 'raf' | 'timeout' | 'manual';\n\nexport enum STATUS {\n  INITIAL = 0, // initial represents initial state\n  RUNNING = 1, // running represents executing\n  PAUSE = 2 // PAUSE represents tick continues but functions are not executed\n}\n\nexport interface ITickHandler {\n  /**\n   * Start executing tick\n   * @param interval Delay in ms\n   * @param cb Callback to execute\n   */\n  tick: (interval: number, cb: (handler: ITickHandler) => void) => void;\n  tickTo?: (t: number, cb: (handler: ITickHandler, params?: { once: boolean }) => void) => void;\n  getTime: () => number; // Get current time\n  release: () => void;\n}\n\nexport interface ITickerHandlerStatic {\n  new (): ITickHandler;\n}\n\nexport interface ITicker extends EventEmitter {\n  setFPS?: (fps: number) => void;\n  setInterval?: (interval: number) => void;\n  getFPS?: () => number;\n  getInterval?: () => number;\n  tick: (interval: number) => void;\n  tickAt?: (time: number) => void;\n  pause: () => boolean;\n  resume: () => boolean;\n  /**\n   * Start ticking, if force is true, start regardless;\n   * otherwise, don't start if timeline is empty\n   */\n  start: (force?: boolean) => boolean;\n  stop: () => void;\n  addTimeline: (timeline: ITimeline) => void;\n  remTimeline: (timeline: ITimeline) => void;\n  trySyncTickStatus: () => void;\n  getTimelines: () => ITimeline[];\n  release: () => void;\n\n  // Whether to automatically stop, default is true\n  autoStop: boolean;\n}\n"]}

package/es/intreface/timeline.d.ts

@@ -0,0 +1,17 @@
+import type { IAnimate } from './animate';
+export interface ITimeline {
+    id: number;
+    isGlobal?: boolean;
+    animateCount: number;
+    addAnimate: (animate: IAnimate) => void;
+    removeAnimate: (animate: IAnimate, release?: boolean) => void;
+    tick: (delta: number) => void;
+    clear: () => void;
+    pause: () => void;
+    resume: () => void;
+    getTotalDuration: () => number;
+    getPlaySpeed: () => number;
+    setPlaySpeed: (speed: number) => void;
+    getPlayState: () => 'playing' | 'paused' | 'stopped';
+    isRunning: () => boolean;
+}

package/es/intreface/timeline.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=timeline.js.map

package/es/intreface/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/timeline.ts"],"names":[],"mappings":"","file":"timeline.js","sourcesContent":["import type { IAnimate } from './animate';\n\nexport interface ITimeline {\n  id: number;\n  isGlobal?: boolean;\n  // 包含的动画数量（animate数组的数量），包含所有动画\n  animateCount: number;\n  // 添加动画\n  addAnimate: (animate: IAnimate) => void;\n  // 移除动画\n  removeAnimate: (animate: IAnimate, release?: boolean) => void;\n  // 更新动画\n  tick: (delta: number) => void;\n  // 清除动画\n  clear: () => void;\n  // 暂停动画\n  pause: () => void;\n  // 恢复动画\n  resume: () => void;\n  // 获取动画总时长\n  getTotalDuration: () => number;\n  // 获取动画的播放速度\n  getPlaySpeed: () => number;\n  // 设置动画的播放速度\n  setPlaySpeed: (speed: number) => void;\n  // 获取动画的播放状态\n  getPlayState: () => 'playing' | 'paused' | 'stopped';\n  // 获取动画是否正在运行\n  isRunning: () => boolean;\n}\n"]}

package/es/intreface/type.d.ts

@@ -0,0 +1,13 @@
+export declare enum AnimateStepType {
+    wait = "wait",
+    from = "from",
+    to = "to",
+    customAnimate = "customAnimate"
+}
+export declare enum AnimateStatus {
+    INITIAL = 0,
+    RUNNING = 1,
+    PAUSED = 2,
+    END = 3
+}
+export type IAnimateStepType = keyof typeof AnimateStepType;

package/es/intreface/type.js

@@ -0,0 +1,14 @@
+export var AnimateStepType;
+
+!function(AnimateStepType) {
+    AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", 
+    AnimateStepType.customAnimate = "customAnimate";
+}(AnimateStepType || (AnimateStepType = {}));
+
+export var AnimateStatus;
+
+!function(AnimateStatus) {
+    AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", 
+    AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
+}(AnimateStatus || (AnimateStatus = {}));
+//# sourceMappingURL=type.js.map

package/es/intreface/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/type.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,4BAAS,CAAA;IACT,kDAA+B,CAAA;AACjC,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,uDAAW,CAAA;IACX,uDAAW,CAAA;IACX,qDAAU,CAAA;IACV,+CAAO,CAAA;AACT,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB","file":"type.js","sourcesContent":["export enum AnimateStepType {\n  wait = 'wait',\n  from = 'from',\n  to = 'to',\n  customAnimate = 'customAnimate'\n}\n\nexport enum AnimateStatus {\n  INITIAL = 0,\n  RUNNING = 1,\n  PAUSED = 2,\n  END = 3\n}\n\nexport type IAnimateStepType = keyof typeof AnimateStepType;\n"]}

package/es/register.d.ts

@@ -0,0 +1 @@
+export declare function registerAnimate(): void;

package/es/register.js

@@ -0,0 +1,20 @@
+import { Graphic } from "@visactor/vrender-core";
+
+import { Animate } from "./animate";
+
+import { defaultTimeline, DefaultTimeline } from "./timeline";
+
+import { DefaultTicker } from "./ticker/default-ticker";
+
+import { mixin } from "@visactor/vutils";
+
+import { GraphicStateExtension } from "./state/graphic-extension";
+
+import { AnimateExtension } from "./animate-extension";
+
+export function registerAnimate() {
+    Graphic.Animate || (Graphic.Animate = Animate), Graphic.Timeline || (Graphic.Timeline = DefaultTimeline), 
+    Graphic.defaultTimeline || (Graphic.defaultTimeline = defaultTimeline), Graphic.Ticker || (Graphic.Ticker = DefaultTicker), 
+    mixin(Graphic, GraphicStateExtension), mixin(Graphic, AnimateExtension);
+}
+//# sourceMappingURL=register.js.map

package/es/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,UAAU,eAAe;IAC7B,IAAI,CAAE,OAAe,CAAC,OAAO,EAAE;QAC5B,OAAe,CAAC,OAAO,GAAG,OAAO,CAAC;KACpC;IACD,IAAI,CAAE,OAAe,CAAC,QAAQ,EAAE;QAC7B,OAAe,CAAC,QAAQ,GAAG,eAAe,CAAC;KAC7C;IACD,IAAI,CAAE,OAAe,CAAC,eAAe,EAAE;QACpC,OAAe,CAAC,eAAe,GAAG,eAAe,CAAC;KACpD;IACD,IAAI,CAAE,OAAe,CAAC,MAAM,EAAE;QAC3B,OAAe,CAAC,MAAM,GAAG,aAAa,CAAC;KACzC;IAGD,KAAK,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;IACtC,KAAK,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;AACnC,CAAC","file":"register.js","sourcesContent":["import { Graphic } from '@visactor/vrender-core';\nimport { Animate } from './animate';\nimport { defaultTimeline, DefaultTimeline } from './timeline';\nimport { DefaultTicker } from './ticker/default-ticker';\nimport { mixin } from '@visactor/vutils';\nimport { GraphicStateExtension } from './state/graphic-extension';\nimport { AnimateExtension } from './animate-extension';\n\nexport function registerAnimate() {\n  if (!(Graphic as any).Animate) {\n    (Graphic as any).Animate = Animate;\n  }\n  if (!(Graphic as any).Timeline) {\n    (Graphic as any).Timeline = DefaultTimeline;\n  }\n  if (!(Graphic as any).defaultTimeline) {\n    (Graphic as any).defaultTimeline = defaultTimeline;\n  }\n  if (!(Graphic as any).Ticker) {\n    (Graphic as any).Ticker = DefaultTicker;\n  }\n\n  // Mix in animation state methods to Graphic prototype\n  mixin(Graphic, GraphicStateExtension);\n  mixin(Graphic, AnimateExtension);\n}\n"]}

package/es/state/animation-state-machine.d.ts

@@ -0,0 +1,22 @@
+import type { IGraphic, IGroup } from '@visactor/vrender-core';
+import type { AnimationStateEventType, IAnimationStateConfig, IAnimationStateRule, IAnimationStateMachine } from '../intreface/state';
+import type { AnimateExecutor } from '../executor/animate-executor';
+type StateEventCallback = (state: string, target: IGraphic | IGroup) => void;
+export declare class AnimationStateMachine implements IAnimationStateMachine {
+    private target;
+    private executor;
+    private registry;
+    private stateQueue;
+    private eventListeners;
+    constructor(target: IGraphic | IGroup, executor: AnimateExecutor);
+    applyState(state: string | string[]): void;
+    registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void;
+    getActiveState(): string | null;
+    reset(): void;
+    on(event: AnimationStateEventType, callback: StateEventCallback): void;
+    off(event: AnimationStateEventType, callback: StateEventCallback): void;
+    private handleStateEvent;
+    hasState(state: string): boolean;
+    getRegisteredStates(): string[];
+}
+export {};

package/es/state/animation-state-machine.js

@@ -0,0 +1,47 @@
+import { AnimationStateRegistry } from "./animation-state-registry";
+
+import { AnimationStateQueue } from "./animation-state-queue";
+
+export class AnimationStateMachine {
+    constructor(target, executor) {
+        this.target = target, this.executor = executor, this.eventListeners = new Map, this.registry = new AnimationStateRegistry, 
+        this.stateQueue = new AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));
+    }
+    applyState(state) {
+        this.stateQueue.enqueue(state);
+    }
+    registerState(config, rule) {
+        this.registry.register(config, rule);
+    }
+    getActiveState() {
+        return this.stateQueue.getActiveState();
+    }
+    reset() {
+        this.stateQueue.cancel();
+    }
+    on(event, callback) {
+        var _a;
+        this.eventListeners.has(event) || this.eventListeners.set(event, new Set), null === (_a = this.eventListeners.get(event)) || void 0 === _a || _a.add(callback);
+    }
+    off(event, callback) {
+        const listeners = this.eventListeners.get(event);
+        listeners && listeners.delete(callback);
+    }
+    handleStateEvent(event, state) {
+        const listeners = this.eventListeners.get(event);
+        listeners && listeners.forEach((callback => {
+            try {
+                callback(state, this.target);
+            } catch (error) {
+                console.error(`Error in animation state event listener for ${event}:`, error);
+            }
+        }));
+    }
+    hasState(state) {
+        return !!this.registry.getState(state);
+    }
+    getRegisteredStates() {
+        return this.registry.getAllStateNames();
+    }
+}
+//# sourceMappingURL=animation-state-machine.js.map

package/es/state/animation-state-machine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state-machine.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAQ9D,MAAM,OAAO,qBAAqB;IAKhC,YAAoB,MAAyB,EAAU,QAAyB;QAA5D,WAAM,GAAN,MAAM,CAAmB;QAAU,aAAQ,GAAR,QAAQ,CAAiB;QAFxE,mBAAc,GAA0D,IAAI,GAAG,EAAE,CAAC;QAGxF,IAAI,CAAC,QAAQ,GAAG,IAAI,sBAAsB,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/G,CAAC;IAKD,UAAU,CAAC,KAAwB;QACjC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAKD,aAAa,CAAC,MAA6B,EAAE,IAA0B;QACrE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAKD,cAAc;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;IAC1C,CAAC;IAKD,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;IAC3B,CAAC;IAKD,EAAE,CAAC,KAA8B,EAAE,QAA4B;;QAC7D,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;SAC3C;QACD,MAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,0CAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IAChD,CAAC;IAKD,GAAG,CAAC,KAA8B,EAAE,QAA4B;QAC9D,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SAC5B;IACH,CAAC;IAKO,gBAAgB,CAAC,KAAmE,EAAE,KAAa;QACzG,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACjD,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAC3B,IAAI;oBACF,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;iBAC9B;gBAAC,OAAO,KAAK,EAAE;oBACd,OAAO,CAAC,KAAK,CAAC,+CAA+C,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC;iBAC/E;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAKD,QAAQ,CAAC,KAAa;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IAKD,mBAAmB;QACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC;CACF","file":"animation-state-machine.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type {\n  AnimationStateEventType,\n  IAnimationStateConfig,\n  IAnimationStateRule,\n  IAnimationStateMachine\n} from '../intreface/state';\nimport { AnimationStateRegistry } from './animation-state-registry';\nimport { AnimationStateQueue } from './animation-state-queue';\nimport type { AnimateExecutor } from '../executor/animate-executor';\n\ntype StateEventCallback = (state: string, target: IGraphic | IGroup) => void;\n\n/**\n * State machine for managing animation states and transitions\n */\nexport class AnimationStateMachine implements IAnimationStateMachine {\n  private registry: AnimationStateRegistry;\n  private stateQueue: AnimationStateQueue;\n  private eventListeners: Map<AnimationStateEventType, Set<StateEventCallback>> = new Map();\n\n  constructor(private target: IGraphic | IGroup, private executor: AnimateExecutor) {\n    this.registry = new AnimationStateRegistry();\n    this.stateQueue = new AnimationStateQueue(target, this.registry, executor, this.handleStateEvent.bind(this));\n  }\n\n  /**\n   * Apply a state or sequence of states\n   */\n  applyState(state: string | string[]): void {\n    this.stateQueue.enqueue(state);\n  }\n\n  /**\n   * Register new state animations and rules\n   */\n  registerState(config: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    this.registry.register(config, rule);\n  }\n\n  /**\n   * Get current active state\n   */\n  getActiveState(): string | null {\n    return this.stateQueue.getActiveState();\n  }\n\n  /**\n   * Cancel all animations and clear queue\n   */\n  reset(): void {\n    this.stateQueue.cancel();\n  }\n\n  /**\n   * Add event listener for state events\n   */\n  on(event: AnimationStateEventType, callback: StateEventCallback): void {\n    if (!this.eventListeners.has(event)) {\n      this.eventListeners.set(event, new Set());\n    }\n    this.eventListeners.get(event)?.add(callback);\n  }\n\n  /**\n   * Remove event listener\n   */\n  off(event: AnimationStateEventType, callback: StateEventCallback): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.delete(callback);\n    }\n  }\n\n  /**\n   * Handle state change events from the queue\n   */\n  private handleStateEvent(event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string): void {\n    const listeners = this.eventListeners.get(event);\n    if (listeners) {\n      listeners.forEach(callback => {\n        try {\n          callback(state, this.target);\n        } catch (error) {\n          console.error(`Error in animation state event listener for ${event}:`, error);\n        }\n      });\n    }\n  }\n\n  /**\n   * Check if a specific state is registered\n   */\n  hasState(state: string): boolean {\n    return !!this.registry.getState(state);\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getRegisteredStates(): string[] {\n    return this.registry.getAllStateNames();\n  }\n}\n"]}

package/es/state/animation-state-queue.d.ts

@@ -0,0 +1,24 @@
+import type { IGraphic, IGroup } from '@visactor/vrender-core';
+import type { IAnimationStateQueue } from '../intreface/state';
+import type { AnimationStateRegistry } from './animation-state-registry';
+import type { AnimateExecutor } from '../executor/animate-executor';
+export declare class AnimationStateQueue implements IAnimationStateQueue {
+    private target;
+    private registry;
+    private executor;
+    private onStateChange;
+    private queue;
+    private activeState;
+    private activeAnimation;
+    private processingQueue;
+    constructor(target: IGraphic | IGroup, registry: AnimationStateRegistry, executor: AnimateExecutor, onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void);
+    enqueue(states: string | string[]): void;
+    processNextState(): void;
+    private applyState;
+    onAnimationComplete(): void;
+    private interruptCurrentState;
+    cancel(): void;
+    canApplyState(state: string): boolean;
+    getActiveState(): string | null;
+    getPendingStates(): string[];
+}

package/es/state/animation-state-queue.js

@@ -0,0 +1,58 @@
+import { isArray } from "@visactor/vutils";
+
+export class AnimationStateQueue {
+    constructor(target, registry, executor, onStateChange) {
+        this.target = target, this.registry = registry, this.executor = executor, this.onStateChange = onStateChange, 
+        this.queue = [], this.activeState = null, this.activeAnimation = null, this.processingQueue = !1;
+    }
+    enqueue(states) {
+        if (isArray(states)) for (const state of states) this.queue.push(state); else this.queue.push(states);
+        this.processingQueue || this.processNextState();
+    }
+    processNextState() {
+        if (0 === this.queue.length || this.processingQueue) return;
+        this.processingQueue = !0;
+        const nextState = this.queue[0];
+        this.canApplyState(nextState) ? (this.queue.shift(), this.activeState && this.registry.hasConflict(this.activeState, nextState) ? this.registry.canInterrupt(this.activeState, nextState) ? (this.interruptCurrentState(), 
+        this.applyState(nextState)) : (this.onStateChange("stateReject", nextState), this.processingQueue = !1, 
+        this.processNextState()) : this.applyState(nextState)) : (this.queue.shift(), this.onStateChange("stateReject", nextState), 
+        this.processingQueue = !1, this.processNextState());
+    }
+    applyState(state) {
+        const stateConfig = this.registry.getState(state);
+        if (!stateConfig) return console.warn(`Animation state "${state}" not found`), this.processingQueue = !1, 
+        void this.processNextState();
+        this.activeState = state, this.onStateChange("stateStart", state), this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target), 
+        this.activeAnimation ? this.activeAnimation.onEnd((() => {
+            this.onAnimationComplete();
+        })) : this.onAnimationComplete();
+    }
+    onAnimationComplete() {
+        if (this.activeState) {
+            const completedState = this.activeState;
+            this.onStateChange("stateEnd", completedState);
+            const transitionDelay = this.registry.getTransitionDelay(completedState);
+            this.activeState = null, this.activeAnimation = null, this.processingQueue = !1, 
+            transitionDelay > 0 ? setTimeout((() => {
+                this.processNextState();
+            }), transitionDelay) : this.processNextState();
+        }
+    }
+    interruptCurrentState() {
+        this.activeState && this.activeAnimation && (this.onStateChange("stateInterrupt", this.activeState), 
+        this.activeAnimation.stop("end"), this.activeAnimation = null, this.activeState = null);
+    }
+    cancel() {
+        this.interruptCurrentState(), this.queue = [], this.processingQueue = !1;
+    }
+    canApplyState(state) {
+        return !!this.registry.getState(state) && (!this.activeState || (!this.registry.hasConflict(this.activeState, state) || this.registry.canInterrupt(this.activeState, state)));
+    }
+    getActiveState() {
+        return this.activeState;
+    }
+    getPendingStates() {
+        return [ ...this.queue ];
+    }
+}
+//# sourceMappingURL=animation-state-queue.js.map