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

package/cjs/custom/label-item-animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/label-item-animate.ts"],"names":[],"mappings":"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","file":"label-item-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\nimport { InputText } from './input-text';\n\n/**\n * LabelItemAppear class handles the appear animation for StoryLabelItem components\n */\nexport class LabelItemAppear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { symbolStartOuterType = 'scale', titleType = 'typewriter', titlePanelType = 'scale' } = this.params;\n\n    const symbolTime = duration / 10;\n    target._symbolStart.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolStart, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 5,\n      easing\n    });\n\n    let symbolStartOuterFrom: any;\n    let symbolStartOuterTo: any;\n    if (symbolStartOuterType === 'scale') {\n      symbolStartOuterFrom = { scaleX: 0, scaleY: 0 };\n      symbolStartOuterTo = { scaleX: 1, scaleY: 1 };\n    } else {\n      symbolStartOuterFrom = { clipRange: 0 };\n      symbolStartOuterTo = { clipRange: 1 };\n    }\n    target._symbolStartOuter.setAttributes(symbolStartOuterFrom);\n\n    animator.animate(target._symbolStartOuter, {\n      type: 'to',\n      to: symbolStartOuterTo,\n      duration: symbolTime * 5,\n      easing\n    });\n\n    target._symbolEnd.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolEnd, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 2,\n      delay: symbolTime * 8,\n      easing\n    });\n\n    target._line.setAttributes({ clipRange: 0 });\n\n    animator.animate(target._line, {\n      type: 'to',\n      to: { clipRange: 1 },\n      duration: symbolTime * 9,\n      easing\n    });\n\n    if (titleType === 'typewriter') {\n      const titleTopText = target._titleTop.attribute.text as string;\n      target._titleTop.setAttributes({ text: '' });\n\n      animator.animate(target._titleTop, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleTopText },\n        custom: InputText\n      });\n\n      const titleBottomText = target._titleBottom.attribute.text as string;\n      target._titleBottom.setAttributes({ text: '' });\n\n      animator.animate(target._titleBottom, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleBottomText },\n        custom: InputText\n      });\n    } else {\n      target._titleTop.setAttributes({ dy: target._titleTop.AABBBounds.height() + 10 });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n\n      target._titleBottom.setAttributes({ dy: -(10 + target._titleBottom.AABBBounds.height()) });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n    }\n\n    if (titlePanelType === 'scale') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const scaleX = panel.attribute.scaleX ?? 1;\n        panel.setAttributes({ scaleX: 0 });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            scaleX\n          },\n          duration,\n          easing\n        });\n      });\n    } else if (titlePanelType === 'stroke') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const b = panel.AABBBounds;\n        const totalLen = (b.width() + b.height()) * 2;\n        panel.setAttributes({ lineDash: [0, totalLen * 10] });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            lineDash: [totalLen, totalLen * 10]\n          },\n          duration,\n          easing\n        });\n      });\n    }\n  }\n}\n\n/**\n * LabelItemDisappear class handles the disappear animation for StoryLabelItem components\n */\nexport class LabelItemDisappear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { mode } = this.params;\n\n    if (mode === 'scale') {\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n    } else {\n      animator.animate(target._line, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolEnd, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: { dy: target._titleTop.AABBBounds.height() + 10 },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: { dy: -(10 + target._titleBottom.AABBBounds.height()) },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolStartOuter, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleTopPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleBottomPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/label-item-animate.ts"],"names":[],"mappings":"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","file":"label-item-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\nimport { InputText } from './input-text';\n\n/**\n * LabelItemAppear class handles the appear animation for StoryLabelItem components\n */\nexport class LabelItemAppear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { symbolStartOuterType = 'scale', titleType = 'typewriter', titlePanelType = 'scale' } = this.params;\n\n    const symbolTime = duration / 10;\n    target._symbolStart.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolStart, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 5,\n      easing\n    });\n\n    let symbolStartOuterFrom: any;\n    let symbolStartOuterTo: any;\n    if (symbolStartOuterType === 'scale') {\n      symbolStartOuterFrom = { scaleX: 0, scaleY: 0 };\n      symbolStartOuterTo = { scaleX: 1, scaleY: 1 };\n    } else {\n      symbolStartOuterFrom = { clipRange: 0 };\n      symbolStartOuterTo = { clipRange: 1 };\n    }\n    target._symbolStartOuter.setAttributes(symbolStartOuterFrom);\n\n    animator.animate(target._symbolStartOuter, {\n      type: 'to',\n      to: symbolStartOuterTo,\n      duration: symbolTime * 5,\n      easing\n    });\n\n    target._symbolEnd.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolEnd, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 2,\n      delay: symbolTime * 8,\n      easing\n    });\n\n    target._line.setAttributes({ clipRange: 0 });\n\n    animator.animate(target._line, {\n      type: 'to',\n      to: { clipRange: 1 },\n      duration: symbolTime * 9,\n      easing\n    });\n\n    if (titleType === 'typewriter') {\n      const titleTopText = target._titleTop.attribute.text as string;\n      target._titleTop.setAttributes({ text: '' });\n\n      animator.animate(target._titleTop, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleTopText },\n        custom: InputText\n      });\n\n      const titleBottomText = target._titleBottom.attribute.text as string;\n      target._titleBottom.setAttributes({ text: '' });\n\n      animator.animate(target._titleBottom, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleBottomText },\n        custom: InputText\n      });\n    } else {\n      target._titleTop.setAttributes({ dy: target._titleTop.AABBBounds.height() + 10 });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n\n      target._titleBottom.setAttributes({ dy: -(10 + target._titleBottom.AABBBounds.height()) });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n    }\n\n    if (titlePanelType === 'scale') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const scaleX = panel.attribute.scaleX ?? 1;\n        panel.setAttributes({ scaleX: 0 });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            scaleX\n          },\n          duration,\n          easing\n        });\n      });\n    } else if (titlePanelType === 'stroke') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const b = panel.AABBBounds;\n        const totalLen = (b.width() + b.height()) * 2;\n        panel.setAttributes({ lineDash: [0, totalLen * 10] });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            lineDash: [totalLen, totalLen * 10]\n          },\n          duration,\n          easing\n        });\n      });\n    }\n\n    this.completeBind(animator);\n  }\n}\n\n/**\n * LabelItemDisappear class handles the disappear animation for StoryLabelItem components\n */\nexport class LabelItemDisappear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { mode } = this.params;\n\n    if (mode === 'scale') {\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n    } else {\n      animator.animate(target._line, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolEnd, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: { dy: target._titleTop.AABBBounds.height() + 10 },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: { dy: -(10 + target._titleBottom.AABBBounds.height()) },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolStartOuter, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleTopPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleBottomPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n    }\n\n    this.completeBind(animator);\n  }\n}\n"]}

