@visactor/vrender-animate 0.22.4

package/cjs/custom/growPoints.js

@@ -0,0 +1,227 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GrowPointsYOut = exports.GrowPointsYIn = exports.GrowPointsXOut = exports.GrowPointsXIn = exports.GrowPointsOut = exports.GrowPointsIn = exports.GworPointsBase = exports.growPointsOut = exports.growPointsIn = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./custom-animate"), getCenterPoints = (graphic, options, animationParameters) => {
+    const points = graphic.getFinalAttribute().points, center = {
+        x: 0,
+        y: 0
+    };
+    return points.forEach((point => {
+        center.x += point.x, center.y += point.y;
+    })), center.x /= points.length, center.y /= points.length, options && options.center && ((0, 
+    vutils_1.isValidNumber)(options.center.x) && (center.x = options.center.x), (0, 
+    vutils_1.isValidNumber)(options.center.y) && (center.y = options.center.y)), "area" === graphic.type && (center.x1 = center.x, 
+    center.y1 = center.y), points.map((point => Object.assign({}, point, center)));
+}, growPointsIn = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute();
+    return {
+        from: {
+            points: getCenterPoints(graphic, options)
+        },
+        to: {
+            points: attrs.points
+        }
+    };
+};
+
+exports.growPointsIn = growPointsIn;
+
+const growPointsOut = (graphic, options, animationParameters) => ({
+    from: {
+        points: graphic.getFinalAttribute().points
+    },
+    to: {
+        points: getCenterPoints(graphic, options)
+    }
+});
+
+exports.growPointsOut = growPointsOut;
+
+class GworPointsBase extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onUpdate(end, ratio, out) {
+        var _a, _b;
+        const fromPoints = null === (_a = this.from) || void 0 === _a ? void 0 : _a.points, toPoints = null === (_b = this.to) || void 0 === _b ? void 0 : _b.points;
+        fromPoints && toPoints && (out.points = fromPoints.map(((point, index) => (0, vrender_core_1.pointInterpolation)(fromPoints[index], toPoints[index], ratio))), 
+        this.target.setAttributes(out));
+    }
+}
+
+exports.GworPointsBase = GworPointsBase;
+
+class GrowPointsIn extends GworPointsBase {
+    onBind() {
+        var _a;
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const {from: from, to: to} = (0, exports.growPointsIn)(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);
+        } else this.valid = !1;
+    }
+}
+
+exports.GrowPointsIn = GrowPointsIn;
+
+class GrowPointsOut extends GworPointsBase {
+    onBind() {
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (0, exports.growPointsOut)(this.target, this.params.options, this.params);
+            this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+            this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+    }
+}
+
+exports.GrowPointsOut = GrowPointsOut;
+
+const changePointsX = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map((point => {
+    var _a;
+    if (options && "negative" === options.orient) {
+        let groupRight = animationParameters.width;
+        return animationParameters.group && (groupRight = null !== (_a = animationParameters.groupWidth) && void 0 !== _a ? _a : animationParameters.group.getBounds().width(), 
+        animationParameters.groupWidth = groupRight), Object.assign(Object.assign({}, point), {
+            x: groupRight,
+            y: point.y,
+            x1: groupRight,
+            y1: point.y1,
+            defined: !1 !== point.defined
+        });
+    }
+    return Object.assign(Object.assign({}, point), {
+        x: 0,
+        y: point.y,
+        x1: 0,
+        y1: point.y1,
+        defined: !1 !== point.defined
+    });
+})), growPointsXIn = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute();
+    return {
+        from: {
+            points: changePointsX(graphic, options, animationParameters)
+        },
+        to: {
+            points: attrs.points
+        }
+    };
+}, growPointsXOut = (graphic, options, animationParameters) => ({
+    from: {
+        points: graphic.getFinalAttribute().points
+    },
+    to: {
+        points: changePointsX(graphic, options, animationParameters)
+    }
+});
+
+class GrowPointsXIn extends GworPointsBase {
+    onBind() {
+        var _a;
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const {from: from, to: to} = growPointsXIn(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);
+        } else this.valid = !1;
+    }
+}
+
+exports.GrowPointsXIn = GrowPointsXIn;
+
+class GrowPointsXOut extends GworPointsBase {
+    onBind() {
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (graphic = this.target, 
+            options = this.params.options, animationParameters = this.params, {
+                from: {
+                    points: graphic.getFinalAttribute().points
+                },
+                to: {
+                    points: changePointsX(graphic, options, animationParameters)
+                }
+            });
+            this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+            this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options, animationParameters;
+    }
+}
+
+exports.GrowPointsXOut = GrowPointsXOut;
+
+const changePointsY = (graphic, options, animationParameters) => graphic.getFinalAttribute().points.map((point => {
+    var _a;
+    if (options && "negative" === options.orient) {
+        let groupBottom = animationParameters.height;
+        return animationParameters.group && (groupBottom = null !== (_a = animationParameters.groupHeight) && void 0 !== _a ? _a : animationParameters.group.getBounds().height(), 
+        animationParameters.groupHeight = groupBottom), Object.assign(Object.assign({}, point), {
+            x: point.x,
+            y: groupBottom,
+            x1: point.x1,
+            y1: groupBottom,
+            defined: !1 !== point.defined
+        });
+    }
+    return Object.assign(Object.assign({}, point), {
+        x: point.x,
+        y: 0,
+        x1: point.x1,
+        y1: 0,
+        defined: !1 !== point.defined
+    });
+})), growPointsYIn = (graphic, options, animationParameters) => {
+    const attrs = graphic.getFinalAttribute();
+    return {
+        from: {
+            points: changePointsY(graphic, options, animationParameters)
+        },
+        to: {
+            points: attrs.points
+        }
+    };
+}, growPointsYOut = (graphic, options, animationParameters) => ({
+    from: {
+        points: graphic.getFinalAttribute().points
+    },
+    to: {
+        points: changePointsY(graphic, options, animationParameters)
+    }
+});
+
+class GrowPointsYIn extends GworPointsBase {
+    onBind() {
+        var _a;
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const {from: from, to: to} = growPointsYIn(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);
+        } else this.valid = !1;
+    }
+}
+
+exports.GrowPointsYIn = GrowPointsYIn;
+
+class GrowPointsYOut extends GworPointsBase {
+    onBind() {
+        if ([ "area", "line" ].includes(this.target.type)) {
+            const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (graphic = this.target, 
+            options = this.params.options, animationParameters = this.params, {
+                from: {
+                    points: graphic.getFinalAttribute().points
+                },
+                to: {
+                    points: changePointsY(graphic, options, animationParameters)
+                }
+            });
+            this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+            this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+        } else this.valid = !1;
+        var graphic, options, animationParameters;
+    }
+}
+
+exports.GrowPointsYOut = GrowPointsYOut;
+//# sourceMappingURL=growPoints.js.map

