@visactor/vrender-animate 0.22.4

package/es/custom/growRadius.js

@@ -0,0 +1,105 @@
+import { ACustomAnimate } from "./custom-animate";
+
+import { isNumber } from "@visactor/vutils";
+
+const growRadiusInIndividual = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute();
+    return options && "inside" === options.orient ? {
+        from: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+        },
+        to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius
+        }
+    } : {
+        from: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+        },
+        to: {
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+        }
+    };
+}, growRadiusInOverall = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute(), overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+        },
+        to: {
+            innerRadius: null == attrs ? void 0 : attrs.innerRadius,
+            outerRadius: null == attrs ? void 0 : attrs.outerRadius
+        }
+    };
+};
+
+export const growRadiusIn = (graphic, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growRadiusInOverall(graphic, options) : growRadiusInIndividual(graphic, options);
+};
+
+const growRadiusOutIndividual = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute();
+    return options && "inside" === options.orient ? {
+        from: {
+            innerRadius: graphic.getGraphicAttribute("innerRadius", !0)
+        },
+        to: {
+            innerRadius: null == attrs ? void 0 : attrs.outerRadius
+        }
+    } : {
+        from: {
+            outerRadius: graphic.getGraphicAttribute("outerRadius", !0)
+        },
+        to: {
+            outerRadius: null == attrs ? void 0 : attrs.innerRadius
+        }
+    };
+}, growRadiusOutOverall = (graphic, options, animationParameters) => {
+    const overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0;
+    return {
+        from: {
+            innerRadius: graphic.getGraphicAttribute("innerRadius", !0),
+            outerRadius: graphic.getGraphicAttribute("outerRadius", !0)
+        },
+        to: {
+            innerRadius: overallValue,
+            outerRadius: overallValue
+        }
+    };
+};
+
+export const growRadiusOut = (graphic, options, animationParameters) => {
+    var _a;
+    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 {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onUpdate(end, ratio, out) {
+        this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out);
+    }
+}
+
+export class GrowRadiusIn extends GworPointsBase {
+    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;
+        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);
+    }
+}
+
+export class GrowRadiusOut extends GworPointsBase {
+    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;
+        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);
+    }
+}
+//# sourceMappingURL=growRadius.js.map

package/es/custom/growRadius.js.map

@@ -0,0 +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"]}

package/es/custom/growWidth.d.ts