package/cjs/custom/move.d.ts

@@ -0,0 +1,92 @@
+import type { EasingType, IGraphic, IGroup } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export type FunctionCallback<T> = (...args: any[]) => T;
+export interface IMoveAnimationOptions {
+    direction?: 'x' | 'y' | 'xy';
+    orient?: 'positive' | 'negative';
+    offset?: number;
+    point?: {
+        x?: number;
+        y?: number;
+    } | FunctionCallback<{
+        x?: number;
+        y?: number;
+    }>;
+    excludeChannels?: string[];
+}
+interface IAnimationParameters {
+    width: number;
+    height: number;
+    group: IGroup;
+    elementIndex: number;
+    elementCount: number;
+    view: any;
+}
+export declare const moveIn: (graphic: IGraphic, options: IMoveAnimationOptions, animationParameters: IAnimationParameters) => {
+    from: {
+        x: any;
+        y?: undefined;
+    };
+    to: {
+        x: any;
+        y?: undefined;
+    };
+} | {
+    from: {
+        y: any;
+        x?: undefined;
+    };
+    to: {
+        y: any;
+        x?: undefined;
+    };
+} | {
+    from: {
+        x: any;
+        y: any;
+    };
+    to: {
+        x: any;
+        y: any;
+    };
+};
+export declare const moveOut: (graphic: IGraphic, options: IMoveAnimationOptions, animationParameters: IAnimationParameters) => {
+    from: {
+        x: number;
+        y?: undefined;
+    };
+    to: {
+        x: any;
+        y?: undefined;
+    };
+} | {
+    from: {
+        y: number;
+        x?: undefined;
+    };
+    to: {
+        y: any;
+        x?: undefined;
+    };
+} | {
+    from: {
+        x: number;
+        y: number;
+    };
+    to: {
+        x: any;
+        y: any;
+    };
+};
+export declare class MoveBase extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class MoveIn extends MoveBase {
+    onBind(): void;
+}
+export declare class MoveOut extends MoveBase {
+    onBind(): void;
+}
+export {};