package/cjs/custom/growPoints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/growPoints.ts"],"names":[],"mappings":"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","file":"growPoints.js","sourcesContent":["import { pointInterpolation, type IGraphic, type IGroup } from '@visactor/vrender-core';\nimport type { IPointLike } from '@visactor/vutils';\nimport { isValidNumber } from '@visactor/vutils';\nimport type { IAnimate, IStep } from '../intreface/animate';\nimport type { EasingType } from '../intreface/easing';\nimport { ACustomAnimate } from './custom-animate';\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 IGrowPointsAnimationOptions {\n  orient?: 'positive' | 'negative';\n}\n\nexport interface IGrowPointsOverallAnimationOptions extends IGrowPointsAnimationOptions {\n  center?: IPointLike;\n}\n\nconst getCenterPoints = (\n  graphic: IGraphic,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const points: IPointLike[] = attrs.points;\n  const center: IPointLike = { x: 0, y: 0 };\n  points.forEach(point => {\n    center.x += point.x;\n    center.y += point.y;\n  });\n  center.x /= points.length;\n  center.y /= points.length;\n\n  if (options && options.center) {\n    if (isValidNumber(options.center.x)) {\n      center.x = options.center.x;\n    }\n    if (isValidNumber(options.center.y)) {\n      center.y = options.center.y;\n    }\n  }\n\n  if (graphic.type === 'area') {\n    center.x1 = center.x;\n    center.y1 = center.y;\n  }\n\n  return points.map(point => Object.assign({}, point, center));\n};\n\nexport const growPointsIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: getCenterPoints(graphic, options, animationParameters) },\n    to: { points: attrs.points }\n  };\n};\n\nexport const growPointsOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsOverallAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: attrs.points },\n    to: { points: getCenterPoints(graphic, options, animationParameters) }\n  };\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    const fromPoints = this.from?.points as unknown as IPointLike[];\n    const toPoints = this.to?.points as unknown as IPointLike[];\n    if (!fromPoints || !toPoints) {\n      return;\n    }\n\n    out.points = fromPoints.map((point, index) => {\n      const newPoint = pointInterpolation(fromPoints[index], toPoints[index], ratio);\n      return newPoint;\n    });\n    this.target.setAttributes(out);\n  }\n}\n\n/**\n * 增长渐入\n */\nexport class GrowPointsIn extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const { from, to } = growPointsIn(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    } else {\n      this.valid = false;\n    }\n  }\n}\n\nexport class GrowPointsOut extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const attrs = this.target.getFinalAttribute();\n      const { from, to } = growPointsOut(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    } else {\n      this.valid = false;\n    }\n  }\n}\n\nconst changePointsX = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const points = attrs.points;\n  return points.map((point: IPointLike) => {\n    if (options && options.orient === 'negative') {\n      let groupRight = animationParameters.width;\n\n      if (animationParameters.group) {\n        groupRight = (animationParameters as any).groupWidth ?? animationParameters.group.getBounds().width();\n\n        (animationParameters as any).groupWidth = groupRight;\n      }\n\n      return {\n        ...point,\n        x: groupRight,\n        y: point.y,\n        x1: groupRight,\n        y1: point.y1,\n        defined: point.defined !== false\n      } as IPointLike;\n    }\n    return {\n      ...point,\n      x: 0,\n      y: point.y,\n      x1: 0,\n      y1: point.y1,\n      defined: point.defined !== false\n    } as IPointLike;\n  });\n};\n\nconst growPointsXIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: changePointsX(graphic, options, animationParameters) },\n    to: { points: attrs.points }\n  };\n};\n\nconst growPointsXOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: attrs.points },\n    to: { points: changePointsX(graphic, options, animationParameters) }\n  };\n};\n\nexport class GrowPointsXIn extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const { from, to } = growPointsXIn(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    } else {\n      this.valid = false;\n    }\n  }\n}\n\nexport class GrowPointsXOut extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const attrs = this.target.getFinalAttribute();\n      const { from, to } = growPointsXOut(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    } else {\n      this.valid = false;\n    }\n  }\n}\n\nconst changePointsY = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  const points = attrs.points;\n  return points.map((point: IPointLike) => {\n    if (options && options.orient === 'negative') {\n      let groupBottom = animationParameters.height;\n\n      if (animationParameters.group) {\n        groupBottom = (animationParameters as any).groupHeight ?? animationParameters.group.getBounds().height();\n\n        (animationParameters as any).groupHeight = groupBottom;\n      }\n\n      return {\n        ...point,\n        x: point.x,\n        y: groupBottom,\n        x1: point.x1,\n        y1: groupBottom,\n        defined: point.defined !== false\n      } as IPointLike;\n    }\n    return {\n      ...point,\n      x: point.x,\n      y: 0,\n      x1: point.x1,\n      y1: 0,\n      defined: point.defined !== false\n    } as IPointLike;\n  });\n};\n\nconst growPointsYIn: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: changePointsY(graphic, options, animationParameters) },\n    to: { points: attrs.points }\n  };\n};\n\nconst growPointsYOut: TypeAnimation<IGraphic> = (\n  graphic: IGraphic,\n  options: IGrowPointsAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const attrs = graphic.getFinalAttribute();\n  return {\n    from: { points: attrs.points },\n    to: { points: changePointsY(graphic, options, animationParameters) }\n  };\n};\n\nexport class GrowPointsYIn extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const { from, to } = growPointsYIn(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    } else {\n      this.valid = false;\n    }\n  }\n}\n\nexport class GrowPointsYOut extends GworPointsBase {\n  onBind(): void {\n    if (['area', 'line'].includes(this.target.type)) {\n      const attrs = this.target.getFinalAttribute();\n      const { from, to } = growPointsYOut(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    } else {\n      this.valid = false;\n    }\n  }\n}\n"]}

package/cjs/custom/growRadius.d.ts

@@ -0,0 +1,41 @@
+import { type IGraphic, type IGroup } from '@visactor/vrender-core';
+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 interface IGrowAngleAnimationOptions {
+    orient?: 'clockwise' | 'anticlockwise';
+    overall?: boolean | number;
+}
+export interface IGrowRadiusAnimationOptions {
+    orient?: 'inside' | 'outside';
+    overall?: boolean | number;
+}
+export declare const growRadiusIn: TypeAnimation<IGraphic>;
+export declare const growRadiusOut: TypeAnimation<IGraphic>;
+export declare class GworPointsBase extends ACustomAnimate<Record<string, number>> {
+    valid: boolean;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params?: any);
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class GrowRadiusIn extends GworPointsBase {
+    onBind(): void;
+}
+export declare class GrowRadiusOut extends GworPointsBase {
+    onBind(): void;
+}
+export {};

package/cjs/custom/growRadius.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GrowRadiusOut = exports.GrowRadiusIn = exports.GworPointsBase = exports.growRadiusOut = exports.growRadiusIn = void 0;
+
+const custom_animate_1 = require("./custom-animate"), vutils_1 = require("@visactor/vutils"), 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 = (0, vutils_1.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
+        }
+    };
+}, 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);
+};
+
+exports.growRadiusIn = growRadiusIn;
+
+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 = (0, vutils_1.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
+        }
+    };
+}, 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);
+};
+
+exports.growRadiusOut = growRadiusOut;
+
+class GworPointsBase extends custom_animate_1.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);
+    }
+}
+
+exports.GworPointsBase = GworPointsBase;
+
+class GrowRadiusIn extends GworPointsBase {
+    onBind() {
+        var _a;
+        const {from: from, to: to} = (0, exports.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);
+    }
+}
+
+exports.GrowRadiusIn = GrowRadiusIn;
+
+class GrowRadiusOut extends GworPointsBase {
+    onBind() {
+        var _a;
+        const {from: from, to: to} = (0, exports.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);
+    }
+}
+
+exports.GrowRadiusOut = GrowRadiusOut;
+//# sourceMappingURL=growRadius.js.map

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

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.GrowWidthOut = exports.GrowWidthIn = exports.growWidthOut = void 0;
+
+const vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./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 = (0, vutils_1.isValid)(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+            from: {
+                x: computedX1,
+                x1: (0, vutils_1.isNil)(x1) ? void 0 : computedX1,
+                width: (0, vutils_1.isNil)(width) ? void 0 : 0
+            },
+            to: {
+                x: x,
+                x1: x1,
+                width: width
+            }
+        };
+    }
+    const computedX = (0, vutils_1.isValid)(width) ? Math.min(x, x + width) : Math.min(x, x1);
+    return {
+        from: {
+            x: computedX,
+            x1: (0, vutils_1.isNil)(x1) ? void 0 : computedX,
+            width: (0, vutils_1.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 ? (0, vutils_1.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 = (0, 
+    vutils_1.isNumber)(null == options ? void 0 : options.overall) ? null == options ? void 0 : options.overall : 0, 
+    {
+        from: {
+            x: overallValue,
+            x1: (0, vutils_1.isNil)(x1) ? void 0 : overallValue,
+            width: (0, vutils_1.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 = (0, vutils_1.isValid)(width) ? Math.max(x, x + width) : Math.max(x, x1);
+        return {
+            to: {
+                x: computedX1,
+                x1: (0, vutils_1.isNil)(x1) ? void 0 : computedX1,
+                width: (0, vutils_1.isNil)(width) ? void 0 : 0
+            }
+        };
+    }
+    const computedX = (0, vutils_1.isValid)(width) ? Math.min(x, x + width) : Math.min(x, x1);
+    return {
+        to: {
+            x: computedX,
+            x1: (0, vutils_1.isNil)(x1) ? void 0 : computedX,
+            width: (0, vutils_1.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 ? (0, vutils_1.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 = (0, 
+    vutils_1.isNumber)(null == options ? void 0 : options.overall) ? options.overall : 0, 
+    {
+        to: {
+            x: overallValue,
+            x1: (0, vutils_1.isNil)(x1) ? void 0 : overallValue,
+            width: (0, vutils_1.isNil)(width) ? void 0 : 0
+        }
+    };
+}
+
+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);
+};
+
+exports.growWidthOut = growWidthOut;
+
+class GrowWidthIn extends custom_animate_1.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);
+    }
+}
+
+exports.GrowWidthIn = GrowWidthIn;
+
+class GrowWidthOut extends custom_animate_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params);
+    }
+    onBind() {
+        const attrs = this.target.getFinalAttribute(), {from: from, to: to} = (0, exports.growWidthOut)(this.target, this.params.options, this.params);
+        this.props = to, this.propKeys = Object.keys(to).filter((key => null != to[key])), 
+        this.animate.reSyncProps(), this.from = from || attrs, this.to = to;
+    }
+    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);
+    }
+}
+
+exports.GrowWidthOut = GrowWidthOut;
+//# sourceMappingURL=growWidth.js.map