@visactor/vrender-animate 0.22.4

package/es/executor/animate-executor.js

@@ -0,0 +1,169 @@
+import { cloneDeep, isArray, isFunction } from "@visactor/vutils";
+
+export class AnimateExecutor {
+    static registerBuiltInAnimate(name, animate) {
+        AnimateExecutor.builtInAnimateMap[name] = animate;
+    }
+    constructor(target) {
+        this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, 
+        this._activeCount = 0, this._target = target;
+    }
+    onStart(cb) {
+        cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach((cb => {
+            cb();
+        }));
+    }
+    onEnd(cb) {
+        cb ? this._endCallbacks.push(cb) : this._endCallbacks.forEach((cb => {
+            cb();
+        }));
+    }
+    _trackAnimation(animate) {
+        this._animates.push(animate), this._activeCount++, 1 !== this._activeCount || this._started || (this._started = !0, 
+        this.onStart()), animate.onEnd((() => {
+            this._activeCount--;
+            const index = this._animates.indexOf(animate);
+            index >= 0 && this._animates.splice(index, 1), 0 === this._activeCount && this._started && (this._started = !1, 
+            this.onEnd());
+        }));
+    }
+    parseParams(params) {
+        const isTimeline = "timeSlices" in params, totalTime = this.resolveValue(params.totalTime, void 0, void 0), startTime = this.resolveValue(params.startTime, void 0, 0), parsedParams = cloneDeep(params);
+        parsedParams.oneByOneDelay = 0, parsedParams.startTime = startTime, parsedParams.totalTime = totalTime;
+        const oneByOne = this.resolveValue(params.oneByOne, void 0, !1);
+        if (isTimeline) {
+            const timeSlices = parsedParams.timeSlices;
+            isArray(timeSlices) || (parsedParams.timeSlices = [ timeSlices ]);
+            let sliceTime = 0;
+            parsedParams.timeSlices.forEach((slice => {
+                slice.delay = this.resolveValue(slice.delay, void 0, 0), slice.delayAfter = this.resolveValue(slice.delayAfter, void 0, 0), 
+                slice.duration = this.resolveValue(slice.duration, void 0, 300), sliceTime += slice.delay + slice.duration + slice.delayAfter;
+            }));
+            let oneByOneDelay = 0, oneByOneTime = 0;
+            if (oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = oneByOneTime), 
+            parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay, 
+            totalTime) {
+                const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2), scale = totalTime ? totalTime / _totalTime : 1;
+                parsedParams.timeSlices.forEach((slice => {
+                    slice.delay = slice.delay * scale, slice.delayAfter = slice.delayAfter * scale, 
+                    slice.duration = slice.duration * scale;
+                })), parsedParams.oneByOne = oneByOneTime * scale, parsedParams.oneByOneDelay = oneByOneDelay * scale, 
+                parsedParams.startTime = startTime * scale;
+            }
+        } else {
+            const delay = this.resolveValue(params.delay, void 0, 0), delayAfter = this.resolveValue(params.delayAfter, void 0, 0), duration = this.resolveValue(params.duration, void 0, 300);
+            let oneByOneDelay = 0, oneByOneTime = 0;
+            if (oneByOne && (oneByOneTime = Number(oneByOne), oneByOneDelay = duration + oneByOneTime), 
+            parsedParams.oneByOne = oneByOneTime, parsedParams.oneByOneDelay = oneByOneDelay, 
+            totalTime) {
+                const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2), scale = totalTime ? totalTime / _totalTime : 1;
+                parsedParams.delay = delay * scale, parsedParams.delayAfter = delayAfter * scale, 
+                parsedParams.duration = duration * scale, parsedParams.oneByOne = oneByOneTime * scale, 
+                parsedParams.oneByOneDelay = oneByOneDelay * scale, parsedParams.startTime = startTime;
+            }
+        }
+        return parsedParams;
+    }
+    execute(params) {
+        const isTimeline = "timeSlices" in params;
+        let filteredChildren;
+        isTimeline && params.partitioner && (filteredChildren = (null != filteredChildren ? filteredChildren : this._target.getChildren()).filter((child => {
+            var _a;
+            return params.partitioner(null === (_a = child.context) || void 0 === _a ? void 0 : _a.data, child, {});
+        }))), isTimeline && params.sort && (filteredChildren = null != filteredChildren ? filteredChildren : this._target.getChildren(), 
+        filteredChildren.sort(((a, b) => {
+            var _a, _b;
+            return params.sort(null === (_a = a.context) || void 0 === _a ? void 0 : _a.data, null === (_b = b.context) || void 0 === _b ? void 0 : _b.data, a, b, {});
+        })));
+        const parsedParams = this.parseParams(params), cb = isTimeline ? (child, index, count) => {
+            const animate = this.executeTimelineItem(parsedParams, child, index, count);
+            animate && this._trackAnimation(animate);
+        } : (child, index, count) => {
+            const animate = this.executeTypeConfigItem(parsedParams, child, index, count);
+            animate && this._trackAnimation(animate);
+        };
+        filteredChildren ? filteredChildren.forEach(((child, index) => cb(child, index, filteredChildren.length))) : this._target.count <= 1 ? cb(this._target, 0, 1) : this._target.forEachChildren(((child, index) => cb(child, index, this._target.count - 1)));
+    }
+    executeTypeConfigItem(params, graphic, index, count) {
+        var _a, _b, _c, _d, _e, _f;
+        const {type: type, channel: channel, customParameters: customParameters, easing: easing = "linear", delay: delay = 0, delayAfter: delayAfter = 0, duration: duration = 300, startTime: startTime = 0, oneByOneDelay: oneByOneDelay = 0, loop: loop, bounce: bounce, priority: priority = 0, options: options, controlOptions: controlOptions} = params, custom = null !== (_a = params.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type], animate = graphic.animate();
+        animate.priority = priority;
+        const delayValue = delay, datum = null === (_c = null === (_b = graphic.context) || void 0 === _b ? void 0 : _b.data) || void 0 === _c ? void 0 : _c[0], indexKey = null === (_d = graphic.context) || void 0 === _d ? void 0 : _d.indexKey;
+        datum && indexKey && (index = null !== (_e = datum[indexKey]) && void 0 !== _e ? _e : index), 
+        animate.startAt(startTime), animate.wait(index * oneByOneDelay), delayValue > 0 && animate.wait(delayValue);
+        const props = null !== (_f = params.to) && void 0 !== _f ? _f : this.createPropsFromChannel(channel, graphic);
+        return this._handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic), 
+        oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), delayAfter > 0 && animate.wait(delayAfter), 
+        loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
+    }
+    _handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic) {
+        if (custom) {
+            const customParams = this.resolveValue(customParameters, graphic, {}), objOptions = isFunction(options) ? options.call(null, customParameters.data && customParameters.data[0], graphic, customParameters) : options;
+            customParams.options = objOptions, isFunction(custom) && (/^class\s/.test(Function.prototype.toString.call(custom)) ? this.createCustomAnimation(animate, custom, props, duration, easing, customParams) : this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams));
+        } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
+    }
+    executeTimelineItem(params, graphic, index, count) {
+        var _a, _b, _c, _d;
+        const {timeSlices: timeSlices, startTime: startTime = 0, loop: loop, bounce: bounce, oneByOneDelay: oneByOneDelay, priority: priority, controlOptions: controlOptions} = params, datum = null === (_b = null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b[0], indexKey = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.indexKey;
+        datum && indexKey && (index = null !== (_d = datum[indexKey]) && void 0 !== _d ? _d : index);
+        const animate = graphic.animate();
+        animate.priority = priority, animate.startAt(startTime), animate.wait(index * oneByOneDelay), 
+        loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0);
+        return (Array.isArray(timeSlices) ? timeSlices : [ timeSlices ]).forEach((slice => {
+            this.applyTimeSliceToAnimate(slice, animate, graphic);
+        })), oneByOneDelay && animate.wait(oneByOneDelay * (count - index - 1)), animate;
+    }
+    applyTimeSliceToAnimate(slice, animate, graphic) {
+        const {effects: effects, duration: duration = 300, delay: delay = 0, delayAfter: delayAfter = 0} = slice, delayValue = delay, delayAfterValue = delayAfter;
+        delayValue > 0 && animate.wait(delayValue);
+        (Array.isArray(effects) ? effects : [ effects ]).forEach((effect => {
+            var _a;
+            const {type: type = "to", channel: channel, customParameters: customParameters, easing: easing = "linear", options: options} = effect, custom = null !== (_a = effect.custom) && void 0 !== _a ? _a : AnimateExecutor.builtInAnimateMap[type], props = this.createPropsFromChannel(channel, graphic);
+            this._handleRunAnimate(animate, custom, props, duration, easing, customParameters, options, type, graphic);
+        })), delayAfterValue > 0 && animate.wait(delayAfterValue);
+    }
+    createCustomInterpolatorAnimation(animate, interpolator, props, duration, easing, customParams) {
+        const from = {}, to = props;
+        Object.keys(to).forEach((key => {
+            from[key] = animate.target.getComputedAttribute(key);
+        })), animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {
+            interpolator(ratio, from, to, step, target, animate.target, customParams);
+        }, animate.to(props, duration, easing);
+    }
+    createCustomAnimation(animate, CustomAnimateConstructor, props, duration, easing, customParams) {
+        const from = {}, to = props;
+        Object.keys(to).forEach((key => {
+            from[key] = animate.target.getComputedAttribute(key);
+        }));
+        const customAnimate = new CustomAnimateConstructor(from, to, duration, easing, customParams);
+        animate.play(customAnimate);
+    }
+    createPropsFromChannel(channel, graphic) {
+        const props = {};
+        return channel ? (Array.isArray(channel) || Object.entries(channel).forEach((([key, config]) => {
+            var _a;
+            void 0 !== config.to && ("function" == typeof config.to ? props[key] = config.to(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : props[key] = config.to);
+        })), props) : props;
+    }
+    resolveValue(value, graphic, defaultValue) {
+        var _a;
+        return void 0 === value ? defaultValue : "function" == typeof value && graphic ? value(null === (_a = graphic.context) || void 0 === _a ? void 0 : _a.data, graphic, {}) : value;
+    }
+    executeItem(params, graphic, index = 0, count = 1) {
+        if (!graphic) return null;
+        let animate = null;
+        return animate = "timeSlices" in params ? this.executeTimelineItem(params, graphic, index, count) : this.executeTypeConfigItem(params, graphic, index, count), 
+        animate && this._trackAnimation(animate), animate;
+    }
+    stop(type) {
+        for (;this._animates.length > 0; ) {
+            const animate = this._animates.pop();
+            null == animate || animate.stop(type);
+        }
+        this._animates = [], this._activeCount = 0, this._started && (this._started = !1, 
+        this.onEnd());
+    }
+}
+
+AnimateExecutor.builtInAnimateMap = {};
+//# sourceMappingURL=animate-executor.js.map