package/cjs/custom/move.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MoveOut = exports.MoveIn = exports.MoveBase = exports.moveOut = exports.moveIn = void 0;
+
+const vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./custom-animate"), moveIn = (graphic, options, animationParameters) => {
+    var _a, _b;
+    const {offset: offset = 0, orient: orient, direction: direction, point: pointOpt, excludeChannels: excludeChannels = []} = null != options ? options : {};
+    let changedX = 0, changedY = 0;
+    "negative" === orient && (animationParameters.group ? (changedX = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), 
+    changedY = null !== (_b = animationParameters.groupHeight) && void 0 !== _b ? _b : animationParameters.group.getBounds().height(), 
+    animationParameters.groupWidth = changedX, animationParameters.groupHeight = changedY) : (changedX = animationParameters.width, 
+    changedY = animationParameters.height)), changedX += offset, changedY += offset;
+    const point = (0, vutils_1.isFunction)(pointOpt) ? pointOpt.call(null, graphic.getDatum(), graphic, animationParameters) : pointOpt, fromX = point && (0, 
+    vutils_1.isValidNumber)(point.x) ? point.x : changedX, fromY = point && (0, vutils_1.isValidNumber)(point.y) ? point.y : changedY, finalAttrs = graphic.getFinalAttribute(), finalAttrsX = excludeChannels.includes("x") ? graphic.attribute.x : finalAttrs.x, finalAttrsY = excludeChannels.includes("y") ? graphic.attribute.y : finalAttrs.y;
+    switch (direction) {
+      case "x":
+        return {
+            from: {
+                x: fromX
+            },
+            to: {
+                x: finalAttrsX
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                y: fromY
+            },
+            to: {
+                y: finalAttrsY
+            }
+        };
+
+      default:
+        return {
+            from: {
+                x: fromX,
+                y: fromY
+            },
+            to: {
+                x: finalAttrsX,
+                y: finalAttrsY
+            }
+        };
+    }
+};
+
+exports.moveIn = moveIn;
+
+const moveOut = (graphic, options, animationParameters) => {
+    var _a, _b;
+    const {offset: offset = 0, orient: orient, direction: direction, point: pointOpt} = null != options ? options : {}, groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null, groupWidth = null !== (_a = null == groupBounds ? void 0 : groupBounds.width()) && void 0 !== _a ? _a : animationParameters.width, groupHeight = null !== (_b = null == groupBounds ? void 0 : groupBounds.height()) && void 0 !== _b ? _b : animationParameters.height, changedX = ("negative" === orient ? groupWidth : 0) + offset, changedY = ("negative" === orient ? groupHeight : 0) + offset, point = (0, 
+    vutils_1.isFunction)(pointOpt) ? pointOpt.call(null, graphic.getDatum(), graphic, animationParameters) : pointOpt, fromX = point && (0, 
+    vutils_1.isValidNumber)(point.x) ? point.x : changedX, fromY = point && (0, vutils_1.isValidNumber)(point.y) ? point.y : changedY;
+    switch (direction) {
+      case "x":
+        return {
+            from: {
+                x: graphic.attribute.x
+            },
+            to: {
+                x: fromX
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                y: graphic.attribute.y
+            },
+            to: {
+                y: fromY
+            }
+        };
+
+      default:
+        return {
+            from: {
+                x: graphic.attribute.x,
+                y: graphic.attribute.y
+            },
+            to: {
+                x: fromX,
+                y: fromY
+            }
+        };
+    }
+};
+
+exports.moveOut = moveOut;
+
+class MoveBase extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
+        this.propKeys.forEach((key => {
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
+    }
+}
+
+exports.MoveBase = MoveBase;
+
+class MoveIn extends MoveBase {
+    onBind() {
+        const {from: from, to: to} = (0, exports.moveIn)(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+        this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
+    }
+}
+
+exports.MoveIn = MoveIn;
+
+class MoveOut extends MoveBase {
+    onBind() {
+        const {from: from, to: to} = (0, exports.moveOut)(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+        this.from = from, this.to = to;
+    }
+}
+
+exports.MoveOut = MoveOut;
+//# sourceMappingURL=move.js.map

package/cjs/custom/move.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/move.ts"],"names":[],"mappings":"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","file":"move.js","sourcesContent":["import type { EasingType, IGraphic, IGroup } from '@visactor/vrender-core';\nimport { isFunction, isValidNumber } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\nexport type FunctionCallback<T> = (...args: any[]) => T;\n\nexport interface IMoveAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n  orient?: 'positive' | 'negative';\n  offset?: number;\n  point?: { x?: number; y?: number } | FunctionCallback<{ x?: number; y?: number }>;\n  excludeChannels?: string[];\n}\n\ninterface IAnimationParameters {\n  width: number;\n  height: number;\n  group: IGroup;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\n// When user did not provide proper x/y value, move animation will never work properly,\n//  due to that, default x/y value won't be set.\n\nexport const moveIn = (\n  graphic: IGraphic,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt, excludeChannels = [] } = options ?? {};\n  let changedX = 0;\n  let changedY = 0;\n\n  if (orient === 'negative') {\n    // consider the offset of group\n    if (animationParameters.group) {\n      changedX = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n      changedY = (animationParameters as any).groupHeight ?? animationParameters.group.getBounds().height();\n\n      (animationParameters as any).groupWidth = changedX;\n      (animationParameters as any).groupHeight = changedY;\n    } else {\n      changedX = animationParameters.width;\n      changedY = animationParameters.height;\n    }\n  }\n\n  changedX += offset;\n  changedY += offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, graphic.getDatum(), graphic, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n  const finalAttrs = graphic.getFinalAttribute();\n  const finalAttrsX = excludeChannels.includes('x') ? graphic.attribute.x : finalAttrs.x;\n  const finalAttrsY = excludeChannels.includes('y') ? graphic.attribute.y : finalAttrs.y;\n\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: fromX },\n        to: { x: finalAttrsX }\n      };\n    case 'y':\n      return {\n        from: { y: fromY },\n        to: { y: finalAttrsY }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { x: fromX, y: fromY },\n        to: {\n          x: finalAttrsX,\n          y: finalAttrsY\n        }\n      };\n  }\n};\n\nexport const moveOut = (\n  graphic: IGraphic,\n  options: IMoveAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const { offset = 0, orient, direction, point: pointOpt } = options ?? {};\n\n  // consider the offset of group\n  const groupBounds = animationParameters.group ? animationParameters.group.getBounds() : null;\n  const groupWidth = groupBounds?.width() ?? animationParameters.width;\n  const groupHeight = groupBounds?.height() ?? animationParameters.height;\n  const changedX = (orient === 'negative' ? groupWidth : 0) + offset;\n  const changedY = (orient === 'negative' ? groupHeight : 0) + offset;\n  const point = isFunction(pointOpt) ? pointOpt.call(null, graphic.getDatum(), graphic, animationParameters) : pointOpt;\n  const fromX = point && isValidNumber(point.x) ? point.x : changedX;\n  const fromY = point && isValidNumber(point.y) ? point.y : changedY;\n\n  switch (direction) {\n    case 'x':\n      return {\n        from: { x: graphic.attribute.x },\n        to: { x: fromX }\n      };\n    case 'y':\n      return {\n        from: { y: graphic.attribute.y },\n        to: { y: fromY }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          x: graphic.attribute.x,\n          y: graphic.attribute.y\n        },\n        to: { x: fromX, y: fromY }\n      };\n  }\n};\n\nexport class MoveBase extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: any) {\n    super(from, to, duration, easing, params);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    const attribute: Record<string, any> = this.target.attribute;\n    this.propKeys.forEach(key => {\n      attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class MoveIn extends MoveBase {\n  onBind(): void {\n    const { from, to } = moveIn(this.target, this.params.options, this.params);\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => (to as any)[key] != null);\n    this.from = from;\n    this.to = to;\n\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      Object.assign(this.target.attribute, finalAttribute);\n    }\n    this.target.setAttributes(from);\n  }\n}\n\nexport class MoveOut extends MoveBase {\n  onBind(): void {\n    const { from, to } = moveOut(this.target, this.params.options, this.params);\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => (to as any)[key] != null);\n    this.from = from;\n    this.to = to;\n  }\n}\n"]}

package/cjs/custom/number.d.ts

@@ -1,5 +1,4 @@
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
+import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 export declare class IncreaseCount extends ACustomAnimate<{
     text: string | number;

package/cjs/custom/number.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/number.ts"],"names":[],"mappings":"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","file":"number.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\n/**\n * 数字增加动画，支持string; number; xx%; xx,xxx; xxx.xx%\n * 也支持通过formatTemplate参数指定格式化模板，如 \"{{var}}m\"、\"${{var}}\"\n * format和formatTemplate可以同时生效，先应用format再应用模板\n */\nexport class IncreaseCount extends ACustomAnimate<{ text: string | number }> {\n  declare valid: boolean;\n\n  private fromNumber: number;\n  private toNumber: number;\n  private decimalLength: number;\n  private format: string;\n  private formatTemplate: string | null = null;\n\n  constructor(\n    from: { text: string | number },\n    to: { text: string | number },\n    duration: number,\n    easing: EasingType,\n    // 支持外部控制小数位数以及格式化\n    // format控制数字本身的格式化方式\n    // formatTemplate可以定义模板字符串如 \"{{var}}m\"、\"${{var}}\"，两者可以同时使用\n    params?: {\n      decimalLength?: number;\n      format?: 'percent' | 'thousandth' | 'none';\n      formatTemplate?: string;\n    }\n  ) {\n    super(from, to, duration, easing, params);\n    this.decimalLength = params?.decimalLength;\n\n    // 检查是否提供了格式化模板\n    if (params?.formatTemplate && params.formatTemplate.includes('{{var}}')) {\n      this.formatTemplate = params.formatTemplate;\n    }\n  }\n\n  onFirstRun(): void {\n    const fromProps = this.getLastProps();\n    const toProps = this.getEndProps();\n    const fromText = fromProps.text ?? 0;\n    const toText = toProps.text ?? 0;\n\n    // 初始化解析结果\n    this.valid = true;\n    let fromNum = 0;\n    let toNum = 0;\n    let fromFormat = '';\n    let toFormat = '';\n    let maxDecimalLength = 0;\n\n    // 解析fromText\n    if (typeof fromText === 'number') {\n      fromNum = fromText;\n      const str = fromText.toString();\n      const decimalPart = str.split('.')[1] || '';\n      maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n    } else if (typeof fromText === 'string') {\n      // 检查是否是百分比\n      if (fromText.endsWith('%')) {\n        fromFormat = '%';\n        const numStr = fromText.substring(0, fromText.length - 1);\n        // 去除可能的千分位逗号\n        const cleanNumStr = numStr.replace(/,/g, '');\n        fromNum = parseFloat(cleanNumStr) / 100;\n        if (isNaN(fromNum)) {\n          this.valid = false;\n          return;\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2); // 百分比需要加2\n      } else {\n        // 处理普通数字或带千分位逗号的数字\n        const cleanNumStr = fromText.replace(/,/g, '');\n        fromNum = parseFloat(cleanNumStr);\n        if (isNaN(fromNum)) {\n          this.valid = false;\n          return;\n        }\n        // 检查是否有千分位\n        if (fromText.includes(',')) {\n          fromFormat = ',';\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n      }\n    } else {\n      this.valid = false;\n      return;\n    }\n\n    // 解析toText\n    if (typeof toText === 'number') {\n      toNum = toText;\n      const str = toText.toString();\n      const decimalPart = str.split('.')[1] || '';\n      maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n    } else if (typeof toText === 'string') {\n      // 检查是否是百分比\n      if (toText.endsWith('%')) {\n        toFormat = '%';\n        const numStr = toText.substring(0, toText.length - 1);\n        // 去除可能的千分位逗号\n        const cleanNumStr = numStr.replace(/,/g, '');\n        toNum = parseFloat(cleanNumStr) / 100;\n        if (isNaN(toNum)) {\n          this.valid = false;\n          return;\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2); // 百分比需要加2\n      } else {\n        // 处理普通数字或带千分位逗号的数字\n        const cleanNumStr = toText.replace(/,/g, '');\n        toNum = parseFloat(cleanNumStr);\n        if (isNaN(toNum)) {\n          this.valid = false;\n          return;\n        }\n        // 检查是否有千分位\n        if (toText.includes(',')) {\n          toFormat = ',';\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n      }\n    } else {\n      this.valid = false;\n      return;\n    }\n\n    // 设置最终格式\n    // 检查是否有外部传入的格式\n    if (this.params?.format) {\n      // 使用外部传入的格式，将外部格式映射到内部格式\n      switch (this.params.format) {\n        case 'percent':\n          this.format = '%';\n          break;\n        case 'thousandth':\n          this.format = ',';\n          break;\n        case 'none':\n          this.format = '';\n          break;\n        default:\n          // 如果传入了未知格式，则使用自动检测的格式\n          this.format = toFormat || fromFormat;\n      }\n\n      // 如果外部指定了百分比格式，但输入不是百分比，需要适配\n      if (this.format === '%' && toFormat !== '%' && fromFormat !== '%') {\n        // 不需要除以100，因为输入不是百分比\n        if (this.decimalLength === undefined) {\n          // 默认百分比显示2位小数\n          this.decimalLength = 2;\n        }\n      }\n\n      // 如果外部指定了不用百分比格式，但输入是百分比，需要适配\n      if (this.format !== '%' && (toFormat === '%' || fromFormat === '%')) {\n        // 需要乘以100，因为输入是百分比但不显示为百分比\n        fromNum = fromNum * 100;\n        toNum = toNum * 100;\n      }\n    } else {\n      // 自动检测格式，优先使用toFormat，如果to没有特殊格式则使用fromFormat\n      this.format = toFormat || fromFormat;\n    }\n\n    // 设置fromNumber和toNumber\n    this.fromNumber = fromNum;\n    this.toNumber = toNum;\n\n    // 如果没有传入decimalLength，则根据输入格式设置\n    if (this.decimalLength === undefined) {\n      this.decimalLength = maxDecimalLength;\n    }\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n    if (!cb) {\n      this.props && this.target.setAttributes(this.props as any);\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n    // 插值计算当前数值\n    const currentNumber = this.fromNumber + (this.toNumber - this.fromNumber) * ratio;\n\n    // 根据格式和小数位格式化数字\n    let formattedText: string | number = '';\n    const format = this.format;\n\n    // 首先格式化数字值（保留小数位）\n    // 对于百分比，乘以100\n    const adjustedNumber = format === '%' ? currentNumber * 100 : currentNumber;\n    // 保留指定小数位\n    const numberWithDecimals = adjustedNumber.toFixed(this.decimalLength);\n    // 如果小数位全是0，转为整数\n    let formattedNumber: string | number = numberWithDecimals;\n    if (parseFloat(numberWithDecimals) === Math.floor(parseFloat(numberWithDecimals))) {\n      formattedNumber = Math.floor(parseFloat(numberWithDecimals));\n    }\n\n    // 应用基本格式（百分比、千分位）\n    let formattedWithBasicFormat: string | number;\n    if (format === '%') {\n      // 百分比格式\n      formattedWithBasicFormat = `${formattedNumber}%`;\n    } else if (format === ',') {\n      // 千分位格式\n      const parts = formattedNumber.toString().split('.');\n      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n      formattedWithBasicFormat = parts.join('.');\n    } else {\n      // 普通数字格式\n      formattedWithBasicFormat = formattedNumber;\n    }\n\n    // 应用模板（如果存在）\n    if (this.formatTemplate) {\n      // 使用模板格式化\n      formattedText = this.formatTemplate.replace('{{var}}', formattedWithBasicFormat.toString());\n    } else {\n      // 不使用模板，直接使用基本格式的结果\n      formattedText = formattedWithBasicFormat;\n    }\n\n    // 更新图形的text属性\n    this.target.setAttribute('text', formattedText);\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/number.ts"],"names":[],"mappings":"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","file":"number.js","sourcesContent":["import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\n/**\n * 数字增加动画，支持string; number; xx%; xx,xxx; xxx.xx%\n * 也支持通过formatTemplate参数指定格式化模板，如 \"{{var}}m\"、\"${{var}}\"\n * format和formatTemplate可以同时生效，先应用format再应用模板\n */\nexport class IncreaseCount extends ACustomAnimate<{ text: string | number }> {\n  declare valid: boolean;\n\n  private fromNumber: number;\n  private toNumber: number;\n  private decimalLength: number;\n  private format: string;\n  private formatTemplate: string | null = null;\n\n  constructor(\n    from: { text: string | number },\n    to: { text: string | number },\n    duration: number,\n    easing: EasingType,\n    // 支持外部控制小数位数以及格式化\n    // format控制数字本身的格式化方式\n    // formatTemplate可以定义模板字符串如 \"{{var}}m\"、\"${{var}}\"，两者可以同时使用\n    params?: {\n      decimalLength?: number;\n      format?: 'percent' | 'thousandth' | 'none';\n      formatTemplate?: string;\n    }\n  ) {\n    super(from, to, duration, easing, params);\n    this.decimalLength = params?.decimalLength;\n\n    // 检查是否提供了格式化模板\n    if (params?.formatTemplate && params.formatTemplate.includes('{{var}}')) {\n      this.formatTemplate = params.formatTemplate;\n    }\n  }\n\n  onFirstRun(): void {\n    const fromProps = this.getLastProps();\n    const toProps = this.getEndProps();\n    const fromText = fromProps.text ?? 0;\n    const toText = toProps.text ?? 0;\n\n    // 初始化解析结果\n    this.valid = true;\n    let fromNum = 0;\n    let toNum = 0;\n    let fromFormat = '';\n    let toFormat = '';\n    let maxDecimalLength = 0;\n\n    // 解析fromText\n    if (typeof fromText === 'number') {\n      fromNum = fromText;\n      const str = fromText.toString();\n      const decimalPart = str.split('.')[1] || '';\n      maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n    } else if (typeof fromText === 'string') {\n      // 检查是否是百分比\n      if (fromText.endsWith('%')) {\n        fromFormat = '%';\n        const numStr = fromText.substring(0, fromText.length - 1);\n        // 去除可能的千分位逗号\n        const cleanNumStr = numStr.replace(/,/g, '');\n        fromNum = parseFloat(cleanNumStr) / 100;\n        if (isNaN(fromNum)) {\n          this.valid = false;\n          return;\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2); // 百分比需要加2\n      } else {\n        // 处理普通数字或带千分位逗号的数字\n        const cleanNumStr = fromText.replace(/,/g, '');\n        fromNum = parseFloat(cleanNumStr);\n        if (isNaN(fromNum)) {\n          this.valid = false;\n          return;\n        }\n        // 检查是否有千分位\n        if (fromText.includes(',')) {\n          fromFormat = ',';\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n      }\n    } else {\n      this.valid = false;\n      return;\n    }\n\n    // 解析toText\n    if (typeof toText === 'number') {\n      toNum = toText;\n      const str = toText.toString();\n      const decimalPart = str.split('.')[1] || '';\n      maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n    } else if (typeof toText === 'string') {\n      // 检查是否是百分比\n      if (toText.endsWith('%')) {\n        toFormat = '%';\n        const numStr = toText.substring(0, toText.length - 1);\n        // 去除可能的千分位逗号\n        const cleanNumStr = numStr.replace(/,/g, '');\n        toNum = parseFloat(cleanNumStr) / 100;\n        if (isNaN(toNum)) {\n          this.valid = false;\n          return;\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2); // 百分比需要加2\n      } else {\n        // 处理普通数字或带千分位逗号的数字\n        const cleanNumStr = toText.replace(/,/g, '');\n        toNum = parseFloat(cleanNumStr);\n        if (isNaN(toNum)) {\n          this.valid = false;\n          return;\n        }\n        // 检查是否有千分位\n        if (toText.includes(',')) {\n          toFormat = ',';\n        }\n        const decimalPart = cleanNumStr.split('.')[1] || '';\n        maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);\n      }\n    } else {\n      this.valid = false;\n      return;\n    }\n\n    // 设置最终格式\n    // 检查是否有外部传入的格式\n    if (this.params?.format) {\n      // 使用外部传入的格式，将外部格式映射到内部格式\n      switch (this.params.format) {\n        case 'percent':\n          this.format = '%';\n          break;\n        case 'thousandth':\n          this.format = ',';\n          break;\n        case 'none':\n          this.format = '';\n          break;\n        default:\n          // 如果传入了未知格式，则使用自动检测的格式\n          this.format = toFormat || fromFormat;\n      }\n\n      // 如果外部指定了百分比格式，但输入不是百分比，需要适配\n      if (this.format === '%' && toFormat !== '%' && fromFormat !== '%') {\n        // 不需要除以100，因为输入不是百分比\n        if (this.decimalLength === undefined) {\n          // 默认百分比显示2位小数\n          this.decimalLength = 2;\n        }\n      }\n\n      // 如果外部指定了不用百分比格式，但输入是百分比，需要适配\n      if (this.format !== '%' && (toFormat === '%' || fromFormat === '%')) {\n        // 需要乘以100，因为输入是百分比但不显示为百分比\n        fromNum = fromNum * 100;\n        toNum = toNum * 100;\n      }\n    } else {\n      // 自动检测格式，优先使用toFormat，如果to没有特殊格式则使用fromFormat\n      this.format = toFormat || fromFormat;\n    }\n\n    // 设置fromNumber和toNumber\n    this.fromNumber = fromNum;\n    this.toNumber = toNum;\n\n    // 如果没有传入decimalLength，则根据输入格式设置\n    if (this.decimalLength === undefined) {\n      this.decimalLength = maxDecimalLength;\n    }\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n    if (!cb) {\n      this.props && this.target.setAttributes(this.props as any);\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n    // 插值计算当前数值\n    const currentNumber = this.fromNumber + (this.toNumber - this.fromNumber) * ratio;\n\n    // 根据格式和小数位格式化数字\n    let formattedText: string | number = '';\n    const format = this.format;\n\n    // 首先格式化数字值（保留小数位）\n    // 对于百分比，乘以100\n    const adjustedNumber = format === '%' ? currentNumber * 100 : currentNumber;\n    // 保留指定小数位\n    const numberWithDecimals = adjustedNumber.toFixed(this.decimalLength);\n    // 如果小数位全是0，转为整数\n    let formattedNumber: string | number = numberWithDecimals;\n    if (parseFloat(numberWithDecimals) === Math.floor(parseFloat(numberWithDecimals))) {\n      formattedNumber = Math.floor(parseFloat(numberWithDecimals));\n    }\n\n    // 应用基本格式（百分比、千分位）\n    let formattedWithBasicFormat: string | number;\n    if (format === '%') {\n      // 百分比格式\n      formattedWithBasicFormat = `${formattedNumber}%`;\n    } else if (format === ',') {\n      // 千分位格式\n      const parts = formattedNumber.toString().split('.');\n      parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\n      formattedWithBasicFormat = parts.join('.');\n    } else {\n      // 普通数字格式\n      formattedWithBasicFormat = formattedNumber;\n    }\n\n    // 应用模板（如果存在）\n    if (this.formatTemplate) {\n      // 使用模板格式化\n      formattedText = this.formatTemplate.replace('{{var}}', formattedWithBasicFormat.toString());\n    } else {\n      // 不使用模板，直接使用基本格式的结果\n      formattedText = formattedWithBasicFormat;\n    }\n\n    // 更新图形的text属性\n    this.target.setAttribute('text', formattedText);\n  }\n}\n"]}

package/cjs/custom/poptip-animate.js

@@ -80,6 +80,7 @@ class PoptipAppear extends custom_animate_1.AComponentAnimate {
                 } ]
             });
         }
+        this.completeBind(animator);
     }
 }
 