@@ -0,0 +1,36 @@
+import type { IGraphic, IGroup } from '@visactor/vrender-core';
+import type { IAnimate, IStep } from '../intreface/animate';
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+interface IAnimationParameters {
+    width: number;
+    height: number;
+    group: IGroup;
+    elementIndex: number;
+    elementCount: number;
+    view: any;
+}
+type TypeAnimation<T extends IGraphic> = (graphic: T, options: any, animationParameters: IAnimationParameters) => {
+    from?: {
+        [channel: string]: any;
+    };
+    to?: {
+        [channel: string]: any;
+    };
+};
+export declare const growWidthOut: TypeAnimation<IGraphic>;
+export declare class GrowWidthIn extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onBind(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowWidthOut extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onBind(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export {};

package/es/custom/growWidth.js

@@ -0,0 +1,144 @@
+import { isNil, isNumber, isValid } from "@visactor/vutils";
+
+import { ACustomAnimate } from "./custom-animate";
+
+function growWidthInIndividual(graphic, options, animationParameters) {
+    const attrs = graphic.getFinalAttribute(), x = attrs.x, x1 = attrs.x1, width = attrs.width;
+    if (options && "negative" === options.orient) {
+        const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+            from: {
+                x: computedX1,
+                x1: isNil(x1) ? void 0 : computedX1,
+                width: isNil(width) ? void 0 : 0
+            },
+            to: {
+                x: x,
+                x1: x1,
+                width: width
+            }
+        };
+    }
+    const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);
+    return {
+        from: {
+            x: computedX,
+            x1: isNil(x1) ? void 0 : computedX,
+            width: isNil(width) ? void 0 : 0
+        },
+        to: {
+            x: x,
+            x1: x1,
+            width: width
+        }
+    };
+}
+
+function growWidthInOverall(graphic, options, animationParameters) {
+    var _a;
+    const attrs = graphic.getFinalAttribute(), x = attrs.x, x1 = attrs.x1, width = attrs.width;
+    let overallValue;
+    return options && "negative" === options.orient ? isNumber(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), 
+    animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber(null == options ? void 0 : options.overall) ? null == options ? void 0 : options.overall : 0, 
+    {
+        from: {
+            x: overallValue,
+            x1: isNil(x1) ? void 0 : overallValue,
+            width: isNil(width) ? void 0 : 0
+        },
+        to: {
+            x: x,
+            x1: x1,
+            width: width
+        }
+    };
+}
+
+const growWidthIn = (graphic, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthInOverall(graphic, options, animationParameters) : growWidthInIndividual(graphic, options, animationParameters);
+};
+
+function growWidthOutIndividual(graphic, options, animationParameters) {
+    const attrs = graphic.getFinalAttribute(), x = attrs.x, x1 = attrs.x1, width = attrs.width;
+    if (options && "negative" === options.orient) {
+        const computedX1 = isValid(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+            to: {
+                x: computedX1,
+                x1: isNil(x1) ? void 0 : computedX1,
+                width: isNil(width) ? void 0 : 0
+            }
+        };
+    }
+    const computedX = isValid(width) ? Math.min(x, x + width) : Math.min(x, x1);
+    return {
+        to: {
+            x: computedX,
+            x1: isNil(x1) ? void 0 : computedX,
+            width: isNil(width) ? void 0 : 0
+        }
+    };
+}
+
+function growWidthOutOverall(graphic, options, animationParameters) {
+    var _a;
+    const attrs = graphic.getFinalAttribute(), x1 = attrs.x1, width = attrs.width;
+    let overallValue;
+    return options && "negative" === options.orient ? isNumber(options.overall) ? overallValue = options.overall : animationParameters.group ? (overallValue = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), 
+    animationParameters.groupWidth = overallValue) : overallValue = animationParameters.width : overallValue = isNumber(null == options ? void 0 : options.overall) ? options.overall : 0, 
+    {
+        to: {
+            x: overallValue,
+            x1: isNil(x1) ? void 0 : overallValue,
+            width: isNil(width) ? void 0 : 0
+        }
+    };
+}
+
+export const growWidthOut = (graphic, options, animationParameters) => {
+    var _a;
+    return !1 !== (null !== (_a = null == options ? void 0 : options.overall) && void 0 !== _a && _a) ? growWidthOutOverall(graphic, options, animationParameters) : growWidthOutIndividual(graphic, options, animationParameters);
+};
+
+export class GrowWidthIn extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        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;
+        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);
+    }
+    onEnd(cb) {
+        super.onEnd(cb);
+    }
+    onUpdate(end, ratio, out) {
+        this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out);
+    }
+}
+
+export class GrowWidthOut extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        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));
+        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;
+    }
+    onEnd(cb) {
+        super.onEnd(cb);
+    }
+    onUpdate(end, ratio, out) {
+        this.propKeys.forEach((key => {
+            out[key] = this.from[key] + (this.to[key] - this.from[key]) * ratio;
+        })), this.target.setAttributes(out);
+    }
+}
+//# sourceMappingURL=growWidth.js.map

package/es/custom/growWidth.js.map

@@ -0,0 +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"]}

package/es/custom/input-text.d.ts

