@visactor/vrender-animate 0.22.4

package/cjs/intreface/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/animate.ts"],"names":[],"mappings":";;;AAmKA,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,iDAAe,CAAA;IACf,6EAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,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/cjs/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/cjs/intreface/easing.js

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

package/cjs/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/cjs/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/cjs/intreface/state.js

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

package/cjs/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/cjs/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/cjs/intreface/ticker.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var STATUS;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.STATUS = void 0, function(STATUS) {
+    STATUS[STATUS.INITIAL = 0] = "INITIAL", STATUS[STATUS.RUNNING = 1] = "RUNNING", 
+    STATUS[STATUS.PAUSE = 2] = "PAUSE";
+}(STATUS = exports.STATUS || (exports.STATUS = {}));

package/cjs/intreface/ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/ticker.ts"],"names":[],"mappings":";;;AASA,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,yCAAW,CAAA;IACX,yCAAW,CAAA;IACX,qCAAS,CAAA;AACX,CAAC,EAJW,MAAM,GAAN,cAAM,KAAN,cAAM,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/cjs/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/cjs/intreface/timeline.js

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

package/cjs/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/cjs/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/cjs/intreface/type.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var AnimateStepType, AnimateStatus;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimateStatus = exports.AnimateStepType = void 0, function(AnimateStepType) {
+    AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", 
+    AnimateStepType.customAnimate = "customAnimate";
+}(AnimateStepType = exports.AnimateStepType || (exports.AnimateStepType = {})), 
+function(AnimateStatus) {
+    AnimateStatus[AnimateStatus.INITIAL = 0] = "INITIAL", AnimateStatus[AnimateStatus.RUNNING = 1] = "RUNNING", 
+    AnimateStatus[AnimateStatus.PAUSED = 2] = "PAUSED", AnimateStatus[AnimateStatus.END = 3] = "END";
+}(AnimateStatus = exports.AnimateStatus || (exports.AnimateStatus = {}));
+//# sourceMappingURL=type.js.map

package/cjs/intreface/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/intreface/type.ts"],"names":[],"mappings":";;;AAAA,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,gCAAa,CAAA;IACb,4BAAS,CAAA;IACT,kDAA+B,CAAA;AACjC,CAAC,EALW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAK1B;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,uDAAW,CAAA;IACX,uDAAW,CAAA;IACX,qDAAU,CAAA;IACV,+CAAO,CAAA;AACT,CAAC,EALW,aAAa,GAAb,qBAAa,KAAb,qBAAa,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/cjs/register.d.ts

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

package/cjs/register.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerAnimate = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), animate_1 = require("./animate"), timeline_1 = require("./timeline"), default_ticker_1 = require("./ticker/default-ticker"), vutils_1 = require("@visactor/vutils"), graphic_extension_1 = require("./state/graphic-extension"), animate_extension_1 = require("./animate-extension");
+
+function registerAnimate() {
+    vrender_core_1.Graphic.Animate || (vrender_core_1.Graphic.Animate = animate_1.Animate), 
+    vrender_core_1.Graphic.Timeline || (vrender_core_1.Graphic.Timeline = timeline_1.DefaultTimeline), 
+    vrender_core_1.Graphic.defaultTimeline || (vrender_core_1.Graphic.defaultTimeline = timeline_1.defaultTimeline), 
+    vrender_core_1.Graphic.Ticker || (vrender_core_1.Graphic.Ticker = default_ticker_1.DefaultTicker), 
+    (0, vutils_1.mixin)(vrender_core_1.Graphic, graphic_extension_1.GraphicStateExtension), 
+    (0, vutils_1.mixin)(vrender_core_1.Graphic, animate_extension_1.AnimateExtension);
+}
+
+exports.registerAnimate = registerAnimate;
+//# sourceMappingURL=register.js.map

