@visactor/vrender-animate 0.22.4 → 0.22.12

package/cjs/intreface/timeline.d.ts

@@ -1,17 +0,0 @@
-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

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

package/cjs/intreface/timeline.js.map

@@ -1 +0,0 @@
-{"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

@@ -1,13 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/state/animation-state-machine.d.ts

@@ -1,22 +0,0 @@
-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

@@ -1,53 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1,66 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1,53 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/custom/group-fade.d.ts

@@ -1,16 +0,0 @@
-import type { IGroup } from '@visactor/vrender-core';
-import { ACustomAnimate } from './custom-animate';
-export declare class GroupFadeIn extends ACustomAnimate<any> {
-    target: IGroup;
-    getEndProps(): Record<string, any>;
-    onBind(): void;
-    onEnd(): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-}
-export declare class GroupFadeOut extends ACustomAnimate<any> {
-    target: IGroup;
-    getEndProps(): Record<string, any>;
-    onBind(): void;
-    onEnd(): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-}

package/es/custom/group-fade.js

@@ -1,56 +0,0 @@
-import { ACustomAnimate } from "./custom-animate";
-
-export class GroupFadeIn extends ACustomAnimate {
-    getEndProps() {
-        return {};
-    }
-    onBind() {
-        this.target.setTheme({
-            common: {
-                opacity: 0
-            }
-        });
-    }
-    onEnd() {
-        this.target.setTheme({
-            common: {
-                opacity: 1
-            }
-        });
-    }
-    onUpdate(end, ratio, out) {
-        this.target.setTheme({
-            common: {
-                opacity: ratio
-            }
-        });
-    }
-}
-
-export class GroupFadeOut extends ACustomAnimate {
-    getEndProps() {
-        return {};
-    }
-    onBind() {
-        this.target.setTheme({
-            common: {
-                opacity: 1
-            }
-        });
-    }
-    onEnd() {
-        this.target.setTheme({
-            common: {
-                opacity: 0
-            }
-        });
-    }
-    onUpdate(end, ratio, out) {
-        this.target.setTheme({
-            common: {
-                opacity: 1 - ratio
-            }
-        });
-    }
-}
-//# sourceMappingURL=group-fade.js.map

package/es/custom/group-fade.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/custom/group-fade.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,OAAO,WAAY,SAAQ,cAAmB;IAGlD,WAAW;QACT,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK;aACf;SACF,CAAC,CAAC;IACL,CAAC;CACF;AAED,MAAM,OAAO,YAAa,SAAQ,cAAmB;IAGnD,WAAW;QACT,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC,GAAG,KAAK;aACnB;SACF,CAAC,CAAC;IACL,CAAC;CACF","file":"group-fade.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\nexport class GroupFadeIn extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  getEndProps(): Record<string, any> {\n    return {};\n  }\n\n  onBind(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 0\n      }\n    });\n    return;\n  }\n\n  onEnd(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1\n      }\n    });\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.target.setTheme({\n      common: {\n        opacity: ratio\n      }\n    });\n  }\n}\n\nexport class GroupFadeOut extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  getEndProps(): Record<string, any> {\n    return {};\n  }\n\n  onBind(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1\n      }\n    });\n    return;\n  }\n\n  onEnd(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 0\n      }\n    });\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1 - ratio\n      }\n    });\n  }\n}\n"]}

package/es/custom/scale-in.d.ts

@@ -1,13 +0,0 @@
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
-import { ACustomAnimate } from './custom-animate';
-export interface IScaleAnimationOptions {
-    direction?: 'x' | 'y' | 'xy';
-}
-export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
-    valid: boolean;
-    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
-    onFirstRun(): void;
-    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
-}

package/es/custom/scale-in.js

@@ -1,49 +0,0 @@
-import { ACustomAnimate } from "./custom-animate";
-
-export class ScaleIn extends ACustomAnimate {
-    constructor(from, to, duration, easing, params) {
-        super(from, to, duration, easing, params);
-    }
-    onFirstRun() {
-        var _a, _b, _c, _d, _e;
-        let from, to;
-        const attrs = this.target.getAttributes();
-        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
-          case "x":
-            from = {
-                scaleX: 0
-            }, to = {
-                scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
-            };
-            break;
-
-          case "y":
-            from = {
-                scaleY: 0
-            }, to = {
-                scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
-            };
-            break;
-
-          default:
-            from = {
-                scaleX: 0,
-                scaleY: 0
-            }, to = {
-                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
-                scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
-            };
-        }
-        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
-        this.to = to;
-    }
-    onEnd(cb) {
-        super.onEnd(cb);
-    }
-    onUpdate(end, ratio, out) {
-        this.valid && (this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out));
-    }
-}
-//# sourceMappingURL=scale-in.js.map