@@ -98,7 +99,7 @@ class PoptipDisappear extends custom_animate_1.AComponentAnimate {
             },
             duration: duration,
             easing: easing
-        });
+        }), this.completeBind(animator);
     }
 }
 

package/cjs/custom/poptip-animate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/poptip-animate.ts"],"names":[],"mappings":"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","file":"poptip-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\nimport { InputText } from './input-text';\n\n/**\n * PoptipAppear class handles the appear animation for Poptip components\n */\nexport class PoptipAppear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { wave } = this.params;\n\n    target.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: (duration / 3) * 2,\n      easing\n    });\n\n    target.titleShape &&\n      animator.animate(target.titleShape, {\n        type: 'custom',\n        to: { text: target.titleShape.attribute.text as string },\n        duration,\n        easing,\n        custom: InputText\n      });\n\n    target.contentShape &&\n      animator.animate(target.contentShape, {\n        type: 'custom',\n        to: { text: target.contentShape.attribute.text as string },\n        duration,\n        easing,\n        custom: InputText\n      });\n\n    if (wave) {\n      const dur = duration / 6;\n      animator.animate(target.group, {\n        timeSlices: [\n          {\n            duration: dur,\n            effects: {\n              type: 'to',\n              to: { angle: wave },\n              easing\n            }\n          },\n          {\n            duration: dur * 2,\n            effects: {\n              type: 'to',\n              to: { angle: -wave },\n              easing\n            }\n          },\n          {\n            duration: dur * 2,\n            effects: {\n              type: 'to',\n              to: { angle: wave },\n              easing\n            }\n          },\n          {\n            duration: dur,\n            effects: {\n              type: 'to',\n              to: { angle: 0 },\n              easing\n            }\n          }\n        ]\n      });\n    }\n  }\n}\n\n/**\n * PoptipDisappear class handles the disappear animation for Poptip components\n */\nexport class PoptipDisappear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    animator.animate(target, {\n      type: 'to',\n      to: { scaleX: 0, scaleY: 0 },\n      duration,\n      easing\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/poptip-animate.ts"],"names":[],"mappings":"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","file":"poptip-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\nimport { InputText } from './input-text';\n\n/**\n * PoptipAppear class handles the appear animation for Poptip components\n */\nexport class PoptipAppear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { wave } = this.params;\n\n    target.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: (duration / 3) * 2,\n      easing\n    });\n\n    target.titleShape &&\n      animator.animate(target.titleShape, {\n        type: 'custom',\n        to: { text: target.titleShape.attribute.text as string },\n        duration,\n        easing,\n        custom: InputText\n      });\n\n    target.contentShape &&\n      animator.animate(target.contentShape, {\n        type: 'custom',\n        to: { text: target.contentShape.attribute.text as string },\n        duration,\n        easing,\n        custom: InputText\n      });\n\n    if (wave) {\n      const dur = duration / 6;\n      animator.animate(target.group, {\n        timeSlices: [\n          {\n            duration: dur,\n            effects: {\n              type: 'to',\n              to: { angle: wave },\n              easing\n            }\n          },\n          {\n            duration: dur * 2,\n            effects: {\n              type: 'to',\n              to: { angle: -wave },\n              easing\n            }\n          },\n          {\n            duration: dur * 2,\n            effects: {\n              type: 'to',\n              to: { angle: wave },\n              easing\n            }\n          },\n          {\n            duration: dur,\n            effects: {\n              type: 'to',\n              to: { angle: 0 },\n              easing\n            }\n          }\n        ]\n      });\n    }\n\n    this.completeBind(animator);\n  }\n}\n\n/**\n * PoptipDisappear class handles the disappear animation for Poptip components\n */\nexport class PoptipDisappear extends AComponentAnimate<any> {\n  onBind(): void {\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    animator.animate(target, {\n      type: 'to',\n      to: { scaleX: 0, scaleY: 0 },\n      duration,\n      easing\n    });\n\n    this.completeBind(animator);\n  }\n}\n"]}

