@visactor/vrender-animate 0.22.4

package/cjs/executor/executor.js.map

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

package/cjs/index.d.ts

@@ -0,0 +1,25 @@
+export * from './intreface/animate';
+export * from './intreface/timeline';
+export * from './intreface/easing';
+export * from './intreface/type';
+export { Animate } from './animate';
+export { DefaultTimeline } from './timeline';
+export { ManualTicker } from './ticker/manual-ticker';
+export { DefaultTicker } from './ticker/default-ticker';
+export { Step } from './step';
+export * from './utils/easing-func';
+export { registerAnimate } from './register';
+export { ACustomAnimate } from './custom/custom-animate';
+export { IncreaseCount } from './custom/number';
+export { InputText } from './custom/input-text';
+export { ClipGraphicAnimate, ClipAngleAnimate, ClipRadiusAnimate, ClipDirectionAnimate } from './custom/clip-graphic';
+export { TagPointsUpdate } from './custom/tag-points';
+export { GroupFadeIn, GroupFadeOut } from './custom/group-fade';
+export { RotateBySphereAnimate } from './custom/sphere';
+export { AnimateExecutor } from './executor/animate-executor';
+export { registerCustomAnimate } from './custom/register';
+export * from './state';
+export { AnimationTransitionRegistry } from './state/animation-states-registry';
+export { transitionRegistry } from './state/animation-states-registry';
+export { AnimationStateManager } from './state/animation-state';
+export { AnimationStateStore } from './state/animation-state';

package/cjs/index.js