package/es/custom/scale-in.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/custom/scale-in.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,OAAO,OAAQ,SAAQ,cAAsC;IAGjE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAA+B;QACrG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;;QACR,IAAI,IAA4B,CAAC;QACjC,IAAI,EAA0B,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,EAAE;YAC9B,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,IAAI,CAAC;YACV;gBACE,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,EAAE,GAAG;oBACH,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;oBAC1B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;iBAC3B,CAAC;SACL;QACD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACF","file":"scale-in.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onFirstRun(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getAttributes();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        break;\n      case 'y':\n        from = { scaleY: 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: 0, scaleY: 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}

package/es/interpolate/executor.d.ts

@@ -1,66 +0,0 @@
-import type { IGraphic } from '@visactor/vrender-core';
-import type { EasingType } from '../intreface/easing';
-import type { ACustomAnimate } from '../custom/custom-animate';
-export type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;
-export type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;
-interface IAnimationParameters {
-    [key: string]: any;
-}
-export type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;
-export type IAnimationChannelAttrs = Record<string, {
-    from?: any | IAnimationChannelFunction;
-    to?: any | IAnimationChannelFunction;
-}>;
-export type IAnimationChannelAttributes = string[];
-export type IAnimationChannelInterpolator = (ratio: number, from: any, to: any, nextAttributes: any, datum: any, element: IGraphic, parameters: IAnimationParameters) => boolean | void;
-export interface IAnimationCustomConstructor {
-    new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;
-}
-export interface IAnimationEffect {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    options?: MarkFunctionValueType<any>;
-}
-export interface IAnimationTimeSlice {
-    effects: IAnimationEffect | IAnimationEffect[];
-    duration?: MarkFunctionValueType<number>;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-}
-export interface IAnimationControlOptions {
-    stopWhenStateChange?: boolean;
-    immediatelyApply?: boolean;
-    ignoreLoopFinalAttributes?: boolean;
-}
-export interface IAnimationTypeConfig {
-    type?: string;
-    channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;
-    custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;
-    customParameters?: MarkFunctionValueType<any>;
-    easing?: EasingType;
-    delay?: MarkFunctionValueType<number>;
-    delayAfter?: MarkFunctionValueType<number>;
-    duration?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<boolean | number>;
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    loop?: boolean | number;
-    options?: MarkFunctionValueType<any>;
-    controlOptions?: IAnimationControlOptions;
-}
-export interface IAnimationTimeline {
-    id?: string;
-    timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];
-    startTime?: MarkFunctionValueType<number>;
-    totalTime?: MarkFunctionValueType<number>;
-    oneByOne?: MarkFunctionValueType<number | boolean>;
-    loop?: MarkFunctionValueType<number | boolean>;
-    partitioner?: MarkFunctionCallback<boolean>;
-    sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;
-    controlOptions?: IAnimationControlOptions;
-}
-export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
-export {};

package/es/interpolate/executor.js

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

package/es/interpolate/executor.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/interpolate/executor.ts"],"names":[],"mappings":"","file":"executor.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\nimport type { ACustomAnimate } from '../custom/custom-animate';\n\nexport type MarkFunctionCallback<T> = (datum: any, graphic: IGraphic, parameters: any) => T;\nexport type MarkFunctionValueType<T> = MarkFunctionCallback<T> | T;\n\ninterface IAnimationParameters {\n  [key: string]: any;\n}\n\n/**\n * 动画 channel 配置\n */\nexport type IAnimationChannelFunction = (datum: any, element: IGraphic, parameters: IAnimationParameters) => any;\n\n/**\n * 动画 channel 属性配置\n */\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\nexport type IAnimationChannelAttributes = string[];\n\n/**\n * 动画 channel 插值器\n */\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  element: IGraphic,\n  parameters: IAnimationParameters\n) => boolean | void;\n\n/**\n * 动画 custom 构造器\n */\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport interface IAnimationEffect {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** options暂时没有处理 */\n  options?: MarkFunctionValueType<any>;\n}\n\nexport interface IAnimationTimeSlice {\n  /** 动画效果 */\n  effects: IAnimationEffect | IAnimationEffect[];\n  /** 动画时长 */\n  duration?: MarkFunctionValueType<number>;\n  /** 延迟delay后执行动画 */\n  delay?: MarkFunctionValueType<number>;\n  /** effect动画后再延迟delayAfter结束这个周期 */\n  delayAfter?: MarkFunctionValueType<number>;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n  /** encode 计算图元最终状态时是否忽略循环动画 */\n  ignoreLoopFinalAttributes?: boolean;\n}\n\n/**\n * 动画 config 简化配置\n */\nexport interface IAnimationTypeConfig {\n  /** 动画类型 */\n  type?: string;\n  /** 动画 channel 配置 */\n  channel?: IAnimationChannelAttrs | IAnimationChannelAttributes;\n  /** 动画 自定义插值 配置 */\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  /** 动画 custom 参数配置 */\n  customParameters?: MarkFunctionValueType<any>;\n  /** 动画 easing 配置 */\n  easing?: EasingType;\n  /** 动画 delay 配置 */\n  delay?: MarkFunctionValueType<number>;\n  /** 动画 delayAfter 配置 */\n  delayAfter?: MarkFunctionValueType<number>;\n  /** 动画 duration 配置 */\n  duration?: MarkFunctionValueType<number>;\n  /** 动画 oneByOne 配置（是否依次执行） */\n  oneByOne?: MarkFunctionValueType<boolean | number>;\n  /** 动画 startTime 配置 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画 totalTime 配置 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: MarkFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画 timeline 完整配置，一条时间线内的动画单元只能串行\n * 多个timeline是可以并行的\n * 考虑到同一图元不能在多个timeline上，所以timeline不应该提供数组配置的能力\n */\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: MarkFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: MarkFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: MarkFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: MarkFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: MarkFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, elementA: IGraphic, elementB: IGraphic, parameters: any) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\n/**\n * 动画配置\n */\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n"]}