package/es/executor/animate-executor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/executor/animate-executor.ts"],"names":[],"mappings":"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","file":"animate-executor.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type {\n  IAnimationConfig,\n  IAnimationTimeline,\n  IAnimationTypeConfig,\n  MarkFunctionCallback,\n  MarkFunctionValueType,\n  IAnimationTimeSlice,\n  IAnimationChannelAttrs,\n  IAnimationChannelAttributes,\n  IAnimationCustomConstructor,\n  IAnimationChannelInterpolator\n} from './executor';\nimport type { EasingType } from '../intreface/easing';\nimport type { IAnimate } from '../intreface/animate';\nimport { cloneDeep, isArray, isFunction, scale } from '@visactor/vutils';\n\ninterface IAnimateExecutor {\n  execute: (params: IAnimationConfig) => void;\n  executeItem: (params: IAnimationConfig, graphic: IGraphic, index?: number) => IAnimate | null;\n  onStart: (cb?: () => void) => void;\n  onEnd: (cb?: () => void) => void;\n}\n\nexport class AnimateExecutor implements IAnimateExecutor {\n  static builtInAnimateMap: Record<string, IAnimationCustomConstructor> = {};\n\n  static registerBuiltInAnimate(name: string, animate: IAnimationCustomConstructor) {\n    AnimateExecutor.builtInAnimateMap[name] = animate;\n  }\n\n  declare _target: IGraphic;\n\n  // 所有动画实例\n  private _animates: IAnimate[] = [];\n\n  // 动画开始回调\n  private _startCallbacks: (() => void)[] = [];\n  // 动画结束回调\n  private _endCallbacks: (() => void)[] = [];\n\n  // 是否已经开始动画\n  private _started: boolean = false;\n\n  // 当前正在运行的动画数量\n  private _activeCount: number = 0;\n\n  constructor(target: IGraphic) {\n    this._target = target;\n  }\n\n  /**\n   * 注册一个回调，当动画开始时调用\n   */\n  onStart(cb?: () => void): void {\n    if (cb) {\n      this._startCallbacks.push(cb);\n\n      // 如果动画已经开始，立即调用回调\n      if (this._started && this._activeCount > 0) {\n        cb();\n      }\n    } else {\n      this._startCallbacks.forEach(cb => {\n        cb();\n      });\n    }\n  }\n\n  /**\n   * 注册一个回调，当所有动画结束时调用\n   */\n  onEnd(cb?: () => void): void {\n    if (cb) {\n      this._endCallbacks.push(cb);\n    } else {\n      this._endCallbacks.forEach(cb => {\n        cb();\n      });\n    }\n  }\n\n  /**\n   * 跟踪动画并附加生命周期钩子\n   */\n  private _trackAnimation(animate: IAnimate): void {\n    this._animates.push(animate);\n    this._activeCount++;\n\n    // 如果这是第一个正在运行的动画，触发onStart回调\n    if (this._activeCount === 1 && !this._started) {\n      this._started = true;\n      this.onStart();\n    }\n\n    // 处理动画完成\n    animate.onEnd(() => {\n      this._activeCount--;\n\n      // 从跟踪的动画中移除\n      const index = this._animates.indexOf(animate);\n      if (index >= 0) {\n        this._animates.splice(index, 1);\n      }\n\n      // 如果所有动画都已完成，触发onEnd回调\n      if (this._activeCount === 0 && this._started) {\n        this._started = false;\n        this.onEnd();\n      }\n    });\n  }\n\n  parseParams(params: IAnimationConfig): IAnimationConfig {\n    const isTimeline = 'timeSlices' in params;\n\n    const totalTime = this.resolveValue(params.totalTime, undefined, undefined);\n    const startTime = this.resolveValue(params.startTime, undefined, 0);\n\n    // execute只在mark层面调用，所以性能影响可以忽略\n    // TODO 如果后续调用频繁，需要重新修改\n    const parsedParams = cloneDeep(params);\n    parsedParams.oneByOneDelay = 0;\n    parsedParams.startTime = startTime;\n    parsedParams.totalTime = totalTime;\n\n    const oneByOne = this.resolveValue(params.oneByOne, undefined, false);\n\n    if (isTimeline) {\n      const timeSlices = (parsedParams as IAnimationTimeline).timeSlices;\n      if (!isArray(timeSlices)) {\n        (parsedParams as IAnimationTimeline).timeSlices = [timeSlices];\n      }\n      let sliceTime = 0;\n      ((parsedParams as IAnimationTimeline).timeSlices as IAnimationTimeSlice[]).forEach(slice => {\n        slice.delay = this.resolveValue(slice.delay, undefined, 0);\n        slice.delayAfter = this.resolveValue(slice.delayAfter, undefined, 0);\n        slice.duration = this.resolveValue(slice.duration, undefined, 300);\n        sliceTime += slice.delay + slice.duration + slice.delayAfter;\n      });\n      let oneByOneDelay = 0;\n      let oneByOneTime = 0;\n      if (oneByOne) {\n        oneByOneTime = Number(oneByOne);\n        oneByOneDelay = oneByOneTime;\n      }\n      parsedParams.oneByOne = oneByOneTime;\n      parsedParams.oneByOneDelay = oneByOneDelay;\n\n      if (totalTime) {\n        const _totalTime = sliceTime + oneByOneDelay * (this._target.count - 2);\n        const scale = totalTime ? totalTime / _totalTime : 1;\n        ((parsedParams as IAnimationTimeline).timeSlices as IAnimationTimeSlice[]).forEach(slice => {\n          slice.delay = (slice.delay as number) * scale;\n          slice.delayAfter = (slice.delayAfter as number) * scale;\n          slice.duration = (slice.duration as number) * scale;\n        });\n        parsedParams.oneByOne = oneByOneTime * scale;\n        parsedParams.oneByOneDelay = oneByOneDelay * scale;\n        (parsedParams as IAnimationTimeline).startTime = startTime * scale;\n      }\n    } else {\n      const delay = this.resolveValue(params.delay, undefined, 0);\n      const delayAfter = this.resolveValue(params.delayAfter, undefined, 0);\n      const duration = this.resolveValue(params.duration, undefined, 300);\n\n      let oneByOneDelay = 0;\n      let oneByOneTime = 0;\n      if (oneByOne) {\n        oneByOneTime = Number(oneByOne);\n        oneByOneDelay = duration + oneByOneTime;\n      }\n      parsedParams.oneByOne = oneByOneTime;\n      parsedParams.oneByOneDelay = oneByOneDelay;\n\n      if (totalTime) {\n        const _totalTime = delay + delayAfter + duration + oneByOneDelay * (this._target.count - 2);\n        const scale = totalTime ? totalTime / _totalTime : 1;\n        parsedParams.delay = delay * scale;\n        parsedParams.delayAfter = delayAfter * scale;\n        parsedParams.duration = duration * scale;\n        parsedParams.oneByOne = oneByOneTime * scale;\n        parsedParams.oneByOneDelay = oneByOneDelay * scale;\n        (parsedParams as IAnimationTypeConfig).startTime = startTime;\n      }\n    }\n\n    return parsedParams;\n  }\n\n  /**\n   * 执行动画，针对一组元素\n   */\n  execute(params: IAnimationConfig) {\n    // 判断是否为timeline配置\n    const isTimeline = 'timeSlices' in params;\n\n    // 筛选符合条件的子图元\n    let filteredChildren: IGraphic[];\n\n    // 如果设置了partitioner，则进行筛选\n    if (isTimeline && params.partitioner) {\n      filteredChildren = (filteredChildren ?? (this._target.getChildren() as IGraphic[])).filter(child => {\n        return (params as IAnimationTimeline).partitioner((child.context as any)?.data, child, {});\n      });\n    }\n\n    // 如果需要排序，则进行排序\n    if (isTimeline && (params as IAnimationTimeline).sort) {\n      filteredChildren = filteredChildren ?? (this._target.getChildren() as IGraphic[]);\n      filteredChildren.sort((a, b) => {\n        return (params as IAnimationTimeline).sort((a.context as any)?.data, (b.context as any)?.data, a, b, {});\n      });\n    }\n\n    const parsedParams = this.parseParams(params);\n\n    const cb = isTimeline\n      ? (child: IGraphic, index: number, count: number) => {\n          // 执行单个图元的timeline动画\n          const animate = this.executeTimelineItem(parsedParams as IAnimationTimeline, child, index, count);\n          if (animate) {\n            this._trackAnimation(animate);\n          }\n        }\n      : (child: IGraphic, index: number, count: number) => {\n          // 执行单个图元的config动画\n          const animate = this.executeTypeConfigItem(parsedParams as IAnimationTypeConfig, child, index, count);\n          if (animate) {\n            this._trackAnimation(animate);\n          }\n        };\n\n    // 执行每个图元的动画\n    if (filteredChildren) {\n      filteredChildren.forEach((child, index) => cb(child, index, filteredChildren.length));\n    } else if (this._target.count <= 1) {\n      cb(this._target, 0, 1);\n    } else {\n      this._target.forEachChildren((child, index) => cb(child as IGraphic, index, this._target.count - 1));\n    }\n\n    return;\n  }\n\n  /**\n   * 执行 TypeConfig 类型的动画\n   */\n  private executeTypeConfigItem(\n    params: IAnimationTypeConfig,\n    graphic: IGraphic,\n    index: number,\n    count: number\n  ): IAnimate {\n    const {\n      type,\n      channel,\n      customParameters,\n      easing = 'linear',\n      delay = 0,\n      delayAfter = 0,\n      duration = 300,\n      startTime = 0,\n      oneByOneDelay = 0,\n      loop,\n      bounce,\n      priority = 0,\n      options,\n      controlOptions\n    } = params as any;\n    const custom = params.custom ?? AnimateExecutor.builtInAnimateMap[type];\n\n    // 创建动画实例\n    const animate = graphic.animate() as unknown as IAnimate;\n    animate.priority = priority;\n\n    const delayValue = delay as number;\n\n    // 如果设置了indexKey，则使用indexKey作为index\n    const datum = graphic.context?.data?.[0];\n    const indexKey = graphic.context?.indexKey;\n    if (datum && indexKey) {\n      index = datum[indexKey] ?? index;\n    }\n\n    // 设置开始时间\n    animate.startAt(startTime as number);\n    animate.wait(index * oneByOneDelay);\n\n    // 添加延迟\n    if (delayValue > 0) {\n      animate.wait(delayValue);\n    }\n\n    // 根据 channel 配置创建属性对象\n    const props = params.to ?? this.createPropsFromChannel(channel, graphic);\n\n    this._handleRunAnimate(\n      animate,\n      custom,\n      props,\n      duration as number,\n      easing,\n      customParameters,\n      options,\n      type,\n      graphic\n    );\n\n    if (oneByOneDelay) {\n      animate.wait(oneByOneDelay * (count - index - 1));\n    }\n\n    // 添加后延迟\n    if ((delayAfter as number) > 0) {\n      animate.wait(delayAfter as number);\n    }\n\n    // 设置循环\n    if (loop && (loop as number) > 0) {\n      animate.loop(loop as number);\n    }\n\n    // 设置反弹\n    if (bounce) {\n      animate.bounce(true);\n    }\n\n    return animate;\n  }\n\n  private _handleRunAnimate(\n    animate: IAnimate,\n    custom: IAnimationCustomConstructor | IAnimationChannelInterpolator,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParameters: any,\n    options: any,\n    type: string,\n    graphic: IGraphic\n  ) {\n    // 处理自定义动画\n    if (custom) {\n      const customParams = this.resolveValue(customParameters, graphic, {});\n      const objOptions = isFunction(options)\n        ? options.call(null, customParameters.data && customParameters.data[0], graphic, customParameters)\n        : options;\n      customParams.options = objOptions;\n      if (isFunction(custom)) {\n        if (/^class\\s/.test(Function.prototype.toString.call(custom))) {\n          // 自定义动画构造器 - 创建自定义动画类\n          this.createCustomAnimation(\n            animate,\n            custom as IAnimationCustomConstructor,\n            props,\n            duration as number,\n            easing,\n            customParams\n          );\n        } else {\n          // 自定义插值器 - 创建自定义插值动画\n          this.createCustomInterpolatorAnimation(\n            animate,\n            custom as IAnimationChannelInterpolator,\n            props,\n            duration as number,\n            easing,\n            customParams\n          );\n        }\n      }\n    } else if (type === 'to') {\n      animate.to(props, duration as number, easing);\n    } else if (type === 'from') {\n      animate.from(props, duration as number, easing);\n    }\n  }\n\n  /**\n   * 执行 Timeline 类型的动画\n   */\n  private executeTimelineItem(params: IAnimationTimeline, graphic: IGraphic, index: number, count: number): IAnimate {\n    const { timeSlices, startTime = 0, loop, bounce, oneByOneDelay, priority, controlOptions } = params as any;\n\n    // 如果设置了indexKey，则使用indexKey作为index\n    const datum = graphic.context?.data?.[0];\n    const indexKey = graphic.context?.indexKey;\n    if (datum && indexKey) {\n      index = datum[indexKey] ?? index;\n    }\n\n    // 创建动画实例\n    const animate = graphic.animate() as unknown as IAnimate;\n    animate.priority = priority;\n\n    // 设置开始时间\n    animate.startAt(startTime as number);\n    animate.wait(index * oneByOneDelay);\n\n    // 设置循环\n    if (loop && (loop as number) > 0) {\n      animate.loop(loop as number);\n    }\n\n    // 设置反弹\n    if (bounce) {\n      animate.bounce(true);\n    }\n\n    // 处理时间切片\n    const slices = Array.isArray(timeSlices) ? timeSlices : [timeSlices];\n\n    slices.forEach(slice => {\n      this.applyTimeSliceToAnimate(slice, animate, graphic);\n    });\n\n    // 后等待\n    if (oneByOneDelay) {\n      animate.wait(oneByOneDelay * (count - index - 1));\n    }\n\n    return animate;\n  }\n\n  /**\n   * 将时间切片应用到动画实例\n   */\n  private applyTimeSliceToAnimate(slice: IAnimationTimeSlice, animate: IAnimate, graphic: IGraphic) {\n    const { effects, duration = 300, delay = 0, delayAfter = 0 } = slice;\n\n    // 解析时间参数\n    // const durationValue = duration as number;\n    const delayValue = delay as number;\n    const delayAfterValue = delayAfter as number;\n\n    // 添加延迟\n    if (delayValue > 0) {\n      animate.wait(delayValue);\n    }\n\n    // 处理动画效果\n    const effectsArray = Array.isArray(effects) ? effects : [effects];\n\n    effectsArray.forEach(effect => {\n      const { type = 'to', channel, customParameters, easing = 'linear', options } = effect;\n\n      const custom = effect.custom ?? AnimateExecutor.builtInAnimateMap[type];\n\n      // 根据 channel 配置创建属性对象\n      const props = this.createPropsFromChannel(channel, graphic);\n      this._handleRunAnimate(\n        animate,\n        custom,\n        props,\n        duration as number,\n        easing,\n        customParameters,\n        options,\n        type,\n        graphic\n      );\n    });\n\n    // 添加后延迟\n    if (delayAfterValue > 0) {\n      animate.wait(delayAfterValue);\n    }\n  }\n\n  /**\n   * 创建自定义插值器动画\n   */\n  private createCustomInterpolatorAnimation(\n    animate: IAnimate,\n    interpolator: IAnimationChannelInterpolator,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParams: any\n  ) {\n    // 获取动画目标的当前属性作为起始值\n    const from: Record<string, any> = {};\n    const to = props;\n\n    // 为每个属性填充起始值\n    Object.keys(to).forEach(key => {\n      from[key] = animate.target.getComputedAttribute(key);\n    });\n\n    animate.interpolateUpdateFunction = (from, to, ratio, step, target) => {\n      interpolator(ratio, from, to, step, target, animate.target, customParams);\n    };\n\n    animate.to(props, duration, easing);\n  }\n\n  /**\n   * 创建自定义动画类\n   */\n  private createCustomAnimation(\n    animate: IAnimate,\n    CustomAnimateConstructor: IAnimationCustomConstructor,\n    props: Record<string, any>,\n    duration: number,\n    easing: EasingType,\n    customParams: any\n  ) {\n    // 获取动画目标的当前属性作为起始值\n    const from: Record<string, any> = {};\n    const to = props;\n\n    // 为每个属性填充起始值\n    Object.keys(to).forEach(key => {\n      from[key] = animate.target.getComputedAttribute(key);\n    });\n\n    // 实例化自定义动画类\n    const customAnimate = new CustomAnimateConstructor(from, to, duration, easing, customParams);\n\n    // 播放自定义动画\n    animate.play(customAnimate);\n  }\n\n  /**\n   * 从 channel 配置创建属性对象\n   */\n  private createPropsFromChannel(\n    channel: IAnimationChannelAttrs | IAnimationChannelAttributes | undefined,\n    graphic: IGraphic\n  ): Record<string, any> {\n    const props: Record<string, any> = {};\n\n    if (!channel) {\n      return props;\n    }\n\n    if (!Array.isArray(channel)) {\n      // 如果是对象，解析 from/to 配置\n      Object.entries(channel).forEach(([key, config]) => {\n        if (config.to !== undefined) {\n          if (typeof config.to === 'function') {\n            props[key] = config.to((graphic.context as any)?.data, graphic, {});\n          } else {\n            props[key] = config.to;\n          }\n        }\n      });\n    }\n\n    return props;\n  }\n\n  /**\n   * 解析函数或值类型的配置项\n   */\n  private resolveValue<T>(value: MarkFunctionValueType<T> | undefined, graphic?: IGraphic, defaultValue?: T): T {\n    if (value === undefined) {\n      return defaultValue as T;\n    }\n\n    if (typeof value === 'function' && graphic) {\n      return (value as MarkFunctionCallback<T>)((graphic.context as any)?.data, graphic, {});\n    }\n\n    return value as T;\n  }\n\n  /**\n   * 执行动画（具体执行到内部的单个图元）\n   */\n  executeItem(params: IAnimationConfig, graphic: IGraphic, index: number = 0, count: number = 1): IAnimate | null {\n    if (!graphic) {\n      return null;\n    }\n\n    const isTimeline = 'timeSlices' in params;\n    let animate: IAnimate | null = null;\n\n    if (isTimeline) {\n      // 处理 Timeline 类型的动画配置\n      animate = this.executeTimelineItem(params as IAnimationTimeline, graphic, index, count);\n    } else {\n      // 处理 TypeConfig 类型的动画配置\n      animate = this.executeTypeConfigItem(params as IAnimationTypeConfig, graphic, index, count);\n    }\n\n    // 跟踪动画以进行生命周期管理\n    if (animate) {\n      this._trackAnimation(animate);\n    }\n\n    return animate;\n  }\n\n  /**\n   * 停止所有由该执行器管理的动画\n   */\n  stop(type?: 'start' | 'end' | Record<string, any>): void {\n    // animate.stop会从数组里删除，所以需要while循环，不能forEach\n    while (this._animates.length > 0) {\n      const animate = this._animates.pop();\n      animate?.stop(type);\n    }\n\n    // 清空动画实例数组\n    this._animates = [];\n    this._activeCount = 0;\n\n    // 如果动画正在运行，触发结束回调\n    if (this._started) {\n      this._started = false;\n      this.onEnd();\n    }\n  }\n}\n"]}

package/es/executor/executor.d.ts

@@ -0,0 +1,69 @@
+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;
+    to?: Record<string, any>;
+    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;
+    priority?: number;
+}
+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;
+    priority?: number;
+}
+export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
+export {};

