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

package/es/custom/rotate.d.ts

@@ -0,0 +1,33 @@
+import type { EasingType, IGraphic } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export interface IRotateAnimationOptions {
+    orient?: 'clockwise' | 'anticlockwise';
+    angle?: number;
+}
+export declare const rotateIn: (graphic: IGraphic, options: IRotateAnimationOptions) => {
+    from: {
+        angle: number;
+    };
+    to: {
+        angle: any;
+    };
+};
+export declare const rotateOut: (graphic: IGraphic, options: IRotateAnimationOptions) => {
+    from: {
+        angle: any;
+    };
+    to: {
+        angle: number;
+    };
+};
+export declare class RotateBase 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 RotateIn extends RotateBase {
+    onBind(): void;
+}
+export declare class RotateOut extends RotateBase {
+    onBind(): void;
+}

package/es/custom/rotate.js

@@ -0,0 +1,62 @@
+import { isNumberClose, isValidNumber } from "@visactor/vutils";
+
+import { ACustomAnimate } from "./custom-animate";
+
+export const rotateIn = (graphic, options) => {
+    var _a;
+    const attributeAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = isNumberClose(attributeAngle / (2 * Math.PI), 0) ? Math.round(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(attributeAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(attributeAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: angle
+        },
+        to: {
+            angle: attributeAngle
+        }
+    };
+};
+
+export const rotateOut = (graphic, options) => {
+    var _a;
+    const finalAngle = null !== (_a = graphic.getFinalAttribute().angle) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = isNumberClose(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : isValidNumber(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: finalAngle
+        },
+        to: {
+            angle: angle
+        }
+    };
+};
+
+export class RotateBase extends 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();
+    }
+}
+
+export class RotateIn extends RotateBase {
+    onBind() {
+        const {from: from, to: to} = rotateIn(this.target, this.params.options);
+        this.props = to, this.propKeys = [ "angle" ], this.from = from, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(from);
+    }
+}
+
+export class RotateOut extends RotateBase {
+    onBind() {
+        const {from: from, to: to} = rotateOut(this.target, this.params.options);
+        this.props = to, this.propKeys = [ "angle" ], this.from = from, this.to = to;
+    }
+}
+//# sourceMappingURL=rotate.js.map

package/es/custom/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/rotate.ts"],"names":[],"mappings":"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","file":"rotate.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender-core';\nimport { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\nexport interface IRotateAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  angle?: number;\n}\n\nexport const rotateIn = (graphic: IGraphic, options: IRotateAnimationOptions) => {\n  const finalAttrs = graphic.getFinalAttribute();\n  const attributeAngle = finalAttrs.angle ?? 0;\n\n  let angle = 0;\n  if (isNumberClose(attributeAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(attributeAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: attributeAngle }\n  };\n};\n\nexport const rotateOut = (graphic: IGraphic, options: IRotateAnimationOptions) => {\n  const finalAttrs = graphic.getFinalAttribute();\n  const finalAngle = finalAttrs.angle ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n\nexport class RotateBase 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 RotateIn extends RotateBase {\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const { from, to } = rotateIn(this.target, this.params.options);\n\n    this.props = to;\n    this.propKeys = ['angle'];\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\n    this.target.setAttributes(from);\n  }\n}\n\nexport class RotateOut extends RotateBase {\n  onBind(): void {\n    const { from, to } = rotateOut(this.target, this.params.options);\n    this.props = to;\n    this.propKeys = ['angle'];\n\n    this.from = from;\n    this.to = to;\n  }\n}\n"]}

