@visactor/vrender-animate 0.22.4

package/es/custom/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,eAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC3D,eAAe,CAAC,sBAAsB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC7D,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACvE,eAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACnE,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACvE,eAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC3D,eAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAC3D,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACvE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACvE,eAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IACzE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACvE,eAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;IACzE,eAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACnE,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACrE,eAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IAEvE,eAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzD,eAAe,CAAC,sBAAsB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACzD,CAAC,CAAC","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 { ScaleIn, ScaleOut } from './scale';\nimport { State } from './state';\nimport { Update } from './update';\n\nexport const registerCustomAnimate = () => {\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};\n"]}

package/es/custom/scale-in.d.ts

@@ -0,0 +1,13 @@
+import type { IAnimate, IStep } from '../intreface/animate';
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IScaleAnimationOptions {
+    direction?: 'x' | 'y' | 'xy';
+}
+export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
+    onFirstRun(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/scale-in.js

@@ -0,0 +1,49 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class ScaleIn extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onFirstRun() {
+        var _a, _b, _c, _d, _e;
+        let from, to;
+        const attrs = this.target.getAttributes();
+        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
+          case "x":
+            from = {
+                scaleX: 0
+            }, to = {
+                scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
+            };
+            break;
+
+          case "y":
+            from = {
+                scaleY: 0
+            }, to = {
+                scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
+            };
+            break;
+
+          default:
+            from = {
+                scaleX: 0,
+                scaleY: 0
+            }, to = {
+                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
+                scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
+            };
+        }
+        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
+        this.to = to;
+    }
+    onEnd(cb) {
+        super.onEnd(cb);
+    }
+    onUpdate(end, ratio, out) {
+        this.valid && (this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out));
+    }
+}
+//# sourceMappingURL=scale-in.js.map

package/es/custom/scale-in.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/scale-in.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,OAAO,OAAQ,SAAQ,cAAsC;IAGjE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAA+B;QACrG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;;QACR,IAAI,IAA4B,CAAC;QACjC,IAAI,EAA0B,CAAC;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC1C,QAAQ,MAAA,IAAI,CAAC,MAAM,0CAAE,SAAS,EAAE;YAC9B,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBACrB,EAAE,GAAG,EAAE,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC,EAAE,CAAC;gBACpC,MAAM;YACR,KAAK,IAAI,CAAC;YACV;gBACE,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;gBAChC,EAAE,GAAG;oBACH,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;oBAC1B,MAAM,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,CAAC;iBAC3B,CAAC;SACL;QACD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,GAAG,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;QACtE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjC,CAAC;CACF","file":"scale-in.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onFirstRun(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getAttributes();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        break;\n      case 'y':\n        from = { scaleY: 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: 0, scaleY: 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}

package/es/custom/scale.d.ts

@@ -0,0 +1,20 @@
+import type { IAnimate, IStep } from '../intreface/animate';
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IScaleAnimationOptions {
+    direction?: 'x' | 'y' | 'xy';
+}
+export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
+    onBind(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class ScaleOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions);
+    onBind(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/scale.js

@@ -0,0 +1,96 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class ScaleIn extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        let from, to;
+        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_a = this.target.context.lastAttrs) && void 0 !== _a ? _a : {};
+        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
+          case "x":
+            from = {
+                scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
+            }, to = {
+                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+            };
+            break;
+
+          case "y":
+            from = {
+                scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
+            }, to = {
+                scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+            };
+            break;
+
+          default:
+            from = {
+                scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
+                scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
+            }, to = {
+                scaleX: null !== (_j = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _j ? _j : 1,
+                scaleY: null !== (_k = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _k ? _k : 1
+            };
+        }
+        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
+        this.to = to, this.target.setAttributes(from);
+    }
+    onEnd(cb) {
+        super.onEnd(cb);
+    }
+    onUpdate(end, ratio, out) {
+        this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out);
+    }
+}
+
+export class ScaleOut extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        var _a, _b, _c, _d, _e;
+        let from, to;
+        const attrs = this.target.getFinalAttribute();
+        switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
+          case "x":
+            from = {
+                scaleX: null !== (_b = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _b ? _b : 1
+            }, to = {
+                scaleX: 0
+            };
+            break;
+
+          case "y":
+            from = {
+                scaleY: null !== (_c = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _c ? _c : 1
+            }, to = {
+                scaleY: 0
+            };
+            break;
+
+          default:
+            from = {
+                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1,
+                scaleY: null !== (_e = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _e ? _e : 1
+            }, to = {
+                scaleX: 0,
+                scaleY: 0
+            };
+        }
+        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
+        this.to = to;
+    }
+    onEnd(cb) {
+        super.onEnd(cb);
+    }
+    onUpdate(end, ratio, out) {
+        this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out);
+    }
+}
+//# sourceMappingURL=scale.js.map

