@visactor/vrender-animate 0.22.4 → 0.22.12

package/cjs/index.js

@@ -17,9 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.AnimationStateStore = exports.AnimationStateManager = exports.transitionRegistry = exports.AnimationTransitionRegistry = exports.registerCustomAnimate = exports.AnimateExecutor = exports.RotateBySphereAnimate = exports.GroupFadeOut = exports.GroupFadeIn = exports.TagPointsUpdate = exports.ClipDirectionAnimate = exports.ClipRadiusAnimate = exports.ClipAngleAnimate = exports.ClipGraphicAnimate = exports.InputText = exports.IncreaseCount = exports.ACustomAnimate = exports.registerAnimate = exports.Step = exports.DefaultTicker = exports.ManualTicker = exports.DefaultTimeline = exports.Animate = void 0, 
-__exportStar(require("./intreface/animate"), exports), __exportStar(require("./intreface/timeline"), exports), 
-__exportStar(require("./intreface/easing"), exports), __exportStar(require("./intreface/type"), exports);
+}), exports.AnimationStateStore = exports.AnimationStateManager = exports.transitionRegistry = exports.AnimationTransitionRegistry = exports.AnimateExecutor = exports.RotateBySphereAnimate = exports.GroupFadeOut = exports.GroupFadeIn = exports.TagPointsUpdate = exports.ClipDirectionAnimate = exports.ClipRadiusAnimate = exports.ClipAngleAnimate = exports.ClipGraphicAnimate = exports.InputText = exports.morphPath = exports.multiToOneMorph = exports.oneToMultiMorph = exports.MultiToOneMorphingPath = exports.MorphingPath = exports.IncreaseCount = exports.ComponentAnimator = exports.AComponentAnimate = exports.ACustomAnimate = exports.registerAnimate = exports.AnimateStep = exports.DefaultTicker = exports.ManualTicker = exports.DefaultTimeline = exports.Animate = void 0;
 
 var animate_1 = require("./animate");
 