@@ -0,0 +1,29 @@
+import type { IAnimate, IStep } from '../intreface/animate';
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export declare class InputText extends ACustomAnimate<{
+    text: string;
+}> {
+    valid: boolean;
+    private fromText;
+    private toText;
+    private showCursor;
+    private cursorChar;
+    private blinkCursor;
+    private beforeText;
+    private afterText;
+    constructor(from: {
+        text: string;
+    }, to: {
+        text: string;
+    }, duration: number, easing: EasingType, params?: {
+        showCursor?: boolean;
+        cursorChar?: string;
+        blinkCursor?: boolean;
+        beforeText?: string;
+        afterText?: string;
+    });
+    onFirstRun(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/input-text.js

@@ -0,0 +1,37 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class InputText extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.fromText = "", this.toText = "", 
+        this.showCursor = !1, this.cursorChar = "|", this.blinkCursor = !0, this.beforeText = "", 
+        this.afterText = "", void 0 !== (null == params ? void 0 : params.showCursor) && (this.showCursor = params.showCursor), 
+        void 0 !== (null == params ? void 0 : params.cursorChar) && (this.cursorChar = params.cursorChar), 
+        void 0 !== (null == params ? void 0 : params.blinkCursor) && (this.blinkCursor = params.blinkCursor), 
+        void 0 !== (null == params ? void 0 : params.beforeText) && (this.beforeText = params.beforeText), 
+        void 0 !== (null == params ? void 0 : params.afterText) && (this.afterText = params.afterText);
+    }
+    onFirstRun() {
+        var _a, _b;
+        const fromProps = this.getLastProps(), toProps = this.getEndProps(), fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : "", toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : "";
+        this.valid = !0, this.fromText = fromText.toString(), this.toText = toText.toString(), 
+        this.toText || "" === this.toText || (this.valid = !1);
+    }
+    onEnd(cb) {
+        super.onEnd(cb), cb || (this.showCursor && !this.blinkCursor ? this.target.setAttribute("text", this.beforeText + this.toText + this.cursorChar + this.afterText) : this.target.setAttribute("text", this.beforeText + this.toText + this.afterText));
+    }
+    onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const totalChars = this.toText.length, fromChars = this.fromText.length;
+        let currentLength, currentText;
+        fromChars > totalChars ? (currentLength = Math.round(fromChars - (fromChars - totalChars) * ratio), 
+        currentText = this.fromText.substring(0, currentLength)) : (currentLength = Math.round(fromChars + (totalChars - fromChars) * ratio), 
+        currentText = this.toText.startsWith(this.fromText) ? this.toText.substring(0, currentLength) : currentLength <= fromChars ? this.fromText.substring(0, currentLength) : this.toText.substring(0, currentLength - fromChars + Math.min(fromChars, currentLength)));
+        let displayText = this.beforeText + currentText + this.afterText;
+        if (this.showCursor) if (this.blinkCursor) {
+            const blinkRate = .1;
+            Math.floor(ratio / blinkRate) % 2 == 0 && (displayText = this.beforeText + currentText + this.cursorChar + this.afterText);
+        } else displayText = this.beforeText + currentText + this.cursorChar + this.afterText;
+        this.target.setAttribute("text", displayText);
+    }
+}
+//# sourceMappingURL=input-text.js.map

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

@@ -0,0 +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"]}

package/es/custom/number.d.ts

