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

package/cjs/custom/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/common.ts"],"names":[],"mappings":"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","file":"common.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 CommonIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\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    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      this.target.setAttributes(this.params.diffAttrs);\n    }\n    const attrs = (this.target as any).getAttributes(true);\n    const fromAttrs = this.target.context?.lastAttrs ?? {};\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = attrs?.[key] ?? 1;\n      from[key] = fromAttrs?.[key] ?? 0;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\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    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\nexport class CommonOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\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    const attrs = this.target.getFinalAttribute();\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = 0;\n      from[key] = attrs?.[key] ?? 1;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.animate.reSyncProps();\n    this.from = from;\n    this.to = to;\n    this.target.setAttributes(from as any);\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    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/common.ts"],"names":[],"mappings":";;;AACA,qDAAkD;AAMlD,MAAa,QAAS,SAAQ,+BAAsC;IAKlE,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,MAAM;;QAEJ,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QAC9C,MAAM,SAAS,GAAwB,MAAA,IAAI,CAAC,MAAM,CAAC,SAAS,mCAAI,EAAE,CAAC;QAEnE,MAAM,EAAE,GAA2B,EAAE,CAAC;QACtC,MAAM,IAAI,GAA2B,EAAE,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;YACtB,EAAE,CAAC,GAAG,CAAC,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,GAAG,CAAC,mCAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,GAAG,CAAC,GAAG,MAAA,SAAS,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAGH,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACvD,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SACtD;QAED,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAEb,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,MAAM,SAAS,GAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC7D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,SAAS,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;QAC5E,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IAC3C,CAAC;CACF;AA/CD,4BA+CC;AAED,MAAa,SAAU,SAAQ,+BAAsC;IAKnE,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,MAAM;QACJ,MAAM,KAAK,GAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAEzD,MAAM,EAAE,GAA2B,EAAE,CAAC;QACtC,MAAM,IAAI,GAA2B,EAAE,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;YACtB,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACZ,IAAI,CAAC,GAAG,CAAC,GAAG,MAAA,KAAK,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAEb,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;IAElC,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,MAAM,SAAS,GAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC7D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,SAAS,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;QAC5E,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IAC3C,CAAC;CACF;AA1CD,8BA0CC","file":"common.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 CommonIn extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\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    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const attrs = this.target.getFinalAttribute();\n    const fromAttrs: Record<string, any> = this.target.attribute ?? {};\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = attrs?.[key] ?? 1;\n      from[key] = fromAttrs[key] ?? 0;\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.propKeys = this.keys;\n    this.from = from;\n    this.to = to;\n\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    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\nexport class CommonOut extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\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    const attrs: Record<string, any> = this.target.attribute;\n\n    const to: Record<string, number> = {};\n    const from: Record<string, number> = {};\n    this.keys.forEach(key => {\n      to[key] = 0;\n      from[key] = attrs[key] ?? 1;\n    });\n\n    this.props = to;\n    this.propKeys = this.keys;\n    this.from = from;\n    this.to = to;\n\n    Object.assign(this.target.attribute, from);\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateBoundTag();\n    // this.target.setAttributes(from as any);\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    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n"]}

package/cjs/custom/custom-animate.d.ts

@@ -1,7 +1,5 @@
 import type { ComponentAnimator } from '../component';
-import type { ICustomAnimate } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
-import type { IAnimateStepType } from '../intreface/type';
+import type { EasingType, IAnimateStepType, ICustomAnimate } from '@visactor/vrender-core';
 import { Step } from '../step';
 export declare abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {
     type: IAnimateStepType;
@@ -16,6 +14,6 @@ export declare abstract class ACustomAnimate<T> extends Step implements ICustomA
 }
 export declare abstract class AComponentAnimate<T> extends ACustomAnimate<T> {
     protected _animator: ComponentAnimator;
-    onFirstRun(): void;
+    completeBind(animator: ComponentAnimator): void;
     stop(): void;
 }

package/cjs/custom/custom-animate.js

