@visactor/vrender-animate 0.22.4

package/es/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/es/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/es/state/animation-state-registry.js

@@ -0,0 +1,45 @@
+export 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();
+    }
+}
+//# sourceMappingURL=animation-state-registry.js.map

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

package/es/state/animation-state.js

@@ -0,0 +1,72 @@
+import { AnimationTransitionRegistry } from "./animation-states-registry";
+
+import { AnimateExecutor } from "../executor/animate-executor";
+
+export class AnimationStateStore {
+    constructor(graphic) {
+        this.graphic = graphic;
+    }
+    registerState(state) {
+        this.states || (this.states = new Map), this.states.set(state.name, state);
+    }
+    clearStates() {
+        var _a;
+        null === (_a = this.states) || void 0 === _a || _a.clear();
+    }
+}
+
+export class AnimationStateManager {
+    constructor(graphic) {
+        this.stateList = null, this.graphic = graphic;
+    }
+    applyState(nextState, animationConfig, callback) {
+        const registry = AnimationTransitionRegistry.getInstance(), shouldStopState = [], shouldApplyState = [];
+        if (this.stateList && this.stateList.length ? nextState.forEach(((state, index) => {
+            const result = {
+                allowTransition: !0,
+                stopOriginalTransition: !0
+            };
+            this.stateList.forEach((currState => {
+                const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);
+                result.allowTransition = result.allowTransition && _result.allowTransition;
+            })), result.allowTransition && (shouldApplyState.push({
+                state: state,
+                animationConfig: animationConfig[index].animation,
+                executor: new AnimateExecutor(this.graphic)
+            }), this.stateList.forEach((currState => {
+                registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
+            })));
+        })) : nextState.forEach(((state, index) => {
+            shouldApplyState.push({
+                state: state,
+                animationConfig: animationConfig[index].animation,
+                executor: new AnimateExecutor(this.graphic)
+            });
+        })), shouldStopState.forEach((state => {
+            state.executor.stop();
+        })), shouldApplyState.length) {
+            shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);
+            for (let i = 0; i < shouldApplyState.length; i++) {
+                const nextState = shouldApplyState[i + 1], currentState = shouldApplyState[i];
+                currentState.executor.onEnd((() => {
+                    nextState && nextState.executor.execute(nextState.animationConfig), this.stateList = this.stateList.filter((state => state !== currentState)), 
+                    i === shouldApplyState.length - 1 && callback && callback(!1);
+                }));
+            }
+        } else callback && callback(!0);
+        this.stateList ? this.stateList = this.stateList.filter((state => !shouldStopState.includes(state))) : this.stateList = [], 
+        this.stateList.push(...shouldApplyState);
+    }
+    stopState(state, type) {
+        var _a;
+        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find((stateInfo => stateInfo.state === state));
+        stateInfo && stateInfo.executor.stop(type);
+    }
+    clearState() {
+        var _a;
+        null === (_a = this.stateList) || void 0 === _a || _a.forEach((state => {
+            state.executor.stop();
+        })), this.stateList = null;
+    }
+}
+//# sourceMappingURL=animation-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,OAAO,mBAAmB;IAG9B,YAAY,OAAiB;QAC3B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAMD,aAAa,CAAC,KAAsB;QAClC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;SACzB;QACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,WAAW;;QACT,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAC;IACvB,CAAC;CACF;AASD,MAAM,OAAO,qBAAqB;IAOhC,YAAY,OAAiB;QAF7B,cAAS,GAAwB,IAAI,CAAC;QAGpC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IASD,UAAU,CAAC,SAAmB,EAAE,eAAkC,EAAE,QAAoC;QACtG,MAAM,QAAQ,GAAG,2BAA2B,CAAC,WAAW,EAAE,CAAC;QAI3D,MAAM,eAAe,GAAiB,EAAE,CAAC;QACzC,MAAM,gBAAgB,GAAiB,EAAE,CAAC;QAC1C,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;YAC9C,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACjC,gBAAgB,CAAC,IAAI,CAAC;oBACpB,KAAK;oBACL,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS;oBACjD,QAAQ,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;iBAC5C,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM;YAEL,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAEjC,MAAM,MAAM,GAAkE;oBAC5E,eAAe,EAAE,IAAI;oBACrB,sBAAsB,EAAE,IAAI;iBAC7B,CAAC;gBACF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;oBACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;oBACnF,MAAM,CAAC,eAAe,GAAG,MAAM,CAAC,eAAe,IAAI,OAAO,CAAC,eAAe,CAAC;gBAC7E,CAAC,CAAC,CAAC;gBAEH,IAAI,MAAM,CAAC,eAAe,EAAE;oBAC1B,gBAAgB,CAAC,IAAI,CAAC;wBACpB,KAAK;wBACL,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,SAAS;wBACjD,QAAQ,EAAE,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;qBAC5C,CAAC,CAAC;oBAEH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;wBACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;wBACnF,IAAI,OAAO,CAAC,sBAAsB,EAAE;4BAClC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;yBACjC;oBACH,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;SACJ;QAGD,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;QAGH,IAAI,gBAAgB,CAAC,MAAM,EAAE;YAC3B,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;YAE1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAChD,MAAM,SAAS,GAAG,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC1C,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACzC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE;oBAC/B,IAAI,SAAS,EAAE;wBACb,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;qBACvD;oBAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC;oBAGxE,IAAI,CAAC,KAAK,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,EAAE;wBACjD,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACjB;gBACH,CAAC,CAAC,CAAC;aACJ;SACF;aAAM,IAAI,QAAQ,EAAE;YAEnB,QAAQ,CAAC,IAAI,CAAC,CAAC;SAChB;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;SACnF;aAAM;YACL,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;SACrB;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC;IAC3C,CAAC;IAED,SAAS,CAAC,KAAa,EAAE,IAA4C;;QACnE,MAAM,SAAS,GAAG,MAAA,IAAI,CAAC,SAAS,0CAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC/E,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/B;IACH,CAAC;IAED,UAAU;;QAER,MAAA,IAAI,CAAC,SAAS,0CAAE,OAAO,CAAC,KAAK,CAAC,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;CAKF","file":"animation-state.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationTransitionRegistry } from './animation-states-registry';\nimport type { IAnimationConfig } from '../executor/executor';\nimport { AnimateExecutor } from '../executor/animate-executor';\n\nexport class AnimationStateStore {\n  graphic: IGraphic;\n\n  constructor(graphic: IGraphic) {\n    this.graphic = graphic;\n  }\n\n  // 动画状态配置\n  // 并不是所有图元都有（只有mark才有），所以在应用状态的时候，需要额外传入\n  states?: Map<string, IAnimationState>;\n\n  registerState(state: IAnimationState): void {\n    if (!this.states) {\n      this.states = new Map();\n    }\n    this.states.set(state.name, state);\n  }\n\n  clearStates(): void {\n    this.states?.clear();\n  }\n}\n\n// 一个状态对应一个执行器，每个图元都有一一对应\ninterface IStateInfo {\n  state: string;\n  animationConfig: IAnimationConfig;\n  executor: AnimateExecutor;\n}\n\nexport class AnimationStateManager {\n  protected graphic: IGraphic;\n\n  // 当前状态\n  // TODO（注意，这里无法了解动画的顺序，既有串行也有并行，具体在执行的时候确定，执行之后就无法获取串行或并行配置了）\n  stateList: IStateInfo[] | null = null;\n\n  constructor(graphic: IGraphic) {\n    this.graphic = graphic;\n  }\n\n  // TODO 这里因为只有状态变更才会调用，所以代码写的比较宽松，如果有性能问题需要优化\n  /**\n   * 应用状态\n   * @param nextState 下一个状态数组，如果传入数组，那么状态是串行的。但是每次applyState都会立即执行动画，也就是applyState和applyState之间是并行\n   * @param animationConfig 动画配置\n   * @param callback 动画结束后的回调函数，参数empty为true表示没有动画需要执行直接调的回调\n   */\n  applyState(nextState: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): void {\n    const registry = AnimationTransitionRegistry.getInstance();\n\n    // TODO 这里指判断第一个状态，后续如果需要的话要循环判断\n    // 检查是否需要停止当前状态，以及下一个状态是否需要应用\n    const shouldStopState: IStateInfo[] = [];\n    const shouldApplyState: IStateInfo[] = [];\n    if (!(this.stateList && this.stateList.length)) {\n      nextState.forEach((state, index) => {\n        shouldApplyState.push({\n          state,\n          animationConfig: animationConfig[index].animation,\n          executor: new AnimateExecutor(this.graphic)\n        });\n      });\n    } else {\n      // const _stateList = this.stateList[0];\n      nextState.forEach((state, index) => {\n        // 遍历this.stateList，获取result，只要有一个是false，那这个result就是false\n        const result: { allowTransition: boolean; stopOriginalTransition: boolean } = {\n          allowTransition: true,\n          stopOriginalTransition: true\n        };\n        this.stateList.forEach(currState => {\n          const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);\n          result.allowTransition = result.allowTransition && _result.allowTransition;\n        });\n        // 所有状态都允许过渡，则添加到shouldApplyState\n        if (result.allowTransition) {\n          shouldApplyState.push({\n            state,\n            animationConfig: animationConfig[index].animation,\n            executor: new AnimateExecutor(this.graphic)\n          });\n          // 允许过渡的话，需要重新遍历this.stateList，获取stopOriginalTransition\n          this.stateList.forEach(currState => {\n            const _result = registry.isTransitionAllowed(currState.state, state, this.graphic);\n            if (_result.stopOriginalTransition) {\n              shouldStopState.push(currState);\n            }\n          });\n        }\n      });\n    }\n\n    // 停止动画\n    shouldStopState.forEach(state => {\n      state.executor.stop();\n    });\n\n    // 立即应用动画，串行的应用\n    if (shouldApplyState.length) {\n      shouldApplyState[0].executor.execute(shouldApplyState[0].animationConfig);\n      // 如果下一个状态存在，那么下一个状态的动画在当前状态动画结束后立即执行\n      for (let i = 0; i < shouldApplyState.length; i++) {\n        const nextState = shouldApplyState[i + 1];\n        const currentState = shouldApplyState[i];\n        currentState.executor.onEnd(() => {\n          if (nextState) {\n            nextState.executor.execute(nextState.animationConfig);\n          }\n          // 删除这个状态\n          this.stateList = this.stateList.filter(state => state !== currentState);\n\n          // 如果是最后一个状态且有回调，则调用回调\n          if (i === shouldApplyState.length - 1 && callback) {\n            callback(false);\n          }\n        });\n      }\n    } else if (callback) {\n      // 如果没有需要应用的动画状态，直接调用回调\n      callback(true);\n    }\n\n    if (this.stateList) {\n      this.stateList = this.stateList.filter(state => !shouldStopState.includes(state));\n    } else {\n      this.stateList = [];\n    }\n    this.stateList.push(...shouldApplyState);\n  }\n\n  stopState(state: string, type?: 'start' | 'end' | Record<string, any>): void {\n    const stateInfo = this.stateList?.find(stateInfo => stateInfo.state === state);\n    if (stateInfo) {\n      stateInfo.executor.stop(type);\n    }\n  }\n\n  clearState(): void {\n    // 清空状态\n    this.stateList?.forEach(state => {\n      state.executor.stop();\n    });\n    this.stateList = null;\n  }\n\n  // getstateList(): string[] | null {\n  //   return this.stateList;\n  // }\n}\n"]}