package/cjs/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/register.ts"],"names":[],"mappings":";;;AAAA,yDAAiD;AACjD,uCAAoC;AACpC,yCAA8D;AAC9D,4DAAwD;AACxD,6CAAyC;AACzC,iEAAkE;AAClE,2DAAuD;AAEvD,SAAgB,eAAe;IAC7B,IAAI,CAAE,sBAAe,CAAC,OAAO,EAAE;QAC5B,sBAAe,CAAC,OAAO,GAAG,iBAAO,CAAC;KACpC;IACD,IAAI,CAAE,sBAAe,CAAC,QAAQ,EAAE;QAC7B,sBAAe,CAAC,QAAQ,GAAG,0BAAe,CAAC;KAC7C;IACD,IAAI,CAAE,sBAAe,CAAC,eAAe,EAAE;QACpC,sBAAe,CAAC,eAAe,GAAG,0BAAe,CAAC;KACpD;IACD,IAAI,CAAE,sBAAe,CAAC,MAAM,EAAE;QAC3B,sBAAe,CAAC,MAAM,GAAG,8BAAa,CAAC;KACzC;IAGD,IAAA,cAAK,EAAC,sBAAO,EAAE,yCAAqB,CAAC,CAAC;IACtC,IAAA,cAAK,EAAC,sBAAO,EAAE,oCAAgB,CAAC,CAAC;AACnC,CAAC;AAjBD,0CAiBC","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/cjs/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/cjs/state/animation-state-machine.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimationStateMachine = void 0;
+
+const animation_state_registry_1 = require("./animation-state-registry"), animation_state_queue_1 = require("./animation-state-queue");
+
+class AnimationStateMachine {
+    constructor(target, executor) {
+        this.target = target, this.executor = executor, this.eventListeners = new Map, this.registry = new animation_state_registry_1.AnimationStateRegistry, 
+        this.stateQueue = new animation_state_queue_1.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();
+    }
+}
+
+exports.AnimationStateMachine = AnimationStateMachine;
+//# sourceMappingURL=animation-state-machine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state-machine.ts"],"names":[],"mappings":";;;AAOA,yEAAoE;AACpE,mEAA8D;AAQ9D,MAAa,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,iDAAsB,EAAE,CAAC;QAC7C,IAAI,CAAC,UAAU,GAAG,IAAI,2CAAmB,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;AAvFD,sDAuFC","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/cjs/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/cjs/state/animation-state-queue.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimationStateQueue = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+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 ((0, vutils_1.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 ];
+    }
+}
+
+exports.AnimationStateQueue = AnimationStateQueue;
+//# sourceMappingURL=animation-state-queue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state-queue.ts"],"names":[],"mappings":"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","file":"animation-state-queue.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { IAnimate } from '../intreface/animate';\nimport type { IAnimationStateQueue } from '../intreface/state';\nimport type { AnimationStateRegistry } from './animation-state-registry';\nimport type { AnimateExecutor } from '../executor/animate-executor';\nimport { isArray } from '@visactor/vutils';\n\n/**\n * Queue for managing sequential animation states\n */\nexport class AnimationStateQueue implements IAnimationStateQueue {\n  private queue: string[] = [];\n  private activeState: string | null = null;\n  private activeAnimation: IAnimate | null = null;\n  private processingQueue: boolean = false;\n\n  constructor(\n    private target: IGraphic | IGroup,\n    private registry: AnimationStateRegistry,\n    private executor: AnimateExecutor,\n    private onStateChange: (event: 'stateStart' | 'stateEnd' | 'stateInterrupt' | 'stateReject', state: string) => void\n  ) {}\n\n  /**\n   * Add state(s) to queue\n   */\n  enqueue(states: string | string[]): void {\n    if (isArray(states)) {\n      // For array of states, add them to the queue in sequence\n      for (const state of states) {\n        this.queue.push(state);\n      }\n    } else {\n      this.queue.push(states);\n    }\n\n    // If not already processing, start processing the queue\n    if (!this.processingQueue) {\n      this.processNextState();\n    }\n  }\n\n  /**\n   * Process the next state in queue\n   */\n  processNextState(): void {\n    if (this.queue.length === 0 || this.processingQueue) {\n      return;\n    }\n\n    this.processingQueue = true;\n    const nextState = this.queue[0];\n\n    // Check if we can apply this state now\n    if (this.canApplyState(nextState)) {\n      // Remove the state from the queue\n      this.queue.shift();\n\n      // If there's an active state that conflicts, we need to handle it\n      if (this.activeState && this.registry.hasConflict(this.activeState, nextState)) {\n        // Check if new state can interrupt current state\n        if (this.registry.canInterrupt(this.activeState, nextState)) {\n          // Interrupt current animation\n          this.interruptCurrentState();\n          this.applyState(nextState);\n        } else {\n          // Cannot interrupt, reject the state\n          this.onStateChange('stateReject', nextState);\n          this.processingQueue = false;\n          this.processNextState(); // Continue with the next state\n        }\n      } else {\n        // No conflict, apply the state\n        this.applyState(nextState);\n      }\n    } else {\n      // Cannot apply this state right now, reject it\n      this.queue.shift();\n      this.onStateChange('stateReject', nextState);\n      this.processingQueue = false;\n      this.processNextState(); // Continue with the next state\n    }\n  }\n\n  /**\n   * Apply a state animation\n   */\n  private applyState(state: string): void {\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      console.warn(`Animation state \"${state}\" not found`);\n      this.processingQueue = false;\n      this.processNextState();\n      return;\n    }\n\n    this.activeState = state;\n    this.onStateChange('stateStart', state);\n\n    // Create and execute the animation\n    this.activeAnimation = this.executor.executeItem(stateConfig.animation, this.target);\n\n    // Register completion callback\n    if (this.activeAnimation) {\n      this.activeAnimation.onEnd(() => {\n        this.onAnimationComplete();\n      });\n    } else {\n      // If no animation was created, consider it completed immediately\n      this.onAnimationComplete();\n    }\n  }\n\n  /**\n   * Called when current animation completes\n   */\n  onAnimationComplete(): void {\n    if (this.activeState) {\n      const completedState = this.activeState;\n      this.onStateChange('stateEnd', completedState);\n\n      // Apply transition delay if configured\n      const transitionDelay = this.registry.getTransitionDelay(completedState);\n\n      this.activeState = null;\n      this.activeAnimation = null;\n      this.processingQueue = false;\n\n      if (transitionDelay > 0) {\n        // Wait before processing next state\n        setTimeout(() => {\n          this.processNextState();\n        }, transitionDelay);\n      } else {\n        // Process next state immediately\n        this.processNextState();\n      }\n    }\n  }\n\n  /**\n   * Interrupt the current state animation\n   */\n  private interruptCurrentState(): void {\n    if (this.activeState && this.activeAnimation) {\n      this.onStateChange('stateInterrupt', this.activeState);\n      this.activeAnimation.stop('end'); // Stop at end state to avoid visual jumps\n      this.activeAnimation = null;\n      this.activeState = null;\n    }\n  }\n\n  /**\n   * Cancel current state and clear queue\n   */\n  cancel(): void {\n    // Interrupt current animation if any\n    this.interruptCurrentState();\n\n    // Clear the queue\n    this.queue = [];\n    this.processingQueue = false;\n  }\n\n  /**\n   * Check if we can apply a specific state now\n   */\n  canApplyState(state: string): boolean {\n    // Check if the state is registered\n    const stateConfig = this.registry.getState(state);\n    if (!stateConfig) {\n      return false;\n    }\n\n    // If there's no active state, we can apply\n    if (!this.activeState) {\n      return true;\n    }\n\n    // Check if there's a conflict and if we can resolve it\n    if (this.registry.hasConflict(this.activeState, state)) {\n      return this.registry.canInterrupt(this.activeState, state);\n    }\n\n    // No conflict, we can apply\n    return true;\n  }\n\n  /**\n   * Get the currently active state\n   */\n  getActiveState(): string | null {\n    return this.activeState;\n  }\n\n  /**\n   * Get the pending states in the queue\n   */\n  getPendingStates(): string[] {\n    return [...this.queue];\n  }\n}\n"]}

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