@@ -0,0 +1,214 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimationStateStore = exports.AnimationStateManager = exports.transitionRegistry = exports.AnimationTransitionRegistry = exports.registerCustomAnimate = exports.AnimateExecutor = exports.RotateBySphereAnimate = exports.GroupFadeOut = exports.GroupFadeIn = exports.TagPointsUpdate = exports.ClipDirectionAnimate = exports.ClipRadiusAnimate = exports.ClipAngleAnimate = exports.ClipGraphicAnimate = exports.InputText = exports.IncreaseCount = exports.ACustomAnimate = exports.registerAnimate = exports.Step = exports.DefaultTicker = exports.ManualTicker = exports.DefaultTimeline = exports.Animate = void 0, 
+__exportStar(require("./intreface/animate"), exports), __exportStar(require("./intreface/timeline"), exports), 
+__exportStar(require("./intreface/easing"), exports), __exportStar(require("./intreface/type"), exports);
+
+var animate_1 = require("./animate");
+
+Object.defineProperty(exports, "Animate", {
+    enumerable: !0,
+    get: function() {
+        return animate_1.Animate;
+    }
+});
+
+var timeline_1 = require("./timeline");
+
+Object.defineProperty(exports, "DefaultTimeline", {
+    enumerable: !0,
+    get: function() {
+        return timeline_1.DefaultTimeline;
+    }
+});
+
+var manual_ticker_1 = require("./ticker/manual-ticker");
+
+Object.defineProperty(exports, "ManualTicker", {
+    enumerable: !0,
+    get: function() {
+        return manual_ticker_1.ManualTicker;
+    }
+});
+
+var default_ticker_1 = require("./ticker/default-ticker");
+
+Object.defineProperty(exports, "DefaultTicker", {
+    enumerable: !0,
+    get: function() {
+        return default_ticker_1.DefaultTicker;
+    }
+});
+
+var step_1 = require("./step");
+
+Object.defineProperty(exports, "Step", {
+    enumerable: !0,
+    get: function() {
+        return step_1.Step;
+    }
+}), __exportStar(require("./utils/easing-func"), exports);
+
+var register_1 = require("./register");
+
+Object.defineProperty(exports, "registerAnimate", {
+    enumerable: !0,
+    get: function() {
+        return register_1.registerAnimate;
+    }
+});
+
+var custom_animate_1 = require("./custom/custom-animate");
+
+Object.defineProperty(exports, "ACustomAnimate", {
+    enumerable: !0,
+    get: function() {
+        return custom_animate_1.ACustomAnimate;
+    }
+});
+
+var number_1 = require("./custom/number");
+
+Object.defineProperty(exports, "IncreaseCount", {
+    enumerable: !0,
+    get: function() {
+        return number_1.IncreaseCount;
+    }
+});
+
+var input_text_1 = require("./custom/input-text");
+
+Object.defineProperty(exports, "InputText", {
+    enumerable: !0,
+    get: function() {
+        return input_text_1.InputText;
+    }
+});
+
+var clip_graphic_1 = require("./custom/clip-graphic");
+
+Object.defineProperty(exports, "ClipGraphicAnimate", {
+    enumerable: !0,
+    get: function() {
+        return clip_graphic_1.ClipGraphicAnimate;
+    }
+}), Object.defineProperty(exports, "ClipAngleAnimate", {
+    enumerable: !0,
+    get: function() {
+        return clip_graphic_1.ClipAngleAnimate;
+    }
+}), Object.defineProperty(exports, "ClipRadiusAnimate", {
+    enumerable: !0,
+    get: function() {
+        return clip_graphic_1.ClipRadiusAnimate;
+    }
+}), Object.defineProperty(exports, "ClipDirectionAnimate", {
+    enumerable: !0,
+    get: function() {
+        return clip_graphic_1.ClipDirectionAnimate;
+    }
+});
+
+var tag_points_1 = require("./custom/tag-points");
+
+Object.defineProperty(exports, "TagPointsUpdate", {
+    enumerable: !0,
+    get: function() {
+        return tag_points_1.TagPointsUpdate;
+    }
+});
+
+var group_fade_1 = require("./custom/group-fade");
+
+Object.defineProperty(exports, "GroupFadeIn", {
+    enumerable: !0,
+    get: function() {
+        return group_fade_1.GroupFadeIn;
+    }
+}), Object.defineProperty(exports, "GroupFadeOut", {
+    enumerable: !0,
+    get: function() {
+        return group_fade_1.GroupFadeOut;
+    }
+});
+
+var sphere_1 = require("./custom/sphere");
+
+Object.defineProperty(exports, "RotateBySphereAnimate", {
+    enumerable: !0,
+    get: function() {
+        return sphere_1.RotateBySphereAnimate;
+    }
+});
+
+var animate_executor_1 = require("./executor/animate-executor");
+
+Object.defineProperty(exports, "AnimateExecutor", {
+    enumerable: !0,
+    get: function() {
+        return animate_executor_1.AnimateExecutor;
+    }
+});
+
+var register_2 = require("./custom/register");
+
+Object.defineProperty(exports, "registerCustomAnimate", {
+    enumerable: !0,
+    get: function() {
+        return register_2.registerCustomAnimate;
+    }
+}), __exportStar(require("./state"), exports);
+
+var animation_states_registry_1 = require("./state/animation-states-registry");
+
+Object.defineProperty(exports, "AnimationTransitionRegistry", {
+    enumerable: !0,
+    get: function() {
+        return animation_states_registry_1.AnimationTransitionRegistry;
+    }
+});
+
+var animation_states_registry_2 = require("./state/animation-states-registry");
+
+Object.defineProperty(exports, "transitionRegistry", {
+    enumerable: !0,
+    get: function() {
+        return animation_states_registry_2.transitionRegistry;
+    }
+});
+
+var animation_state_1 = require("./state/animation-state");
+
+Object.defineProperty(exports, "AnimationStateManager", {
+    enumerable: !0,
+    get: function() {
+        return animation_state_1.AnimationStateManager;
+    }
+});
+
+var animation_state_2 = require("./state/animation-state");
+
+Object.defineProperty(exports, "AnimationStateStore", {
+    enumerable: !0,
+    get: function() {
+        return animation_state_2.AnimationStateStore;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

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

package/cjs/interpolate/executor.d.ts

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

package/cjs/interpolate/executor.js

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

package/cjs/interpolate/executor.js.map

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

package/cjs/interpolate/number.d.ts

@@ -0,0 +1 @@
+export declare function interpolateNumber(from: number, to: number, ratio: number): number;

package/cjs/interpolate/number.js

@@ -0,0 +1,10 @@
+"use strict";
+
+function interpolateNumber(from, to, ratio) {
+    return from + (to - from) * ratio;
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.interpolateNumber = void 0, exports.interpolateNumber = interpolateNumber;
+//# sourceMappingURL=number.js.map

package/cjs/interpolate/number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interpolate/number.ts"],"names":[],"mappings":";;;AAAA,SAAgB,iBAAiB,CAAC,IAAY,EAAE,EAAU,EAAE,KAAa;IACvE,OAAO,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;AACpC,CAAC;AAFD,8CAEC","file":"number.js","sourcesContent":["export function interpolateNumber(from: number, to: number, ratio: number): number {\n  return from + (to - from) * ratio;\n}\n"]}

package/cjs/interpolate/store.d.ts

@@ -0,0 +1,32 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IStep } from '../intreface/animate';
+export declare class InterpolateUpdateStore {
+    opacity: (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;
+    backgroundOpacity: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    shadowOffsetX: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    shadowOffsetY: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    shadowBlur: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    fill: (key: string, from: [number, number, number, number], to: [number, number, number, number], ratio: number, step: IStep, target: IGraphic) => void;
+    fillPure: (key: string, from: [number, number, number, number], to: [number, number, number, number], ratio: number, step: IStep, target: IGraphic) => void;
+    stroke: (key: string, from: [number, number, number, number], to: [number, number, number, number], ratio: number, step: IStep, target: IGraphic) => void;
+    strokePure: (key: string, from: [number, number, number, number], to: [number, number, number, number], ratio: number, step: IStep, target: IGraphic) => void;
+    width: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    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;
+    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;
+    lineWidth: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    startAngle: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    endAngle: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    radius: (key: string, from: number, to: number, ratio: number, step: IStep, target: IGraphic) => void;
+    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;
+}
+export declare const interpolateUpdateStore: InterpolateUpdateStore;
+export declare function commonInterpolateUpdate(key: string, from: any, to: any, ratio: number, step: IStep, target: IGraphic): boolean;

package/cjs/interpolate/store.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.commonInterpolateUpdate = exports.interpolateUpdateStore = exports.InterpolateUpdateStore = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), number_1 = require("./number");
+
+class InterpolateUpdateStore {
+    constructor() {
+        this.opacity = (key, from, to, ratio, step, target) => {
+            target.attribute.opacity = (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) => {
+            target.attribute.strokeOpacity = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.zIndex = (key, from, to, ratio, step, target) => {
+            target.attribute.zIndex = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.backgroundOpacity = (key, from, to, ratio, step, target) => {
+            target.attribute.backgroundOpacity = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.shadowOffsetX = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowOffsetX = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.shadowOffsetY = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowOffsetY = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, this.shadowBlur = (key, from, to, ratio, step, target) => {
+            target.attribute.shadowBlur = (0, number_1.interpolateNumber)(from, to, ratio);
+        }, 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);
+        }, 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);
+        }, 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) => {
+            target.attribute.height = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        }, this.x = (key, from, to, ratio, step, target) => {
+            target.attribute.x = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.y = (key, from, to, ratio, step, target) => {
+            target.attribute.y = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.angle = (key, from, to, ratio, step, target) => {
+            target.attribute.angle = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.scaleX = (key, from, to, ratio, step, target) => {
+            target.attribute.scaleX = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.scaleY = (key, from, to, ratio, step, target) => {
+            target.attribute.scaleY = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag(), 
+            target.addUpdatePositionTag();
+        }, this.lineWidth = (key, from, to, ratio, step, target) => {
+            target.attribute.lineWidth = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        }, this.startAngle = (key, from, to, ratio, step, target) => {
+            target.attribute.startAngle = (0, number_1.interpolateNumber)(from, to, ratio), 
+            target.addUpdateBoundTag();
+        }, this.endAngle = (key, from, to, ratio, step, target) => {
+            target.attribute.endAngle = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        }, this.radius = (key, from, to, ratio, step, target) => {
+            target.attribute.radius = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        }, this.outerRadius = (key, from, to, ratio, step, target) => {
+            target.attribute.outerRadius = (0, number_1.interpolateNumber)(from, to, ratio), 
+            target.addUpdateBoundTag();
+        }, this.innerRadius = (key, from, to, ratio, step, target) => {
+            target.attribute.innerRadius = (0, number_1.interpolateNumber)(from, to, ratio), 
+            target.addUpdateBoundTag();
+        }, this.size = (key, from, to, ratio, step, target) => {
+            target.attribute.size = (0, number_1.interpolateNumber)(from, to, ratio), target.addUpdateBoundTag();
+        };
+    }
+}
+
+function commonInterpolateUpdate(key, from, to, ratio, step, target) {
+    if (Number.isFinite(to) && Number.isFinite(from)) return target.attribute[key] = from + (to - from) * ratio, 
+    !0;
+    if (Array.isArray(to) && Array.isArray(from) && to.length === from.length) {
+        const nextList = [];
+        let valid = !0;
+        for (let i = 0; i < to.length; i++) {
+            const v = from[i], val = v + (to[i] - v) * ratio;
+            if (!Number.isFinite(val)) {
+                valid = !1;
+                break;
+            }
+            nextList.push(val);
+        }
+        return valid && (target.attribute[key] = nextList), !0;
+    }
+    return !1;
+}
+
+exports.InterpolateUpdateStore = InterpolateUpdateStore, exports.interpolateUpdateStore = new InterpolateUpdateStore, 
+exports.commonInterpolateUpdate = commonInterpolateUpdate;
+//# sourceMappingURL=store.js.map

package/cjs/interpolate/store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interpolate/store.ts"],"names":[],"mappings":";;;AACA,yDAA0F;AAC1F,qCAA6C;AAuD7C,MAAa,sBAAsB;IAAnC;QACE,YAAO,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAChG,MAAM,CAAC,SAAS,CAAC,OAAO,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC;QACF,gBAAW,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACpG,MAAM,CAAC,SAAS,CAAC,WAAW,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC,CAAC;QACF,kBAAa,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACtG,MAAM,CAAC,SAAS,CAAC,aAAa,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC,CAAC;QACF,WAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC/F,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAC/D,CAAC,CAAC;QACF,sBAAiB,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC1G,MAAM,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QAC1E,CAAC,CAAC;QACF,kBAAa,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACtG,MAAM,CAAC,SAAS,CAAC,aAAa,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC,CAAC;QACF,kBAAa,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACtG,MAAM,CAAC,SAAS,CAAC,aAAa,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC,CAAC;QACF,eAAU,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACnG,MAAM,CAAC,SAAS,CAAC,UAAU,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;QACnE,CAAC,CAAC;QACF,SAAI,GAAG,CACL,GAAW,EACX,IAAsC,EACtC,EAAoC,EACpC,KAAa,EACb,IAAW,EACX,MAAgB,EAChB,EAAE;YACF,MAAM,CAAC,SAAS,CAAC,IAAI,GAAG,IAAA,+BAAgB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAQ,CAAC;QAC1E,CAAC,CAAC;QACF,aAAQ,GAAG,CACT,GAAW,EACX,IAAsC,EACtC,EAAoC,EACpC,KAAa,EACb,IAAW,EACX,MAAgB,EAChB,EAAE;YACF,MAAM,CAAC,SAAS,CAAC,IAAI,GAAG,IAAA,6CAA8B,EACpD,IAAI,CAAC,eAAe,CAAC,IAAI,EACzB,IAAI,CAAC,aAAa,CAAC,IAAI,EACvB,KAAK,CACC,CAAC;QACX,CAAC,CAAC;QACF,WAAM,GAAG,CACP,GAAW,EACX,IAAsC,EACtC,EAAoC,EACpC,KAAa,EACb,IAAW,EACX,MAAgB,EAChB,EAAE;YACF,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,IAAA,+BAAgB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACrE,CAAC,CAAC;QACF,eAAU,GAAG,CACX,GAAW,EACX,IAAsC,EACtC,EAAoC,EACpC,KAAa,EACb,IAAW,EACX,MAAgB,EAChB,EAAE;YACF,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,IAAA,6CAA8B,EACtD,IAAI,CAAC,eAAe,CAAC,MAAM,EAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,EACzB,KAAK,CACC,CAAC;QACX,CAAC,CAAC;QAGF,UAAK,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC7F,MAAM,CAAC,SAAiB,CAAC,KAAK,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACrE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,WAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC9F,MAAM,CAAC,SAAiB,CAAC,MAAM,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,MAAC,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC1F,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACxD,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,MAAC,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC1F,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACxD,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,UAAK,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC9F,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC5D,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,WAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC/F,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC7D,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,WAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC/F,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC7D,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,oBAAoB,EAAE,CAAC;QAChC,CAAC,CAAC;QACF,cAAS,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAClG,MAAM,CAAC,SAAS,CAAC,SAAS,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAChE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,eAAU,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAClG,MAAM,CAAC,SAAiB,CAAC,UAAU,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC1E,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,aAAQ,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAChG,MAAM,CAAC,SAAiB,CAAC,QAAQ,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACxE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,WAAM,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC9F,MAAM,CAAC,SAAiB,CAAC,MAAM,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACtE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,gBAAW,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACnG,MAAM,CAAC,SAAiB,CAAC,WAAW,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC3E,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,gBAAW,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YACnG,MAAM,CAAC,SAAiB,CAAC,WAAW,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YAC3E,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;QACF,SAAI,GAAG,CAAC,GAAW,EAAE,IAAY,EAAE,EAAU,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB,EAAE,EAAE;YAC5F,MAAM,CAAC,SAAiB,CAAC,IAAI,GAAG,IAAA,0BAAiB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;YACpE,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC;CAAA;AAxID,wDAwIC;AAEY,QAAA,sBAAsB,GAAG,IAAI,sBAAsB,EAAE,CAAC;AAEnE,SAAgB,uBAAuB,CAAC,GAAW,EAAE,IAAS,EAAE,EAAO,EAAE,KAAa,EAAE,IAAW,EAAE,MAAgB;IACnH,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAC/C,MAAM,CAAC,SAAiB,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;QAC5D,OAAO,IAAI,CAAC;KACb;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM,EAAE;QAChF,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAClC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;YAClB,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;YACpC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACzB,KAAK,GAAG,KAAK,CAAC;gBACd,MAAM;aACP;YACD,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACpB;QACD,IAAI,KAAK,EAAE;YACR,MAAM,CAAC,SAAiB,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;SAC3C;QACD,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAtBD,0DAsBC","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"]}

package/cjs/intreface/animate.d.ts

@@ -0,0 +1,91 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { EasingType, EasingTypeFunc } from './easing';
+import type { AnimateStatus, IAnimateStepType } from './type';
+import type { ITimeline } from './timeline';
+export interface ICustomAnimate extends IStep {
+    type: IAnimateStepType;
+}
+export interface IStep {
+    type: IAnimateStepType;
+    prev?: IStep;
+    duration: number;
+    next?: IStep;
+    props?: Record<string, any>;
+    fromParsedProps?: Record<string, any>;
+    toParsedProps?: Record<string, any>;
+    fromProps?: Record<string, any>;
+    propKeys?: string[];
+    easing?: EasingTypeFunc;
+    append: (step: IStep) => void;
+    getLastProps: () => any;
+    animate: IAnimate;
+    setDuration: (duration: number, updateDownstream?: boolean) => void;
+    getDuration: () => number;
+    determineInterpolateUpdateFunction: () => void;
+    setStartTime: (time: number, updateDownstream?: boolean) => void;
+    getStartTime: () => number;
+    bind: (target: IGraphic, animate: IAnimate) => void;
+    onBind: () => void;
+    onFirstRun: () => void;
+    onStart: () => void;
+    onEnd: (cb?: (animate: IAnimate, step: IStep) => void) => void;
+    update: (end: boolean, ratio: number, out: Record<string, any>) => void;
+    onUpdate: (end: boolean, ratio: number, out: Record<string, any>) => void;
+    getEndProps: () => Record<string, any> | void;
+    getFromProps: () => Record<string, any> | void;
+    getMergedEndProps: () => Record<string, any> | void;
+    deleteSelfAttr: (key: string) => void;
+}
+export interface IAnimate {
+    readonly id: string | number;
+    status: AnimateStatus;
+    target: IGraphic;
+    priority: number;
+    interpolateUpdateFunction: ((from: Record<string, any>, to: Record<string, any>, ratio: number, step: IStep, target: IGraphic) => void) | null;
+    _onStart?: (() => void)[];
+    _onFrame?: ((step: IStep, ratio: number) => void)[];
+    _onEnd?: (() => void)[];
+    _onRemove?: (() => void)[];
+    getStartProps: () => Record<string, any>;
+    getEndProps: () => Record<string, any>;
+    setTimeline: (timeline: ITimeline) => void;
+    getTimeline: () => ITimeline;
+    readonly timeline: ITimeline;
+    bind: (target: IGraphic) => this;
+    to: (props: Record<string, any>, duration: number, easing: EasingType) => this;
+    from: (props: Record<string, any>, duration: number, easing: EasingType) => this;
+    pause: () => void;
+    resume: () => void;
+    onStart: (cb?: () => void) => void;
+    onEnd: (cb?: () => void) => void;
+    onFrame: (cb: (step: IStep, ratio: number) => void) => void;
+    onRemove: (cb?: () => void) => void;
+    preventAttr: (key: string) => void;
+    preventAttrs: (key: string[]) => void;
+    validAttr: (key: string) => boolean;
+    runCb: (cb: (a: IAnimate, step: IStep) => void) => IAnimate;
+    customInterpolate: (key: string, ratio: number, from: any, to: any, target: IGraphic, ret: Record<string, any>) => boolean;
+    play: (customAnimate: ICustomAnimate) => this;
+    getFromValue: () => Record<string, any>;
+    getToValue: () => Record<string, any>;
+    stop: (type?: 'start' | 'end' | Record<string, any>) => void;
+    release: () => void;
+    getDuration: () => number;
+    getTotalDuration: () => number;
+    getStartTime: () => number;
+    wait: (delay: number) => this;
+    afterAll: (list: IAnimate[]) => this;
+    after: (animate: IAnimate) => this;
+    parallel: (animate: IAnimate) => this;
+    getLoop: () => number;
+    loop: (n: number | boolean) => IAnimate;
+    bounce: (b: boolean) => IAnimate;
+    advance: (delta: number) => void;
+    startAt: (t: number) => IAnimate;
+    reSyncProps: () => void;
+    updateDuration: () => void;
+}
+export declare enum AnimateMode {
+    NORMAL = 0,
+    SET_ATTR_IMMEDIATELY = 1
+}

package/cjs/intreface/animate.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var AnimateMode;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AnimateMode = void 0, function(AnimateMode) {
+    AnimateMode[AnimateMode.NORMAL = 0] = "NORMAL", AnimateMode[AnimateMode.SET_ATTR_IMMEDIATELY = 1] = "SET_ATTR_IMMEDIATELY";
+}(AnimateMode = exports.AnimateMode || (exports.AnimateMode = {}));
+//# sourceMappingURL=animate.js.map