@visactor/vrender-animate 0.22.4 → 0.22.12

package/es/custom/growRadius.js

@@ -42,25 +42,25 @@ const growRadiusOutIndividual = (graphic, options, animationParameters) => {
     const attrs = graphic.getFinalAttribute();
     return options && "inside" === options.orient ? {
         from: {
-            innerRadius: graphic.getGraphicAttribute("innerRadius", !0)
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
         },
         to: {
             innerRadius: null == attrs ? void 0 : attrs.outerRadius
         }
     } : {
         from: {
-            outerRadius: graphic.getGraphicAttribute("outerRadius", !0)
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
         },
         to: {
             outerRadius: null == attrs ? void 0 : attrs.innerRadius
         }
     };
 }, growRadiusOutOverall = (graphic, options, animationParameters) => {
-    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    const attrs = graphic.getFinalAttribute(), overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
     return {
         from: {
-            innerRadius: graphic.getGraphicAttribute("innerRadius", !0),
-            outerRadius: graphic.getGraphicAttribute("outerRadius", !0)
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
         },
         to: {
             innerRadius: overallValue,
@@ -74,32 +74,38 @@ export const growRadiusOut = (graphic, options, animationParameters) => {
     return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(graphic, options) : growRadiusOutIndividual(graphic, options);
 };
 
-export class GworPointsBase extends ACustomAnimate {
+export class GrowPointsBase 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 => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out);
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 
-export class GrowRadiusIn extends GworPointsBase {
+export class GrowRadiusIn extends GrowPointsBase {
     onBind() {
-        var _a;
-        const {from: from, to: to} = growRadiusIn(this.target, this.params.options, this.params), fromAttrs = null !== (_a = this.target.context.lastAttrs) && void 0 !== _a ? _a : from;
+        var _a, _b;
+        super.onBind();
+        const {from: from, to: to} = growRadiusIn(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 && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
     }
 }
 
-export class GrowRadiusOut extends GworPointsBase {
+export class GrowRadiusOut extends GrowPointsBase {
     onBind() {
-        var _a;
-        const {from: from, to: to} = growRadiusOut(this.target, this.params.options, this.params), fromAttrs = null !== (_a = this.target.context.lastAttrs) && void 0 !== _a ? _a : from;
+        super.onBind();
+        const {to: to} = (graphic = this.target, options = this.params.options, this.params, 
+        !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusOutOverall(graphic, options) : growRadiusOutIndividual(graphic, options));
+        var graphic, options, _a;
         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 = this.target.attribute, this.to = to;
     }
 }
 //# sourceMappingURL=growRadius.js.map

package/es/custom/growRadius.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/growRadius.ts"],"names":[],"mappings":"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","file":"growRadius.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\nexport interface IGrowRadiusAnimationOptions {\n  orient?: 'inside' | 'outside';\n  overall?: boolean | number;\n}\n\nconst growRadiusInIndividual = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: attrs?.outerRadius },\n      to: { innerRadius: attrs?.innerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: attrs?.innerRadius },\n    to: { outerRadius: attrs?.outerRadius }\n  };\n};\n\nconst growRadiusInOverall = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    },\n    to: {\n      innerRadius: attrs?.innerRadius,\n      outerRadius: attrs?.outerRadius\n    }\n  };\n};\n\nexport const growRadiusIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusInOverall(graphic, options, animationParameters)\n    : growRadiusInIndividual(graphic, options, animationParameters);\n};\n\nconst growRadiusOutIndividual = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: graphic.getGraphicAttribute('innerRadius', true) },\n      to: { innerRadius: attrs?.outerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: graphic.getGraphicAttribute('outerRadius', true) },\n    to: { outerRadius: attrs?.innerRadius }\n  };\n};\n\nconst growRadiusOutOverall = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: graphic.getGraphicAttribute('innerRadius', true),\n      outerRadius: graphic.getGraphicAttribute('outerRadius', true)\n    },\n    to: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    }\n  };\n};\n\nexport const growRadiusOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusOutOverall(graphic, options, animationParameters)\n    : growRadiusOutIndividual(graphic, options, animationParameters);\n};\n\nexport class GworPointsBase 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    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class GrowRadiusIn extends GworPointsBase {\n  onBind(): void {\n    const { from, to } = growRadiusIn(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\nexport class GrowRadiusOut extends GworPointsBase {\n  onBind(): void {\n    const { from, to } = growRadiusOut(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"]}
+{"version":3,"sources":["../src/custom/growRadius.ts"],"names":[],"mappings":"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","file":"growRadius.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\nexport interface IGrowRadiusAnimationOptions {\n  orient?: 'inside' | 'outside';\n  overall?: boolean | number;\n}\n\nconst growRadiusInIndividual = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: attrs?.outerRadius },\n      to: { innerRadius: attrs?.innerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: attrs?.innerRadius },\n    to: { outerRadius: attrs?.outerRadius }\n  };\n};\n\nconst growRadiusInOverall = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    },\n    to: {\n      innerRadius: attrs?.innerRadius,\n      outerRadius: attrs?.outerRadius\n    }\n  };\n};\n\nexport const growRadiusIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusInOverall(graphic, options, animationParameters)\n    : growRadiusInIndividual(graphic, options, animationParameters);\n};\n\nconst growRadiusOutIndividual = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  if (options && options.orient === 'inside') {\n    return {\n      from: { innerRadius: attrs?.innerRadius },\n      to: { innerRadius: attrs?.outerRadius }\n    };\n  }\n  return {\n    from: { outerRadius: attrs?.outerRadius },\n    to: { outerRadius: attrs?.innerRadius }\n  };\n};\n\nconst growRadiusOutOverall = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const overallValue = isNumber(options?.overall) ? options.overall : 0;\n  return {\n    from: {\n      innerRadius: attrs?.innerRadius,\n      outerRadius: attrs?.outerRadius\n    },\n    to: {\n      innerRadius: overallValue,\n      outerRadius: overallValue\n    }\n  };\n};\n\nexport const growRadiusOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowRadiusAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growRadiusOutOverall(graphic, options, animationParameters)\n    : growRadiusOutIndividual(graphic, options, animationParameters);\n};\n\nexport class GrowPointsBase 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 GrowRadiusIn extends GrowPointsBase {\n  onBind(): void {\n    super.onBind();\n    const { from, to } = growRadiusIn(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      this.target.setAttributes(finalAttribute);\n    }\n    this.target.setAttributes(fromAttrs);\n  }\n}\n\nexport class GrowRadiusOut extends GrowPointsBase {\n  onBind(): void {\n    super.onBind();\n    const { to } = growRadiusOut(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 = this.target.attribute as any;\n    this.to = to;\n    // this.target.setAttributes(fromAttrs);\n  }\n}\n"]}

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

@@ -106,18 +106,22 @@ export class GrowWidthIn extends ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        var _a;
-        const {from: from, to: to} = growWidthIn(this.target, this.params.options, this.params), fromAttrs = null !== (_a = this.target.context.lastAttrs) && void 0 !== _a ? _a : from;
+        var _a, _b;
+        super.onBind();
+        const {from: from, to: to} = growWidthIn(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 && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
     }
     onEnd(cb) {
         super.onEnd(cb);
     }
     onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
         this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out);
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 
@@ -126,19 +130,21 @@ export class GrowWidthOut extends ACustomAnimate {
         super(from, to, duration, easing, params);
     }
     onBind() {
-        const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (graphic = this.target, 
-        options = this.params.options, animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthOutOverall(graphic, options, animationParameters) : growWidthOutIndividual(graphic, options, animationParameters));
+        super.onBind();
+        const {from: from, to: to} = (graphic = this.target, options = this.params.options, 
+        animationParameters = this.params, !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthOutOverall(graphic, options, animationParameters) : growWidthOutIndividual(graphic, options, animationParameters));
         var graphic, options, animationParameters, _a;
         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);
     }
     onUpdate(end, ratio, out) {
+        const attribute = this.target.attribute;
         this.propKeys.forEach((key => {
-            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
-        })), this.target.setAttributes(out);
+            attribute[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.addUpdatePositionTag(), this.target.addUpdateShapeAndBoundsTag();
     }
 }
 //# sourceMappingURL=growWidth.js.map

package/es/custom/growWidth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/growWidth.ts"],"names":[],"mappings":"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","file":"growWidth.js","sourcesContent":["import type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport { isNil, isNumber, 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\nfunction growWidthInIndividual(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  if (options && options.orient === 'negative') {\n    const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);\n\n    return {\n      from: { x: computedX1, x1: isNil(x1) ? undefined : computedX1, width: isNil(width) ? undefined : 0 },\n      to: { x: x, x1: x1, width: width }\n    };\n  }\n\n  const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);\n  return {\n    from: { x: computedX, x1: isNil(x1) ? undefined : computedX, width: isNil(width) ? undefined : 0 },\n    to: { x: x, x1: x1, width: width }\n  };\n}\n\nfunction growWidthInOverall(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  // no need to handle the situation where x > x1\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n  let overallValue: number;\n  if (options && options.orient === 'negative') {\n    if (isNumber(options.overall)) {\n      overallValue = options.overall;\n    } else if (animationParameters.group) {\n      overallValue = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n\n      (animationParameters as any).groupWidth = overallValue;\n    } else {\n      overallValue = animationParameters.width;\n    }\n  } else {\n    overallValue = isNumber(options?.overall) ? options?.overall : 0;\n  }\n  return {\n    from: { x: overallValue, x1: isNil(x1) ? undefined : overallValue, width: isNil(width) ? undefined : 0 },\n    to: { x: x, x1: x1, width: width }\n  };\n}\n\nconst growWidthIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growWidthInOverall(graphic, options, animationParameters)\n    : growWidthInIndividual(graphic, options, animationParameters);\n};\n\nfunction growWidthOutIndividual(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  if (options && options.orient === 'negative') {\n    const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);\n\n    return {\n      to: { x: computedX1, x1: isNil(x1) ? undefined : computedX1, width: isNil(width) ? undefined : 0 }\n    };\n  }\n\n  const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);\n  return {\n    to: { x: computedX, x1: isNil(x1) ? undefined : computedX, width: isNil(width) ? undefined : 0 }\n  };\n}\n\nfunction growWidthOutOverall(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  let overallValue: number;\n  if (options && options.orient === 'negative') {\n    if (isNumber(options.overall)) {\n      overallValue = options.overall;\n    } else if (animationParameters.group) {\n      overallValue = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n\n      (animationParameters as any).groupWidth = overallValue;\n    } else {\n      overallValue = animationParameters.width;\n    }\n  } else {\n    overallValue = isNumber(options?.overall) ? options.overall : 0;\n  }\n  return {\n    to: { x: overallValue, x1: isNil(x1) ? undefined : overallValue, width: isNil(width) ? undefined : 0 }\n  };\n}\n\nexport const growWidthOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growWidthOutOverall(graphic, options, animationParameters)\n    : growWidthOutIndividual(graphic, options, animationParameters);\n};\n\n/**\n * 增长渐入\n */\nexport class GrowWidthIn 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 } = growWidthIn(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    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n\nexport class GrowWidthOut 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 } = growWidthOut(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    this.propKeys.forEach(key => {\n      out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;\n    });\n    this.target.setAttributes(out);\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/growWidth.ts"],"names":[],"mappings":"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","file":"growWidth.js","sourcesContent":["import type { IGraphic, IGroup, IAnimate, IStep, EasingType } from '@visactor/vrender-core';\nimport { isNil, isNumber, 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\nfunction growWidthInIndividual(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  if (options && options.orient === 'negative') {\n    const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);\n\n    return {\n      from: { x: computedX1, x1: isNil(x1) ? undefined : computedX1, width: isNil(width) ? undefined : 0 },\n      to: { x: x, x1: x1, width: width }\n    };\n  }\n\n  const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);\n  return {\n    from: { x: computedX, x1: isNil(x1) ? undefined : computedX, width: isNil(width) ? undefined : 0 },\n    to: { x: x, x1: x1, width: width }\n  };\n}\n\nfunction growWidthInOverall(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  // no need to handle the situation where x > x1\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n  let overallValue: number;\n  if (options && options.orient === 'negative') {\n    if (isNumber(options.overall)) {\n      overallValue = options.overall;\n    } else if (animationParameters.group) {\n      overallValue = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n\n      (animationParameters as any).groupWidth = overallValue;\n    } else {\n      overallValue = animationParameters.width;\n    }\n  } else {\n    overallValue = isNumber(options?.overall) ? options?.overall : 0;\n  }\n  return {\n    from: { x: overallValue, x1: isNil(x1) ? undefined : overallValue, width: isNil(width) ? undefined : 0 },\n    to: { x: x, x1: x1, width: width }\n  };\n}\n\nconst growWidthIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growWidthInOverall(graphic, options, animationParameters)\n    : growWidthInIndividual(graphic, options, animationParameters);\n};\n\nfunction growWidthOutIndividual(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x = attrs.x;\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  if (options && options.orient === 'negative') {\n    const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);\n\n    return {\n      to: { x: computedX1, x1: isNil(x1) ? undefined : computedX1, width: isNil(width) ? undefined : 0 }\n    };\n  }\n\n  const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);\n  return {\n    to: { x: computedX, x1: isNil(x1) ? undefined : computedX, width: isNil(width) ? undefined : 0 }\n  };\n}\n\nfunction growWidthOutOverall(\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) {\n  const attrs = graphic.getFinalAttribute();\n  const x1 = attrs.x1;\n  const width = attrs.width;\n\n  let overallValue: number;\n  if (options && options.orient === 'negative') {\n    if (isNumber(options.overall)) {\n      overallValue = options.overall;\n    } else if (animationParameters.group) {\n      overallValue = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n\n      (animationParameters as any).groupWidth = overallValue;\n    } else {\n      overallValue = animationParameters.width;\n    }\n  } else {\n    overallValue = isNumber(options?.overall) ? options.overall : 0;\n  }\n  return {\n    to: { x: overallValue, x1: isNil(x1) ? undefined : overallValue, width: isNil(width) ? undefined : 0 }\n  };\n}\n\nexport const growWidthOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowCartesianAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  return (options?.overall ?? false) !== false\n    ? growWidthOutOverall(graphic, options, animationParameters)\n    : growWidthOutIndividual(graphic, options, animationParameters);\n};\n\n/**\n * 增长渐入\n */\nexport class GrowWidthIn 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    super.onBind();\n    const { from, to } = growWidthIn(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    // 用于入场的时候设置属性（因为有动画的时候VChart不会再设置属性了）\n    const finalAttribute = this.target.getFinalAttribute();\n    if (finalAttribute) {\n      this.target.setAttributes(finalAttribute);\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 GrowWidthOut 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    super.onBind();\n    const { from, to } = growWidthOut(this.target, this.params.options, this.params);\n    this.props = to;\n    this.propKeys = Object.keys(to).filter(key => to[key] != null);\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/es/custom/input-text.d.ts

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

package/es/custom/input-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/custom/input-text.ts"],"names":[],"mappings":"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","file":"input-text.js","sourcesContent":["import type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class InputText extends ACustomAnimate<{ text: string }> {\n  declare valid: boolean;\n\n  private fromText: string = '';\n  private toText: string = '';\n  private showCursor: boolean = false;\n  private cursorChar: string = '|';\n  private blinkCursor: boolean = true;\n  private beforeText: string = '';\n  private afterText: string = '';\n\n  constructor(\n    from: { text: string },\n    to: { text: string },\n    duration: number,\n    easing: EasingType,\n    params?: {\n      showCursor?: boolean;\n      cursorChar?: string;\n      blinkCursor?: boolean;\n      beforeText?: string;\n      afterText?: string;\n    }\n  ) {\n    super(from, to, duration, easing, params);\n\n    // 配置光标相关选项\n    if (params?.showCursor !== undefined) {\n      this.showCursor = params.showCursor;\n    }\n    if (params?.cursorChar !== undefined) {\n      this.cursorChar = params.cursorChar;\n    }\n    if (params?.blinkCursor !== undefined) {\n      this.blinkCursor = params.blinkCursor;\n    }\n\n    // 配置前缀和后缀文本\n    if (params?.beforeText !== undefined) {\n      this.beforeText = params.beforeText;\n    }\n    if (params?.afterText !== undefined) {\n      this.afterText = params.afterText;\n    }\n  }\n\n  onFirstRun(): void {\n    const fromProps = this.getLastProps();\n    const toProps = this.getEndProps();\n    const fromText = fromProps.text ?? '';\n    const toText = toProps.text ?? '';\n\n    // 初始化解析结果\n    this.valid = true;\n\n    // 存储文本用于动画\n    this.fromText = fromText.toString();\n    this.toText = toText.toString();\n\n    // 确保to不为空\n    if (!this.toText && this.toText !== '') {\n      this.valid = false;\n      return;\n    }\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n    if (!cb) {\n      // 动画结束时，显示完整文本（不带闪烁光标）\n      if (this.showCursor && !this.blinkCursor) {\n        // 如果有光标但不闪烁，保留光标\n        this.target.setAttribute('text', this.beforeText + this.toText + this.cursorChar + this.afterText);\n      } else {\n        // 不显示光标\n        this.target.setAttribute('text', this.beforeText + this.toText + this.afterText);\n      }\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    // 计算当前应该显示的字符数量\n    const totalChars = this.toText.length;\n    const fromChars = this.fromText.length;\n\n    // 如果fromText比toText长，则是删除动画\n    // 否则是添加动画\n    let currentLength: number;\n    let currentText: string;\n\n    if (fromChars > totalChars) {\n      // 删除文本动画（从多到少）\n      currentLength = Math.round(fromChars - (fromChars - totalChars) * ratio);\n      currentText = this.fromText.substring(0, currentLength);\n    } else {\n      // 添加文本动画（从少到多）\n      currentLength = Math.round(fromChars + (totalChars - fromChars) * ratio);\n\n      // 如果fromText是toText的前缀，则直接使用toText的子串\n      if (this.toText.startsWith(this.fromText)) {\n        currentText = this.toText.substring(0, currentLength);\n      } else {\n        // 否则需要在fromText和toText之间进行过渡\n        if (currentLength <= fromChars) {\n          currentText = this.fromText.substring(0, currentLength);\n        } else {\n          currentText = this.toText.substring(0, currentLength - fromChars + Math.min(fromChars, currentLength));\n        }\n      }\n    }\n\n    // 构建最终显示的文本\n    let displayText = this.beforeText + currentText + this.afterText;\n\n    // 添加光标效果\n    if (this.showCursor) {\n      if (this.blinkCursor) {\n        // 闪烁效果：在动画期间，光标每半个周期闪烁一次\n        const blinkRate = 0.1; // 光标闪烁频率（每10%动画进度闪烁一次）\n        const showCursorNow = Math.floor(ratio / blinkRate) % 2 === 0;\n\n        if (showCursorNow) {\n          displayText = this.beforeText + currentText + this.cursorChar + this.afterText;\n        }\n      } else {\n        // 固定光标（不闪烁）\n        displayText = this.beforeText + currentText + this.cursorChar + this.afterText;\n      }\n    }\n\n    // 更新图形的text属性\n    this.target.setAttribute('text', displayText);\n  }\n}\n"]}
+{"version":3,"sources":["../src/custom/input-text.ts"],"names":[],"mappings":"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","file":"input-text.js","sourcesContent":["import type { EasingType, IAnimate, IStep } from '@visactor/vrender-core';\nimport { ACustomAnimate } from './custom-animate';\n\n/**\n * 文本输入动画，实现类似打字机的字符逐个显示效果\n * 支持通过beforeText和afterText参数添加前缀和后缀\n * 支持通过showCursor参数显示光标，cursorChar自定义光标字符\n */\nexport class InputText extends ACustomAnimate<{ text: string }> {\n  declare valid: boolean;\n\n  private fromText: string = '';\n  private toText: string = '';\n  private showCursor: boolean = false;\n  private cursorChar: string = '|';\n  private blinkCursor: boolean = true;\n  private beforeText: string = '';\n  private afterText: string = '';\n\n  constructor(\n    from: { text: string },\n    to: { text: string },\n    duration: number,\n    easing: EasingType,\n    params?: {\n      showCursor?: boolean;\n      cursorChar?: string;\n      blinkCursor?: boolean;\n      beforeText?: string;\n      afterText?: string;\n    }\n  ) {\n    super(from, to, duration, easing, params);\n\n    // 配置光标相关选项\n    if (params?.showCursor !== undefined) {\n      this.showCursor = params.showCursor;\n    }\n    if (params?.cursorChar !== undefined) {\n      this.cursorChar = params.cursorChar;\n    }\n    if (params?.blinkCursor !== undefined) {\n      this.blinkCursor = params.blinkCursor;\n    }\n\n    // 配置前缀和后缀文本\n    if (params?.beforeText !== undefined) {\n      this.beforeText = params.beforeText;\n    }\n    if (params?.afterText !== undefined) {\n      this.afterText = params.afterText;\n    }\n  }\n\n  onFirstRun(): void {\n    const fromProps = this.getLastProps();\n    const toProps = this.getEndProps();\n    const fromText = fromProps.text ?? '';\n    const toText = toProps.text ?? '';\n\n    // 初始化解析结果\n    this.valid = true;\n\n    // 存储文本用于动画\n    this.fromText = fromText.toString();\n    this.toText = toText.toString();\n\n    // 确保to不为空\n    if (!this.toText && this.toText !== '') {\n      this.valid = false;\n      return;\n    }\n  }\n\n  onEnd(cb?: (animate: IAnimate, step: IStep) => void): void {\n    super.onEnd(cb);\n    if (!cb) {\n      // 动画结束时，显示完整文本（不带闪烁光标）\n      if (this.showCursor && !this.blinkCursor) {\n        // 如果有光标但不闪烁，保留光标\n        this.target.setAttribute('text', this.beforeText + this.toText + this.cursorChar + this.afterText);\n      } else {\n        // 不显示光标\n        this.target.setAttribute('text', this.beforeText + this.toText + this.afterText);\n      }\n    }\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this.valid) {\n      return;\n    }\n\n    // 计算当前应该显示的字符数量\n    const totalChars = this.toText.length;\n    const fromChars = this.fromText.length;\n\n    // 如果fromText比toText长，则是删除动画\n    // 否则是添加动画\n    let currentLength: number;\n    let currentText: string;\n\n    if (fromChars > totalChars) {\n      // 删除文本动画（从多到少）\n      currentLength = Math.round(fromChars - (fromChars - totalChars) * ratio);\n      currentText = this.fromText.substring(0, currentLength);\n    } else {\n      // 添加文本动画（从少到多）\n      currentLength = Math.round(fromChars + (totalChars - fromChars) * ratio);\n\n      // 如果fromText是toText的前缀，则直接使用toText的子串\n      if (this.toText.startsWith(this.fromText)) {\n        currentText = this.toText.substring(0, currentLength);\n      } else {\n        // 否则需要在fromText和toText之间进行过渡\n        if (currentLength <= fromChars) {\n          currentText = this.fromText.substring(0, currentLength);\n        } else {\n          currentText = this.toText.substring(0, currentLength - fromChars + Math.min(fromChars, currentLength));\n        }\n      }\n    }\n\n    // 构建最终显示的文本\n    let displayText = this.beforeText + currentText + this.afterText;\n\n    // 添加光标效果\n    if (this.showCursor) {\n      if (this.blinkCursor) {\n        // 闪烁效果：在动画期间，光标每半个周期闪烁一次\n        const blinkRate = 0.1; // 光标闪烁频率（每10%动画进度闪烁一次）\n        const showCursorNow = Math.floor(ratio / blinkRate) % 2 === 0;\n\n        if (showCursorNow) {\n          displayText = this.beforeText + currentText + this.cursorChar + this.afterText;\n        }\n      } else {\n        // 固定光标（不闪烁）\n        displayText = this.beforeText + currentText + this.cursorChar + this.afterText;\n      }\n    }\n\n    // 更新图形的text属性\n    this.target.setAttribute('text', displayText);\n  }\n}\n"]}

package/es/custom/label-item-animate.d.ts

@@ -0,0 +1,7 @@
+import { AComponentAnimate } from './custom-animate';
+export declare class LabelItemAppear extends AComponentAnimate<any> {
+    onBind(): void;
+}
+export declare class LabelItemDisappear extends AComponentAnimate<any> {
+    onBind(): void;
+}

package/es/custom/label-item-animate.js

@@ -0,0 +1,215 @@
+import { AComponentAnimate } from "./custom-animate";
+
+import { createComponentAnimator } from "../component";
+
+import { InputText } from "./input-text";
+
+export class LabelItemAppear extends AComponentAnimate {
+    onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration, easing = this.easing, target = this.target, {symbolStartOuterType: symbolStartOuterType = "scale", titleType: titleType = "typewriter", titlePanelType: titlePanelType = "scale"} = this.params, symbolTime = duration / 10;
+        let symbolStartOuterFrom, symbolStartOuterTo;
+        if (target._symbolStart.setAttributes({
+            scaleX: 0,
+            scaleY: 0
+        }), animator.animate(target._symbolStart, {
+            type: "to",
+            to: {
+                scaleX: 1,
+                scaleY: 1
+            },
+            duration: 5 * symbolTime,
+            easing: easing
+        }), "scale" === symbolStartOuterType ? (symbolStartOuterFrom = {
+            scaleX: 0,
+            scaleY: 0
+        }, symbolStartOuterTo = {
+            scaleX: 1,
+            scaleY: 1
+        }) : (symbolStartOuterFrom = {
+            clipRange: 0
+        }, symbolStartOuterTo = {
+            clipRange: 1
+        }), target._symbolStartOuter.setAttributes(symbolStartOuterFrom), animator.animate(target._symbolStartOuter, {
+            type: "to",
+            to: symbolStartOuterTo,
+            duration: 5 * symbolTime,
+            easing: easing
+        }), target._symbolEnd.setAttributes({
+            scaleX: 0,
+            scaleY: 0
+        }), animator.animate(target._symbolEnd, {
+            type: "to",
+            to: {
+                scaleX: 1,
+                scaleY: 1
+            },
+            duration: 2 * symbolTime,
+            delay: 8 * symbolTime,
+            easing: easing
+        }), target._line.setAttributes({
+            clipRange: 0
+        }), animator.animate(target._line, {
+            type: "to",
+            to: {
+                clipRange: 1
+            },
+            duration: 9 * symbolTime,
+            easing: easing
+        }), "typewriter" === titleType) {
+            const titleTopText = target._titleTop.attribute.text;
+            target._titleTop.setAttributes({
+                text: ""
+            }), animator.animate(target._titleTop, {
+                type: "custom",
+                delay: 5 * symbolTime,
+                duration: 4 * symbolTime,
+                easing: "linear",
+                to: {
+                    text: titleTopText
+                },
+                custom: InputText
+            });
+            const titleBottomText = target._titleBottom.attribute.text;
+            target._titleBottom.setAttributes({
+                text: ""
+            }), animator.animate(target._titleBottom, {
+                type: "custom",
+                delay: 5 * symbolTime,
+                duration: 4 * symbolTime,
+                easing: "linear",
+                to: {
+                    text: titleBottomText
+                },
+                custom: InputText
+            });
+        } else target._titleTop.setAttributes({
+            dy: target._titleTop.AABBBounds.height() + 10
+        }), animator.animate(target._titleTop, {
+            type: "to",
+            to: {
+                dy: 0
+            },
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear"
+        }), target._titleBottom.setAttributes({
+            dy: -(10 + target._titleBottom.AABBBounds.height())
+        }), animator.animate(target._titleBottom, {
+            type: "to",
+            to: {
+                dy: 0
+            },
+            delay: 5 * symbolTime,
+            duration: 4 * symbolTime,
+            easing: "linear"
+        });
+        "scale" === titlePanelType ? [ target._titleTopPanel, target._titleBottomPanel ].forEach((panel => {
+            var _a;
+            const scaleX = null !== (_a = panel.attribute.scaleX) && void 0 !== _a ? _a : 1;
+            panel.setAttributes({
+                scaleX: 0
+            }), animator.animate(panel, {
+                type: "to",
+                to: {
+                    scaleX: scaleX
+                },
+                duration: duration,
+                easing: easing
+            });
+        })) : "stroke" === titlePanelType && [ target._titleTopPanel, target._titleBottomPanel ].forEach((panel => {
+            const b = panel.AABBBounds, totalLen = 2 * (b.width() + b.height());
+            panel.setAttributes({
+                lineDash: [ 0, 10 * totalLen ]
+            }), animator.animate(panel, {
+                type: "to",
+                to: {
+                    lineDash: [ totalLen, 10 * totalLen ]
+                },
+                duration: duration,
+                easing: easing
+            });
+        })), this.completeBind(animator);
+    }
+}
+
+export class LabelItemDisappear extends AComponentAnimate {
+    onBind() {
+        super.onBind();
+        const animator = createComponentAnimator(this.target);
+        this._animator = animator;
+        const duration = this.duration, easing = this.easing, target = this.target, {mode: mode} = this.params;
+        "scale" === mode ? animator.animate(target._symbolStart, {
+            type: "to",
+            to: {
+                scaleX: 0,
+                scaleY: 0
+            },
+            duration: duration,
+            easing: easing
+        }) : (animator.animate(target._line, {
+            type: "to",
+            to: {
+                clipRange: 0
+            },
+            duration: duration,
+            easing: easing
+        }), animator.animate(target._symbolStart, {
+            type: "to",
+            to: {
+                scaleX: 0,
+                scaleY: 0
+            },
+            duration: duration / 2,
+            delay: duration / 2,
+            easing: easing
+        }), animator.animate(target._symbolEnd, {
+            type: "to",
+            to: {
+                scaleX: 0,
+                scaleY: 0
+            },
+            duration: duration,
+            easing: easing
+        }), animator.animate(target._titleTop, {
+            type: "to",
+            to: {
+                dy: target._titleTop.AABBBounds.height() + 10
+            },
+            duration: duration / 2,
+            easing: easing
+        }), animator.animate(target._titleBottom, {
+            type: "to",
+            to: {
+                dy: -(10 + target._titleBottom.AABBBounds.height())
+            },
+            duration: duration / 2,
+            easing: easing
+        }), animator.animate(target._symbolStartOuter, {
+            type: "to",
+            to: {
+                clipRange: 0
+            },
+            duration: duration / 2,
+            delay: duration / 2,
+            easing: easing
+        }), animator.animate(target._titleTopPanel, {
+            type: "to",
+            to: {
+                scaleX: 0
+            },
+            duration: duration,
+            easing: easing
+        }), animator.animate(target._titleBottomPanel, {
+            type: "to",
+            to: {
+                scaleX: 0
+            },
+            duration: duration,
+            easing: easing
+        })), this.completeBind(animator);
+    }
+}
+//# sourceMappingURL=label-item-animate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/label-item-animate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,MAAM,OAAO,eAAgB,SAAQ,iBAAsB;IACzD,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAa,CAAC;QAElC,MAAM,EAAE,oBAAoB,GAAG,OAAO,EAAE,SAAS,GAAG,YAAY,EAAE,cAAc,GAAG,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3G,MAAM,UAAU,GAAG,QAAQ,GAAG,EAAE,CAAC;QACjC,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;QAE5D,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;YACpC,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;YAC5B,QAAQ,EAAE,UAAU,GAAG,CAAC;YACxB,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,oBAAyB,CAAC;QAC9B,IAAI,kBAAuB,CAAC;QAC5B,IAAI,oBAAoB,KAAK,OAAO,EAAE;YACpC,oBAAoB,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;YAChD,kBAAkB,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SAC/C;aAAM;YACL,oBAAoB,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;YACxC,kBAAkB,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;SACvC;QACD,MAAM,CAAC,iBAAiB,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAE7D,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE;YACzC,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,kBAAkB;YACtB,QAAQ,EAAE,UAAU,GAAG,CAAC;YACxB,MAAM;SACP,CAAC,CAAC;QAEH,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;QAE1D,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE;YAClC,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;YAC5B,QAAQ,EAAE,UAAU,GAAG,CAAC;YACxB,KAAK,EAAE,UAAU,GAAG,CAAC;YACrB,MAAM;SACP,CAAC,CAAC;QAEH,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QAE7C,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;YAC7B,IAAI,EAAE,IAAI;YACV,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;YACpB,QAAQ,EAAE,UAAU,GAAG,CAAC;YACxB,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,SAAS,KAAK,YAAY,EAAE;YAC9B,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAc,CAAC;YAC/D,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YAE7C,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;gBACjC,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,GAAG,CAAC;gBACrB,QAAQ,EAAE,UAAU,GAAG,CAAC;gBACxB,MAAM,EAAE,QAAQ;gBAChB,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;gBAC1B,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;YAEH,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,IAAc,CAAC;YACrE,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YAEhD,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;gBACpC,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,UAAU,GAAG,CAAC;gBACrB,QAAQ,EAAE,UAAU,GAAG,CAAC;gBACxB,MAAM,EAAE,QAAQ;gBAChB,EAAE,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE;gBAC7B,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;SACJ;aAAM;YACL,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;YAElF,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;gBACjC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;iBACN;gBACD,KAAK,EAAE,UAAU,GAAG,CAAC;gBACrB,QAAQ,EAAE,UAAU,GAAG,CAAC;gBACxB,MAAM,EAAE,QAAQ;aACjB,CAAC,CAAC;YAEH,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;YAE3F,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;gBACpC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE;oBACF,EAAE,EAAE,CAAC;iBACN;gBACD,KAAK,EAAE,UAAU,GAAG,CAAC;gBACrB,QAAQ,EAAE,UAAU,GAAG,CAAC;gBACxB,MAAM,EAAE,QAAQ;aACjB,CAAC,CAAC;SACJ;QAED,IAAI,cAAc,KAAK,OAAO,EAAE;YAC9B,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;;gBAChE,MAAM,MAAM,GAAG,MAAA,KAAK,CAAC,SAAS,CAAC,MAAM,mCAAI,CAAC,CAAC;gBAC3C,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;gBACnC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;oBACtB,IAAI,EAAE,IAAI;oBACV,EAAE,EAAE;wBACF,MAAM;qBACP;oBACD,QAAQ;oBACR,MAAM;iBACP,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;aAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;YACtC,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAChE,MAAM,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC;gBAC3B,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC9C,KAAK,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;gBACtD,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;oBACtB,IAAI,EAAE,IAAI;oBACV,EAAE,EAAE;wBACF,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,CAAC;qBACpC;oBACD,QAAQ;oBACR,MAAM;iBACP,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;CACF;AAKD,MAAM,OAAO,kBAAmB,SAAQ,iBAAsB;IAC5D,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAa,CAAC;QAElC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;QAE7B,IAAI,IAAI,KAAK,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;gBACpC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC5B,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;SACJ;aAAM;YACL,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC7B,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;gBACpB,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;gBACpC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC5B,QAAQ,EAAE,QAAQ,GAAG,CAAC;gBACtB,KAAK,EAAE,QAAQ,GAAG,CAAC;gBACnB,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE;gBAClC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC5B,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE;gBACjC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBACrD,QAAQ,EAAE,QAAQ,GAAG,CAAC;gBACtB,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE;gBACpC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE;gBAC3D,QAAQ,EAAE,QAAQ,GAAG,CAAC;gBACtB,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE;gBACzC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;gBACpB,QAAQ,EAAE,QAAQ,GAAG,CAAC;gBACtB,KAAK,EAAE,QAAQ,GAAG,CAAC;gBACnB,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE;gBACtC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACjB,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,iBAAiB,EAAE;gBACzC,IAAI,EAAE,IAAI;gBACV,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACjB,QAAQ;gBACR,MAAM;aACP,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;CACF","file":"label-item-animate.js","sourcesContent":["import { AComponentAnimate } from './custom-animate';\nimport { createComponentAnimator } from '../component';\nimport { InputText } from './input-text';\n\n/**\n * LabelItemAppear class handles the appear animation for StoryLabelItem components\n */\nexport class LabelItemAppear extends AComponentAnimate<any> {\n  onBind(): void {\n    super.onBind();\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { symbolStartOuterType = 'scale', titleType = 'typewriter', titlePanelType = 'scale' } = this.params;\n\n    const symbolTime = duration / 10;\n    target._symbolStart.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolStart, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 5,\n      easing\n    });\n\n    let symbolStartOuterFrom: any;\n    let symbolStartOuterTo: any;\n    if (symbolStartOuterType === 'scale') {\n      symbolStartOuterFrom = { scaleX: 0, scaleY: 0 };\n      symbolStartOuterTo = { scaleX: 1, scaleY: 1 };\n    } else {\n      symbolStartOuterFrom = { clipRange: 0 };\n      symbolStartOuterTo = { clipRange: 1 };\n    }\n    target._symbolStartOuter.setAttributes(symbolStartOuterFrom);\n\n    animator.animate(target._symbolStartOuter, {\n      type: 'to',\n      to: symbolStartOuterTo,\n      duration: symbolTime * 5,\n      easing\n    });\n\n    target._symbolEnd.setAttributes({ scaleX: 0, scaleY: 0 });\n\n    animator.animate(target._symbolEnd, {\n      type: 'to',\n      to: { scaleX: 1, scaleY: 1 },\n      duration: symbolTime * 2,\n      delay: symbolTime * 8,\n      easing\n    });\n\n    target._line.setAttributes({ clipRange: 0 });\n\n    animator.animate(target._line, {\n      type: 'to',\n      to: { clipRange: 1 },\n      duration: symbolTime * 9,\n      easing\n    });\n\n    if (titleType === 'typewriter') {\n      const titleTopText = target._titleTop.attribute.text as string;\n      target._titleTop.setAttributes({ text: '' });\n\n      animator.animate(target._titleTop, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleTopText },\n        custom: InputText\n      });\n\n      const titleBottomText = target._titleBottom.attribute.text as string;\n      target._titleBottom.setAttributes({ text: '' });\n\n      animator.animate(target._titleBottom, {\n        type: 'custom',\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear',\n        to: { text: titleBottomText },\n        custom: InputText\n      });\n    } else {\n      target._titleTop.setAttributes({ dy: target._titleTop.AABBBounds.height() + 10 });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n\n      target._titleBottom.setAttributes({ dy: -(10 + target._titleBottom.AABBBounds.height()) });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: {\n          dy: 0\n        },\n        delay: symbolTime * 5,\n        duration: symbolTime * 4,\n        easing: 'linear'\n      });\n    }\n\n    if (titlePanelType === 'scale') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const scaleX = panel.attribute.scaleX ?? 1;\n        panel.setAttributes({ scaleX: 0 });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            scaleX\n          },\n          duration,\n          easing\n        });\n      });\n    } else if (titlePanelType === 'stroke') {\n      [target._titleTopPanel, target._titleBottomPanel].forEach(panel => {\n        const b = panel.AABBBounds;\n        const totalLen = (b.width() + b.height()) * 2;\n        panel.setAttributes({ lineDash: [0, totalLen * 10] });\n        animator.animate(panel, {\n          type: 'to',\n          to: {\n            lineDash: [totalLen, totalLen * 10]\n          },\n          duration,\n          easing\n        });\n      });\n    }\n\n    this.completeBind(animator);\n  }\n}\n\n/**\n * LabelItemDisappear class handles the disappear animation for StoryLabelItem components\n */\nexport class LabelItemDisappear extends AComponentAnimate<any> {\n  onBind(): void {\n    super.onBind();\n    const animator = createComponentAnimator(this.target);\n    this._animator = animator;\n\n    const duration = this.duration;\n    const easing = this.easing;\n    const target = this.target as any;\n\n    const { mode } = this.params;\n\n    if (mode === 'scale') {\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n    } else {\n      animator.animate(target._line, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._symbolStart, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolEnd, {\n        type: 'to',\n        to: { scaleX: 0, scaleY: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleTop, {\n        type: 'to',\n        to: { dy: target._titleTop.AABBBounds.height() + 10 },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleBottom, {\n        type: 'to',\n        to: { dy: -(10 + target._titleBottom.AABBBounds.height()) },\n        duration: duration / 2,\n        easing\n      });\n\n      animator.animate(target._symbolStartOuter, {\n        type: 'to',\n        to: { clipRange: 0 },\n        duration: duration / 2,\n        delay: duration / 2,\n        easing\n      });\n\n      animator.animate(target._titleTopPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n\n      animator.animate(target._titleBottomPanel, {\n        type: 'to',\n        to: { scaleX: 0 },\n        duration,\n        easing\n      });\n    }\n\n    this.completeBind(animator);\n  }\n}\n"]}

package/es/custom/morphing.d.ts

@@ -0,0 +1,51 @@
+import { CustomPath2D, type MorphingAnimateConfig, type MultiMorphingAnimateConfig, type IGraphic, type EasingType, type IGraphicAttribute } from '@visactor/vrender-core';
+import { type IMatrix } from '@visactor/vutils';
+import { ACustomAnimate } from './custom-animate';
+interface MorphingDataItem {
+    from: number[];
+    to: number[];
+    fromCp: number[];
+    toCp: number[];
+    rotation: number;
+}
+interface OtherAttrItem {
+    from: any;
+    to: any;
+    key: string;
+}
+export declare class MorphingPath extends ACustomAnimate<Record<string, any>> {
+    path: CustomPath2D;
+    saveOnEnd?: boolean;
+    otherAttrs?: OtherAttrItem[];
+    constructor(config: {
+        morphingData: MorphingDataItem[];
+        otherAttrs?: OtherAttrItem[];
+        saveOnEnd?: boolean;
+    }, duration: number, easing: EasingType);
+    private morphingData?;
+    getEndProps(): Record<string, any>;
+    onBind(): void;
+    onEnd(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare const morphPath: (fromGraphic: IGraphic | null, toGraphic: IGraphic, animationConfig?: MorphingAnimateConfig, fromGraphicTransform?: IMatrix) => import("@visactor/vrender-core").IAnimate;
+export declare const oneToMultiMorph: (fromGraphic: IGraphic, toGraphics: IGraphic[], animationConfig?: MultiMorphingAnimateConfig) => void;
+export declare class MultiToOneMorphingPath extends ACustomAnimate<Record<string, any>> {
+    path: CustomPath2D;
+    otherAttrs?: OtherAttrItem[][];
+    constructor(config: {
+        morphingData: MorphingDataItem[][];
+        otherAttrs?: OtherAttrItem[][];
+    }, duration: number, easing: EasingType);
+    private morphingData?;
+    getEndProps(): Record<string, any>;
+    onBind(): void;
+    private addPathProxy;
+    private clearPathProxy;
+    onEnd(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare const cloneGraphic: (graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic<Partial<IGraphicAttribute>>[];
+export declare const splitGraphic: (graphic: IGraphic, count: number, needAppend?: boolean) => IGraphic<Partial<IGraphicAttribute>>[];
+export declare const multiToOneMorph: (fromGraphics: IGraphic[], toGraphic: IGraphic, animationConfig?: MultiMorphingAnimateConfig) => void;
+export {};