package/es/custom/scale.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 interface IScaleAnimationOptions {
     direction?: 'x' | 'y' | 'xy';
@@ -13,6 +12,7 @@ export declare class ScaleIn extends ACustomAnimate<Record<string, number>> {
     updateX(ratio: number): void;
     updateY(ratio: number): void;
     updateXY(ratio: number): void;
+    deleteSelfAttr(key: string): void;
     onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
 }
 export declare class ScaleOut extends ACustomAnimate<Record<string, number>> {

package/es/custom/scale.js

@@ -5,38 +5,38 @@ export class ScaleIn extends ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         let from, to;
-        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && Object.assign(this.target.attribute, this.params.diffAttrs);
-        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : {};
-        switch (null === (_d = this.params) || void 0 === _d ? void 0 : _d.direction) {
+        const attrs = this.target.getFinalAttribute(), fromAttrs = null !== (_a = this.target.attribute) && void 0 !== _a ? _a : {};
+        switch (null === (_b = this.params) || void 0 === _b ? void 0 : _b.direction) {
           case "x":
             from = {
-                scaleX: null !== (_e = fromAttrs.scaleX) && void 0 !== _e ? _e : 0
+                scaleX: null !== (_c = fromAttrs.scaleX) && void 0 !== _c ? _c : 0
             }, to = {
-                scaleX: null !== (_f = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _f ? _f : 1
-            }, this.propKeys = [ "scaleX" ], this._updateFunction = this.updateX;
+                scaleX: null !== (_d = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _d ? _d : 1
+            }, this._updateFunction = this.updateX;
             break;
 
           case "y":
             from = {
-                scaleY: null !== (_g = fromAttrs.scaleY) && void 0 !== _g ? _g : 0
+                scaleY: null !== (_e = fromAttrs.scaleY) && void 0 !== _e ? _e : 0
             }, to = {
-                scaleY: null !== (_h = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _h ? _h : 1
-            }, this.propKeys = [ "scaleY" ], this._updateFunction = this.updateY;
+                scaleY: null !== (_f = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _f ? _f : 1
+            }, this._updateFunction = this.updateY;
             break;
 
           default:
             from = {
-                scaleX: null !== (_j = fromAttrs.scaleX) && void 0 !== _j ? _j : 0,
-                scaleY: null !== (_k = fromAttrs.scaleY) && void 0 !== _k ? _k : 0
+                scaleX: null !== (_g = fromAttrs.scaleX) && void 0 !== _g ? _g : 0,
+                scaleY: null !== (_h = fromAttrs.scaleY) && void 0 !== _h ? _h : 0
             }, to = {
-                scaleX: null !== (_l = null == attrs ? void 0 : attrs.scaleX) && void 0 !== _l ? _l : 1,
-                scaleY: null !== (_m = null == attrs ? void 0 : attrs.scaleY) && void 0 !== _m ? _m : 1
-            }, this.propKeys = [ "scaleX", "scaleY" ], this._updateFunction = this.updateXY;
+                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._updateFunction = this.updateXY;
         }
-        this.props = to, this.from = from, this.to = to, Object.assign(this.target.attribute, from), 
-        this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.props = to, 
+        this.from = from, this.to = to, this.target.setAttributes(from);
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -50,8 +50,13 @@ export class ScaleIn extends ACustomAnimate {
     updateXY(ratio) {
         this.updateX(ratio), this.updateY(ratio);
     }
+    deleteSelfAttr(key) {
+        delete this.props[key], this.fromProps && delete this.fromProps[key];
+        const index = this.propKeys.indexOf(key);
+        -1 !== index && this.propKeys.splice(index, 1), this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateXY : "scaleX" === this.propKeys[0] ? this._updateFunction = this.updateX : "scaleY" === this.propKeys[0] ? this._updateFunction = this.updateY : this._updateFunction = null;
+    }
     onUpdate(end, ratio, out) {
-        this._updateFunction(ratio), this.target.addUpdatePositionTag();
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdatePositionTag());
     }
 }
 
@@ -62,7 +67,7 @@ export class ScaleOut extends ACustomAnimate {
     onBind() {
         var _a, _b, _c, _d, _e;
         let from, to;
-        const attrs = this.target.getFinalAttribute();
+        const attrs = this.target.attribute;
         switch (null === (_a = this.params) || void 0 === _a ? void 0 : _a.direction) {
           case "x":
             from = {
@@ -89,8 +94,7 @@ export class ScaleOut extends ACustomAnimate {
                 scaleY: 0
             };
         }
-        this.props = to, this.propKeys = Object.keys(to), this.animate.reSyncProps(), this.from = from, 
-        this.to = to;
+        this.props = to, this.from = from, this.to = to;
     }
     onEnd(cb) {
         super.onEnd(cb);

package/es/custom/scale.js.map

@@ -1 +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  declare _updateFunction: (ratio: number) => void;\n\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      Object.assign(this.target.attribute, this.params.diffAttrs);\n    }\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        this.propKeys = ['scaleX'];\n        this._updateFunction = this.updateX;\n        break;\n      case 'y':\n        from = { scaleY: fromAttrs.scaleY ?? 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        this.propKeys = ['scaleY'];\n        this._updateFunction = this.updateY;\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        this.propKeys = ['scaleX', 'scaleY'];\n        this._updateFunction = this.updateXY;\n    }\n\n    this.props = to;\n    // 性能消耗，不用reSyncProps\n    // this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    // 性能优化，不需要setAttributes\n    Object.assign(this.target.attribute, from);\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateBoundTag();\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  updateX(ratio: number): void {\n    this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;\n  }\n\n  updateY(ratio: number): void {\n    this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;\n  }\n\n  updateXY(ratio: number): void {\n    this.updateX(ratio);\n    this.updateY(ratio);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this._updateFunction(ratio);\n    this.target.addUpdatePositionTag();\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    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  }\n}\n"]}
+{"version":3,"sources":["../src/custom/scale.ts"],"names":[],"mappings":"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","file":"scale.js","sourcesContent":["import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';\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  declare _updateFunction: (ratio: number) => void;\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.attribute ?? {};\n\n    switch (this.params?.direction) {\n      case 'x':\n        from = { scaleX: fromAttrs.scaleX ?? 0 };\n        to = { scaleX: attrs?.scaleX ?? 1 };\n        this._updateFunction = this.updateX;\n        break;\n      case 'y':\n        from = { scaleY: fromAttrs.scaleY ?? 0 };\n        to = { scaleY: attrs?.scaleY ?? 1 };\n        this._updateFunction = this.updateY;\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        this._updateFunction = this.updateXY;\n    }\n\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      Object.assign(this.target.attribute, finalAttribute);\n    }\n\n    this.props = to;\n    this.from = from;\n    this.to = to;\n    // 调用次数不多，可以setAttributes\n    this.target.setAttributes(from);\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n  }\n\n  updateX(ratio: number): void {\n    this.target.attribute.scaleX = this.from.scaleX + (this.to.scaleX - this.from.scaleX) * ratio;\n  }\n\n  updateY(ratio: number): void {\n    this.target.attribute.scaleY = this.from.scaleY + (this.to.scaleY - this.from.scaleY) * ratio;\n  }\n\n  updateXY(ratio: number): void {\n    this.updateX(ratio);\n    this.updateY(ratio);\n  }\n\n  /**\n   * 删除自身属性，会直接从props等内容里删除掉\n   */\n  deleteSelfAttr(key: string): void {\n    delete this.props[key];\n    // fromProps在动画开始时才会计算，这时可能不在\n    this.fromProps && delete this.fromProps[key];\n    const index = this.propKeys.indexOf(key);\n    if (index !== -1) {\n      this.propKeys.splice(index, 1);\n    }\n\n    if (this.propKeys && this.propKeys.length > 1) {\n      this._updateFunction = this.updateXY;\n    } else if (this.propKeys[0] === 'scaleX') {\n      this._updateFunction = this.updateX;\n    } else if (this.propKeys[0] === 'scaleY') {\n      this._updateFunction = this.updateY;\n    } else {\n      this._updateFunction = null;\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this._updateFunction) {\n      this._updateFunction(ratio);\n      this.target.addUpdatePositionTag();\n    }\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.attribute;\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.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    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  }\n}\n"]}

package/es/custom/sphere.js

@@ -16,5 +16,4 @@ export class RotateBySphereAnimate extends ACustomAnimate {
         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/state.d.ts

@@ -1,4 +1,4 @@
-import type { EasingType } from '../intreface/easing';
+import type { EasingType } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 export interface IUpdateAnimationOptions {
     diffAttrs: Record<string, any>;

package/es/custom/state.js.map

@@ -1 +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"]}
+{"version":3,"sources":["../src/custom/state.ts"],"names":[],"mappings":"AACA,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 { EasingType, IAnimate, IStep } from '@visactor/vrender-core';\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/story.d.ts

@@ -0,0 +1,128 @@
+import { FadeIn } from './fade';
+import type { EasingType } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export declare class StoryFadeIn extends FadeIn {
+}
+export interface ISlideAnimationOptions {
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    distance?: number;
+    fromOpacity?: number;
+}
+export interface IGrowAnimationOptions {
+    fromScale?: number;
+    direction?: 'x' | 'y' | 'xy';
+    fromOpacity?: number;
+}
+export interface ISpinAnimationOptions {
+    fromAngle?: number;
+    fromScale?: number;
+    fromOpacity?: number;
+}
+export declare class SlideIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISlideAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IGrowAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SpinIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISpinAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export interface IMoveScaleAnimationOptions {
+    slideDirection?: 'top' | 'bottom' | 'left' | 'right';
+    slideDistance?: number;
+    fromScale?: number;
+    scaleDirection?: 'x' | 'y' | 'xy';
+    slideRatio?: number;
+    fromOpacity?: number;
+}
+export declare class MoveScaleIn extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly slideInDuration;
+    private readonly growInDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveScaleAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export interface IMoveRotateAnimationOptions {
+    slideDirection?: 'top' | 'bottom' | 'left' | 'right';
+    slideDistance?: number;
+    fromAngle?: number;
+    fromScale?: number;
+    slideRatio?: number;
+    fromOpacity?: number;
+}
+export declare class MoveRotateIn extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly slideInDuration;
+    private readonly spinInDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveRotateAnimationOptions);
+    onBind(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SlideOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISlideAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IGrowAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class SpinOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    propKeys: string[];
+    from: Record<string, number>;
+    to: Record<string, number>;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: ISpinAnimationOptions & {
+        toOpacity?: number;
+    });
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class MoveScaleOut extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly growOutDuration;
+    private readonly slideOutDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveScaleAnimationOptions);
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class MoveRotateOut extends ACustomAnimate<any> {
+    valid: boolean;
+    private readonly spinOutDuration;
+    private readonly slideOutDuration;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: IMoveRotateAnimationOptions);
+    onFirstRun(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}