@visactor/vrender-animate 0.23.0-alpha.2 → 1.0.0-alpha.1

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) => {
@@ -68,6 +70,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  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/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/cjs/state/graphic-extension.js

@@ -22,6 +22,26 @@ 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/cjs/state/graphic-extension.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/state/graphic-extension.ts"],"names":[],"mappings":";;;AAEA,uDAA+E;AAK/E,MAAa,qBAAqB;IAChC,yBAAyB,CAAC,OAAiB;QACzC,IAAI,CAAE,OAAe,CAAC,sBAAsB,EAAE;YAE3C,OAAe,CAAC,sBAAsB,GAAG,IAAI,uCAAqB,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,qCAAmB,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;AA/DD,sDA+DC","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,uDAA+E;AAM/E,MAAa,qBAAqB;IAChC,yBAAyB,CAAC,OAAiB;QACzC,IAAI,CAAE,OAAe,CAAC,sBAAsB,EAAE;YAE3C,OAAe,CAAC,sBAAsB,GAAG,IAAI,uCAAqB,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,qCAAmB,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;AArHD,sDAqHC","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/cjs/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;
@@ -41,6 +39,7 @@ 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);

package/cjs/step.js

@@ -12,7 +12,7 @@ class Step {
     constructor(type, props, duration, easing) {
         this._startTime = 0, this._hasFirstRun = !1, this.type = type, this.props = props, 
         this.duration = duration, this.easing = easing ? "function" == typeof easing ? easing : easing_1.Easing[easing] : easing_1.Easing.linear, 
-        "wait" === type && (this.onUpdate = noop);
+        "wait" === type && (this.onUpdate = noop), this.id = vrender_core_1.Generator.GenAutoIncrementId();
     }
     bind(target, animate) {
         this.target = target, this.animate = animate, this.onBind();
@@ -40,13 +40,12 @@ class Step {
         const funcs = [];
         this.propKeys.forEach((key => {
             if ("fill" === key || "stroke" === key) {
-                const from = this.getLastProps()[key], to = this.props[key];
+                const from = this.fromProps[key], to = this.props[key];
                 if ((0, vutils_1.isString)(from) && (0, vutils_1.isString)(to)) {
                     const fromArray = vrender_core_1.ColorStore.Get(from, vrender_core_1.ColorType.Color255), toArray = vrender_core_1.ColorStore.Get(to, vrender_core_1.ColorType.Color255);
                     this.fromParsedProps || (this.fromParsedProps = {}), this.toParsedProps || (this.toParsedProps = {}), 
-                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray;
-                }
-                funcs.push(store_1.interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+                    this.fromParsedProps[key] = fromArray, this.toParsedProps[key] = toArray, funcs.push(store_1.interpolateUpdateStore["fill" === key ? "fillPure" : "strokePure"]);
+                } else store_1.interpolateUpdateStore[key] ? funcs.push(store_1.interpolateUpdateStore[key]) : funcs.push(store_1.commonInterpolateUpdate);
             } else store_1.interpolateUpdateStore[key] ? funcs.push(store_1.interpolateUpdateStore[key]) : funcs.push(store_1.commonInterpolateUpdate);
         })), this.interpolateUpdateFunctions = funcs;
     }
@@ -59,9 +58,15 @@ class Step {
     onBind() {}
     onFirstRun() {}
     onStart() {
-        this._hasFirstRun || (this._hasFirstRun = !0, this.fromProps = this.getLastProps(), 
-        this.determineInterpolateUpdateFunction(), this.tryPreventConflict(), this.trySyncStartProps(), 
-        this.onFirstRun());
+        if (!this._hasFirstRun) {
+            this._hasFirstRun = !0, this.fromProps = this.getLastProps();
+            const startProps = this.animate.getStartProps();
+            this.propKeys && this.propKeys.forEach((key => {
+                var _a;
+                this.fromProps[key] = null !== (_a = this.fromProps[key]) && void 0 !== _a ? _a : startProps[key];
+            })), this.determineInterpolateUpdateFunction(), this.tryPreventConflict(), this.trySyncStartProps(), 
+            this.onFirstRun();
+        }
     }
     tryPreventConflict() {
         const animate = this.animate;
@@ -95,7 +100,7 @@ class Step {
     }
     onUpdate(end, ratio, out) {}
     onEnd(cb) {
-        cb ? this._endCb = cb : this._endCb && (this.target.setAttributes(this.props), this._endCb(this.animate, this));
+        this.target.setAttributes(this.props), cb ? this._endCb = cb : this._endCb && this._endCb(this.animate, this);
     }
     getEndProps() {
         return this.props;
@@ -106,6 +111,7 @@ class Step {
     getMergedEndProps() {
         return this.getEndProps();
     }
+    stop() {}
 }
 
 exports.Step = Step;

package/cjs/step.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/step.ts"],"names":[],"mappings":"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","file":"step.js","sourcesContent":["import { ColorStore, ColorType, type IGraphic } from '@visactor/vrender-core';\nimport type { IAnimate, IStep } from './intreface/animate';\nimport type { EasingType, EasingTypeFunc } from './intreface/easing';\nimport type { IAnimateStepType } from './intreface/type';\nimport { Easing } from './utils/easing';\nimport { commonInterpolateUpdate, interpolateUpdateStore } from './interpolate/store';\nimport { isString } from '@visactor/vutils';\n\nfunction noop() {\n  //...\n}\n\nexport class Step implements IStep {\n  type: IAnimateStepType;\n  prev?: IStep;\n  duration: number;\n  next?: IStep;\n  props?: Record<string, any>;\n  propKeys?: string[];\n  interpolateUpdateFunctions?: ((\n    key: string,\n    from: number,\n    to: number,\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => void)[];\n  easing: EasingTypeFunc;\n  animate: IAnimate;\n  target: IGraphic;\n  fromProps: Record<string, any>;\n  fromParsedProps: Record<string, any>;\n  toParsedProps: Record<string, any>;\n\n  // 内部状态\n  protected _startTime: number = 0;\n  _hasFirstRun: boolean = false;\n\n  protected _endCb?: (animate: IAnimate, step: IStep) => void;\n\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    this.type = type;\n    this.props = props;\n    this.duration = duration;\n    // 设置缓动函数\n    if (easing) {\n      this.easing = typeof easing === 'function' ? easing : Easing[easing];\n    } else {\n      this.easing = Easing.linear;\n    }\n    if (type === 'wait') {\n      this.onUpdate = noop;\n    }\n  }\n\n  bind(target: IGraphic, animate: IAnimate): void {\n    this.target = target;\n    this.animate = animate;\n    this.onBind();\n  }\n\n  append(step: IStep): void {\n    this.next = step;\n    step.prev = this;\n\n    // 更新绝对时间\n    step.setStartTime(this.getStartTime() + this.duration, false);\n  }\n\n  // 更新下游节点的开始时间\n  private updateDownstreamStartTimes(): void {\n    let currentStep = this.next;\n    let currentStartTime = this._startTime + this.duration;\n\n    while (currentStep) {\n      currentStep.setStartTime(currentStartTime, false);\n      currentStartTime += currentStep.duration;\n      currentStep = currentStep.next;\n    }\n    this.animate.updateDuration();\n  }\n\n  getLastProps(): any {\n    if (this.prev) {\n      return this.prev.props || {};\n    }\n    return this.animate.getStartProps();\n  }\n\n  setDuration(duration: number, updateDownstream: boolean = true): void {\n    this.duration = duration;\n\n    // 如果有后续节点，更新所有后续节点的开始时间\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getDuration(): number {\n    return this.duration;\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    // 根据属性类型确定插值更新函数\n    // 这里可以进行优化，例如缓存不同类型属性的插值更新函数\n    if (!this.props) {\n      return;\n    }\n\n    const funcs: ((key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void)[] = [];\n    this.propKeys.forEach(key => {\n      // 普通颜色特殊处理，需要提前解析成number[]\n      if (key === 'fill' || key === 'stroke') {\n        const from = this.getLastProps()[key];\n        const to = this.props[key];\n        if (isString(from) && isString(to)) {\n          const fromArray = ColorStore.Get(from, ColorType.Color255);\n          const toArray = ColorStore.Get(to, ColorType.Color255);\n          if (!this.fromParsedProps) {\n            this.fromParsedProps = {};\n          }\n          if (!this.toParsedProps) {\n            this.toParsedProps = {};\n          }\n          this.fromParsedProps[key] = fromArray;\n          this.toParsedProps[key] = toArray;\n        }\n        funcs.push((interpolateUpdateStore as any)[key === 'fill' ? 'fillPure' : 'strokePure']);\n      } else if ((interpolateUpdateStore as any)[key]) {\n        funcs.push((interpolateUpdateStore as any)[key]);\n      } else {\n        funcs.push(commonInterpolateUpdate);\n      }\n    });\n    this.interpolateUpdateFunctions = funcs;\n  }\n\n  setStartTime(time: number, updateDownstream: boolean = true): void {\n    this._startTime = time;\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getStartTime(): number {\n    return this._startTime;\n  }\n\n  onBind(): void {\n    // 在第一次绑定到Animate的时候触发\n  }\n\n  /**\n   * 首次运行逻辑\n   * 如果跳帧了就不一定会执行\n   */\n  onFirstRun(): void {\n    // 首次运行逻辑\n  }\n\n  /**\n   * 开始执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onStart(): void {\n    if (!this._hasFirstRun) {\n      this._hasFirstRun = true;\n      // 获取上一步的属性值作为起始值\n      this.fromProps = this.getLastProps();\n      this.determineInterpolateUpdateFunction();\n      this.tryPreventConflict();\n      this.trySyncStartProps();\n      this.onFirstRun();\n    }\n  }\n\n  protected tryPreventConflict(): void {\n    // 屏蔽掉之前动画冲突的属性\n    const animate = this.animate;\n    const target = this.target;\n    target.animates.forEach((a: any) => {\n      if (a === animate || a.priority > animate.priority) {\n        return;\n      }\n      const fromProps = a.getStartProps();\n      this.propKeys.forEach(key => {\n        if (fromProps[key] != null) {\n          a.preventAttr(key);\n        }\n      });\n    });\n  }\n\n  /**\n   * 删除自身属性，会直接从props等内容里删除掉\n   */\n  deleteSelfAttr(key: string): void {\n    delete this.props[key];\n    // fromProps在动画开始时才会计算，这时可能不在\n    this.fromProps && delete this.fromProps[key];\n    const index = this.propKeys.indexOf(key);\n    if (index !== -1) {\n      this.propKeys.splice(index, 1);\n      this.interpolateUpdateFunctions?.splice(index, 1);\n    }\n  }\n\n  /**\n   * 尝试同步startProps，因为当前animate的startProps仅包含当前animate的信息，不排除过程中有其他animate的干扰\n   * 所以为了避免属性突变，需要确保startProps的属性值是最新的\n   */\n  trySyncStartProps(): void {\n    this.propKeys.forEach(key => {\n      this.fromProps[key] = this.animate.target.getComputedAttribute(key);\n    });\n  }\n\n  /**\n   * 更新执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // ...\n  }\n\n  /**\n   * 结束执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    if (cb) {\n      this._endCb = cb;\n    } else if (this._endCb) {\n      this.target.setAttributes(this.props);\n      this._endCb(this.animate, this);\n    }\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的\n   * @returns\n   */\n  getEndProps(): Record<string, any> {\n    return this.props;\n  }\n\n  /**\n   * 获取开始的属性，是前序的终值\n   * @returns\n   */\n  getFromProps(): Record<string, any> {\n    return this.fromProps;\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的，同getEndProps\n   * @returns\n   */\n  getMergedEndProps(): Record<string, any> | void {\n    return this.getEndProps();\n  }\n}\n\nexport class WaitStep extends Step {\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    super(type, props, duration, easing);\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    // 其他的不执行\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    return;\n  }\n}\n"]}
+{"version":3,"sources":["../src/step.ts"],"names":[],"mappings":"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","file":"step.js","sourcesContent":["import {\n  ColorStore,\n  ColorType,\n  Generator,\n  type IGraphic,\n  type IAnimate,\n  type IStep,\n  type EasingType,\n  type EasingTypeFunc,\n  type IAnimateStepType\n} from '@visactor/vrender-core';\nimport { Easing } from './utils/easing';\nimport { commonInterpolateUpdate, interpolateUpdateStore } from './interpolate/store';\nimport { isString } from '@visactor/vutils';\n\nfunction noop() {\n  //...\n}\n\nexport class Step implements IStep {\n  id: number;\n  type: IAnimateStepType;\n  prev?: IStep;\n  duration: number;\n  next?: IStep;\n  props?: Record<string, any>;\n  propKeys?: string[];\n  interpolateUpdateFunctions?: ((\n    key: string,\n    from: number,\n    to: number,\n    ratio: number,\n    step: IStep,\n    target: IGraphic\n  ) => void)[];\n  easing: EasingTypeFunc;\n  animate: IAnimate;\n  target: IGraphic;\n  fromProps: Record<string, any>;\n  fromParsedProps: Record<string, any>;\n  toParsedProps: Record<string, any>;\n\n  // 内部状态\n  protected _startTime: number = 0;\n  _hasFirstRun: boolean = false;\n\n  protected _endCb?: (animate: IAnimate, step: IStep) => void;\n\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    this.type = type;\n    this.props = props;\n    this.duration = duration;\n    // 设置缓动函数\n    if (easing) {\n      this.easing = typeof easing === 'function' ? easing : Easing[easing];\n    } else {\n      this.easing = Easing.linear;\n    }\n    if (type === 'wait') {\n      this.onUpdate = noop;\n    }\n    this.id = Generator.GenAutoIncrementId();\n  }\n\n  bind(target: IGraphic, animate: IAnimate): void {\n    this.target = target;\n    this.animate = animate;\n    this.onBind();\n  }\n\n  append(step: IStep): void {\n    this.next = step;\n    step.prev = this;\n\n    // 更新绝对时间\n    step.setStartTime(this.getStartTime() + this.duration, false);\n  }\n\n  // 更新下游节点的开始时间\n  private updateDownstreamStartTimes(): void {\n    let currentStep = this.next;\n    let currentStartTime = this._startTime + this.duration;\n\n    while (currentStep) {\n      currentStep.setStartTime(currentStartTime, false);\n      currentStartTime += currentStep.duration;\n      currentStep = currentStep.next;\n    }\n    this.animate.updateDuration();\n  }\n\n  getLastProps(): any {\n    if (this.prev) {\n      return this.prev.props || {};\n    }\n    return this.animate.getStartProps();\n  }\n\n  setDuration(duration: number, updateDownstream: boolean = true): void {\n    this.duration = duration;\n\n    // 如果有后续节点，更新所有后续节点的开始时间\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getDuration(): number {\n    return this.duration;\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    // 根据属性类型确定插值更新函数\n    // 这里可以进行优化，例如缓存不同类型属性的插值更新函数\n    if (!this.props) {\n      return;\n    }\n\n    const funcs: ((key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void)[] = [];\n    this.propKeys.forEach(key => {\n      // 普通颜色特殊处理，需要提前解析成number[]\n      if (key === 'fill' || key === 'stroke') {\n        const from = this.fromProps[key];\n        const to = this.props[key];\n        if (isString(from) && isString(to)) {\n          const fromArray = ColorStore.Get(from, ColorType.Color255);\n          const toArray = ColorStore.Get(to, ColorType.Color255);\n          if (!this.fromParsedProps) {\n            this.fromParsedProps = {};\n          }\n          if (!this.toParsedProps) {\n            this.toParsedProps = {};\n          }\n          this.fromParsedProps[key] = fromArray;\n          this.toParsedProps[key] = toArray;\n          funcs.push((interpolateUpdateStore as any)[key === 'fill' ? 'fillPure' : 'strokePure']);\n        } else if ((interpolateUpdateStore as any)[key]) {\n          funcs.push((interpolateUpdateStore as any)[key]);\n        } else {\n          funcs.push(commonInterpolateUpdate);\n        }\n      } else if ((interpolateUpdateStore as any)[key]) {\n        funcs.push((interpolateUpdateStore as any)[key]);\n      } else {\n        funcs.push(commonInterpolateUpdate);\n      }\n    });\n    this.interpolateUpdateFunctions = funcs;\n  }\n\n  setStartTime(time: number, updateDownstream: boolean = true): void {\n    this._startTime = time;\n    if (updateDownstream) {\n      this.updateDownstreamStartTimes();\n    }\n  }\n\n  getStartTime(): number {\n    return this._startTime;\n  }\n\n  onBind(): void {\n    // 在第一次绑定到Animate的时候触发\n  }\n\n  /**\n   * 首次运行逻辑\n   * 如果跳帧了就不一定会执行\n   */\n  onFirstRun(): void {\n    // 首次运行逻辑\n  }\n\n  /**\n   * 开始执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onStart(): void {\n    if (!this._hasFirstRun) {\n      this._hasFirstRun = true;\n      // 获取上一步的属性值作为起始值\n      this.fromProps = this.getLastProps();\n      const startProps = this.animate.getStartProps();\n      this.propKeys &&\n        this.propKeys.forEach(key => {\n          this.fromProps[key] = this.fromProps[key] ?? startProps[key];\n        });\n      this.determineInterpolateUpdateFunction();\n      this.tryPreventConflict();\n      this.trySyncStartProps();\n      this.onFirstRun();\n    }\n  }\n\n  protected tryPreventConflict(): void {\n    // 屏蔽掉之前动画冲突的属性\n    const animate = this.animate;\n    const target = this.target;\n    target.animates.forEach((a: any) => {\n      if (a === animate || a.priority > animate.priority) {\n        return;\n      }\n      const fromProps = a.getStartProps();\n      this.propKeys.forEach(key => {\n        if (fromProps[key] != null) {\n          a.preventAttr(key);\n        }\n      });\n    });\n  }\n\n  /**\n   * 删除自身属性，会直接从props等内容里删除掉\n   */\n  deleteSelfAttr(key: string): void {\n    delete this.props[key];\n    // fromProps在动画开始时才会计算，这时可能不在\n    this.fromProps && delete this.fromProps[key];\n    const index = this.propKeys.indexOf(key);\n    if (index !== -1) {\n      this.propKeys.splice(index, 1);\n      this.interpolateUpdateFunctions?.splice(index, 1);\n    }\n  }\n\n  /**\n   * 尝试同步startProps，因为当前animate的startProps仅包含当前animate的信息，不排除过程中有其他animate的干扰\n   * 所以为了避免属性突变，需要确保startProps的属性值是最新的\n   */\n  trySyncStartProps(): void {\n    this.propKeys.forEach(key => {\n      this.fromProps[key] = this.animate.target.getComputedAttribute(key);\n    });\n  }\n\n  /**\n   * 更新执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // ...\n  }\n\n  /**\n   * 结束执行的时候调用\n   * 如果跳帧了就不一定会执行\n   */\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    this.target.setAttributes(this.props);\n    if (cb) {\n      this._endCb = cb;\n    } else if (this._endCb) {\n      this._endCb(this.animate, this);\n    }\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的\n   * @returns\n   */\n  getEndProps(): Record<string, any> {\n    return this.props;\n  }\n\n  /**\n   * 获取开始的属性，是前序的终值\n   * @returns\n   */\n  getFromProps(): Record<string, any> {\n    return this.fromProps;\n  }\n\n  /**\n   * 获取结束的属性，包含前序的终值，是merge过的，同getEndProps\n   * @returns\n   */\n  getMergedEndProps(): Record<string, any> | void {\n    return this.getEndProps();\n  }\n\n  stop(): void {\n    // ...\n  }\n}\n\nexport class WaitStep extends Step {\n  constructor(type: IAnimateStepType, props: Record<string, any>, duration: number, easing: EasingType) {\n    super(type, props, duration, easing);\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    // 其他的不执行\n  }\n\n  determineInterpolateUpdateFunction(): void {\n    return;\n  }\n}\n"]}

package/cjs/ticker/default-ticker.d.ts

@@ -1,18 +1,21 @@
 import { EventEmitter } from '@visactor/vutils';
-import type { IStage } from '@visactor/vrender-core';
-import { type ITickHandler, type ITicker, STATUS } from '../intreface/ticker';
-import type { ITimeline } from '../intreface/timeline';
+import type { IStage, ITimeline } from '@visactor/vrender-core';
+import { type ITickHandler, type ITicker, STATUS } from '@visactor/vrender-core';
 export declare class DefaultTicker extends EventEmitter implements ITicker {
     protected interval: number;
     protected tickerHandler: ITickHandler;
     protected status: STATUS;
     protected lastFrameTime: number;
-    protected lastExecutionTime: number;
     protected tickCounts: number;
     protected stage: IStage;
     timelines: ITimeline[];
     autoStop: boolean;
+    protected _jitter: number;
+    protected timeOffset: number;
+    _lastTickTime: number;
+    protected frameTimeHistory: number[];
     constructor(stage: IStage);
+    computeTimeOffsetAndJitter(): void;
     init(): void;
     addTimeline(timeline: ITimeline): void;
     remTimeline(timeline: ITimeline): void;
@@ -32,8 +35,9 @@ export declare class DefaultTicker extends EventEmitter implements ITicker {
     stop(): void;
     trySyncTickStatus(): void;
     release(): void;
+    protected checkSkip: (delta: number) => boolean;
     protected handleTick: (handler: ITickHandler, params?: {
         once?: boolean;
-    }) => void;
-    protected _handlerTick: () => void;
+    }) => boolean;
+    protected _handlerTick: (delta: number) => void;
 }