@@ -24,8 +24,8 @@ class ACustomAnimate extends step_1.Step {
 exports.ACustomAnimate = ACustomAnimate;
 
 class AComponentAnimate extends ACustomAnimate {
-    onFirstRun() {
-        this._animator && this._animator.start();
+    completeBind(animator) {
+        this.setStartTime(0), this._animator && this._animator.start(), this.setDuration(animator.getDuration());
     }
     stop() {
         this._animator && this._animator.stop();

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/custom-animate.ts"],"names":[],"mappings":";;;AAIA,kCAA+B;AAE/B,MAAsB,cAAkB,SAAQ,WAAI;IAUlD,YAAY,UAAa,EAAE,QAAW,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QACxF,KAAK,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAVrD,SAAI,GAAqB,eAAe,CAAC;QAWvC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAE1D,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,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAES,QAAQ,CAAC,KAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;CACF;AAhCD,wCAgCC;AAED,MAAsB,iBAAqB,SAAQ,cAAiB;IAGlE,UAAU;QACR,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IAC3C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;CACF;AAVD,8CAUC","file":"custom-animate.js","sourcesContent":["import type { ComponentAnimator } from '../component';\nimport type { ICustomAnimate } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport type { IAnimateStepType } from '../intreface/type';\nimport { Step } from '../step';\n\nexport abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {\n  type: IAnimateStepType = 'customAnimate';\n  declare customFrom: T;\n  declare params?: any;\n  declare props?: T;\n  declare from?: T;\n  declare to?: T;\n\n  // 为了兼容旧的api，from和to是可选的，且尽量不需要From，因为为了避免突变，From都应该从当前位置开始\n  // 所以From并不会真正设置到fromProps中，而是作为customFrom参数\n  constructor(customFrom: T, customTo: T, duration: number, easing: EasingType, params?: any) {\n    super('customAnimate', customTo, duration, easing);\n    this.customFrom = customFrom;\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  protected setProps(props: T) {\n    this.props = props;\n    this.propKeys = Object.keys(props);\n    this.animate.reSyncProps();\n  }\n}\n\nexport abstract class AComponentAnimate<T> extends ACustomAnimate<T> {\n  protected _animator: ComponentAnimator;\n\n  onFirstRun(): void {\n    this._animator && this._animator.start();\n  }\n\n  stop(): void {\n    this._animator && this._animator.stop();\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/custom-animate.ts"],"names":[],"mappings":";;;AAEA,kCAA+B;AAE/B,MAAsB,cAAkB,SAAQ,WAAI;IAUlD,YAAY,UAAa,EAAE,QAAW,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QACxF,KAAK,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAVrD,SAAI,GAAqB,eAAe,CAAC;QAWvC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,MAAM,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAE1D,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,QAAQ,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAES,QAAQ,CAAC,KAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC;CACF;AAhCD,wCAgCC;AAED,MAAsB,iBAAqB,SAAQ,cAAiB;IAGlE,YAAY,CAAC,QAA2B;QACtC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACzC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI;QACF,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAC1C,CAAC;CACF;AAZD,8CAYC","file":"custom-animate.js","sourcesContent":["import type { ComponentAnimator } from '../component';\nimport type { EasingType, IAnimateStepType, ICustomAnimate } from '@visactor/vrender-core';\nimport { Step } from '../step';\n\nexport abstract class ACustomAnimate<T> extends Step implements ICustomAnimate {\n  type: IAnimateStepType = 'customAnimate';\n  declare customFrom: T;\n  declare params?: any;\n  declare props?: T;\n  declare from?: T;\n  declare to?: T;\n\n  // 为了兼容旧的api，from和to是可选的，且尽量不需要From，因为为了避免突变，From都应该从当前位置开始\n  // 所以From并不会真正设置到fromProps中，而是作为customFrom参数\n  constructor(customFrom: T, customTo: T, duration: number, easing: EasingType, params?: any) {\n    super('customAnimate', customTo, duration, easing);\n    this.customFrom = customFrom;\n    this.params = params;\n  }\n\n  update(end: boolean, ratio: number, out: Record<string, any>): void {\n    // TODO 需要修复，只有在开始的时候才调用\n    this.onStart();\n    if (!this.props || !this.propKeys) {\n      return;\n    }\n    // 应用缓动函数\n    const easedRatio = this.easing(ratio);\n    this.onUpdate(end, easedRatio, out);\n  }\n\n  protected setProps(props: T) {\n    this.props = props;\n    this.propKeys = Object.keys(props);\n    this.animate.reSyncProps();\n  }\n}\n\nexport abstract class AComponentAnimate<T> extends ACustomAnimate<T> {\n  protected _animator: ComponentAnimator;\n\n  completeBind(animator: ComponentAnimator): void {\n    this.setStartTime(0);\n    this._animator && this._animator.start();\n    this.setDuration(animator.getDuration());\n  }\n\n  stop(): void {\n    this._animator && this._animator.stop();\n  }\n}\n"]}

package/cjs/custom/fade.d.ts

@@ -1,4 +1,4 @@
-import type { EasingType } from '../intreface/easing';
+import type { EasingType } from '@visactor/vrender-core';
 import { CommonIn, CommonOut } from './common';
 export interface IScaleAnimationOptions {
     direction?: 'x' | 'y' | 'xy';

package/cjs/custom/fade.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/fade.ts"],"names":[],"mappings":";;;AACA,qCAA+C;AAM/C,MAAa,MAAO,SAAQ,iBAAQ;IAGlC,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;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;CACF;AAPD,wBAOC;AAED,MAAa,OAAQ,SAAQ,kBAAS;IAGpC,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;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;CACF;AAPD,0BAOC","file":"fade.js","sourcesContent":["import type { EasingType } from '../intreface/easing';\nimport { CommonIn, CommonOut } from './common';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class FadeIn extends CommonIn {\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    this.keys = ['opacity'];\n  }\n}\n\nexport class FadeOut extends CommonOut {\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    this.keys = ['opacity'];\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/fade.ts"],"names":[],"mappings":";;;AACA,qCAA+C;AAM/C,MAAa,MAAO,SAAQ,iBAAQ;IAGlC,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;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;CACF;AAPD,wBAOC;AAED,MAAa,OAAQ,SAAQ,kBAAS;IAGpC,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;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC;CACF;AAPD,0BAOC","file":"fade.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport { CommonIn, CommonOut } from './common';\n\nexport interface IScaleAnimationOptions {\n  direction?: 'x' | 'y' | 'xy';\n}\n\nexport class FadeIn extends CommonIn {\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    this.keys = ['opacity'];\n  }\n}\n\nexport class FadeOut extends CommonOut {\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    this.keys = ['opacity'];\n  }\n}\n"]}

package/cjs/custom/from-to.d.ts

@@ -0,0 +1,9 @@
+import type { EasingType } from '@visactor/vrender-core';
+import { ACustomAnimate } from './custom-animate';
+export declare class FromTo extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    keys: string[];
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onBind(): void;
+    update(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/cjs/custom/from-to.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.FromTo = void 0;
+
+const custom_animate_1 = require("./custom-animate");
+
+class FromTo extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.from = from, this.to = to;
+    }
+    onBind() {
+        var _a;
+        const finalAttribute = this.target.getFinalAttribute(), currAttribute = this.target.attribute, fromKeys = Object.keys(this.from), toKeys = Object.keys(this.to);
+        if (fromKeys.forEach((key => {
+            var _a;
+            null == this.to[key] && (this.to[key] = null !== (_a = finalAttribute[key]) && void 0 !== _a ? _a : 0);
+        })), toKeys.forEach((key => {
+            var _a;
+            null == this.from[key] && (this.from[key] = null !== (_a = currAttribute[key]) && void 0 !== _a ? _a : 0);
+        })), this.propKeys = Object.keys(this.from), "appear" === (null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.animationState)) {
+            const finalAttribute = this.target.getFinalAttribute();
+            this.target.setAttributes(finalAttribute);
+        }
+    }
+    update(end, ratio, out) {
+        if (this.onStart(), !this.props || !this.propKeys) return;
+        const easedRatio = this.easing(ratio);
+        this.interpolateUpdateFunctions.forEach(((func, index) => {
+            if (!this.animate.validAttr(this.propKeys[index])) return;
+            const key = this.propKeys[index];
+            func(key, this.from[key], this.to[key], easedRatio, this, this.target);
+        }));
+    }
+}
+
+exports.FromTo = FromTo;

package/cjs/custom/from-to.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/from-to.ts"],"names":[],"mappings":";;;AACA,qDAAkD;AAElD,MAAa,MAAO,SAAQ,+BAAsC;IAKhE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QAClF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,CAAC;IAED,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAE5C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACpC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;YACrB,IAAI,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE;gBACxB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,MAAA,cAAc,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC;aACzC;QACH,CAAC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;;YACnB,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE;gBAC1B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,MAAC,aAAqB,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC;aACnD;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAIvC,IAAI,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,0CAAE,cAAc,MAAK,QAAQ,EAAE;YAEpD,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;YACvD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;SAC3C;IACH,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,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAEtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;gBACjD,OAAO;aACR;YACD,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACjC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACjC,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AAxDD,wBAwDC","file":"from-to.js","sourcesContent":["import type { EasingType } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\nexport class FromTo extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  keys: string[];\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: any) {\n    super(from, to, duration, easing, params);\n    this.from = from;\n    this.to = to;\n  }\n\n  onBind(): void {\n    const finalAttribute = this.target.getFinalAttribute();\n    const currAttribute = this.target.attribute;\n    // 要同步from和to\n    const fromKeys = Object.keys(this.from);\n    const toKeys = Object.keys(this.to);\n    fromKeys.forEach(key => {\n      if (this.to[key] == null) {\n        this.to[key] = finalAttribute[key] ?? 0;\n      }\n    });\n    toKeys.forEach(key => {\n      if (this.from[key] == null) {\n        this.from[key] = (currAttribute as any)[key] ?? 0;\n      }\n    });\n    this.propKeys = Object.keys(this.from);\n\n    // TODO：比较hack\n    // 如果是入场动画，那么还需要设置属性\n    if (this.target.context?.animationState === 'appear') {\n      // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n      const finalAttribute = this.target.getFinalAttribute();\n      this.target.setAttributes(finalAttribute);\n    }\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.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.from[key];\n      const toValue = this.to[key];\n      func(key, fromValue, toValue, easedRatio, this, this.target);\n    });\n  }\n}\n"]}

package/cjs/custom/group-fade.d.ts

@@ -1,16 +1,10 @@
-import type { IGroup } from '@visactor/vrender-core';
-import { ACustomAnimate } from './custom-animate';
-export declare class GroupFadeIn extends ACustomAnimate<any> {
-    target: IGroup;
-    getEndProps(): Record<string, any>;
-    onBind(): void;
-    onEnd(): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+import type { EasingType } from '@visactor/vrender-core';
+import { CommonIn, CommonOut } from './common';
+export declare class GroupFadeIn extends CommonIn {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
 }
-export declare class GroupFadeOut extends ACustomAnimate<any> {
-    target: IGroup;
-    getEndProps(): Record<string, any>;
-    onBind(): void;
-    onEnd(): void;
-    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+export declare class GroupFadeOut extends CommonOut {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
 }

package/cjs/custom/group-fade.js

@@ -4,62 +4,21 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.GroupFadeOut = exports.GroupFadeIn = void 0;
 
-const custom_animate_1 = require("./custom-animate");
+const common_1 = require("./common");
 
-class GroupFadeIn extends custom_animate_1.ACustomAnimate {
-    getEndProps() {
-        return {};
-    }
-    onBind() {
-        this.target.setTheme({
-            common: {
-                opacity: 0
-            }
-        });
-    }
-    onEnd() {
-        this.target.setTheme({
-            common: {
-                opacity: 1
-            }
-        });
-    }
-    onUpdate(end, ratio, out) {
-        this.target.setTheme({
-            common: {
-                opacity: ratio
-            }
-        });
+class GroupFadeIn extends common_1.CommonIn {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = [ "baseOpacity" ];
     }
 }
 
 exports.GroupFadeIn = GroupFadeIn;
 
-class GroupFadeOut extends custom_animate_1.ACustomAnimate {
-    getEndProps() {
-        return {};
-    }
-    onBind() {
-        this.target.setTheme({
-            common: {
-                opacity: 1
-            }
-        });
-    }
-    onEnd() {
-        this.target.setTheme({
-            common: {
-                opacity: 0
-            }
-        });
-    }
-    onUpdate(end, ratio, out) {
-        this.target.setTheme({
-            common: {
-                opacity: 1 - ratio
-            }
-        });
+class GroupFadeOut extends common_1.CommonOut {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.keys = [ "baseOpacity" ];
     }
 }
 
-exports.GroupFadeOut = GroupFadeOut;
+exports.GroupFadeOut = GroupFadeOut;
+//# sourceMappingURL=group-fade.js.map

package/cjs/custom/group-fade.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/group-fade.ts"],"names":[],"mappings":";;;AACA,qDAAkD;AAElD,MAAa,WAAY,SAAQ,+BAAmB;IAGlD,WAAW;QACT,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,KAAK;aACf;SACF,CAAC,CAAC;IACL,CAAC;CACF;AAhCD,kCAgCC;AAED,MAAa,YAAa,SAAQ,+BAAmB;IAGnD,WAAW;QACT,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC;aACX;SACF,CAAC,CAAC;QACH,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,OAAO,EAAE,CAAC,GAAG,KAAK;aACnB;SACF,CAAC,CAAC;IACL,CAAC;CACF;AAhCD,oCAgCC","file":"group-fade.js","sourcesContent":["import type { IGroup } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\nexport class GroupFadeIn extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  getEndProps(): Record<string, any> {\n    return {};\n  }\n\n  onBind(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 0\n      }\n    });\n    return;\n  }\n\n  onEnd(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1\n      }\n    });\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.target.setTheme({\n      common: {\n        opacity: ratio\n      }\n    });\n  }\n}\n\nexport class GroupFadeOut extends ACustomAnimate<any> {\n  declare target: IGroup;\n\n  getEndProps(): Record<string, any> {\n    return {};\n  }\n\n  onBind(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1\n      }\n    });\n    return;\n  }\n\n  onEnd(): void {\n    this.target.setTheme({\n      common: {\n        opacity: 0\n      }\n    });\n    return;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.target.setTheme({\n      common: {\n        opacity: 1 - ratio\n      }\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/group-fade.ts"],"names":[],"mappings":";;;AAEA,qCAA+C;AAE/C,MAAa,WAAY,SAAQ,iBAAQ;IAGvC,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QAClF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC;CACF;AAPD,kCAOC;AAED,MAAa,YAAa,SAAQ,kBAAS;IAGzC,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QAClF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC;CACF;AAPD,oCAOC","file":"group-fade.js","sourcesContent":["import type { EasingType, IGroup } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\nimport { CommonIn, CommonOut } from './common';\n\nexport class GroupFadeIn extends CommonIn {\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    this.keys = ['baseOpacity'];\n  }\n}\n\nexport class GroupFadeOut extends CommonOut {\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    this.keys = ['baseOpacity'];\n  }\n}\n"]}

package/cjs/custom/growAngle.d.ts

@@ -1,5 +1,4 @@
-import { type IGraphic, type IGroup } from '@visactor/vrender-core';
-import type { EasingType } from '../intreface/easing';
+import { type IGraphic, type IGroup, type EasingType } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 interface IAnimationParameters {
     width: number;
@@ -28,6 +27,7 @@ export declare class GrowAngleBase extends ACustomAnimate<Record<string, number>
     _updateFunction: (ratio: number) => void;
     constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
     determineUpdateFunction(): void;
+    deleteSelfAttr(key: string): void;
     updateStartAngle(ratio: number): void;
     updateEndAngle(ratio: number): void;
     updateAngle(ratio: number): void;

package/cjs/custom/growAngle.js

@@ -55,7 +55,7 @@ const custom_animate_1 = require("./custom-animate"), vutils_1 = require("@visac
 exports.growAngleIn = growAngleIn;
 
 const growAngleOutIndividual = (graphic, options, animationParameters) => {
-    const attrs = graphic.getFinalAttribute();
+    const attrs = graphic.attribute;
     return options && "anticlockwise" === options.orient ? {
         from: {
             startAngle: attrs.startAngle
@@ -72,7 +72,7 @@ const growAngleOutIndividual = (graphic, options, animationParameters) => {
         }
     };
 }, growAngleOutOverall = (graphic, options, animationParameters) => {
-    const attrs = graphic.getFinalAttribute();
+    const attrs = graphic.attribute;
     if (options && "anticlockwise" === options.orient) {
         const overallValue = (0, vutils_1.isNumber)(options.overall) ? options.overall : 2 * Math.PI;
         return {
@@ -111,6 +111,11 @@ class GrowAngleBase extends custom_animate_1.ACustomAnimate {
     determineUpdateFunction() {
         this.propKeys ? this.propKeys && this.propKeys.length > 1 ? this._updateFunction = this.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this.valid = !1 : this.valid = !1;
     }
+    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.updateAngle : "startAngle" === this.propKeys[0] ? this._updateFunction = this.updateStartAngle : "endAngle" === this.propKeys[0] ? this._updateFunction = this.updateEndAngle : this._updateFunction = null;
+    }
     updateStartAngle(ratio) {
         this.target.attribute.startAngle = this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;
     }
@@ -121,7 +126,7 @@ class GrowAngleBase extends custom_animate_1.ACustomAnimate {
         this.updateStartAngle(ratio), this.updateEndAngle(ratio);
     }
     onUpdate(end, ratio, out) {
-        this._updateFunction(ratio), this.target.addUpdateShapeAndBoundsTag();
+        this._updateFunction && (this._updateFunction(ratio), this.target.addUpdateShapeAndBoundsTag());
     }
 }
 
@@ -129,12 +134,13 @@ exports.GrowAngleBase = GrowAngleBase;
 
 class GrowAngleIn extends GrowAngleBase {
     onBind() {
-        var _a, _b, _c;
-        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && Object.assign(this.target.attribute, this.params.diffAttrs);
-        const {from: from, to: to} = (0, exports.growAngleIn)(this.target, this.params.options, this.params), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : from;
+        var _a, _b;
+        const {from: from, to: to} = (0, exports.growAngleIn)(this.target, this.params.options, this.params), fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.from = fromAttrs, this.to = to, Object.assign(this.target.attribute, fromAttrs), 
-        this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag(), this.determineUpdateFunction();
+        this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(fromAttrs), 
+        this.determineUpdateFunction();
     }
 }
 
@@ -142,11 +148,10 @@ exports.GrowAngleIn = GrowAngleIn;
 
 class GrowAngleOut extends GrowAngleBase {
     onBind() {
-        var _a, _b;
-        const {from: from, to: to} = (0, exports.growAngleOut)(this.target, this.params.options, this.params), fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
+        const {from: from, to: to} = (0, exports.growAngleOut)(this.target, this.params.options, this.params), fromAttrs = from;
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.animate.reSyncProps(), this.from = fromAttrs, this.to = to, Object.assign(this.target.attribute, fromAttrs), 
-        this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag(), this.determineUpdateFunction();
+        this.from = null != fromAttrs ? fromAttrs : this.target.attribute, this.to = to, 
+        this.determineUpdateFunction();
     }
 }
 

package/cjs/custom/growAngle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/growAngle.ts"],"names":[],"mappings":"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","file":"growAngle.js","sourcesContent":["import { type IGraphic, type IGroup } from '@visactor/vrender-core';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\nimport { isNumber } from '@visactor/vutils';\n\ninterface IAnimationParameters {\n  width: number;\n  height: number;\n  group: IGroup;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\ntype TypeAnimation<T extends IGraphic> = (\n  graphic: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nexport interface IGrowAngleAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  overall?: boolean | number;\n}\n\nconst growAngleInIndividual = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: attrs?.endAngle },\n      to: { startAngle: attrs?.startAngle }\n    };\n  }\n  return {\n    from: { endAngle: attrs?.startAngle },\n    to: { endAngle: attrs?.endAngle }\n  };\n};\n\nconst growAngleInOverall = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      },\n      to: {\n        startAngle: attrs?.startAngle,\n        endAngle: attrs?.endAngle\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    },\n    to: {\n      startAngle: attrs?.startAngle,\n      endAngle: attrs?.endAngle\n    }\n  };\n};\n\nexport const growAngleIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleInOverall(graphic, options, animationParameters)\n    : growAngleInIndividual(graphic, options, animationParameters);\n};\n\nconst growAngleOutIndividual = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: attrs.startAngle },\n      to: { startAngle: attrs?.endAngle }\n    };\n  }\n  return {\n    from: { endAngle: attrs.endAngle },\n    to: { endAngle: attrs?.startAngle }\n  };\n};\n\nconst growAngleOutOverall = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: attrs.startAngle,\n        endAngle: attrs.endAngle\n      },\n      to: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: attrs.startAngle,\n      endAngle: attrs.endAngle\n    },\n    to: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    }\n  };\n};\n\nexport const growAngleOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleOutOverall(graphic, options, animationParameters)\n    : growAngleOutIndividual(graphic, options, animationParameters);\n};\n\nexport class GrowAngleBase extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  declare _updateFunction: (ratio: number) => void;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: any) {\n    super(from, to, duration, easing, params);\n  }\n\n  determineUpdateFunction(): void {\n    if (!this.propKeys) {\n      this.valid = false;\n    } else if (this.propKeys && this.propKeys.length > 1) {\n      this._updateFunction = this.updateAngle;\n    } else if (this.propKeys[0] === 'startAngle') {\n      this._updateFunction = this.updateStartAngle;\n    } else if (this.propKeys[0] === 'endAngle') {\n      this._updateFunction = this.updateEndAngle;\n    } else {\n      this.valid = false;\n    }\n  }\n\n  updateStartAngle(ratio: number): void {\n    (this.target.attribute as any).startAngle =\n      this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;\n  }\n\n  updateEndAngle(ratio: number): void {\n    (this.target.attribute as any).endAngle = this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio;\n  }\n\n  updateAngle(ratio: number): void {\n    this.updateStartAngle(ratio);\n    this.updateEndAngle(ratio);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this._updateFunction(ratio);\n    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class GrowAngleIn extends GrowAngleBase {\n  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      Object.assign(this.target.attribute, this.params.diffAttrs);\n    }\n    const { from, to } = growAngleIn(this.target, this.params.options, this.params);\n    const fromAttrs = this.target.context?.lastAttrs ?? from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.from = fromAttrs;\n    this.to = to;\n    // 性能优化，不需要setAttributes\n    Object.assign(this.target.attribute, fromAttrs);\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateBoundTag();\n    this.determineUpdateFunction();\n  }\n}\n\nexport class GrowAngleOut extends GrowAngleBase {\n  onBind(): void {\n    const { from, to } = growAngleOut(this.target, this.params.options, this.params);\n    const fromAttrs = this.target.context?.lastAttrs ?? from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.animate.reSyncProps();\n    this.from = fromAttrs;\n    this.to = to;\n    // 性能优化，不需要setAttributes\n    Object.assign(this.target.attribute, fromAttrs);\n    this.target.addUpdatePositionTag();\n    this.target.addUpdateBoundTag();\n    this.determineUpdateFunction();\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/growAngle.ts"],"names":[],"mappings":"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","file":"growAngle.js","sourcesContent":["import { type IGraphic, type IGroup, type EasingType } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\nimport { isNumber } from '@visactor/vutils';\n\ninterface IAnimationParameters {\n  width: number;\n  height: number;\n  group: IGroup;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\ntype TypeAnimation<T extends IGraphic> = (\n  graphic: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nexport interface IGrowAngleAnimationOptions {\n  orient?: 'clockwise' | 'anticlockwise';\n  overall?: boolean | number;\n}\n\nconst growAngleInIndividual = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: attrs?.endAngle },\n      to: { startAngle: attrs?.startAngle }\n    };\n  }\n  return {\n    from: { endAngle: attrs?.startAngle },\n    to: { endAngle: attrs?.endAngle }\n  };\n};\n\nconst growAngleInOverall = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      },\n      to: {\n        startAngle: attrs?.startAngle,\n        endAngle: attrs?.endAngle\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    },\n    to: {\n      startAngle: attrs?.startAngle,\n      endAngle: attrs?.endAngle\n    }\n  };\n};\n\nexport const growAngleIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleInOverall(graphic, options, animationParameters)\n    : growAngleInIndividual(graphic, options, animationParameters);\n};\n\nconst growAngleOutIndividual = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.attribute as any;\n\n  if (options && options.orient === 'anticlockwise') {\n    return {\n      from: { startAngle: attrs.startAngle },\n      to: { startAngle: attrs?.endAngle }\n    };\n  }\n  return {\n    from: { endAngle: attrs.endAngle },\n    to: { endAngle: attrs?.startAngle }\n  };\n};\n\nconst growAngleOutOverall = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.attribute as any;\n  if (options && options.orient === 'anticlockwise') {\n    const overallValue = isNumber(options.overall) ? options.overall : Math.PI * 2;\n    return {\n      from: {\n        startAngle: attrs.startAngle,\n        endAngle: attrs.endAngle\n      },\n      to: {\n        startAngle: overallValue,\n        endAngle: overallValue\n      }\n    };\n  }\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      startAngle: attrs.startAngle,\n      endAngle: attrs.endAngle\n    },\n    to: {\n      startAngle: overallValue,\n      endAngle: overallValue\n    }\n  };\n};\n\nexport const growAngleOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowAngleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growAngleOutOverall(graphic, options, animationParameters)\n    : growAngleOutIndividual(graphic, options, animationParameters);\n};\n\nexport class GrowAngleBase extends ACustomAnimate<Record<string, number>> {\n  declare valid: boolean;\n\n  declare _updateFunction: (ratio: number) => void;\n\n  constructor(from: null, to: null, duration: number, easing: EasingType, params?: any) {\n    super(from, to, duration, easing, params);\n  }\n\n  determineUpdateFunction(): void {\n    if (!this.propKeys) {\n      this.valid = false;\n    } else if (this.propKeys && this.propKeys.length > 1) {\n      this._updateFunction = this.updateAngle;\n    } else if (this.propKeys[0] === 'startAngle') {\n      this._updateFunction = this.updateStartAngle;\n    } else if (this.propKeys[0] === 'endAngle') {\n      this._updateFunction = this.updateEndAngle;\n    } else {\n      this.valid = false;\n    }\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.updateAngle;\n    } else if (this.propKeys[0] === 'startAngle') {\n      this._updateFunction = this.updateStartAngle;\n    } else if (this.propKeys[0] === 'endAngle') {\n      this._updateFunction = this.updateEndAngle;\n    } else {\n      this._updateFunction = null;\n    }\n  }\n\n  updateStartAngle(ratio: number): void {\n    (this.target.attribute as any).startAngle =\n      this.from.startAngle + (this.to.startAngle - this.from.startAngle) * ratio;\n  }\n\n  updateEndAngle(ratio: number): void {\n    (this.target.attribute as any).endAngle = this.from.endAngle + (this.to.endAngle - this.from.endAngle) * ratio;\n  }\n\n  updateAngle(ratio: number): void {\n    this.updateStartAngle(ratio);\n    this.updateEndAngle(ratio);\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (this._updateFunction) {\n      this._updateFunction(ratio);\n      this.target.addUpdateShapeAndBoundsTag();\n    }\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class GrowAngleIn extends GrowAngleBase {\n  onBind(): void {\n    const { from, to } = growAngleIn(this.target, this.params.options, this.params);\n    const fromAttrs = this.target.context?.lastAttrs ?? from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.from = fromAttrs;\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(fromAttrs);\n    this.determineUpdateFunction();\n  }\n}\n\nexport class GrowAngleOut extends GrowAngleBase {\n  onBind(): void {\n    const { from, to } = growAngleOut(this.target, this.params.options, this.params);\n    const fromAttrs = from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.from = fromAttrs ?? (this.target.attribute as any);\n    this.to = to;\n\n    // this.target.setAttributes(fromAttrs);\n    this.determineUpdateFunction();\n  }\n}\n"]}

package/cjs/custom/growCenter.d.ts

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

package/cjs/custom/growCenter.js

@@ -69,7 +69,7 @@ const vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./cust
         }
     }
 }, growCenterOut = (graphic, options, animationParameters) => {
-    const attrs = graphic.getFinalAttribute();
+    const attrs = graphic.attribute;
     switch (null == options ? void 0 : options.direction) {
       case "x":
         {
@@ -121,11 +121,12 @@ class GrowCenterIn extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b, _c;
-        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && this.target.setAttributes(this.params.diffAttrs);
-        const {from: from, to: to} = growCenterIn(this.target, this.params.options, this.params), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : from;
+        var _a, _b;
+        const {from: from, to: to} = growCenterIn(this.target, this.params.options, this.params), fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.animate.reSyncProps(), this.from = fromAttrs, this.to = to, this.target.setAttributes(fromAttrs);
+        this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(fromAttrs);
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -145,9 +146,9 @@ class GrowCenterOut extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        const attrs = this.target.getFinalAttribute(), {from: from, to: to} = growCenterOut(this.target, this.params.options, this.params);
+        const {from: from, to: to} = growCenterOut(this.target, this.params.options, this.params);
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+        this.from = null != from ? from : this.target.attribute, this.to = to;
     }
     onEnd(cb) {
         super.onEnd(cb);

package/cjs/custom/growCenter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/growCenter.ts"],"names":[],"mappings":"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","file":"growCenter.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport { isValid } from '@visactor/vutils';\nimport type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\ninterface IGrowCartesianAnimationOptions {\n  orient?: 'positive' | 'negative';\n  overall?: boolean | number;\n  direction?: 'x' | 'y' | 'xy';\n}\n\ninterface IAnimationParameters {\n  width: number;\n  height: number;\n  group: IGroup;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\ntype TypeAnimation<T extends IGraphic> = (\n  graphic: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nconst growCenterIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  switch (options?.direction) {\n    case 'x': {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n\n      return {\n        from: isValid(width)\n          ? {\n              x: x + width / 2,\n              x1: undefined,\n              width: 0\n            }\n          : {\n              x: (x + x1) / 2,\n              x1: (x + x1) / 2,\n              width: undefined\n            },\n        to: { x, x1, width }\n      };\n    }\n    case 'y': {\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n\n      return {\n        from: isValid(height)\n          ? {\n              y: y + height / 2,\n              y1: undefined,\n              height: 0\n            }\n          : {\n              y: (y + y1) / 2,\n              y1: (y + y1) / 2,\n              height: undefined\n            },\n        to: { y, y1, height }\n      };\n    }\n    case 'xy':\n    default: {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n      const from: any = {};\n\n      if (isValid(width)) {\n        from.x = x + width / 2;\n        from.width = 0;\n        from.x1 = undefined;\n      } else {\n        from.x = (x + x1) / 2;\n        from.x1 = (x + x1) / 2;\n        from.width = undefined;\n      }\n\n      if (isValid(height)) {\n        from.y = y + height / 2;\n        from.height = 0;\n        from.y1 = undefined;\n      } else {\n        from.y = (y + y1) / 2;\n        from.y1 = (y + y1) / 2;\n        from.height = undefined;\n      }\n\n      return {\n        from,\n        to: { x, y, x1, y1, width, height }\n      };\n    }\n  }\n};\n\nconst growCenterOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  switch (options?.direction) {\n    case 'x': {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n\n      return {\n        to: isValid(width)\n          ? {\n              x: x + width / 2,\n              x1: undefined,\n              width: 0\n            }\n          : {\n              x: (x + x1) / 2,\n              x1: (x + x1) / 2,\n              width: undefined\n            }\n      };\n    }\n    case 'y': {\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n\n      return {\n        to: isValid(height)\n          ? {\n              y: y + height / 2,\n              y1: undefined,\n              height: 0\n            }\n          : {\n              y: (y + y1) / 2,\n              y1: (y + y1) / 2,\n              height: undefined\n            }\n      };\n    }\n    case 'xy':\n    default: {\n      const x = attrs.x;\n      const y = attrs.y;\n      const x1 = attrs.x1;\n      const y1 = attrs.y1;\n      const width = attrs.width;\n      const height = attrs.height;\n      const to: any = {};\n\n      if (isValid(width)) {\n        to.x = x + width / 2;\n        to.width = 0;\n        to.x1 = undefined;\n      } else {\n        to.x = (x + x1) / 2;\n        to.x1 = (x + x1) / 2;\n        to.width = undefined;\n      }\n\n      if (isValid(height)) {\n        to.y = y + height / 2;\n        to.height = 0;\n        to.y1 = undefined;\n      } else {\n        to.y = (y + y1) / 2;\n        to.y1 = (y + y1) / 2;\n        to.height = undefined;\n      }\n\n      return {\n        to\n      };\n    }\n  }\n};\n\n/**\n * 增长渐入\n */\nexport class GrowCenterIn 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  onBind(): void {\n    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    if (this.params?.diffAttrs) {\n      this.target.setAttributes(this.params.diffAttrs);\n    }\n    const { from, to } = growCenterIn(this.target, this.params.options, this.params);\n    const fromAttrs = this.target.context?.lastAttrs ?? from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.animate.reSyncProps();\n    this.from = fromAttrs;\n    this.to = to;\n    this.target.setAttributes(fromAttrs);\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    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\nexport class GrowCenterOut 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  onBind(): void {\n    const attrs = this.target.getFinalAttribute();\n    const { from, to } = growCenterOut(this.target, this.params.options, this.params);\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.animate.reSyncProps();\n    this.from = from || attrs;\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    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"]}
+{"version":3,"sources":["../src/custom/growCenter.ts"],"names":[],"mappings":";;;AACA,6CAA2C;AAC3C,qDAAkD;AAuBlD,MAAM,YAAY,GAA4B,CAC5C,OAAiB,EACjB,OAAuC,EACvC,mBAAyC,EACzC,EAAE;IACF,MAAM,KAAK,GAAG,OAAO,CAAC,iBAAiB,EAAE,CAAC;IAC1C,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG,CAAC,CAAC;YACR,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAE1B,OAAO;gBACL,IAAI,EAAE,IAAA,gBAAO,EAAC,KAAK,CAAC;oBAClB,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;wBAChB,EAAE,EAAE,SAAS;wBACb,KAAK,EAAE,CAAC;qBACT;oBACH,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBAChB,KAAK,EAAE,SAAS;qBACjB;gBACL,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE;aACrB,CAAC;SACH;QACD,KAAK,GAAG,CAAC,CAAC;YACR,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAE5B,OAAO;gBACL,IAAI,EAAE,IAAA,gBAAO,EAAC,MAAM,CAAC;oBACnB,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC;wBACjB,EAAE,EAAE,SAAS;wBACb,MAAM,EAAE,CAAC;qBACV;oBACH,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBAChB,MAAM,EAAE,SAAS;qBAClB;gBACL,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE;aACtB,CAAC;SACH;QACD,KAAK,IAAI,CAAC;QACV,OAAO,CAAC,CAAC;YACP,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,MAAM,IAAI,GAAQ,EAAE,CAAC;YAErB,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;gBAClB,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;gBACf,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;aACrB;iBAAM;gBACL,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACtB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;YAED,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,EAAE;gBACnB,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;gBAChB,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;aACrB;iBAAM;gBACL,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACtB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACvB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;aACzB;YAED,OAAO;gBACL,IAAI;gBACJ,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;aACpC,CAAC;SACH;KACF;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAA4B,CAC7C,OAAiB,EACjB,OAAuC,EACvC,mBAAyC,EACzC,EAAE;IACF,MAAM,KAAK,GAAG,OAAO,CAAC,SAAgB,CAAC;IACvC,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG,CAAC,CAAC;YACR,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAE1B,OAAO;gBACL,EAAE,EAAE,IAAA,gBAAO,EAAC,KAAK,CAAC;oBAChB,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;wBAChB,EAAE,EAAE,SAAS;wBACb,KAAK,EAAE,CAAC;qBACT;oBACH,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBAChB,KAAK,EAAE,SAAS;qBACjB;aACN,CAAC;SACH;QACD,KAAK,GAAG,CAAC,CAAC;YACR,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAE5B,OAAO;gBACL,EAAE,EAAE,IAAA,gBAAO,EAAC,MAAM,CAAC;oBACjB,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC;wBACjB,EAAE,EAAE,SAAS;wBACb,MAAM,EAAE,CAAC;qBACV;oBACH,CAAC,CAAC;wBACE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;wBAChB,MAAM,EAAE,SAAS;qBAClB;aACN,CAAC;SACH;QACD,KAAK,IAAI,CAAC;QACV,OAAO,CAAC,CAAC;YACP,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;YAClB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,MAAM,EAAE,GAAQ,EAAE,CAAC;YAEnB,IAAI,IAAA,gBAAO,EAAC,KAAK,CAAC,EAAE;gBAClB,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBACrB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;gBACb,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;aACnB;iBAAM;gBACL,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACpB,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACrB,EAAE,CAAC,KAAK,GAAG,SAAS,CAAC;aACtB;YAED,IAAI,IAAA,gBAAO,EAAC,MAAM,CAAC,EAAE;gBACnB,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;gBACtB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;gBACd,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;aACnB;iBAAM;gBACL,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACpB,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBACrB,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC;aACvB;YAED,OAAO;gBACL,EAAE;aACH,CAAC;SACH;KACF;AACH,CAAC,CAAC;AAKF,MAAa,YAAa,SAAQ,+BAAsC;IAGtE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QAClF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;;QACJ,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACjF,MAAM,SAAS,GAAG,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,0CAAE,SAAS,mCAAI,IAAI,CAAC;QACzD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QAGb,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;QACvD,IAAI,cAAc,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;SACtD;QAED,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,MAAM,SAAS,GAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC7D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,SAAS,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;QAC5E,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IAC3C,CAAC;CACF;AApCD,oCAoCC;AAED,MAAa,aAAc,SAAQ,+BAAsC;IAGvE,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAY;QAClF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAClF,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC;QAE/D,IAAI,CAAC,IAAI,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAK,IAAI,CAAC,MAAM,CAAC,SAAiB,CAAC;QACnD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IAEf,CAAC;IAED,KAAK,CAAC,EAA6C;QACjD,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,MAAM,SAAS,GAAwB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC7D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC1B,SAAS,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;QAC5E,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACnC,IAAI,CAAC,MAAM,CAAC,0BAA0B,EAAE,CAAC;IAC3C,CAAC;CACF;AA7BD,sCA6BC","file":"growCenter.js","sourcesContent":["import type { IGraphic, IGroup, IAnimate, IStep, EasingType } from '@visactor/vrender-core';\nimport { isValid } from '@visactor/vutils';\nimport { ACustomAnimate } from './custom-animate';\n\ninterface IGrowCartesianAnimationOptions {\n  orient?: 'positive' | 'negative';\n  overall?: boolean | number;\n  direction?: 'x' | 'y' | 'xy';\n}\n\ninterface IAnimationParameters {\n  width: number;\n  height: number;\n  group: IGroup;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\ntype TypeAnimation<T extends IGraphic> = (\n  graphic: T,\n  options: any,\n  animationParameters: IAnimationParameters\n) => { from?: { [channel: string]: any }; to?: { [channel: string]: any } };\n\nconst growCenterIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  switch (options?.direction) {\n    case 'x': {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n\n      return {\n        from: isValid(width)\n          ? {\n              x: x + width / 2,\n              x1: undefined,\n              width: 0\n            }\n          : {\n              x: (x + x1) / 2,\n              x1: (x + x1) / 2,\n              width: undefined\n            },\n        to: { x, x1, width }\n      };\n    }\n    case 'y': {\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n\n      return {\n        from: isValid(height)\n          ? {\n              y: y + height / 2,\n              y1: undefined,\n              height: 0\n            }\n          : {\n              y: (y + y1) / 2,\n              y1: (y + y1) / 2,\n              height: undefined\n            },\n        to: { y, y1, height }\n      };\n    }\n    case 'xy':\n    default: {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n      const from: any = {};\n\n      if (isValid(width)) {\n        from.x = x + width / 2;\n        from.width = 0;\n        from.x1 = undefined;\n      } else {\n        from.x = (x + x1) / 2;\n        from.x1 = (x + x1) / 2;\n        from.width = undefined;\n      }\n\n      if (isValid(height)) {\n        from.y = y + height / 2;\n        from.height = 0;\n        from.y1 = undefined;\n      } else {\n        from.y = (y + y1) / 2;\n        from.y1 = (y + y1) / 2;\n        from.height = undefined;\n      }\n\n      return {\n        from,\n        to: { x, y, x1, y1, width, height }\n      };\n    }\n  }\n};\n\nconst growCenterOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.attribute as any;\n  switch (options?.direction) {\n    case 'x': {\n      const x = attrs.x;\n      const x1 = attrs.x1;\n      const width = attrs.width;\n\n      return {\n        to: isValid(width)\n          ? {\n              x: x + width / 2,\n              x1: undefined,\n              width: 0\n            }\n          : {\n              x: (x + x1) / 2,\n              x1: (x + x1) / 2,\n              width: undefined\n            }\n      };\n    }\n    case 'y': {\n      const y = attrs.y;\n      const y1 = attrs.y1;\n      const height = attrs.height;\n\n      return {\n        to: isValid(height)\n          ? {\n              y: y + height / 2,\n              y1: undefined,\n              height: 0\n            }\n          : {\n              y: (y + y1) / 2,\n              y1: (y + y1) / 2,\n              height: undefined\n            }\n      };\n    }\n    case 'xy':\n    default: {\n      const x = attrs.x;\n      const y = attrs.y;\n      const x1 = attrs.x1;\n      const y1 = attrs.y1;\n      const width = attrs.width;\n      const height = attrs.height;\n      const to: any = {};\n\n      if (isValid(width)) {\n        to.x = x + width / 2;\n        to.width = 0;\n        to.x1 = undefined;\n      } else {\n        to.x = (x + x1) / 2;\n        to.x1 = (x + x1) / 2;\n        to.width = undefined;\n      }\n\n      if (isValid(height)) {\n        to.y = y + height / 2;\n        to.height = 0;\n        to.y1 = undefined;\n      } else {\n        to.y = (y + y1) / 2;\n        to.y1 = (y + y1) / 2;\n        to.height = undefined;\n      }\n\n      return {\n        to\n      };\n    }\n  }\n};\n\n/**\n * 增长渐入\n */\nexport class GrowCenterIn 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  onBind(): void {\n    const { from, to } = growCenterIn(this.target, this.params.options, this.params);\n    const fromAttrs = this.target.context?.lastAttrs ?? from;\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n    this.from = fromAttrs;\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(fromAttrs);\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    this.target.addUpdateShapeAndBoundsTag();\n  }\n}\n\nexport class GrowCenterOut 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  onBind(): void {\n    const { from, to } = growCenterOut(this.target, this.params.options, this.params);\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\n\n    this.from = from ?? (this.target.attribute as any);\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    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"]}

package/cjs/custom/growHeight.d.ts

@@ -1,6 +1,4 @@
-import type { IGraphic, IGroup } from '@visactor/vrender-core';
-import type { IAnimate, IStep } from '../intreface/animate';
-import type { EasingType } from '../intreface/easing';
+import type { IGraphic, IGroup, IAnimate, IStep, EasingType } from '@visactor/vrender-core';
 import { ACustomAnimate } from './custom-animate';
 interface IAnimationParameters {
     width: number;

package/cjs/custom/growHeight.js

@@ -69,12 +69,12 @@ class GrowHeightIn extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a, _b, _c;
-        (null === (_a = this.params) || void 0 === _a ? void 0 : _a.diffAttrs) && Object.assign(this.target.attribute, this.params.diffAttrs);
-        const {from: from, to: to} = growHeightIn(this.target, this.params.options, this.params), fromAttrs = null !== (_c = null === (_b = this.target.context) || void 0 === _b ? void 0 : _b.lastAttrs) && void 0 !== _c ? _c : from;
+        var _a, _b;
+        const {from: from, to: to} = growHeightIn(this.target, this.params.options, this.params), fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.from = fromAttrs, this.to = to, Object.assign(this.target.attribute, fromAttrs), 
-        this.target.addUpdatePositionTag(), this.target.addUpdateBoundTag();
+        this.from = fromAttrs, this.to = to;
+        const finalAttribute = this.target.getFinalAttribute();
+        finalAttribute && Object.assign(this.target.attribute, finalAttribute), this.target.setAttributes(fromAttrs);
     }
     onEnd(cb) {
         super.onEnd(cb);
@@ -139,9 +139,9 @@ class GrowHeightOut extends custom_animate_1.ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (0, exports.growHeightOut)(this.target, this.params.options, this.params);
+        const {from: from, to: to} = (0, exports.growHeightOut)(this.target, this.params.options, this.params);
         this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
-        this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+        this.from = null != from ? from : this.target.attribute, this.to = to;
     }
     onEnd(cb) {
         super.onEnd(cb);