package/es/custom/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/scale.ts"],"names":[],"mappings":"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","file":"scale.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class ScaleIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    const attrs = this.target.getFinalAttribute();\n    const fromAttrs = this.target.context.lastAttrs ?? {};\n\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: fromAttrs.scaleX ?? 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        break;\n      case 'y':\n        from = { scaleY: fromAttrs.scaleY ?? 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: fromAttrs.scaleX ?? 0, scaleY: fromAttrs.scaleY ?? 0 };\n        to = {\n          scaleX: attrs?.scaleX ?? 1,\n          scaleY: attrs?.scaleY ?? 1\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n\nexport class ScaleOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IScaleAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  onBind(): void {\n    let from: Record<string, number>;\n    let to: Record<string, number>;\n    // 获取当前的数据\n    const attrs = this.target.getFinalAttribute();\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: attrs?.scaleX ?? 1 };\n        to = { scaleX: 0 };\n        break;\n      case 'y':\n        from = { scaleY: attrs?.scaleY ?? 1 };\n        to = { scaleY: 0 };\n        break;\n      case 'xy':\n      default:\n        from = { scaleX: attrs?.scaleX ?? 1, scaleY: attrs?.scaleY ?? 1 };\n        to = {\n          scaleX: 0,\n          scaleY: 0\n        };\n    }\n    this.props = to;\n    this.propKeys = Object.keys(to);\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}

package/es/custom/sphere.d.ts

@@ -0,0 +1,20 @@
+import { ACustomAnimate } from './custom-animate';
+type RotateSphereParams = {
+    center: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    r: number;
+    cb?: (out: any) => void;
+} | (() => any);
+export declare class RotateBySphereAnimate extends ACustomAnimate<any> {
+    params: RotateSphereParams;
+    theta: number;
+    phi: number;
+    onStart(): void;
+    onBind(): void;
+    onEnd(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export {};

package/es/custom/sphere.js

@@ -0,0 +1,20 @@
+import { pi, pi2 } from "@visactor/vutils";
+
+import { ACustomAnimate } from "./custom-animate";
+
+export class RotateBySphereAnimate extends ACustomAnimate {
+    onStart() {
+        const {center: center, r: r} = "function" == typeof this.params ? this.params() : this.params, startX = this.target.getComputedAttribute("x"), startY = this.target.getComputedAttribute("y"), startZ = this.target.getComputedAttribute("z"), phi = Math.acos((startY - center.y) / r);
+        let theta = Math.acos((startX - center.x) / r / Math.sin(phi));
+        startZ - center.z < 0 && (theta = pi2 - theta), this.theta = theta, this.phi = phi;
+    }
+    onBind() {}
+    onEnd() {}
+    onUpdate(end, ratio, out) {
+        if (null == this.phi || null == this.theta) return;
+        const {center: center, r: r, cb: cb} = "function" == typeof this.params ? this.params() : this.params, deltaAngle = 2 * Math.PI * ratio, theta = this.theta + deltaAngle, phi = this.phi, x = r * Math.sin(phi) * Math.cos(theta) + center.x, y = r * Math.cos(phi) + center.y, z = r * Math.sin(phi) * Math.sin(theta) + center.z;
+        for (out.x = x, out.y = y, out.z = z, out.alpha = theta + pi / 2; out.alpha > pi2; ) out.alpha -= pi2;
+        out.alpha = pi2 - out.alpha, out.zIndex = -1e4 * out.z, cb && cb(out);
+    }
+}
+//# sourceMappingURL=sphere.js.map

package/es/custom/sphere.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/sphere.ts"],"names":[],"mappings":"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","file":"sphere.js","sourcesContent":["import { pi, pi2 } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\ntype RotateSphereParams =\n  | {\n      center: { x: number; y: number; z: number };\n      r: number;\n      cb?: (out: any) => void;\n    }\n  | (() => any);\n\nexport class RotateBySphereAnimate extends ACustomAnimate<any> {\n  declare params: RotateSphereParams;\n  declare theta: number;\n  declare phi: number;\n\n  onStart(): void {\n    const { center, r } = typeof this.params === 'function' ? this.params() : this.params;\n    const startX = this.target.getComputedAttribute('x');\n    const startY = this.target.getComputedAttribute('y');\n    const startZ = this.target.getComputedAttribute('z');\n    const phi = Math.acos((startY - center.y) / r);\n    let theta = Math.acos((startX - center.x) / r / Math.sin(phi));\n    if (startZ - center.z < 0) {\n      theta = pi2 - theta;\n    }\n    this.theta = theta;\n    this.phi = phi;\n  }\n\n  onBind() {\n    return;\n  }\n\n  onEnd() {\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this.phi == null || this.theta == null) {\n      return;\n    }\n    const { center, r, cb } = typeof this.params === 'function' ? this.params() : this.params;\n    const deltaAngle = Math.PI * 2 * ratio;\n    const theta = this.theta + deltaAngle;\n    const phi = this.phi;\n    const x = r * Math.sin(phi) * Math.cos(theta) + center.x;\n    const y = r * Math.cos(phi) + center.y;\n    const z = r * Math.sin(phi) * Math.sin(theta) + center.z;\n    out.x = x;\n    out.y = y;\n    out.z = z;\n    // out.beta = phi;\n    out.alpha = theta + pi / 2;\n    while (out.alpha > pi2) {\n      out.alpha -= pi2;\n    }\n    out.alpha = pi2 - out.alpha;\n\n    out.zIndex = out.z * -10000;\n\n    cb && cb(out);\n  }\n}\n"]}

package/es/custom/state.d.ts

@@ -0,0 +1,13 @@
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IUpdateAnimationOptions {
+    diffAttrs: Record<string, any>;
+    animationState: string;
+    diffState: string;
+    data: Record<string, any>[];
+}
+export declare class State extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/state.js

@@ -0,0 +1,17 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class State extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach(((func, index) => {
+            if (!this.animate.validAttr(this.propKeys[index])) return;
+            const key = this.propKeys[index];
+            func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        })), this.onUpdate(end, easedRatio, out);
+    }
+}
+//# sourceMappingURL=state.js.map

package/es/custom/state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/state.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,MAAM,OAAO,KAAM,SAAQ,cAAsC;IAG/D,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAgC;QACtG,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,yBAAyB;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;YACnG,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAEtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;oBACjD,OAAO;iBACR;gBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;CACF","file":"state.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IUpdateAnimationOptions {\n  diffAttrs: Record<string, any>;\n  animationState: string;\n  diffState: string;\n  data: Record<string, any>[];\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class State extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions) {\n    super(from, to, duration, easing, params);\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n}\n"]}

package/es/custom/tag-points.d.ts

@@ -0,0 +1,26 @@
+import type { IPointLike } from '@visactor/vutils';
+import { ACustomAnimate } from './custom-animate';
+import type { ISegment } from '@visactor/vrender-core';
+import type { EasingType } from '../intreface/easing';
+export declare class TagPointsUpdate extends ACustomAnimate<{
+    points?: IPointLike[];
+    segments?: ISegment[];
+}> {
+    protected fromPoints: IPointLike[];
+    protected toPoints: IPointLike[];
+    protected points: IPointLike[];
+    protected interpolatePoints: [IPointLike, IPointLike][];
+    protected newPointAnimateType: 'grow' | 'appear' | 'clip';
+    protected clipRange: number;
+    protected shrinkClipRange: number;
+    protected clipRangeByDimension: 'x' | 'y';
+    protected segmentsCache: number[];
+    constructor(from: any, to: any, duration: number, easing: EasingType, params?: {
+        newPointAnimateType?: 'grow' | 'appear' | 'clip';
+        clipRangeByDimension?: 'x' | 'y';
+    });
+    private getPoints;
+    onBind(): void;
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/tag-points.js

@@ -0,0 +1,77 @@
+import { clamp, isValidNumber, Point } from "@visactor/vutils";
+
+import { ACustomAnimate } from "./custom-animate";
+
+import { pointInterpolation } from "@visactor/vrender-core";
+
+export class TagPointsUpdate extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        var _a, _b;
+        super(from, to, duration, easing, params), this.newPointAnimateType = null !== (_a = null == params ? void 0 : params.newPointAnimateType) && void 0 !== _a ? _a : "grow", 
+        this.clipRangeByDimension = null !== (_b = null == params ? void 0 : params.clipRangeByDimension) && void 0 !== _b ? _b : "x";
+    }
+    getPoints(attribute, cache = !1) {
+        if (attribute.points) return attribute.points;
+        if (attribute.segments) {
+            const points = [];
+            return this.segmentsCache || (this.segmentsCache = []), attribute.segments.map((segment => {
+                var _a, _b;
+                segment.points && points.push(...segment.points), cache && this.segmentsCache.push(null !== (_b = null === (_a = segment.points) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0);
+            })), points;
+        }
+        return [];
+    }
+    onBind() {
+        const originFromPoints = this.getPoints(this.from), originToPoints = this.getPoints(this.to, !0);
+        this.fromPoints = originFromPoints ? Array.isArray(originFromPoints) ? originFromPoints : [ originFromPoints ] : [], 
+        this.toPoints = originToPoints ? Array.isArray(originToPoints) ? originToPoints : [ originToPoints ] : [];
+        const tagMap = new Map;
+        this.fromPoints.forEach((point => {
+            point.context && tagMap.set(point.context, point);
+        }));
+        let firstMatchedPoint, lastMatchedPoint, firstMatchedIndex = 1 / 0, lastMatchedIndex = -1 / 0;
+        for (let i = 0; i < this.toPoints.length; i += 1) if (tagMap.has(this.toPoints[i].context)) {
+            firstMatchedIndex = i, firstMatchedPoint = tagMap.get(this.toPoints[i].context);
+            break;
+        }
+        for (let i = this.toPoints.length - 1; i >= 0; i -= 1) if (tagMap.has(this.toPoints[i].context)) {
+            lastMatchedIndex = i, lastMatchedPoint = tagMap.get(this.toPoints[i].context);
+            break;
+        }
+        "clip" === this.newPointAnimateType && 0 !== this.toPoints.length && (Number.isFinite(lastMatchedIndex) ? (this.clipRange = this.toPoints[lastMatchedIndex][this.clipRangeByDimension] / this.toPoints[this.toPoints.length - 1][this.clipRangeByDimension], 
+        1 === this.clipRange && (this.shrinkClipRange = this.toPoints[lastMatchedIndex][this.clipRangeByDimension] / this.fromPoints[this.fromPoints.length - 1][this.clipRangeByDimension]), 
+        isValidNumber(this.clipRange) ? this.clipRange = clamp(this.clipRange, 0, 1) : this.clipRange = 0) : this.clipRange = 0);
+        let prevMatchedPoint = this.toPoints[0];
+        this.interpolatePoints = this.toPoints.map(((point, index) => {
+            const matchedPoint = tagMap.get(point.context);
+            return matchedPoint ? (prevMatchedPoint = matchedPoint, [ matchedPoint, point ]) : "appear" === this.newPointAnimateType || "clip" === this.newPointAnimateType ? [ point, point ] : index < firstMatchedIndex && firstMatchedPoint ? [ firstMatchedPoint, point ] : index > lastMatchedIndex && lastMatchedPoint ? [ lastMatchedPoint, point ] : [ prevMatchedPoint, point ];
+        })), this.points = this.interpolatePoints.map((interpolate => {
+            const fromPoint = interpolate[0], toPoint = interpolate[1], newPoint = new Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);
+            return newPoint.defined = toPoint.defined, newPoint.context = toPoint.context, newPoint;
+        }));
+    }
+    onFirstRun() {
+        const lastClipRange = this.target.attribute.clipRange;
+        isValidNumber(lastClipRange * this.clipRange) && (this.clipRange *= lastClipRange);
+    }
+    onUpdate(end, ratio, out) {
+        if (this.points = this.points.map(((point, index) => {
+            const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);
+            return newPoint.context = point.context, newPoint;
+        })), this.clipRange) {
+            if (this.shrinkClipRange) return void (end ? (out.points = this.toPoints, out.clipRange = 1) : (out.points = this.fromPoints, 
+            out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio));
+            out.clipRange = this.clipRange + (1 - this.clipRange) * ratio;
+        }
+        if (this.segmentsCache && this.to.segments) {
+            let start = 0;
+            out.segments = this.to.segments.map(((segment, index) => {
+                const end = start + this.segmentsCache[index], points = this.points.slice(start, end);
+                return start = end, Object.assign(Object.assign({}, segment), {
+                    points: points
+                });
+            }));
+        } else out.points = this.points;
+    }
+}
+//# sourceMappingURL=tag-points.js.map

package/es/custom/tag-points.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/tag-points.ts"],"names":[],"mappings":"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","file":"tag-points.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\nimport { clamp, isValidNumber, Point } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\nimport type { ISegment } from '@visactor/vrender-core';\nimport { pointInterpolation } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\n\nexport class TagPointsUpdate extends ACustomAnimate<{ points?: IPointLike[]; segments?: ISegment[] }> {\n  protected fromPoints: IPointLike[];\n  protected toPoints: IPointLike[];\n  protected points: IPointLike[];\n  protected interpolatePoints: [IPointLike, IPointLike][];\n  protected newPointAnimateType: 'grow' | 'appear' | 'clip';\n  protected clipRange: number;\n  protected shrinkClipRange: number;\n  protected clipRangeByDimension: 'x' | 'y';\n  protected segmentsCache: number[];\n\n  constructor(\n    from: any,\n    to: any,\n    duration: number,\n    easing: EasingType,\n    params?: { newPointAnimateType?: 'grow' | 'appear' | 'clip'; clipRangeByDimension?: 'x' | 'y' }\n  ) {\n    super(from, to, duration, easing, params);\n    this.newPointAnimateType = params?.newPointAnimateType ?? 'grow';\n    this.clipRangeByDimension = params?.clipRangeByDimension ?? 'x';\n  }\n\n  private getPoints(attribute: typeof this.from, cache = false): IPointLike[] {\n    if (attribute.points) {\n      return attribute.points;\n    }\n\n    if (attribute.segments) {\n      const points = [] as IPointLike[];\n      if (!this.segmentsCache) {\n        this.segmentsCache = [];\n      }\n      attribute.segments.map((segment: any) => {\n        if (segment.points) {\n          points.push(...segment.points);\n        }\n        if (cache) {\n          this.segmentsCache.push(segment.points?.length ?? 0);\n        }\n      });\n      return points;\n    }\n    return [];\n  }\n\n  onBind(): void {\n    const originFromPoints = this.getPoints(this.from);\n    const originToPoints = this.getPoints(this.to, true);\n    this.fromPoints = !originFromPoints ? [] : !Array.isArray(originFromPoints) ? [originFromPoints] : originFromPoints;\n    this.toPoints = !originToPoints ? [] : !Array.isArray(originToPoints) ? [originToPoints] : originToPoints;\n\n    const tagMap = new Map<string, IPointLike>();\n    this.fromPoints.forEach(point => {\n      if (point.context) {\n        tagMap.set(point.context, point);\n      }\n    });\n    let firstMatchedIndex = Infinity;\n    let lastMatchedIndex = -Infinity;\n    let firstMatchedPoint: IPointLike;\n    let lastMatchedPoint: IPointLike;\n    for (let i = 0; i < this.toPoints.length; i += 1) {\n      if (tagMap.has(this.toPoints[i].context)) {\n        firstMatchedIndex = i;\n        firstMatchedPoint = tagMap.get(this.toPoints[i].context);\n        break;\n      }\n    }\n    for (let i = this.toPoints.length - 1; i >= 0; i -= 1) {\n      if (tagMap.has(this.toPoints[i].context)) {\n        lastMatchedIndex = i;\n        lastMatchedPoint = tagMap.get(this.toPoints[i].context);\n        break;\n      }\n    }\n\n    if (this.newPointAnimateType === 'clip') {\n      if (this.toPoints.length !== 0) {\n        if (Number.isFinite(lastMatchedIndex)) {\n          this.clipRange =\n            this.toPoints[lastMatchedIndex][this.clipRangeByDimension] /\n            this.toPoints[this.toPoints.length - 1][this.clipRangeByDimension];\n          if (this.clipRange === 1) {\n            this.shrinkClipRange =\n              this.toPoints[lastMatchedIndex][this.clipRangeByDimension] /\n              this.fromPoints[this.fromPoints.length - 1][this.clipRangeByDimension];\n          }\n          if (!isValidNumber(this.clipRange)) {\n            this.clipRange = 0;\n          } else {\n            this.clipRange = clamp(this.clipRange, 0, 1);\n          }\n        } else {\n          this.clipRange = 0;\n        }\n      }\n    }\n    // TODO: shrink removed points\n    // if no point is matched, animation should start from toPoint[0]\n    let prevMatchedPoint = this.toPoints[0];\n    this.interpolatePoints = this.toPoints.map((point, index) => {\n      const matchedPoint = tagMap.get(point.context);\n      if (matchedPoint) {\n        prevMatchedPoint = matchedPoint;\n        return [matchedPoint, point];\n      }\n      // appear new point\n      if (this.newPointAnimateType === 'appear' || this.newPointAnimateType === 'clip') {\n        return [point, point];\n      }\n      // grow new point\n      if (index < firstMatchedIndex && firstMatchedPoint) {\n        return [firstMatchedPoint, point];\n      } else if (index > lastMatchedIndex && lastMatchedPoint) {\n        return [lastMatchedPoint, point];\n      }\n      return [prevMatchedPoint, point];\n    });\n    this.points = this.interpolatePoints.map(interpolate => {\n      const fromPoint = interpolate[0];\n      const toPoint = interpolate[1];\n      const newPoint = new Point(fromPoint.x, fromPoint.y, fromPoint.x1, fromPoint.y1);\n      newPoint.defined = toPoint.defined;\n      newPoint.context = toPoint.context;\n      return newPoint;\n    });\n  }\n\n  onFirstRun(): void {\n    const lastClipRange = (this.target.attribute as any).clipRange;\n    if (isValidNumber(lastClipRange * this.clipRange)) {\n      this.clipRange *= lastClipRange;\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    // if not create new points, multi points animation might not work well.\n    this.points = this.points.map((point, index) => {\n      const newPoint = pointInterpolation(this.interpolatePoints[index][0], this.interpolatePoints[index][1], ratio);\n      newPoint.context = point.context;\n      return newPoint;\n    });\n    if (this.clipRange) {\n      if (this.shrinkClipRange) {\n        // 折线变短\n        if (!end) {\n          out.points = this.fromPoints;\n          out.clipRange = this.clipRange - (this.clipRange - this.shrinkClipRange) * ratio;\n        } else {\n          out.points = this.toPoints;\n          out.clipRange = 1;\n        }\n        return;\n      }\n      out.clipRange = this.clipRange + (1 - this.clipRange) * ratio;\n    }\n    if (this.segmentsCache && this.to.segments) {\n      let start = 0;\n      out.segments = this.to.segments.map((segment: any, index: any) => {\n        const end = start + this.segmentsCache[index];\n        const points = this.points.slice(start, end);\n        start = end;\n        return {\n          ...segment,\n          points\n        };\n      });\n    } else {\n      out.points = this.points;\n    }\n  }\n}\n"]}

package/es/custom/update.d.ts

@@ -0,0 +1,14 @@
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export interface IUpdateAnimationOptions {
+    diffAttrs: Record<string, any>;
+    animationState: string;
+    diffState: string;
+    data: Record<string, any>[];
+}
+export declare class Update extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    params: IUpdateAnimationOptions;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions);
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/update.js

@@ -0,0 +1,18 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class Update extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        const {diffAttrs: diffAttrs = {}} = params;
+        super(from, diffAttrs, duration, easing, params), this.params = params;
+    }
+    update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.animate.interpolateUpdateFunction ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target) : this.interpolateUpdateFunctions.forEach(((func, index) => {
+            if (!this.animate.validAttr(this.propKeys[index])) return;
+            const key = this.propKeys[index];
+            func(key, this.fromProps[key], this.props[key], easedRatio, this, this.target);
+        })), this.onUpdate(end, easedRatio, out);
+    }
+}
+//# sourceMappingURL=update.js.map

