@visactor/vrender-animate 0.22.4 → 0.22.12

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC","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,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAG7C,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtH,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,cAAc,mBAAmB,CAAC;AAElC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,cAAc,aAAa,CAAC","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/es/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/es/interpolate/store.js

@@ -1,4 +1,4 @@
-import { interpolateColor, interpolatePureColorArrayToStr } from "@visactor/vrender-core";
+import { interpolateColor, interpolatePureColorArrayToStr, pointsInterpolation } from "@visactor/vrender-core";
 
 import { interpolateNumber } from "./number";
 
@@ -6,6 +6,8 @@ export class InterpolateUpdateStore {
     constructor() {
         this.opacity = (key, from, to, ratio, step, target) => {
             target.attribute.opacity = interpolateNumber(from, to, ratio);
+        }, this.baseOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.baseOpacity = interpolateNumber(from, to, ratio);
         }, this.fillOpacity = (key, from, to, ratio, step, target) => {
             target.attribute.fillOpacity = interpolateNumber(from, to, ratio);
         }, this.strokeOpacity = (key, from, to, ratio, step, target) => {
@@ -23,11 +25,11 @@ export class InterpolateUpdateStore {
         }, this.fill = (key, from, to, ratio, step, target) => {
             target.attribute.fill = interpolateColor(from, to, ratio, !1);
         }, this.fillPure = (key, from, to, ratio, step, target) => {
-            target.attribute.fill = interpolatePureColorArrayToStr(step.fromParsedProps.fill, step.toParsedProps.fill, ratio);
+            target.attribute.fill = step.fromParsedProps.fill ? interpolatePureColorArrayToStr(step.fromParsedProps.fill, step.toParsedProps.fill, ratio) : step.toParsedProps.fill;
         }, this.stroke = (key, from, to, ratio, step, target) => {
             target.attribute.stroke = interpolateColor(from, to, ratio, !1);
         }, this.strokePure = (key, from, to, ratio, step, target) => {
-            target.attribute.stroke = interpolatePureColorArrayToStr(step.fromParsedProps.stroke, step.toParsedProps.stroke, ratio);
+            target.attribute.stroke = step.fromParsedProps.stroke ? interpolatePureColorArrayToStr(step.fromParsedProps.stroke, step.toParsedProps.stroke, ratio) : step.toParsedProps.stroke;
         }, this.width = (key, from, to, ratio, step, target) => {
             target.attribute.width = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
         }, this.height = (key, from, to, ratio, step, target) => {
@@ -38,6 +40,12 @@ export class InterpolateUpdateStore {
         }, this.y = (key, from, to, ratio, step, target) => {
             target.attribute.y = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
             target.addUpdatePositionTag();
+        }, this.dx = (key, from, to, ratio, step, target) => {
+            target.attribute.dx = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.dy = (key, from, to, ratio, step, target) => {
+            target.attribute.dy = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
         }, this.angle = (key, from, to, ratio, step, target) => {
             target.attribute.angle = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), 
             target.addUpdatePositionTag();
@@ -61,6 +69,8 @@ export class InterpolateUpdateStore {
             target.attribute.innerRadius = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
         }, this.size = (key, from, to, ratio, step, target) => {
             target.attribute.size = interpolateNumber(from, to, ratio), target.addUpdateBoundTag();
+        }, this.points = (key, from, to, ratio, step, target) => {
+            target.attribute.points = pointsInterpolation(from, to, ratio), target.addUpdateBoundTag();
         };
     }
 }

package/es/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/es/register.js

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

package/es/register.js.map

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

@@ -2,6 +2,22 @@ import { AnimationTransitionRegistry } from "./animation-states-registry";
 
 import { AnimateExecutor } from "../executor/animate-executor";
 
+import { isArray } from "@visactor/vutils";
+
+export const AnimationStates = {
+    APPEAR: "appear",
+    DISAPPEAR: "disappear",
+    UPDATE: "update",
+    HIGHLIGHT: "highlight",
+    UNHIGHLIGHT: "unhighlight",
+    SELECT: "select",
+    UNSELECT: "unselect",
+    HOVER: "hover",
+    UNHOVER: "unhover",
+    ACTIVE: "active",
+    INACTIVE: "inactive"
+};
+
 export class AnimationStateStore {
     constructor(graphic) {
         this.graphic = graphic;
@@ -31,7 +47,7 @@ export class AnimationStateManager {
                 result.allowTransition = result.allowTransition && _result.allowTransition;
             })), result.allowTransition && (shouldApplyState.push({
                 state: state,
-                animationConfig: animationConfig[index].animation,
+                animationConfig: isArray(animationConfig[index]) ? animationConfig[index].map((item => item.animation)) : animationConfig[index].animation,
                 executor: new AnimateExecutor(this.graphic)
             }), this.stateList.forEach((currState => {
                 registry.isTransitionAllowed(currState.state, state, this.graphic).stopOriginalTransition && shouldStopState.push(currState);
@@ -39,7 +55,7 @@ export class AnimationStateManager {
         })) : nextState.forEach(((state, index) => {
             shouldApplyState.push({
                 state: state,
-                animationConfig: animationConfig[index].animation,
+                animationConfig: isArray(animationConfig[index]) ? animationConfig[index].map((item => item.animation)) : animationConfig[index].animation,
                 executor: new AnimateExecutor(this.graphic)
             });
         })), shouldStopState.forEach((state => {
@@ -57,6 +73,36 @@ export class AnimationStateManager {
         this.stateList ? this.stateList = this.stateList.filter((state => !shouldStopState.includes(state))) : this.stateList = [], 
         this.stateList.push(...shouldApplyState);
     }
+    applyAppearState(animationConfig, callback) {
+        this.applyState([ AnimationStates.APPEAR ], [ {
+            name: AnimationStates.APPEAR,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyDisappearState(animationConfig, callback) {
+        this.applyState([ AnimationStates.DISAPPEAR ], [ {
+            name: AnimationStates.DISAPPEAR,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyUpdateState(animationConfig, callback) {
+        this.applyState([ AnimationStates.UPDATE ], [ {
+            name: AnimationStates.UPDATE,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyHighlightState(animationConfig, callback) {
+        this.applyState([ AnimationStates.HIGHLIGHT ], [ {
+            name: AnimationStates.HIGHLIGHT,
+            animation: animationConfig
+        } ], callback);
+    }
+    applyUnhighlightState(animationConfig, callback) {
+        this.applyState([ AnimationStates.UNHIGHLIGHT ], [ {
+            name: 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/es/state/animation-state.js.map

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

@@ -61,6 +61,24 @@ export 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/es/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":"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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    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/es/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;

package/es/state/graphic-extension.js

@@ -16,6 +16,26 @@ export class GraphicStateExtension {
         return this._getAnimationStateManager(this).applyState(state, animationConfig, callback), 
         this;
     }
+    applyAppearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyAppearState(animationConfig, callback), 
+        this;
+    }
+    applyDisappearState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyDisappearState(animationConfig, callback), 
+        this;
+    }
+    applyUpdateState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUpdateState(animationConfig, callback), 
+        this;
+    }
+    applyHighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyHighlightState(animationConfig, callback), 
+        this;
+    }
+    applyUnhighlightState(animationConfig, callback) {
+        return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), 
+        this;
+    }
     stopAnimationState(state, type) {
         return this._getAnimationStateManager(this).stopState(state, type), this;
     }

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

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

package/es/step.d.ts

@@ -1,8 +1,6 @@
-import { type IGraphic } from '@visactor/vrender-core';
-import type { IAnimate, IStep } from './intreface/animate';
-import type { EasingType, EasingTypeFunc } from './intreface/easing';
-import type { IAnimateStepType } from './intreface/type';
+import { type IGraphic, type IAnimate, type IStep, type EasingType, type EasingTypeFunc, type IAnimateStepType } from '@visactor/vrender-core';
 export declare class Step implements IStep {
+    id: number;
     type: IAnimateStepType;
     prev?: IStep;
     duration: number;
@@ -19,6 +17,7 @@ export declare class Step implements IStep {
     protected _startTime: number;
     _hasFirstRun: boolean;
     protected _endCb?: (animate: IAnimate, step: IStep) => void;
+    syncAttributeUpdate: () => void;
     constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
     bind(target: IGraphic, animate: IAnimate): void;
     append(step: IStep): void;
@@ -30,6 +29,7 @@ export declare class Step implements IStep {
     setStartTime(time: number, updateDownstream?: boolean): void;
     getStartTime(): number;
     onBind(): void;
+    _syncAttributeUpdate: () => void;
     onFirstRun(): void;
     onStart(): void;
     protected tryPreventConflict(): void;
@@ -41,9 +41,12 @@ export declare class Step implements IStep {
     getEndProps(): Record<string, any>;
     getFromProps(): Record<string, any>;
     getMergedEndProps(): Record<string, any> | void;
+    stop(): void;
 }
 export declare class WaitStep extends Step {
     constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType);
+    onStart(): void;
+    onFirstRun(): void;
     update(end: boolean, ratio: number, out: Record<string, any>): void;
     determineInterpolateUpdateFunction(): void;
 }