package/cjs/custom/register.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerCustomAnimate = void 0;
 
-const animate_executor_1 = require("../executor/animate-executor"), clip_1 = require("./clip"), fade_1 = require("./fade"), growAngle_1 = require("./growAngle"), growCenter_1 = require("./growCenter"), growHeight_1 = require("./growHeight"), growPoints_1 = require("./growPoints"), growRadius_1 = require("./growRadius"), growWidth_1 = require("./growWidth"), label_animate_1 = require("./label-animate"), label_item_animate_1 = require("./label-item-animate"), number_1 = require("./number"), poptip_animate_1 = require("./poptip-animate"), scale_1 = require("./scale"), state_1 = require("./state"), update_1 = require("./update"), registerCustomAnimate = () => {
+const animate_executor_1 = require("../executor/animate-executor"), clip_1 = require("./clip"), fade_1 = require("./fade"), growAngle_1 = require("./growAngle"), growCenter_1 = require("./growCenter"), growHeight_1 = require("./growHeight"), growPoints_1 = require("./growPoints"), growRadius_1 = require("./growRadius"), growWidth_1 = require("./growWidth"), input_text_1 = require("./input-text"), label_item_animate_1 = require("./label-item-animate"), number_1 = require("./number"), poptip_animate_1 = require("./poptip-animate"), input_richtext_1 = require("./richtext/input-richtext"), output_richtext_1 = require("./richtext/output-richtext"), slide_richtext_1 = require("./richtext/slide-richtext"), slide_out_richtext_1 = require("./richtext/slide-out-richtext"), scale_1 = require("./scale"), state_1 = require("./state"), story_1 = require("./story"), update_1 = require("./update"), move_1 = require("./move"), rotate_1 = require("./rotate"), from_to_1 = require("./from-to"), registerCustomAnimate = () => {
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("increaseCount", number_1.IncreaseCount), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("fromTo", from_to_1.FromTo), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("scaleIn", scale_1.ScaleIn), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("scaleOut", scale_1.ScaleOut), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growHeightIn", growHeight_1.GrowHeightIn), 
@@ -28,13 +29,31 @@ const animate_executor_1 = require("../executor/animate-executor"), clip_1 = req
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growAngleOut", growAngle_1.GrowAngleOut), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growRadiusIn", growRadius_1.GrowRadiusIn), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growRadiusOut", growRadius_1.GrowRadiusOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveIn", move_1.MoveIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveOut", move_1.MoveOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("rotateIn", rotate_1.RotateIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("rotateOut", rotate_1.RotateOut), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("update", update_1.Update), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("state", state_1.State), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("labelItemAppear", label_item_animate_1.LabelItemAppear), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", label_item_animate_1.LabelItemDisappear), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("poptipAppear", poptip_animate_1.PoptipAppear), 
     animate_executor_1.AnimateExecutor.registerBuiltInAnimate("poptipDisappear", poptip_animate_1.PoptipDisappear), 