@@ -0,0 +1,14 @@
+import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';
+export declare class AnimationStateRegistry implements IAnimationStateRegistry {
+    private states;
+    private rules;
+    register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void;
+    getState(name: string): IAnimationStateConfig | undefined;
+    getRule(name: string): IAnimationStateRule | undefined;
+    hasConflict(stateA: string, stateB: string): boolean;
+    canInterrupt(stateA: string, stateB: string): boolean;
+    isQueueable(state: string): boolean;
+    getTransitionDelay(state: string): number;
+    getAllStateNames(): string[];
+    clear(): void;
+}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimationStateRegistry = void 0;
+
+class AnimationStateRegistry {
+    constructor() {
+        this.states = new Map, this.rules = new Map;
+    }
+    register(state, rule) {
+        var _a;
+        const {name: name} = state;
+        name ? (this.states.set(name, Object.assign(Object.assign({}, state), {
+            priority: null !== (_a = state.priority) && void 0 !== _a ? _a : 0
+        })), rule && this.rules.set(name, rule)) : console.warn("Animation state must have a name");
+    }
+    getState(name) {
+        return this.states.get(name);
+    }
+    getRule(name) {
+        return this.rules.get(name);
+    }
+    hasConflict(stateA, stateB) {
+        var _a, _b;
+        if (stateA === stateB) return !1;
+        const ruleA = this.getRule(stateA), ruleB = this.getRule(stateB);
+        return !!(null === (_a = null == ruleA ? void 0 : ruleA.conflicts) || void 0 === _a ? void 0 : _a.includes(stateB)) || !!(null === (_b = null == ruleB ? void 0 : ruleB.conflicts) || void 0 === _b ? void 0 : _b.includes(stateA));
+    }
+    canInterrupt(stateA, stateB) {
+        var _a, _b, _c;
+        const ruleA = this.getRule(stateA), stateAConfig = this.getState(stateA), stateBConfig = this.getState(stateB);
+        return !!(stateAConfig && stateBConfig && (null !== (_a = stateBConfig.priority) && void 0 !== _a ? _a : 0) > (null !== (_b = stateAConfig.priority) && void 0 !== _b ? _b : 0)) || !!(null === (_c = null == ruleA ? void 0 : ruleA.interruptibleBy) || void 0 === _c ? void 0 : _c.includes(stateB));
+    }
+    isQueueable(state) {
+        const rule = this.getRule(state);
+        return !!(null == rule ? void 0 : rule.queueable);
+    }
+    getTransitionDelay(state) {
+        var _a;
+        const rule = this.getRule(state);
+        return null !== (_a = null == rule ? void 0 : rule.transitionDelay) && void 0 !== _a ? _a : 0;
+    }
+    getAllStateNames() {
+        return Array.from(this.states.keys());
+    }
+    clear() {
+        this.states.clear(), this.rules.clear();
+    }
+}
+
+exports.AnimationStateRegistry = AnimationStateRegistry;
+//# sourceMappingURL=animation-state-registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state-registry.ts"],"names":[],"mappings":"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","file":"animation-state-registry.js","sourcesContent":["import type { IAnimationStateConfig, IAnimationStateRegistry, IAnimationStateRule } from '../intreface/state';\n\n/**\n * Registry for animation states and their rules\n */\nexport class AnimationStateRegistry implements IAnimationStateRegistry {\n  private states: Map<string, IAnimationStateConfig> = new Map();\n  private rules: Map<string, IAnimationStateRule> = new Map();\n\n  /**\n   * Register a state with its animation config and rules\n   */\n  register(state: IAnimationStateConfig, rule?: IAnimationStateRule): void {\n    const { name } = state;\n\n    if (!name) {\n      console.warn('Animation state must have a name');\n      return;\n    }\n\n    this.states.set(name, {\n      ...state,\n      priority: state.priority ?? 0\n    });\n\n    if (rule) {\n      this.rules.set(name, rule);\n    }\n  }\n\n  /**\n   * Get state configuration by name\n   */\n  getState(name: string): IAnimationStateConfig | undefined {\n    return this.states.get(name);\n  }\n\n  /**\n   * Get state rule by name\n   */\n  getRule(name: string): IAnimationStateRule | undefined {\n    return this.rules.get(name);\n  }\n\n  /**\n   * Check if two states conflict with each other\n   */\n  hasConflict(stateA: string, stateB: string): boolean {\n    if (stateA === stateB) {\n      return false; // Same state doesn't conflict with itself\n    }\n\n    const ruleA = this.getRule(stateA);\n    const ruleB = this.getRule(stateB);\n\n    if (ruleA?.conflicts?.includes(stateB)) {\n      return true;\n    }\n\n    if (ruleB?.conflicts?.includes(stateA)) {\n      return true;\n    }\n\n    return false;\n  }\n\n  /**\n   * Check if stateB can interrupt stateA\n   */\n  canInterrupt(stateA: string, stateB: string): boolean {\n    const ruleA = this.getRule(stateA);\n    const stateAConfig = this.getState(stateA);\n    const stateBConfig = this.getState(stateB);\n\n    // Higher priority can always interrupt\n    if (stateAConfig && stateBConfig && (stateBConfig.priority ?? 0) > (stateAConfig.priority ?? 0)) {\n      return true;\n    }\n\n    // Check if explicitly interruptible\n    return !!ruleA?.interruptibleBy?.includes(stateB);\n  }\n\n  /**\n   * Check if a state is queueable\n   */\n  isQueueable(state: string): boolean {\n    const rule = this.getRule(state);\n    return !!rule?.queueable;\n  }\n\n  /**\n   * Get transition delay for a state\n   */\n  getTransitionDelay(state: string): number {\n    const rule = this.getRule(state);\n    return rule?.transitionDelay ?? 0;\n  }\n\n  /**\n   * Get all registered state names\n   */\n  getAllStateNames(): string[] {\n    return Array.from(this.states.keys());\n  }\n\n  /**\n   * Clear all registered states and rules\n   */\n  clear(): void {\n    this.states.clear();\n    this.rules.clear();\n  }\n}\n"]}

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

@@ -0,0 +1,25 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationState } from './types';
+import type { IAnimationConfig } from '../executor/executor';
+import { AnimateExecutor } from '../executor/animate-executor';
+export declare class AnimationStateStore {
+    graphic: IGraphic;
+    constructor(graphic: IGraphic);
+    states?: Map<string, IAnimationState>;
+    registerState(state: IAnimationState): void;
+    clearStates(): void;
+}
+interface IStateInfo {
+    state: string;
+    animationConfig: IAnimationConfig;
+    executor: AnimateExecutor;
+}
+export declare class AnimationStateManager {
+    protected graphic: IGraphic;
+    stateList: IStateInfo[] | null;
+    constructor(graphic: IGraphic);
+    applyState(nextState: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): void;
+    stopState(state: string, type?: 'start' | 'end' | Record<string, any>): void;
+    clearState(): void;
+}
+export {};