package/es/executor/executor.js

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

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

@@ -0,0 +1,50 @@
+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";
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAGjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC","file":"index.js","sourcesContent":["// 导出接口\nexport * from './intreface/animate';\nexport * from './intreface/timeline';\nexport * from './intreface/easing';\nexport * from './intreface/type';\n\n// 导出实现\nexport { Animate } from './animate';\nexport { DefaultTimeline } from './timeline';\nexport { ManualTicker } from './ticker/manual-ticker';\nexport { DefaultTicker } from './ticker/default-ticker';\nexport { Step } from './step';\n\n// 导出工具函数\nexport * from './utils/easing-func';\nexport { registerAnimate } from './register';\nexport { ACustomAnimate } from './custom/custom-animate';\nexport { IncreaseCount } from './custom/number';\nexport { InputText } from './custom/input-text';\nexport { ClipGraphicAnimate, ClipAngleAnimate, ClipRadiusAnimate, ClipDirectionAnimate } from './custom/clip-graphic';\nexport { TagPointsUpdate } from './custom/tag-points';\nexport { GroupFadeIn, GroupFadeOut } from './custom/group-fade';\nexport { RotateBySphereAnimate } from './custom/sphere';\nexport { AnimateExecutor } from './executor/animate-executor';\nexport { registerCustomAnimate } from './custom/register';\n// Export animation state modules\nexport * from './state';\nexport { AnimationTransitionRegistry } from './state/animation-states-registry';\nexport { transitionRegistry } from './state/animation-states-registry';\nexport { AnimationStateManager } from './state/animation-state';\nexport { AnimationStateStore } from './state/animation-state';\n"]}

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

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

package/es/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/es/interpolate/number.d.ts

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

package/es/interpolate/number.js

@@ -0,0 +1,4 @@
+export function interpolateNumber(from, to, ratio) {
+    return from + (to - from) * ratio;
+}
+//# sourceMappingURL=number.js.map

package/es/interpolate/number.js.map

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

package/es/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;