@@ -59,7 +57,7 @@ Object.defineProperty(exports, "DefaultTicker", {
 
 var step_1 = require("./step");
 
-Object.defineProperty(exports, "Step", {
+Object.defineProperty(exports, "AnimateStep", {
     enumerable: !0,
     get: function() {
         return step_1.Step;
@@ -82,6 +80,20 @@ Object.defineProperty(exports, "ACustomAnimate", {
     get: function() {
         return custom_animate_1.ACustomAnimate;
     }
+}), Object.defineProperty(exports, "AComponentAnimate", {
+    enumerable: !0,
+    get: function() {
+        return custom_animate_1.AComponentAnimate;
+    }
+});
+
+var component_animator_1 = require("./component/component-animator");
+
+Object.defineProperty(exports, "ComponentAnimator", {
+    enumerable: !0,
+    get: function() {
+        return component_animator_1.ComponentAnimator;
+    }
 });
 
 var number_1 = require("./custom/number");
@@ -93,6 +105,35 @@ Object.defineProperty(exports, "IncreaseCount", {
     }
 });
 
+var morphing_1 = require("./custom/morphing");
+
+Object.defineProperty(exports, "MorphingPath", {
+    enumerable: !0,
+    get: function() {
+        return morphing_1.MorphingPath;
+    }
+}), Object.defineProperty(exports, "MultiToOneMorphingPath", {
+    enumerable: !0,
+    get: function() {
+        return morphing_1.MultiToOneMorphingPath;
+    }
+}), Object.defineProperty(exports, "oneToMultiMorph", {
+    enumerable: !0,
+    get: function() {
+        return morphing_1.oneToMultiMorph;
+    }
+}), Object.defineProperty(exports, "multiToOneMorph", {
+    enumerable: !0,
+    get: function() {
+        return morphing_1.multiToOneMorph;
+    }
+}), Object.defineProperty(exports, "morphPath", {
+    enumerable: !0,
+    get: function() {
+        return morphing_1.morphPath;
+    }
+});
+
 var input_text_1 = require("./custom/input-text");
 
 Object.defineProperty(exports, "InputText", {
@@ -135,17 +176,17 @@ Object.defineProperty(exports, "TagPointsUpdate", {
     }
 });
 
-var group_fade_1 = require("./custom/group-fade");
+var groupFade_1 = require("./custom/groupFade");
 
 Object.defineProperty(exports, "GroupFadeIn", {
     enumerable: !0,
     get: function() {
-        return group_fade_1.GroupFadeIn;
+        return groupFade_1.GroupFadeIn;
     }
 }), Object.defineProperty(exports, "GroupFadeOut", {
     enumerable: !0,
     get: function() {
-        return group_fade_1.GroupFadeOut;
+        return groupFade_1.GroupFadeOut;
     }
 });
 
@@ -165,16 +206,7 @@ Object.defineProperty(exports, "AnimateExecutor", {
     get: function() {
         return animate_executor_1.AnimateExecutor;
     }
-});
-
-var register_2 = require("./custom/register");
-
-Object.defineProperty(exports, "registerCustomAnimate", {
-    enumerable: !0,
-    get: function() {
-        return register_2.registerCustomAnimate;
-    }
-}), __exportStar(require("./state"), exports);
+}), __exportStar(require("./custom/register"), exports), __exportStar(require("./state"), exports);
 
 var animation_states_registry_1 = require("./state/animation-states-registry");
 
@@ -210,5 +242,5 @@ Object.defineProperty(exports, "AnimationStateStore", {
     get: function() {
         return animation_state_2.AnimationStateStore;
     }
-});
+}), __exportStar(require("./component"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,sDAAoC;AACpC,uDAAqC;AACrC,qDAAmC;AACnC,mDAAiC;AAGjC,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,uCAA6C;AAApC,2GAAA,eAAe,OAAA;AACxB,wDAAsD;AAA7C,6GAAA,YAAY,OAAA;AACrB,0DAAwD;AAA/C,+GAAA,aAAa,OAAA;AACtB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AAGb,sDAAoC;AACpC,uCAA6C;AAApC,2GAAA,eAAe,OAAA;AACxB,0DAAyD;AAAhD,gHAAA,cAAc,OAAA;AACvB,0CAAgD;AAAvC,uGAAA,aAAa,OAAA;AACtB,kDAAgD;AAAvC,uGAAA,SAAS,OAAA;AAClB,sDAAsH;AAA7G,kHAAA,kBAAkB,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAAE,iHAAA,iBAAiB,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AACtF,kDAAsD;AAA7C,6GAAA,eAAe,OAAA;AACxB,kDAAgE;AAAvD,yGAAA,WAAW,OAAA;AAAE,0GAAA,YAAY,OAAA;AAClC,0CAAwD;AAA/C,+GAAA,qBAAqB,OAAA;AAC9B,gEAA8D;AAArD,mHAAA,eAAe,OAAA;AACxB,8CAA0D;AAAjD,iHAAA,qBAAqB,OAAA;AAE9B,0CAAwB;AACxB,+EAAgF;AAAvE,wIAAA,2BAA2B,OAAA;AACpC,+EAAuE;AAA9D,+HAAA,kBAAkB,OAAA;AAC3B,2DAAgE;AAAvD,wHAAA,qBAAqB,OAAA;AAC9B,2DAA8D;AAArD,sHAAA,mBAAmB,OAAA","file":"index.js","sourcesContent":["// 导出接口\nexport * from './intreface/animate';\nexport * from './intreface/timeline';\nexport * from './intreface/easing';\nexport * from './intreface/type';\n\n// 导出实现\nexport { Animate } from './animate';\nexport { DefaultTimeline } from './timeline';\nexport { ManualTicker } from './ticker/manual-ticker';\nexport { DefaultTicker } from './ticker/default-ticker';\nexport { Step } from './step';\n\n// 导出工具函数\nexport * from './utils/easing-func';\nexport { registerAnimate } from './register';\nexport { ACustomAnimate } from './custom/custom-animate';\nexport { IncreaseCount } from './custom/number';\nexport { InputText } from './custom/input-text';\nexport { ClipGraphicAnimate, ClipAngleAnimate, ClipRadiusAnimate, ClipDirectionAnimate } from './custom/clip-graphic';\nexport { TagPointsUpdate } from './custom/tag-points';\nexport { GroupFadeIn, GroupFadeOut } from './custom/group-fade';\nexport { RotateBySphereAnimate } from './custom/sphere';\nexport { AnimateExecutor } from './executor/animate-executor';\nexport { registerCustomAnimate } from './custom/register';\n// Export animation state modules\nexport * from './state';\nexport { AnimationTransitionRegistry } from './state/animation-states-registry';\nexport { transitionRegistry } from './state/animation-states-registry';\nexport { AnimationStateManager } from './state/animation-state';\nexport { AnimationStateStore } from './state/animation-state';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,uCAA6C;AAApC,2GAAA,eAAe,OAAA;AACxB,wDAAsD;AAA7C,6GAAA,YAAY,OAAA;AACrB,0DAAwD;AAA/C,+GAAA,aAAa,OAAA;AACtB,+BAA6C;AAApC,mGAAA,IAAI,OAAe;AAG5B,sDAAoC;AACpC,uCAA6C;AAApC,2GAAA,eAAe,OAAA;AACxB,0DAA4E;AAAnE,gHAAA,cAAc,OAAA;AAAE,mHAAA,iBAAiB,OAAA;AAC1C,qEAAmE;AAA1D,uHAAA,iBAAiB,OAAA;AAC1B,0CAAgD;AAAvC,uGAAA,aAAa,OAAA;AACtB,8CAAsH;AAA7G,wGAAA,YAAY,OAAA;AAAE,kHAAA,sBAAsB,OAAA;AAAE,2GAAA,eAAe,OAAA;AAAE,2GAAA,eAAe,OAAA;AAAE,qGAAA,SAAS,OAAA;AAC1F,kDAAgD;AAAvC,uGAAA,SAAS,OAAA;AAClB,sDAAsH;AAA7G,kHAAA,kBAAkB,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAAE,iHAAA,iBAAiB,OAAA;AAAE,oHAAA,oBAAoB,OAAA;AACtF,kDAAsD;AAA7C,6GAAA,eAAe,OAAA;AACxB,gDAA+D;AAAtD,wGAAA,WAAW,OAAA;AAAE,yGAAA,YAAY,OAAA;AAClC,0CAAwD;AAA/C,+GAAA,qBAAqB,OAAA;AAC9B,gEAA8D;AAArD,mHAAA,eAAe,OAAA;AAExB,oDAAkC;AAElC,0CAAwB;AACxB,+EAAgF;AAAvE,wIAAA,2BAA2B,OAAA;AACpC,+EAAuE;AAA9D,+HAAA,kBAAkB,OAAA;AAC3B,2DAAgE;AAAvD,wHAAA,qBAAqB,OAAA;AAC9B,2DAA8D;AAArD,sHAAA,mBAAmB,OAAA;AAG5B,8CAA4B","file":"index.js","sourcesContent":["// 导出实现\nexport { Animate } from './animate';\nexport { DefaultTimeline } from './timeline';\nexport { ManualTicker } from './ticker/manual-ticker';\nexport { DefaultTicker } from './ticker/default-ticker';\nexport { Step as AnimateStep } from './step';\n\n// 导出工具函数\nexport * from './utils/easing-func';\nexport { registerAnimate } from './register';\nexport { ACustomAnimate, AComponentAnimate } from './custom/custom-animate';\nexport { ComponentAnimator } from './component/component-animator';\nexport { IncreaseCount } from './custom/number';\nexport { MorphingPath, MultiToOneMorphingPath, oneToMultiMorph, multiToOneMorph, morphPath } from './custom/morphing';\nexport { InputText } from './custom/input-text';\nexport { ClipGraphicAnimate, ClipAngleAnimate, ClipRadiusAnimate, ClipDirectionAnimate } from './custom/clip-graphic';\nexport { TagPointsUpdate } from './custom/tag-points';\nexport { GroupFadeIn, GroupFadeOut } from './custom/groupFade';\nexport { RotateBySphereAnimate } from './custom/sphere';\nexport { AnimateExecutor } from './executor/animate-executor';\nexport type { IAnimationConfig } from './executor/executor';\nexport * from './custom/register';\n// Export animation state modules\nexport * from './state';\nexport { AnimationTransitionRegistry } from './state/animation-states-registry';\nexport { transitionRegistry } from './state/animation-states-registry';\nexport { AnimationStateManager } from './state/animation-state';\nexport { AnimationStateStore } from './state/animation-state';\n\n// Export component animation modules\nexport * from './component';\n"]}

package/cjs/interpolate/store.d.ts

@@ -1,7 +1,8 @@
-import type { IGraphic } from '@visactor/vrender-core';
-import type { IStep } from '../intreface/animate';
+import type { IGraphic, IStep } from '@visactor/vrender-core';
+import type { IPointLike } from '@visactor/vutils';
 export declare class InterpolateUpdateStore {
     opacity: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    baseOpacity: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     fillOpacity: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     strokeOpacity: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     zIndex: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
@@ -17,6 +18,8 @@ export declare class InterpolateUpdateStore {
     height: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     x: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     y: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    dx: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    dy: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     angle: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     scaleX: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     scaleY: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
@@ -27,6 +30,7 @@ export declare class InterpolateUpdateStore {
     outerRadius: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     innerRadius: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
     size: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    points: (key: string, from: IPointLike[], to: IPointLike[], ratio: number, step: IStep, target: IGraphic) => void;
 }
 export declare const interpolateUpdateStore: InterpolateUpdateStore;
 export declare function commonInterpolateUpdate(key: string, from: any, to: any, ratio: number, step: IStep, target: IGraphic): boolean;

package/cjs/interpolate/store.js

@@ -10,6 +10,8 @@ class InterpolateUpdateStore {
     constructor() {
         this.opacity = (key, from, to, ratio, step, target) => {
             target.attribute.opacity = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.baseOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.baseOpacity = (0, number_1.interpolateNumber)(from, to, ratio);
         }, this.fillOpacity = (key, from, to, ratio, step, target) => {
             target.attribute.fillOpacity = (0, number_1.interpolateNumber)(from, to, ratio);
         }, this.strokeOpacity = (key, from, to, ratio, step, target) => {
@@ -27,11 +29,11 @@ class InterpolateUpdateStore {
         }, this.fill = (key, from, to, ratio, step, target) => {
             target.attribute.fill = (0, vrender_core_1.interpolateColor)(from, to, ratio, !1);
         }, this.fillPure = (key, from, to, ratio, step, target) => {
-            target.attribute.fill = (0, vrender_core_1.interpolatePureColorArrayToStr)(step.fromParsedProps.fill, step.toParsedProps.fill, ratio);
+            target.attribute.fill = step.fromParsedProps.fill ? (0, vrender_core_1.interpolatePureColorArrayToStr)(step.fromParsedProps.fill, step.toParsedProps.fill, ratio) : step.toParsedProps.fill;
         }, this.stroke = (key, from, to, ratio, step, target) => {
             target.attribute.stroke = (0, vrender_core_1.interpolateColor)(from, to, ratio, !1);
         }, this.strokePure = (key, from, to, ratio, step, target) => {
-            target.attribute.stroke = (0, vrender_core_1.interpolatePureColorArrayToStr)(step.fromParsedProps.stroke, step.toParsedProps.stroke, ratio);
+            target.attribute.stroke = step.fromParsedProps.stroke ? (0, vrender_core_1.interpolatePureColorArrayToStr)(step.fromParsedProps.stroke, step.toParsedProps.stroke, ratio) : step.toParsedProps.stroke;
         }, this.width = (key, from, to, ratio, step, target) => {
             target.attribute.width = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
         }, this.height = (key, from, to, ratio, step, target) => {
@@ -42,6 +44,12 @@ class InterpolateUpdateStore {
         }, this.y = (key, from, to, ratio, step, target) => {
             target.attribute.y = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
             target.addUpdatePositionTag();
+        }, this.dx = (key, from, to, ratio, step, target) => {
+            target.attribute.dx = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.dy = (key, from, to, ratio, step, target) => {
+            target.attribute.dy = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
         }, this.angle = (key, from, to, ratio, step, target) => {
             target.attribute.angle = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
             target.addUpdatePositionTag();
@@ -68,6 +76,9 @@ class InterpolateUpdateStore {
             target.addUpdateBoundTag();
         }, this.size = (key, from, to, ratio, step, target) => {
             target.attribute.size = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        }, this.points = (key, from, to, ratio, step, target) => {
+            target.attribute.points = (0, vrender_core_1.pointsInterpolation)(from, to, ratio), 
+            target.addUpdateBoundTag();
         };
     }
 }

package/cjs/interpolate/store.js.map

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

package/cjs/register.js

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

package/cjs/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/register.ts"],"names":[],"mappings":";;;AAAA,yDAAiD;AACjD,uCAAoC;AACpC,yCAA8D;AAC9D,4DAAwD;AACxD,6CAAyC;AACzC,iEAAkE;AAClE,2DAAuD;AAEvD,SAAgB,eAAe;IAC7B,IAAI,CAAE,sBAAe,CAAC,OAAO,EAAE;QAC5B,sBAAe,CAAC,OAAO,GAAG,iBAAO,CAAC;KACpC;IACD,IAAI,CAAE,sBAAe,CAAC,QAAQ,EAAE;QAC7B,sBAAe,CAAC,QAAQ,GAAG,0BAAe,CAAC;KAC7C;IACD,IAAI,CAAE,sBAAe,CAAC,eAAe,EAAE;QACpC,sBAAe,CAAC,eAAe,GAAG,0BAAe,CAAC;KACpD;IACD,IAAI,CAAE,sBAAe,CAAC,MAAM,EAAE;QAC3B,sBAAe,CAAC,MAAM,GAAG,8BAAa,CAAC;KACzC;IAGD,IAAA,cAAK,EAAC,sBAAO,EAAE,yCAAqB,CAAC,CAAC;IACtC,IAAA,cAAK,EAAC,sBAAO,EAAE,oCAAgB,CAAC,CAAC;AACnC,CAAC;AAjBD,0CAiBC","file":"register.js","sourcesContent":["import { Graphic } from '@visactor/vrender-core';\nimport { Animate } from './animate';\nimport { defaultTimeline, DefaultTimeline } from './timeline';\nimport { DefaultTicker } from './ticker/default-ticker';\nimport { mixin } from '@visactor/vutils';\nimport { GraphicStateExtension } from './state/graphic-extension';\nimport { AnimateExtension } from './animate-extension';\n\nexport function registerAnimate() {\n  if (!(Graphic as any).Animate) {\n    (Graphic as any).Animate = Animate;\n  }\n  if (!(Graphic as any).Timeline) {\n    (Graphic as any).Timeline = DefaultTimeline;\n  }\n  if (!(Graphic as any).defaultTimeline) {\n    (Graphic as any).defaultTimeline = defaultTimeline;\n  }\n  if (!(Graphic as any).Ticker) {\n    (Graphic as any).Ticker = DefaultTicker;\n  }\n\n  // Mix in animation state methods to Graphic prototype\n  mixin(Graphic, GraphicStateExtension);\n  mixin(Graphic, AnimateExtension);\n}\n"]}
+{"version":3,"sources":["../src/register.ts"],"names":[],"mappings":";;;AAAA,yDAAiD;AACjD,6CAAyC;AACzC,iEAAkE;AAClE,2DAAuD;AAEvD,SAAgB,eAAe;IAE7B,IAAA,cAAK,EAAC,sBAAO,EAAE,yCAAqB,CAAC,CAAC;IACtC,IAAA,cAAK,EAAC,sBAAO,EAAE,oCAAgB,CAAC,CAAC;AACnC,CAAC;AAJD,0CAIC","file":"register.js","sourcesContent":["import { Graphic } from '@visactor/vrender-core';\nimport { mixin } from '@visactor/vutils';\nimport { GraphicStateExtension } from './state/graphic-extension';\nimport { AnimateExtension } from './animate-extension';\n\nexport function registerAnimate() {\n  // Mix in animation state methods to Graphic prototype\n  mixin(Graphic, GraphicStateExtension);\n  mixin(Graphic, AnimateExtension);\n}\n"]}

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

@@ -2,6 +2,19 @@ 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 const AnimationStates: {
+    APPEAR: string;
+    DISAPPEAR: string;
+    UPDATE: string;
+    HIGHLIGHT: string;
+    UNHIGHLIGHT: string;
+    SELECT: string;
+    UNSELECT: string;
+    HOVER: string;
+    UNHOVER: string;
+    ACTIVE: string;
+    INACTIVE: string;
+};
 export declare class AnimationStateStore {
     graphic: IGraphic;
     constructor(graphic: IGraphic);
@@ -11,14 +24,19 @@ export declare class AnimationStateStore {
 }
 interface IStateInfo {
     state: string;
-    animationConfig: IAnimationConfig;
+    animationConfig: IAnimationConfig | 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;
+    applyState(nextState: string[], animationConfig: (IAnimationState | IAnimationState[])[], callback?: (empty?: boolean) => void): void;
+    applyAppearState(animationConfig: IAnimationConfig, callback?: () => void): void;
+    applyDisappearState(animationConfig: IAnimationConfig, callback?: () => void): void;
+    applyUpdateState(animationConfig: IAnimationConfig, callback?: () => void): void;
+    applyHighlightState(animationConfig: IAnimationConfig, callback?: () => void): void;
+    applyUnhighlightState(animationConfig: IAnimationConfig, callback?: () => void): void;
     stopState(state: string, type?: 'start' | 'end' | Record<string, any>): void;
     clearState(): void;
 }

package/cjs/state/animation-state.js

@@ -2,9 +2,23 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.AnimationStateManager = exports.AnimationStateStore = void 0;
+}), exports.AnimationStateManager = exports.AnimationStateStore = exports.AnimationStates = void 0;
 
-const animation_states_registry_1 = require("./animation-states-registry"), animate_executor_1 = require("../executor/animate-executor");
+const animation_states_registry_1 = require("./animation-states-registry"), animate_executor_1 = require("../executor/animate-executor"), vutils_1 = require("@visactor/vutils");
+
+exports.AnimationStates = {
+    APPEAR: "appear",
+    DISAPPEAR: "disappear",
+    UPDATE: "update",
+    HIGHLIGHT: "highlight",
+    UNHIGHLIGHT: "unhighlight",
+    SELECT: "select",
+    UNSELECT: "unselect",
+    HOVER: "hover",
+    UNHOVER: "unhover",
+    ACTIVE: "active",
+    INACTIVE: "inactive"
+};
 
 class AnimationStateStore {
     constructor(graphic) {
@@ -37,7 +51,7 @@ class AnimationStateManager {
                 result.allowTransition = result.allowTransition && _result.allowTransition;
             })), result.allowTransition && (shouldApplyState.push({
                 state: state,
-                animationConfig: animationConfig[index].animation,
+                animationConfig: (0, vutils_1.isArray)(animationConfig[index]) ? animationConfig[index].map((item => item.animation)) : animationConfig[index].animation,
                 executor: new animate_executor_1.AnimateExecutor(this.graphic)
             }), this.stateList.forEach((currState => {
                 registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
@@ -45,7 +59,7 @@ class AnimationStateManager {
         })) : nextState.forEach(((state, index) => {
             shouldApplyState.push({
                 state: state,
-                animationConfig: animationConfig[index].animation,
+                animationConfig: (0, vutils_1.isArray)(animationConfig[index]) ? animationConfig[index].map((item => item.animation)) : animationConfig[index].animation,
                 executor: new animate_executor_1.AnimateExecutor(this.graphic)
             });
         })), shouldStopState.forEach((state => {
@@ -63,6 +77,36 @@ class AnimationStateManager {
         this.stateList ? this.stateList = this.stateList.filter((state => !shouldStopState.includes(state))) : this.stateList = [], 
         this.stateList.push(...shouldApplyState);
     }
+    applyAppearState(animationConfig, callback) {
+        this.applyState([ exports.AnimationStates.APPEAR ], [ {
+            name: exports.AnimationStates.APPEAR,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyDisappearState(animationConfig, callback) {
+        this.applyState([ exports.AnimationStates.DISAPPEAR ], [ {
+            name: exports.AnimationStates.DISAPPEAR,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyUpdateState(animationConfig, callback) {
+        this.applyState([ exports.AnimationStates.UPDATE ], [ {
+            name: exports.AnimationStates.UPDATE,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyHighlightState(animationConfig, callback) {
+        this.applyState([ exports.AnimationStates.HIGHLIGHT ], [ {
+            name: exports.AnimationStates.HIGHLIGHT,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyUnhighlightState(animationConfig, callback) {
+        this.applyState([ exports.AnimationStates.UNHIGHLIGHT ], [ {
+            name: exports.AnimationStates.UNHIGHLIGHT,
+            animation: animationConfig
+        } ], callback);
+    }
     stopState(state, type) {
         var _a;
         const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find((stateInfo => stateInfo.state === state));

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/state/animation-state.ts"],"names":[],"mappings":"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","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"]}
+{"version":3,"sources":["../src/state/animation-state.ts"],"names":[],"mappings":"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","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';\nimport { isArray } from '@visactor/vutils';\n\n// Standard animation state names\nexport const AnimationStates = {\n  APPEAR: 'appear',\n  DISAPPEAR: 'disappear',\n  UPDATE: 'update',\n  HIGHLIGHT: 'highlight',\n  UNHIGHLIGHT: 'unhighlight',\n  SELECT: 'select',\n  UNSELECT: 'unselect',\n  HOVER: 'hover',\n  UNHOVER: 'unhover',\n  ACTIVE: 'active',\n  INACTIVE: 'inactive'\n};\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 | 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(\n    nextState: string[],\n    animationConfig: (IAnimationState | IAnimationState[])[],\n    callback?: (empty?: boolean) => void\n  ): 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: isArray(animationConfig[index])\n            ? (animationConfig[index] as IAnimationState[]).map(item => item.animation)\n            : (animationConfig[index] as IAnimationState).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: isArray(animationConfig[index])\n              ? (animationConfig[index] as IAnimationState[]).map(item => item.animation)\n              : (animationConfig[index] as IAnimationState).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  /**\n   * Apply a standard appear animation to the graphic\n   * @param animationConfig Animation configuration\n   * @param callback Callback to be called when animation ends\n   */\n  applyAppearState(animationConfig: IAnimationConfig, callback?: () => void): void {\n    this.applyState([AnimationStates.APPEAR], [{ name: AnimationStates.APPEAR, animation: animationConfig }], callback);\n  }\n\n  /**\n   * Apply a standard disappear animation to the graphic\n   * @param animationConfig Animation configuration\n   * @param callback Callback to be called when animation ends\n   */\n  applyDisappearState(animationConfig: IAnimationConfig, callback?: () => void): void {\n    this.applyState(\n      [AnimationStates.DISAPPEAR],\n      [{ name: AnimationStates.DISAPPEAR, animation: animationConfig }],\n      callback\n    );\n  }\n\n  /**\n   * Apply a standard update animation to the graphic\n   * @param animationConfig Animation configuration\n   * @param callback Callback to be called when animation ends\n   */\n  applyUpdateState(animationConfig: IAnimationConfig, callback?: () => void): void {\n    this.applyState([AnimationStates.UPDATE], [{ name: AnimationStates.UPDATE, animation: animationConfig }], callback);\n  }\n\n  /**\n   * Apply a standard highlight animation to the graphic\n   * @param animationConfig Animation configuration\n   * @param callback Callback to be called when animation ends\n   */\n  applyHighlightState(animationConfig: IAnimationConfig, callback?: () => void): void {\n    this.applyState(\n      [AnimationStates.HIGHLIGHT],\n      [{ name: AnimationStates.HIGHLIGHT, animation: animationConfig }],\n      callback\n    );\n  }\n\n  /**\n   * Apply a standard unhighlight animation to the graphic\n   * @param animationConfig Animation configuration\n   * @param callback Callback to be called when animation ends\n   */\n  applyUnhighlightState(animationConfig: IAnimationConfig, callback?: () => void): void {\n    this.applyState(\n      [AnimationStates.UNHIGHLIGHT],\n      [{ name: AnimationStates.UNHIGHLIGHT, animation: animationConfig }],\n      callback\n    );\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/cjs/state/animation-states-registry.js

@@ -67,6 +67,24 @@ class AnimationTransitionRegistry {
         }))), this.registerTransition("disappear", "appear", (() => ({
             allowTransition: !0,
             stopOriginalTransition: !0
+        }))), this.registerTransition("update", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("update", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("update", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("state", "*", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !1
+        }))), this.registerTransition("state", "disappear", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
+        }))), this.registerTransition("state", "exit", (() => ({
+            allowTransition: !0,
+            stopOriginalTransition: !0
         })));
     }
     isTransitionAllowed(fromState, toState, graphic) {

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

@@ -1 +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"]}
+{"version":3,"sources":["../src/state/animation-states-registry.ts"],"names":[],"mappings":";;;AAgBA,MAAa,2BAA2B;IAMtC;QAFQ,gBAAW,GAAiD,IAAI,GAAG,EAAE,CAAC;QAG5E,IAAI,CAAC,0BAA0B,EAAE,CAAC;IACpC,CAAC;IAKD,MAAM,CAAC,WAAW;QAChB,IAAI,CAAC,2BAA2B,CAAC,QAAQ,EAAE;YACzC,2BAA2B,CAAC,QAAQ,GAAG,IAAI,2BAA2B,EAAE,CAAC;SAC1E;QACD,OAAO,2BAA2B,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAKO,0BAA0B;QAEhC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC5C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YACjD,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC5C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YACjD,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC1C,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YAClD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;YAC9C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC7C,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC3C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YACnD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC9C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,eAAe,EAAE,KAAK;YACtB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC5C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YACpD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC/C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAGJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;YAC3C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,KAAK;SAC9B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YACnD,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;YAC9C,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC,CAAC,CAAC;IACN,CAAC;IAKD,mBAAmB,CAAC,SAAiB,EAAE,OAAe,EAAE,OAAiB;;QAEvE,IAAI,IAAI,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,0CAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QACzD,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACjC;QAGD,IAAI,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,0CAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QACjD,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACjC;QAGD,IAAI,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,0CAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACjC;QAGD,IAAI,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,0CAAE,GAAG,CAAC,GAAG,CAAC,CAAC;QAC3C,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACjC;QAGD,OAAO;YACL,eAAe,EAAE,IAAI;YACrB,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAKD,kBAAkB,CAAC,SAAiB,EAAE,OAAe,EAAE,UAA8B;QACnF,IAAI,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEnD,IAAI,CAAC,YAAY,EAAE;YACjB,YAAY,GAAG,IAAI,GAAG,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;SAC/C;QAED,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACxC,CAAC;CACF;AAjMD,kEAiMC;AAGD,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,WAAW,EAAE,CAAC;AAE5D,gDAAkB","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    this.registerTransition('update', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // update动画碰到disappear动画，会停止，也会被覆盖\n    this.registerTransition('update', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // update动画碰到exit动画，会停止，也会被覆盖\n    this.registerTransition('update', 'exit', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n\n    // state动画，可以被任何动画覆盖，但不会停止（disappear、exit除外）\n    this.registerTransition('state', '*', () => ({\n      allowTransition: true,\n      stopOriginalTransition: false\n    }));\n    // state动画碰到disappear动画，会停止，也会被覆盖\n    this.registerTransition('state', 'disappear', () => ({\n      allowTransition: true,\n      stopOriginalTransition: true\n    }));\n    // state动画碰到exit动画，会停止，也会被覆盖\n    this.registerTransition('state', 'exit', () => ({\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/cjs/state/graphic-extension.d.ts

@@ -1,11 +1,17 @@
 import type { IGraphic } from '@visactor/vrender-core';
 import type { IAnimationState } from './types';
 import { AnimationStateManager, AnimationStateStore } from './animation-state';
+import type { IAnimationConfig } from '../executor/executor';
 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;
+    applyAnimationState(state: string[], animationConfig: (IAnimationState | IAnimationState[])[], callback?: (empty?: boolean) => void): this;
+    applyAppearState(animationConfig: IAnimationConfig, callback?: () => void): this;
+    applyDisappearState(animationConfig: IAnimationConfig, callback?: () => void): this;
+    applyUpdateState(animationConfig: IAnimationConfig, callback?: () => void): this;
+    applyHighlightState(animationConfig: IAnimationConfig, callback?: () => void): this;
+    applyUnhighlightState(animationConfig: IAnimationConfig, callback?: () => void): this;
     stopAnimationState(state: string, type?: 'start' | 'end' | Record<string, any>): this;
     clearAnimationStates(): this;
     static extend(graphic: IGraphic): IGraphic;