@@ -0,0 +1,25 @@
+import type { IAnimate, IStep } from '../intreface/animate';
+import type { EasingType } from '../intreface/easing';
+import { ACustomAnimate } from './custom-animate';
+export declare class IncreaseCount extends ACustomAnimate<{
+    text: string | number;
+}> {
+    valid: boolean;
+    private fromNumber;
+    private toNumber;
+    private decimalLength;
+    private format;
+    private formatTemplate;
+    constructor(from: {
+        text: string | number;
+    }, to: {
+        text: string | number;
+    }, duration: number, easing: EasingType, params?: {
+        decimalLength?: number;
+        format?: 'percent' | 'thousandth' | 'none';
+        formatTemplate?: string;
+    });
+    onFirstRun(): void;
+    onEnd(cb?: (animate: IAnimate, step: IStep) => void): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/es/custom/number.js

@@ -0,0 +1,94 @@
+import { ACustomAnimate } from "./custom-animate";
+
+export class IncreaseCount extends ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.formatTemplate = null, this.decimalLength = null == params ? void 0 : params.decimalLength, 
+        (null == params ? void 0 : params.formatTemplate) && params.formatTemplate.includes("{{var}}") && (this.formatTemplate = params.formatTemplate);
+    }
+    onFirstRun() {
+        var _a, _b, _c;
+        const fromProps = this.getLastProps(), toProps = this.getEndProps(), fromText = null !== (_a = fromProps.text) && void 0 !== _a ? _a : 0, toText = null !== (_b = toProps.text) && void 0 !== _b ? _b : 0;
+        this.valid = !0;
+        let fromNum = 0, toNum = 0, fromFormat = "", toFormat = "", maxDecimalLength = 0;
+        if ("number" == typeof fromText) {
+            fromNum = fromText;
+            const decimalPart = fromText.toString().split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+            if ("string" != typeof fromText) return void (this.valid = !1);
+            if (fromText.endsWith("%")) {
+                fromFormat = "%";
+                const cleanNumStr = fromText.substring(0, fromText.length - 1).replace(/,/g, "");
+                if (fromNum = parseFloat(cleanNumStr) / 100, isNaN(fromNum)) return void (this.valid = !1);
+                const decimalPart = cleanNumStr.split(".")[1] || "";
+                maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+            } else {
+                const cleanNumStr = fromText.replace(/,/g, "");
+                if (fromNum = parseFloat(cleanNumStr), isNaN(fromNum)) return void (this.valid = !1);
+                fromText.includes(",") && (fromFormat = ",");
+                const decimalPart = cleanNumStr.split(".")[1] || "";
+                maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+            }
+        }
+        if ("number" == typeof toText) {
+            toNum = toText;
+            const decimalPart = toText.toString().split(".")[1] || "";
+            maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+        } else {
+            if ("string" != typeof toText) return void (this.valid = !1);
+            if (toText.endsWith("%")) {
+                toFormat = "%";
+                const cleanNumStr = toText.substring(0, toText.length - 1).replace(/,/g, "");
+                if (toNum = parseFloat(cleanNumStr) / 100, isNaN(toNum)) return void (this.valid = !1);
+                const decimalPart = cleanNumStr.split(".")[1] || "";
+                maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length + 2);
+            } else {
+                const cleanNumStr = toText.replace(/,/g, "");
+                if (toNum = parseFloat(cleanNumStr), isNaN(toNum)) return void (this.valid = !1);
+                toText.includes(",") && (toFormat = ",");
+                const decimalPart = cleanNumStr.split(".")[1] || "";
+                maxDecimalLength = Math.max(maxDecimalLength, decimalPart.length);
+            }
+        }
+        if (null === (_c = this.params) || void 0 === _c ? void 0 : _c.format) {
+            switch (this.params.format) {
+              case "percent":
+                this.format = "%";
+                break;
+
+              case "thousandth":
+                this.format = ",";
+                break;
+
+              case "none":
+                this.format = "";
+                break;
+
+              default:
+                this.format = toFormat || fromFormat;
+            }
+            "%" === this.format && "%" !== toFormat && "%" !== fromFormat && void 0 === this.decimalLength && (this.decimalLength = 2), 
+            "%" === this.format || "%" !== toFormat && "%" !== fromFormat || (fromNum *= 100, 
+            toNum *= 100);
+        } else this.format = toFormat || fromFormat;
+        this.fromNumber = fromNum, this.toNumber = toNum, void 0 === this.decimalLength && (this.decimalLength = maxDecimalLength);
+    }
+    onEnd(cb) {
+        super.onEnd(cb), cb || this.props && this.target.setAttributes(this.props);
+    }
+    onUpdate(end, ratio, out) {
+        if (!this.valid) return;
+        const currentNumber = this.fromNumber + (this.toNumber - this.fromNumber) * ratio;
+        let formattedText = "";
+        const format = this.format, numberWithDecimals = ("%" === format ? 100 * currentNumber : currentNumber).toFixed(this.decimalLength);
+        let formattedWithBasicFormat, formattedNumber = numberWithDecimals;
+        if (parseFloat(numberWithDecimals) === Math.floor(parseFloat(numberWithDecimals)) && (formattedNumber = Math.floor(parseFloat(numberWithDecimals))), 
+        "%" === format) formattedWithBasicFormat = `${formattedNumber}%`; else if ("," === format) {
+            const parts = formattedNumber.toString().split(".");
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), formattedWithBasicFormat = parts.join(".");
+        } else formattedWithBasicFormat = formattedNumber;
+        formattedText = this.formatTemplate ? this.formatTemplate.replace("{{var}}", formattedWithBasicFormat.toString()) : formattedWithBasicFormat, 
+        this.target.setAttribute("text", formattedText);
+    }
+}
+//# sourceMappingURL=number.js.map

package/es/custom/number.js.map

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

package/es/custom/register.d.ts

@@ -0,0 +1 @@
+export declare const registerCustomAnimate: () => void;

package/es/custom/register.js

@@ -0,0 +1,39 @@
+import { AnimateExecutor } from "../executor/animate-executor";
+
+import { ClipIn, ClipOut } from "./clip";
+
+import { FadeIn, FadeOut } from "./fade";
+
+import { GrowAngleIn, GrowAngleOut } from "./growAngle";
+
+import { GrowCenterIn, GrowCenterOut } from "./growCenter";
+
+import { GrowHeightIn, GrowHeightOut } from "./growHeight";
+
+import { GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut } from "./growPoints";
+
+import { GrowRadiusIn, GrowRadiusOut } from "./growRadius";
+
+import { GrowWidthIn, GrowWidthOut } from "./growWidth";
+
+import { ScaleIn, ScaleOut } from "./scale";
+
+import { State } from "./state";
+
+import { Update } from "./update";
+
+export const registerCustomAnimate = () => {
+    AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), 
+    AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), 
+    AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), 
+    AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), 
+    AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), 
+    AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), 
+    AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), 
+    AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), 
+    AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), 
+    AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), 
+    AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), 
+    AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State);
+};
+//# sourceMappingURL=register.js.map