package/es/custom/update.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/update.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAclD,MAAM,OAAO,MAAO,SAAQ,cAAsC;IAIhE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAgC;QACtG,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,MAAM,CAAC;QAClC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC1D,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;SACR;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,yBAAyB;YACpC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;YACnG,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAEtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;oBACjD,OAAO;iBACR;gBACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;gBACtC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/D,CAAC,CAAC,CAAC;QACP,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;CACF","file":"update.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IUpdateAnimationOptions {\n  diffAttrs: Record<string, any>;\n  animationState: string;\n  diffState: string;\n  data: Record<string, any>[];\n}\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class Update extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n  params: IUpdateAnimationOptions;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: IUpdateAnimationOptions) {\n    const { diffAttrs = {} } = params;\n    super(from, diffAttrs, duration, easing, params);\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.animate.interpolateUpdateFunction\n      ? this.animate.interpolateUpdateFunction(this.fromProps, this.props, easedRatio, this, this.target)\n      : this.interpolateUpdateFunctions.forEach((func, index) => {\n          // 如果这个属性被屏蔽了，直接跳过\n          if (!this.animate.validAttr(this.propKeys[index])) {\n            return;\n          }\n          const key = this.propKeys[index];\n          const fromValue = this.fromProps[key];\n          const toValue = this.props[key];\n          func(key, fromValue, toValue, easedRatio, this, this.target);\n        });\n    this.onUpdate(end, easedRatio, out);\n  }\n}\n"]}

package/es/executor/animate-executor.d.ts

@@ -0,0 +1,36 @@
+import type { IGraphic } from '@visactor/vrender-core';
+import type { IAnimationConfig, IAnimationCustomConstructor } from './executor';
+import type { IAnimate } from '../intreface/animate';
+interface IAnimateExecutor {
+    execute: (params: IAnimationConfig) => void;
+    executeItem: (params: IAnimationConfig, graphic: IGraphic, index?: number) => IAnimate | null;
+    onStart: (cb?: () => void) => void;
+    onEnd: (cb?: () => void) => void;
+}
+export declare class AnimateExecutor implements IAnimateExecutor {
+    static builtInAnimateMap: Record<string, IAnimationCustomConstructor>;
+    static registerBuiltInAnimate(name: string, animate: IAnimationCustomConstructor): void;
+    _target: IGraphic;
+    private _animates;
+    private _startCallbacks;
+    private _endCallbacks;
+    private _started;
+    private _activeCount;
+    constructor(target: IGraphic);
+    onStart(cb?: () => void): void;
+    onEnd(cb?: () => void): void;
+    private _trackAnimation;
+    parseParams(params: IAnimationConfig): IAnimationConfig;
+    execute(params: IAnimationConfig): void;
+    private executeTypeConfigItem;
+    private _handleRunAnimate;
+    private executeTimelineItem;
+    private applyTimeSliceToAnimate;
+    private createCustomInterpolatorAnimation;
+    private createCustomAnimation;
+    private createPropsFromChannel;
+    private resolveValue;
+    executeItem(params: IAnimationConfig, graphic: IGraphic, index?: number, count?: number): IAnimate | null;
+    stop(type?: 'start' | 'end' | Record<string, any>): void;
+}
+export {};