package/es/state/animation-states-registry.d.ts

@@ -0,0 +1,17 @@
+import type { IGraphic } from '@visactor/vrender-core';
+interface ITransitionResult {
+    allowTransition: boolean;
+    stopOriginalTransition: boolean;
+}
+export type TransitionFunction = (graphic: IGraphic, fromState: string) => ITransitionResult;
+export declare class AnimationTransitionRegistry {
+    private static instance;
+    private transitions;
+    constructor();
+    static getInstance(): AnimationTransitionRegistry;
+    private registerDefaultTransitions;
+    isTransitionAllowed(fromState: string, toState: string, graphic: IGraphic): ITransitionResult;
+    registerTransition(fromState: string, toState: string, transition: TransitionFunction): void;
+}
+declare const transitionRegistry: AnimationTransitionRegistry;
+export { transitionRegistry };

package/es/state/animation-states-registry.js

@@ -0,0 +1,87 @@
+export class AnimationTransitionRegistry {
+    constructor() {
+        this.transitions = new Map, this.registerDefaultTransitions();
+    }
+    static getInstance() {
+        return AnimationTransitionRegistry.instance || (AnimationTransitionRegistry.instance = new AnimationTransitionRegistry), 
+        AnimationTransitionRegistry.instance;
+    }
+    registerDefaultTransitions() {
+        this.registerTransition("appear", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("appear", "appear", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("appear", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("appear", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("normal", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("normal", "normal", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("normal", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("normal", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "*", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("exit", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "enter", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("exit", "exit", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "enter", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("enter", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("enter", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("disappear", "*", (() => ({
+            allowTransition: !1,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("disappear", "appear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        })));
+    }
+    isTransitionAllowed(fromState, toState, graphic) {
+        var _a, _b, _c, _d;
+        let func = null === (_a = this.transitions.get(fromState)) || void 0 === _a ? void 0 : _a.get(toState);
+        return func ? func(graphic, fromState) : (func = null === (_b = this.transitions.get(fromState)) || void 0 === _b ? void 0 : _b.get("*"), 
+        func ? func(graphic, fromState) : (func = null === (_c = this.transitions.get("*")) || void 0 === _c ? void 0 : _c.get(toState), 
+        func ? func(graphic, fromState) : (func = null === (_d = this.transitions.get("*")) || void 0 === _d ? void 0 : _d.get("*"), 
+        func ? func(graphic, fromState) : {
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        })));
+    }
+    registerTransition(fromState, toState, transition) {
+        let fromStateMap = this.transitions.get(fromState);
+        fromStateMap || (fromStateMap = new Map, this.transitions.set(fromState, fromStateMap)), 
+        fromStateMap.set(toState, transition);
+    }
+}
+
+const transitionRegistry = AnimationTransitionRegistry.getInstance();
+
+export { transitionRegistry };
+//# sourceMappingURL=animation-states-registry.js.map

package/es/state/animation-states-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/animation-states-registry.ts"],"names":[],"mappings":"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","file":"animation-states-registry.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\n\ninterface ITransitionResult {\n  allowTransition: boolean;\n  stopOriginalTransition: boolean;\n}\n\n/**\n * 注册动画状态切换的转换函数\n */\nexport type TransitionFunction = (graphic: IGraphic, fromState: string) => ITransitionResult;\n\n/**\n * 动画状态切换的注册表\n * 管理所有图形的动画状态切换逻辑\n */\nexport class AnimationTransitionRegistry {\n  private static instance: AnimationTransitionRegistry;\n\n  // 源状态到目标状态的映射，每个目标状态都有一个转换函数\n  private transitions: Map<string, Map<string, TransitionFunction>> = new Map();\n\n  constructor() {\n    this.registerDefaultTransitions();\n  }\n\n  /**\n   * 获取注册表的单例实例\n   */\n  static getInstance(): AnimationTransitionRegistry {\n    if (!AnimationTransitionRegistry.instance) {\n      AnimationTransitionRegistry.instance = new AnimationTransitionRegistry();\n    }\n    return AnimationTransitionRegistry.instance;\n  }\n\n  /**\n   * 注册默认的转换规则\n   */\n  private registerDefaultTransitions(): void {\n    // appear动画，可以被任何动画覆盖，但不会停止（disappear、exit除外）\n    this.registerTransition('appear', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // appear 动画碰到appear动画，什么都不会发生\n    this.registerTransition('appear', 'appear', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('appear', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('appear', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // 循环动画（normal），可以被任何动画覆盖，但不会停止（disappear、exit除外）\n    this.registerTransition('normal', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // 循环动画碰到循环动画，什么都不会发生\n    this.registerTransition('normal', 'normal', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('normal', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('normal', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // 退出动画不能被覆盖或停止(disappear除外)\n    this.registerTransition('exit', '*', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('exit', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // 退出动画碰到enter动画，会立即停止\n    this.registerTransition('exit', 'enter', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // 退出动画碰到退出，什么都不会发生\n    this.registerTransition('exit', 'exit', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n\n    // enter 动画可以被任何动画覆盖，但不会停止（exit、disappear除外）\n    this.registerTransition('enter', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // enter 动画碰到enter动画，什么都不会发生\n    this.registerTransition('enter', 'enter', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n    this.registerTransition('enter', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    this.registerTransition('enter', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // disappear 动画碰到任何动画，什么都不会发生（appear除外）\n    this.registerTransition('disappear', '*', () => ({\n      allowTransition: false,\n      stopOriginalTransition: false\n    }));\n\n    // disappear 动画碰到appear动画，会立即停止\n    this.registerTransition('disappear', 'appear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n  }\n\n  /**\n   * 检查两个状态之间是否允许转换\n   */\n  isTransitionAllowed(fromState: string, toState: string, graphic: IGraphic): ITransitionResult {\n    // 直接转换规则\n    let func = this.transitions.get(fromState)?.get(toState);\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 状态到通配符\n    func = this.transitions.get(fromState)?.get('*');\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 通配符到状态\n    func = this.transitions.get('*')?.get(toState);\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 通配符到通配符\n    func = this.transitions.get('*')?.get('*');\n    if (func) {\n      return func(graphic, fromState);\n    }\n\n    // 默认允许转换\n    return {\n      allowTransition: true,\n      stopOriginalTransition: true\n    };\n  }\n\n  /**\n   * 注册两个状态之间的转换\n   */\n  registerTransition(fromState: string, toState: string, transition: TransitionFunction): void {\n    let fromStateMap = this.transitions.get(fromState);\n\n    if (!fromStateMap) {\n      fromStateMap = new Map();\n      this.transitions.set(fromState, fromStateMap);\n    }\n\n    fromStateMap.set(toState, transition);\n  }\n}\n\n// 初始化单例转换注册表\nconst transitionRegistry = AnimationTransitionRegistry.getInstance();\n\nexport { transitionRegistry };\n"]}

package/es/state/graphic-extension.d.ts

@@ -0,0 +1,12 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationState } from './types';
+import { AnimationStateManager, AnimationStateStore } from './animation-state';
+export declare class GraphicStateExtension {
+    _getAnimationStateManager(graphic: IGraphic): AnimationStateManager;
+    _getAnimationStateStore(graphic: IGraphic): AnimationStateStore;
+    registerAnimationState(state: IAnimationState): this;
+    applyAnimationState(state: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): this;
+    stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>): this;
+    clearAnimationStates(): this;
+    static extend(graphic: IGraphic): IGraphic;
+}

package/es/state/graphic-extension.js

@@ -0,0 +1,29 @@
+import { AnimationStateManager, AnimationStateStore } from "./animation-state";
+
+export class GraphicStateExtension {
+    _getAnimationStateManager(graphic) {
+        return graphic._animationStateManager || (graphic._animationStateManager = new AnimationStateManager(graphic)), 
+        graphic._animationStateManager;
+    }
+    _getAnimationStateStore(graphic) {
+        return graphic._animationStateStore || (graphic._animationStateStore = new AnimationStateStore(graphic)), 
+        graphic._animationStateStore;
+    }
+    registerAnimationState(state) {
+        return this._getAnimationStateStore(this).registerState(state), this;
+    }
+    applyAnimationState(state, animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyState(state, animationConfig, callback), 
+        this;
+    }
+    stopAnimationState(state, type) {
+        return this._getAnimationStateManager(this).stopState(state, type), this;
+    }
+    clearAnimationStates() {
+        return this._getAnimationStateManager(this).clearState(), this;
+    }
+    static extend(graphic) {
+        return (new GraphicStateExtension)._getAnimationStateManager(graphic), graphic;
+    }
+}
+//# sourceMappingURL=graphic-extension.js.map

package/es/state/graphic-extension.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/graphic-extension.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAK/E,MAAM,OAAO,qBAAqB;IAChC,yBAAyB,CAAC,OAAiB;QACzC,IAAI,CAAE,OAAe,CAAC,sBAAsB,EAAE;YAE3C,OAAe,CAAC,sBAAsB,GAAG,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;SAC9E;QACD,OAAQ,OAAe,CAAC,sBAAsB,CAAC;IACjD,CAAC;IACD,uBAAuB,CAAC,OAAiB;QACvC,IAAI,CAAE,OAAe,CAAC,oBAAoB,EAAE;YAEzC,OAAe,CAAC,oBAAoB,GAAG,IAAI,mBAAmB,CAAC,OAAO,CAAC,CAAC;SAC1E;QACD,OAAQ,OAAe,CAAC,oBAAoB,CAAC;IAC/C,CAAC;IAKD,sBAAsB,CAAC,KAAsB;QAC3C,IAAI,CAAC,uBAAuB,CAAC,IAA2B,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,mBAAmB,CAAC,KAAe,EAAE,eAAkC,EAAE,QAAoC;QAC3G,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;QACzG,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,kBAAkB,CAAC,KAAa,EAAE,IAA4C;QAC5E,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACnF,OAAO,IAAI,CAAC;IACd,CAAC;IAKD,oBAAoB;QAClB,IAAI,CAAC,yBAAyB,CAAC,IAA2B,CAAC,CAAC,UAAU,EAAE,CAAC;QACzE,OAAO,IAAI,CAAC;IACd,CAAC;IAYD,MAAM,CAAC,MAAM,CAAC,OAAiB;QAC7B,MAAM,SAAS,GAAG,IAAI,qBAAqB,EAAE,CAAC;QAC9C,SAAS,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;QAC7C,OAAO,OAAO,CAAC;IACjB,CAAC;CACF","file":"graphic-extension.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationState } from './types';\nimport { AnimationStateManager, AnimationStateStore } from './animation-state';\n\n/**\n * 将动画状态方法作为混入扩展 Graphic 的类\n */\nexport class GraphicStateExtension {\n  _getAnimationStateManager(graphic: IGraphic): AnimationStateManager {\n    if (!(graphic as any)._animationStateManager) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateManager = new AnimationStateManager(graphic);\n    }\n    return (graphic as any)._animationStateManager;\n  }\n  _getAnimationStateStore(graphic: IGraphic): AnimationStateStore {\n    if (!(graphic as any)._animationStateStore) {\n      // Create the appropriate manager type based on whether this is a group\n      (graphic as any)._animationStateStore = new AnimationStateStore(graphic);\n    }\n    return (graphic as any)._animationStateStore;\n  }\n\n  /**\n   * 注册一个动画状态\n   */\n  registerAnimationState(state: IAnimationState): this {\n    this._getAnimationStateStore(this as unknown as IGraphic).registerState(state);\n    return this;\n  }\n\n  /**\n   * 应用一个动画状态到图形\n   */\n  applyAnimationState(state: string[], animationConfig: IAnimationState[], callback?: (empty?: boolean) => void): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).applyState(state, animationConfig, callback);\n    return this;\n  }\n\n  /**\n   * 停止一个动画状态\n   */\n  stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).stopState(state, type);\n    return this;\n  }\n\n  /**\n   * 清除图形上的所有动画状态\n   */\n  clearAnimationStates(): this {\n    this._getAnimationStateManager(this as unknown as IGraphic).clearState();\n    return this;\n  }\n\n  // /**\n  //  * 获取图形当前的动画状态\n  //  */\n  // getCurrentAnimationState(): string[] | null {\n  //   return this._getAnimationStateManager(this as unknown as IGraphic).getCurrentState();\n  // }\n\n  /**\n   * 继承\n   */\n  static extend(graphic: IGraphic): IGraphic {\n    const extension = new GraphicStateExtension();\n    extension._getAnimationStateManager(graphic);\n    return graphic;\n  }\n}\n"]}

package/es/state/index.d.ts

@@ -0,0 +1,3 @@
+export * from './animation-state';
+export * from './graphic-extension';
+export * from './animation-states-registry';

package/es/state/index.js

@@ -0,0 +1,6 @@
+export * from "./animation-state";
+
+export * from "./graphic-extension";
+
+export * from "./animation-states-registry";
+//# sourceMappingURL=index.js.map

package/es/state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC","file":"index.js","sourcesContent":["export * from './animation-state';\nexport * from './graphic-extension';\nexport * from './animation-states-registry';\n"]}

package/es/state/types.d.ts

@@ -0,0 +1,11 @@
+import type { IAnimationConfig } from '../executor/executor';
+export interface IAnimationState {
+    name: string;
+    animation: IAnimationConfig;
+}
+export interface IAnimationStateManager {
+    registerState: (state: IAnimationState) => void;
+    applyState: (state: string | string[]) => void;
+    clearStates: () => void;
+    getCurrentState: () => string | string[] | null;
+}

package/es/state/types.js

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

package/es/state/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/state/types.ts"],"names":[],"mappings":"","file":"types.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { IAnimationConfig } from '../executor/executor';\n\nexport interface IAnimationState {\n  /**\n   * 状态名称\n   */\n  name: string;\n\n  /**\n   * 动画配置\n   */\n  animation: IAnimationConfig;\n}\n\n/**\n * Animation state manager for a graphic\n */\nexport interface IAnimationStateManager {\n  /**\n   * Register a state for the graphic\n   */\n  registerState: (state: IAnimationState) => void;\n\n  /**\n   * Apply a state to the graphic\n   */\n  applyState: (state: string | string[]) => void;\n\n  /**\n   * Clear all states from the graphic\n   */\n  clearStates: () => void;\n\n  /**\n   * Get the current state of the graphic\n   */\n  getCurrentState: () => string | string[] | null;\n}\n"]}

package/es/step.d.ts

@@ -0,0 +1,49 @@
+import { type IGraphic } from '@visactor/vrender-core';
+import type { IAnimate, IStep } from './intreface/animate';
+import type { EasingType, EasingTypeFunc } from './intreface/easing';
+import type { IAnimateStepType } from './intreface/type';
+export declare class Step implements IStep {
+    type: IAnimateStepType;
+    prev?: IStep;
+    duration: number;
+    next?: IStep;
+    props?: Record<string, any>;
+    propKeys?: string[];
+    interpolateUpdateFunctions?: ((key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void)[];
+    easing: EasingTypeFunc;
+    animate: IAnimate;
+    target: IGraphic;
+    fromProps: Record<string, any>;
+    fromParsedProps: Record<string, any>;
+    toParsedProps: Record<string, any>;
+    protected _startTime: number;
+    _hasFirstRun: boolean;
+    protected _endCb?: (animate: IAnimate, step: IStep) => void;
+    constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
+    bind(target: IGraphic, animate: IAnimate): void;
+    append(step: IStep): void;
+    private updateDownstreamStartTimes;
+    getLastProps(): any;
+    setDuration(duration: number, updateDownstream?: boolean): void;
+    getDuration(): number;
+    determineInterpolateUpdateFunction(): void;
+    setStartTime(time: number, updateDownstream?: boolean): void;
+    getStartTime(): number;
+    onBind(): void;
+    onFirstRun(): void;
+    onStart(): void;
+    protected tryPreventConflict(): void;
+    deleteSelfAttr(key: string): void;
+    trySyncStartProps(): void;
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    getEndProps(): Record<string, any>;
+    getFromProps(): Record<string, any>;
+    getMergedEndProps(): Record<string, any> | void;
+}
+export declare class WaitStep extends Step {
+    constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+    determineInterpolateUpdateFunction(): void;
+}

package/es/step.js

@@ -0,0 +1,120 @@
+import { ColorStore, ColorType } from "@visactor/vrender-core";
+
+import { Easing } from "./utils/easing";
+
+import { commonInterpolateUpdate, interpolateUpdateStore } from "./interpolate/store";
+
+import { isString } from "@visactor/vutils";
+
+function noop() {}
+
+export class Step {
+    constructor(type, props, duration, easing) {
+        this._startTime = 0, this._hasFirstRun = !1, this.type = type, this.props = props, 
+        this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : Easing[easing] : Easing.linear, 
+        "wait" === type && (this.onUpdate = noop);
+    }
+    bind(target, animate) {
+        this.target = target, this.animate = animate, this.onBind();
+    }
+    append(step) {
+        this.next = step, step.prev = this, step.setStartTime(this.getStartTime() + this.duration, !1);
+    }
+    updateDownstreamStartTimes() {
+        let currentStep = this.next, currentStartTime = this._startTime + this.duration;
+        for (;currentStep; ) currentStep.setStartTime(currentStartTime, !1), currentStartTime += currentStep.duration, 
+        currentStep = currentStep.next;
+        this.animate.updateDuration();
+    }
+    getLastProps() {
+        return this.prev ? this.prev.props || {} : this.animate.getStartProps();
+    }
+    setDuration(duration, updateDownstream = !0) {
+        this.duration = duration, updateDownstream && this.updateDownstreamStartTimes();
+    }
+    getDuration() {
+        return this.duration;
+    }
+    determineInterpolateUpdateFunction() {
+        if (!this.props) return;
+        const funcs = [];
+        this.propKeys.forEach((key => {
+            if ("fill" === key || "stroke" === key) {
+                const from = this.getLastProps()[key], to = this.props[key];
+                if (isString(from) && isString(to)) {
+                    const fromArray = ColorStore.Get(from, ColorType.Color255), toArray = ColorStore.Get(to, ColorType.Color255);
+                    this.fromParsedProps || (this.fromParsedProps = {}), this.toParsedProps || (this.toParsedProps = {}), 
+                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray;
+                }
+                funcs.push(interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+            } else interpolateUpdateStore[key] ? funcs.push(interpolateUpdateStore[key]) : funcs.push(commonInterpolateUpdate);
+        })), this.interpolateUpdateFunctions = funcs;
+    }
+    setStartTime(time, updateDownstream = !0) {
+        this._startTime = time, updateDownstream && this.updateDownstreamStartTimes();
+    }
+    getStartTime() {
+        return this._startTime;
+    }
+    onBind() {}
+    onFirstRun() {}
+    onStart() {
+        this._hasFirstRun || (this._hasFirstRun = !0, this.fromProps = this.getLastProps(), 
+        this.determineInterpolateUpdateFunction(), this.tryPreventConflict(), this.trySyncStartProps(), 
+        this.onFirstRun());
+    }
+    tryPreventConflict() {
+        const animate = this.animate;
+        this.target.animates.forEach((a => {
+            if (a === animate || a.priority > animate.priority) return;
+            const fromProps = a.getStartProps();
+            this.propKeys.forEach((key => {
+                null != fromProps[key] && a.preventAttr(key);
+            }));
+        }));
+    }
+    deleteSelfAttr(key) {
+        var _a;
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && (this.propKeys.splice(index, 1), null === (_a = this.interpolateUpdateFunctions) || void 0 === _a || _a.splice(index, 1));
+    }
+    trySyncStartProps() {
+        this.propKeys.forEach((key => {
+            this.fromProps[key] = this.animate.target.getComputedAttribute(key);
+        }));
+    }
+    update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach(((func, index) => {
+            if (!this.animate.validAttr(this.propKeys[index])) return;
+            const key = this.propKeys[index];
+            func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        })), this.onUpdate(end, easedRatio, out);
+    }
+    onUpdate(end, ratio, out) {}
+    onEnd(cb) {
+        cb ? this._endCb = cb : this._endCb && (this.target.setAttributes(this.props), this._endCb(this.animate, this));
+    }
+    getEndProps() {
+        return this.props;
+    }
+    getFromProps() {
+        return this.fromProps;
+    }
+    getMergedEndProps() {
+        return this.getEndProps();
+    }
+}
+
+export class WaitStep extends Step {
+    constructor(type, props, duration, easing) {
+        super(type, props, duration, easing);
+    }
+    update(end, ratio, out) {
+        this.onStart();
+    }
+    determineInterpolateUpdateFunction() {}
+}
+//# sourceMappingURL=step.js.map