-    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("labelUpdate", label_animate_1.LabelUpdate);
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("inputText", input_text_1.InputText), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("inputRichText", input_richtext_1.InputRichText), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("outputRichText", output_richtext_1.OutputRichText), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("slideRichText", slide_richtext_1.SlideRichText), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("slideOutRichText", slide_out_richtext_1.SlideOutRichText), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("slideIn", story_1.SlideIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growIn", story_1.GrowIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("spinIn", story_1.SpinIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveScaleIn", story_1.MoveScaleIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveRotateIn", story_1.MoveRotateIn), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("slideOut", story_1.SlideOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("growOut", story_1.GrowOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("spinOut", story_1.SpinOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveScaleOut", story_1.MoveScaleOut), 
+    animate_executor_1.AnimateExecutor.registerBuiltInAnimate("moveRotateOut", story_1.MoveRotateOut);
 };
 
 exports.registerCustomAnimate = registerCustomAnimate;

package/cjs/custom/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/register.ts"],"names":[],"mappings":";;;AAAA,mEAA+D;AAC/D,iCAAyC;AACzC,iCAAyC;AACzC,2CAAwD;AACxD,6CAA2D;AAC3D,6CAA2D;AAC3D,6CAOsB;AACtB,6CAA2D;AAC3D,2CAAwD;AACxD,mDAA8C;AAC9C,6DAA2E;AAC3E,qCAAyC;AACzC,qDAAiE;AACjE,mCAA4C;AAC5C,mCAAgC;AAChC,qCAAkC;AAE3B,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAExC,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,sBAAa,CAAC,CAAC;IAEvE,kCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,eAAO,CAAC,CAAC;IAC3D,kCAAe,CAAC,sBAAsB,CAAC,UAAU,EAAE,gBAAQ,CAAC,CAAC;IAC7D,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,yBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IACvE,kCAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,uBAAW,CAAC,CAAC;IACnE,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,wBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,yBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IACvE,kCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,aAAM,CAAC,CAAC;IACzD,kCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,cAAO,CAAC,CAAC;IAC3D,kCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,aAAM,CAAC,CAAC;IACzD,kCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,cAAO,CAAC,CAAC;IAC3D,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,yBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IACvE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IACvE,kCAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,2BAAc,CAAC,CAAC;IACzE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IACvE,kCAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,2BAAc,CAAC,CAAC;IACzE,kCAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,uBAAW,CAAC,CAAC;IACnE,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,wBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,yBAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,0BAAa,CAAC,CAAC;IAEvE,kCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,eAAM,CAAC,CAAC;IACzD,kCAAe,CAAC,sBAAsB,CAAC,OAAO,EAAE,aAAK,CAAC,CAAC;IAEvD,kCAAe,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,oCAAe,CAAC,CAAC;IAC3E,kCAAe,CAAC,sBAAsB,CAAC,oBAAoB,EAAE,uCAAkB,CAAC,CAAC;IAEjF,kCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,6BAAY,CAAC,CAAC;IACrE,kCAAe,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,gCAAe,CAAC,CAAC;IAE3E,kCAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,2BAAW,CAAC,CAAC;AACrE,CAAC,CAAC;AArCW,QAAA,qBAAqB,yBAqChC","file":"register.js","sourcesContent":["import { AnimateExecutor } from '../executor/animate-executor';\nimport { ClipIn, ClipOut } from './clip';\nimport { FadeIn, FadeOut } from './fade';\nimport { GrowAngleIn, GrowAngleOut } from './growAngle';\nimport { GrowCenterIn, GrowCenterOut } from './growCenter';\nimport { GrowHeightIn, GrowHeightOut } from './growHeight';\nimport {\n  GrowPointsIn,\n  GrowPointsOut,\n  GrowPointsXIn,\n  GrowPointsXOut,\n  GrowPointsYIn,\n  GrowPointsYOut\n} from './growPoints';\nimport { GrowRadiusIn, GrowRadiusOut } from './growRadius';\nimport { GrowWidthIn, GrowWidthOut } from './growWidth';\nimport { LabelUpdate } from './label-animate';\nimport { LabelItemAppear, LabelItemDisappear } from './label-item-animate';\nimport { IncreaseCount } from './number';\nimport { PoptipAppear, PoptipDisappear } from './poptip-animate';\nimport { ScaleIn, ScaleOut } from './scale';\nimport { State } from './state';\nimport { Update } from './update';\n\nexport const registerCustomAnimate = () => {\n  // 基础动画\n  AnimateExecutor.registerBuiltInAnimate('increaseCount', IncreaseCount);\n\n  AnimateExecutor.registerBuiltInAnimate('scaleIn', ScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('scaleOut', ScaleOut);\n  AnimateExecutor.registerBuiltInAnimate('growHeightIn', GrowHeightIn);\n  AnimateExecutor.registerBuiltInAnimate('growHeightOut', GrowHeightOut);\n  AnimateExecutor.registerBuiltInAnimate('growWidthIn', GrowWidthIn);\n  AnimateExecutor.registerBuiltInAnimate('growWidthOut', GrowWidthOut);\n  AnimateExecutor.registerBuiltInAnimate('growCenterIn', GrowCenterIn);\n  AnimateExecutor.registerBuiltInAnimate('growCenterOut', GrowCenterOut);\n  AnimateExecutor.registerBuiltInAnimate('clipIn', ClipIn);\n  AnimateExecutor.registerBuiltInAnimate('clipOut', ClipOut);\n  AnimateExecutor.registerBuiltInAnimate('fadeIn', FadeIn);\n  AnimateExecutor.registerBuiltInAnimate('fadeOut', FadeOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsIn', GrowPointsIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXIn', GrowPointsXIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXOut', GrowPointsXOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYIn', GrowPointsYIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYOut', GrowPointsYOut);\n  AnimateExecutor.registerBuiltInAnimate('growAngleIn', GrowAngleIn);\n  AnimateExecutor.registerBuiltInAnimate('growAngleOut', GrowAngleOut);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusIn', GrowRadiusIn);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusOut', GrowRadiusOut);\n  // state和update共用一个自定义动画类\n  AnimateExecutor.registerBuiltInAnimate('update', Update);\n  AnimateExecutor.registerBuiltInAnimate('state', State);\n  // Label item animations\n  AnimateExecutor.registerBuiltInAnimate('labelItemAppear', LabelItemAppear);\n  AnimateExecutor.registerBuiltInAnimate('labelItemDisappear', LabelItemDisappear);\n  // Poptip animations\n  AnimateExecutor.registerBuiltInAnimate('poptipAppear', PoptipAppear);\n  AnimateExecutor.registerBuiltInAnimate('poptipDisappear', PoptipDisappear);\n  // Label update animation\n  AnimateExecutor.registerBuiltInAnimate('labelUpdate', LabelUpdate);\n};\n"]}
+{"version":3,"sources":["../src/custom/register.ts"],"names":[],"mappings":"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","file":"register.js","sourcesContent":["import { AnimateExecutor } from '../executor/animate-executor';\nimport { ClipIn, ClipOut } from './clip';\nimport { FadeIn, FadeOut } from './fade';\nimport { GrowAngleIn, GrowAngleOut } from './growAngle';\nimport { GrowCenterIn, GrowCenterOut } from './growCenter';\nimport { GrowHeightIn, GrowHeightOut } from './growHeight';\nimport {\n  GrowPointsIn,\n  GrowPointsOut,\n  GrowPointsXIn,\n  GrowPointsXOut,\n  GrowPointsYIn,\n  GrowPointsYOut\n} from './growPoints';\nimport { GrowRadiusIn, GrowRadiusOut } from './growRadius';\nimport { GrowWidthIn, GrowWidthOut } from './growWidth';\nimport { InputText } from './input-text';\nimport { LabelItemAppear, LabelItemDisappear } from './label-item-animate';\nimport { IncreaseCount } from './number';\nimport { PoptipAppear, PoptipDisappear } from './poptip-animate';\nimport { InputRichText } from './richtext/input-richtext';\nimport { OutputRichText } from './richtext/output-richtext';\nimport { SlideRichText } from './richtext/slide-richtext';\nimport { SlideOutRichText } from './richtext/slide-out-richtext';\nimport { ScaleIn, ScaleOut } from './scale';\nimport { State } from './state';\nimport {\n  GrowIn,\n  GrowOut,\n  MoveRotateIn,\n  MoveRotateOut,\n  MoveScaleIn,\n  MoveScaleOut,\n  SlideIn,\n  SlideOut,\n  SpinIn,\n  SpinOut\n} from './story';\nimport { Update } from './update';\nimport { MoveIn, MoveOut } from './move';\nimport { RotateIn, RotateOut } from './rotate';\nimport { FromTo } from './from-to';\n\nexport const registerCustomAnimate = () => {\n  // 基础动画\n  AnimateExecutor.registerBuiltInAnimate('increaseCount', IncreaseCount);\n\n  AnimateExecutor.registerBuiltInAnimate('fromTo', FromTo);\n  AnimateExecutor.registerBuiltInAnimate('scaleIn', ScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('scaleOut', ScaleOut);\n  AnimateExecutor.registerBuiltInAnimate('growHeightIn', GrowHeightIn);\n  AnimateExecutor.registerBuiltInAnimate('growHeightOut', GrowHeightOut);\n  AnimateExecutor.registerBuiltInAnimate('growWidthIn', GrowWidthIn);\n  AnimateExecutor.registerBuiltInAnimate('growWidthOut', GrowWidthOut);\n  AnimateExecutor.registerBuiltInAnimate('growCenterIn', GrowCenterIn);\n  AnimateExecutor.registerBuiltInAnimate('growCenterOut', GrowCenterOut);\n  AnimateExecutor.registerBuiltInAnimate('clipIn', ClipIn);\n  AnimateExecutor.registerBuiltInAnimate('clipOut', ClipOut);\n  AnimateExecutor.registerBuiltInAnimate('fadeIn', FadeIn);\n  AnimateExecutor.registerBuiltInAnimate('fadeOut', FadeOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsIn', GrowPointsIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXIn', GrowPointsXIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXOut', GrowPointsXOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYIn', GrowPointsYIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYOut', GrowPointsYOut);\n  AnimateExecutor.registerBuiltInAnimate('growAngleIn', GrowAngleIn);\n  AnimateExecutor.registerBuiltInAnimate('growAngleOut', GrowAngleOut);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusIn', GrowRadiusIn);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusOut', GrowRadiusOut);\n  AnimateExecutor.registerBuiltInAnimate('moveIn', MoveIn);\n  AnimateExecutor.registerBuiltInAnimate('moveOut', MoveOut);\n  AnimateExecutor.registerBuiltInAnimate('rotateIn', RotateIn);\n  AnimateExecutor.registerBuiltInAnimate('rotateOut', RotateOut);\n  // state和update共用一个自定义动画类\n  AnimateExecutor.registerBuiltInAnimate('update', Update);\n  AnimateExecutor.registerBuiltInAnimate('state', State);\n  // Label item animations\n  AnimateExecutor.registerBuiltInAnimate('labelItemAppear', LabelItemAppear);\n  AnimateExecutor.registerBuiltInAnimate('labelItemDisappear', LabelItemDisappear);\n  // Poptip animations\n  AnimateExecutor.registerBuiltInAnimate('poptipAppear', PoptipAppear);\n  AnimateExecutor.registerBuiltInAnimate('poptipDisappear', PoptipDisappear);\n\n  // Text input animations\n  AnimateExecutor.registerBuiltInAnimate('inputText', InputText);\n  AnimateExecutor.registerBuiltInAnimate('inputRichText', InputRichText);\n  AnimateExecutor.registerBuiltInAnimate('outputRichText', OutputRichText);\n  AnimateExecutor.registerBuiltInAnimate('slideRichText', SlideRichText);\n  AnimateExecutor.registerBuiltInAnimate('slideOutRichText', SlideOutRichText);\n\n  // 故事化动画 - 入场\n  AnimateExecutor.registerBuiltInAnimate('slideIn', SlideIn);\n  AnimateExecutor.registerBuiltInAnimate('growIn', GrowIn);\n  AnimateExecutor.registerBuiltInAnimate('spinIn', SpinIn);\n  AnimateExecutor.registerBuiltInAnimate('moveScaleIn', MoveScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('moveRotateIn', MoveRotateIn);\n\n  // 故事化动画 - 出场\n  AnimateExecutor.registerBuiltInAnimate('slideOut', SlideOut);\n  AnimateExecutor.registerBuiltInAnimate('growOut', GrowOut);\n  AnimateExecutor.registerBuiltInAnimate('spinOut', SpinOut);\n  AnimateExecutor.registerBuiltInAnimate('moveScaleOut', MoveScaleOut);\n  AnimateExecutor.registerBuiltInAnimate('moveRotateOut', MoveRotateOut);\n};\n"]}

package/cjs/custom/richtext/input-richtext.d.ts

@@ -0,0 +1,33 @@
+import { ACustomAnimate } from '../custom-animate';
+import type { IRichTextCharacter, IAnimate, IStep, EasingType } from '@visactor/vrender-core';
+export declare class InputRichText extends ACustomAnimate<{
+    textConfig: IRichTextCharacter[];
+}> {
+    valid: boolean;
+    private fromTextConfig;
+    private toTextConfig;
+    private originalTextConfig;
+    private showCursor;
+    private cursorChar;
+    private blinkCursor;
+    private beforeText;
+    private afterText;
+    private fadeInChars;
+    private fadeInDuration;
+    constructor(from: {
+        textConfig: IRichTextCharacter[];
+    }, to: {
+        textConfig: IRichTextCharacter[];
+    }, duration: number, easing: EasingType, params?: {
+        showCursor?: boolean;
+        cursorChar?: string;
+        blinkCursor?: boolean;
+        beforeText?: string;
+        afterText?: string;
+        fadeInChars?: boolean;
+        fadeInDuration?: number;
+    });
+    onFirstRun(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}