@visactor/vrender-animate 0.22.4 → 0.22.12

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

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LabelItemDisappear = exports.LabelItemAppear = void 0;
+
+const custom_animate_1 = require("./custom-animate"), component_1 = require("../component"), input_text_1 = require("./input-text");
+
+class LabelItemAppear extends custom_animate_1.AComponentAnimate {
+    onBind() {
+        super.onBind();
+        const animator = (0, component_1.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: input_text_1.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: input_text_1.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);
+    }
+}
+
+exports.LabelItemAppear = LabelItemAppear;
+
+class LabelItemDisappear extends custom_animate_1.AComponentAnimate {
+    onBind() {
+        super.onBind();
+        const animator = (0, component_1.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);
+    }
+}
+
+exports.LabelItemDisappear = LabelItemDisappear;
+//# sourceMappingURL=label-item-animate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/custom/label-item-animate.ts"],"names":[],"mappings":"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","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/cjs/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 {};

package/cjs/custom/morphing.js

@@ -0,0 +1,298 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.multiToOneMorph = exports.splitGraphic = exports.cloneGraphic = exports.MultiToOneMorphingPath = exports.oneToMultiMorph = exports.morphPath = exports.MorphingPath = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), custom_animate_1 = require("./custom-animate"), morphing_1 = require("../config/morphing"), transform_1 = require("../utils/transform"), interpolateOtherAttrs = (attrs, out, ratio) => {
+    attrs.forEach((entry => {
+        if (Number.isFinite(entry.to)) out[entry.key] = entry.from + (entry.to - entry.from) * ratio; else if ("fill" === entry.key || "stroke" === entry.key) {
+            const color = (0, vrender_core_1.interpolateColor)(entry.from, entry.to, ratio, !1);
+            color && (out[entry.key] = color);
+        }
+    }));
+}, interpolateMorphingData = (morphingData, path, ratio) => {
+    const tmpArr = [], newCp = [];
+    path.clear();
+    for (let i = 0; i < morphingData.length; i++) {
+        const item = morphingData[i], from = item.from, to = item.to, angle = item.rotation * ratio, fromCp = item.fromCp, toCp = item.toCp, sa = Math.sin(angle), ca = Math.cos(angle);
+        newCp[0] = fromCp[0] + (toCp[0] - fromCp[0]) * ratio, newCp[1] = fromCp[1] + (toCp[1] - fromCp[1]) * ratio;
+        for (let m = 0; m < from.length; m += 2) {
+            const x0 = from[m], y0 = from[m + 1], x = x0 * (1 - ratio) + to[m] * ratio, y = y0 * (1 - ratio) + to[m + 1] * ratio;
+            tmpArr[m] = x * ca - y * sa + newCp[0], tmpArr[m + 1] = x * sa + y * ca + newCp[1];
+        }
+        let x0 = tmpArr[0], y0 = tmpArr[1];
+        path.moveTo(x0, y0);
+        for (let m = 2; m < from.length; m += 6) {
+            const x1 = tmpArr[m], y1 = tmpArr[m + 1], x2 = tmpArr[m + 2], y2 = tmpArr[m + 3], x3 = tmpArr[m + 4], y3 = tmpArr[m + 5];
+            x0 === x1 && y0 === y1 && x2 === x3 && y2 === y3 ? path.lineTo(x3, y3) : path.bezierCurveTo(x1, y1, x2, y2, x3, y3), 
+            x0 = x3, y0 = y3;
+        }
+    }
+}, parseMorphingData = (fromPath, toPath, config) => {
+    const fromBezier = fromPath ? (0, vrender_core_1.pathToBezierCurves)(fromPath) : [], toBezier = (0, 
+    vrender_core_1.pathToBezierCurves)(toPath);
+    config && fromBezier && (config.fromTransform && (0, vrender_core_1.applyTransformOnBezierCurves)(fromBezier, config.fromTransform.clone().getInverse()), 
+    (0, vrender_core_1.applyTransformOnBezierCurves)(fromBezier, config.toTransfrom));
+    const [fromBezierCurves, toBezierCurves] = (0, vrender_core_1.alignBezierCurves)(fromBezier, toBezier);
+    return fromPath ? (0, vrender_core_1.findBestMorphingRotation)(fromBezierCurves, toBezierCurves, 10, Math.PI) : toBezierCurves.map(((to, index) => ({
+        from: fromBezierCurves[index],
+        to: to,
+        fromCp: [ 0, 0 ],
+        toCp: [ 0, 0 ],
+        rotation: 0
+    })));
+}, validateOtherAttrs = [ "fill", "fillOpacity", "shadowBlur", "shadowColor", "shadowOffsetX", "shadowOffsetY", "stroke", "strokeOpacity", "lineDashOffset" ], parseOtherAnimateAttrs = (fromAttrs, toAttrs) => {
+    if (!fromAttrs || !toAttrs) return null;
+    const res = [];
+    let hasAttr = !1;
+    return Object.keys(fromAttrs).forEach((fromKey => {
+        if (!validateOtherAttrs.includes(fromKey)) return;
+        const toValue = toAttrs[fromKey];
+        if (!(0, vutils_1.isNil)(toValue) && !(0, vutils_1.isNil)(fromAttrs[fromKey]) && toValue !== fromAttrs[fromKey]) {
+            if ("fill" === fromKey || "stroke" === fromKey) {
+                const parseColor = color => "string" == typeof color ? vrender_core_1.ColorStore.Get(color, vrender_core_1.ColorType.Color255) : color;
+                res.push({
+                    from: (0, vutils_1.isArray)(fromAttrs[fromKey]) ? fromAttrs[fromKey].map(parseColor) : parseColor(fromAttrs[fromKey]),
+                    to: (0, vutils_1.isArray)(toValue) ? toValue.map(parseColor) : parseColor(toValue),
+                    key: fromKey
+                });
+            } else res.push({
+                from: fromAttrs[fromKey],
+                to: toValue,
+                key: fromKey
+            });
+            hasAttr = !0;
+        }
+    })), hasAttr ? res : null;
+};
+
+class MorphingPath extends custom_animate_1.ACustomAnimate {
+    constructor(config, duration, easing) {
+        super({}, {}, duration, easing), this.morphingData = config.morphingData, this.otherAttrs = config.otherAttrs, 
+        this.saveOnEnd = config.saveOnEnd;
+    }
+    getEndProps() {
+        return {};
+    }
+    onBind() {
+        this.target.createPathProxy(), this.onUpdate(!1, 0, this.target.attribute);
+    }
+    onEnd() {}
+    onUpdate(end, ratio, out) {
+        const target = this.target, pathProxy = "function" == typeof target.pathProxy ? target.pathProxy(target.attribute) : target.pathProxy;
+        interpolateMorphingData(this.morphingData, pathProxy, ratio), this.otherAttrs && this.otherAttrs.length && interpolateOtherAttrs(this.otherAttrs, out, ratio), 
+        this.target.setAttributes(out), end && !this.saveOnEnd && (this.target.pathProxy = null);
+    }
+}
+
+exports.MorphingPath = MorphingPath;
+
+const morphPath = (fromGraphic, toGraphic, animationConfig, fromGraphicTransform) => {
+    var _a, _b, _c;
+    if (fromGraphic && (!fromGraphic.valid || !fromGraphic.toCustomPath)) return __DEV__ && console.error(fromGraphic, " is not validate"), 
+    null;
+    if (!toGraphic.valid || !toGraphic.toCustomPath) return __DEV__ && console.error(toGraphic, " is not validate"), 
+    null;
+    let fromTransform = null == fromGraphic ? void 0 : fromGraphic.globalTransMatrix;
+    fromGraphicTransform && fromTransform && (fromTransform = fromGraphicTransform.clone().multiply(fromTransform.a, fromTransform.b, fromTransform.c, fromTransform.d, fromTransform.e, fromTransform.f));
+    const morphingData = parseMorphingData(null === (_a = null == fromGraphic ? void 0 : fromGraphic.toCustomPath) || void 0 === _a ? void 0 : _a.call(fromGraphic), toGraphic.toCustomPath(), {
+        fromTransform: fromTransform,
+        toTransfrom: toGraphic.globalTransMatrix
+    }), attrs = parseOtherAnimateAttrs(null == fromGraphic ? void 0 : fromGraphic.attribute, toGraphic.attribute), animate = toGraphic.animate(animationConfig);
+    (null == animationConfig ? void 0 : animationConfig.delay) && animate.wait(animationConfig.delay);
+    const morphingPath = new MorphingPath({
+        morphingData: morphingData,
+        otherAttrs: attrs
+    }, null !== (_b = null == animationConfig ? void 0 : animationConfig.duration) && void 0 !== _b ? _b : morphing_1.DefaultMorphingAnimateConfig.duration, null !== (_c = null == animationConfig ? void 0 : animationConfig.easing) && void 0 !== _c ? _c : morphing_1.DefaultMorphingAnimateConfig.easing);
+    return animate.play(morphingPath), animate;
+};
+
+exports.morphPath = morphPath;
+
+const oneToMultiMorph = (fromGraphic, toGraphics, animationConfig) => {
+    var _a;
+    const validateToGraphics = toGraphics.filter((graphic => graphic && graphic.toCustomPath && graphic.valid));
+    validateToGraphics.length || __DEV__ && console.error(validateToGraphics, " is not validate"), 
+    fromGraphic.valid && fromGraphic.toCustomPath || __DEV__ && console.error(fromGraphic, " is not validate");
+    const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? exports.cloneGraphic : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : exports.splitGraphic)(fromGraphic, validateToGraphics.length, !1), oldOnEnd = null == animationConfig ? void 0 : animationConfig.onEnd;
+    let count = validateToGraphics.length;
+    const onEachEnd = () => {
+        count--, 0 === count && oldOnEnd && oldOnEnd();
+    };
+    validateToGraphics.forEach(((toChild, index) => {
+        var _a;
+        const fromChild = childGraphics[index], delay = (null !== (_a = null == animationConfig ? void 0 : animationConfig.delay) && void 0 !== _a ? _a : 0) + ((null == animationConfig ? void 0 : animationConfig.individualDelay) ? animationConfig.individualDelay(index, validateToGraphics.length, fromChild, toChild) : 0);
+        (0, exports.morphPath)(fromChild, toChild, Object.assign({}, animationConfig, {
+            onEnd: onEachEnd,
+            delay: delay
+        }), fromGraphic.globalTransMatrix);
+    }));
+};
+
+exports.oneToMultiMorph = oneToMultiMorph;
+
+class MultiToOneMorphingPath extends custom_animate_1.ACustomAnimate {
+    constructor(config, duration, easing) {
+        super({}, {}, duration, easing), this.morphingData = config.morphingData, this.otherAttrs = config.otherAttrs;
+    }
+    getEndProps() {
+        return {};
+    }
+    onBind() {
+        this.addPathProxy();
+    }
+    addPathProxy() {
+        this.target.shadowRoot.forEachChildren((child => {
+            child.createPathProxy();
+        })), this.onUpdate(!1, 0, this.target.attribute);
+    }
+    clearPathProxy() {
+        this.target.shadowRoot.forEachChildren((child => {
+            child.pathProxy = null;
+        }));
+    }
+    onEnd() {}
+    onUpdate(end, ratio, out) {
+        this.target.shadowRoot.forEachChildren(((child, index) => {
+            var _a;
+            interpolateMorphingData(this.morphingData[index], "function" == typeof child.pathProxy ? child.pathProxy(child.attribute) : child.pathProxy, ratio), 
+            (null === (_a = this.otherAttrs) || void 0 === _a ? void 0 : _a[index]) && this.otherAttrs[index].length && interpolateOtherAttrs(this.otherAttrs[index], child.attribute, ratio);
+        })), end && (this.clearPathProxy(), this.morphingData = null);
+    }
+}
+
+exports.MultiToOneMorphingPath = MultiToOneMorphingPath;
+
+const parseShadowChildAttrs = graphicAttrs => {
+    const attrs = {};
+    return Object.keys(graphicAttrs).forEach((key => {
+        (0, transform_1.isTransformKey)(key) || (attrs[key] = graphicAttrs[key]);
+    })), attrs;
+}, appendShadowChildrenToGraphic = (graphic, children, count) => {
+    const childAttrs = parseShadowChildAttrs(graphic.attribute), shadowRoot = graphic.attachShadow();
+    if (children.length) shadowRoot.setTheme({
+        [children[0].type]: childAttrs
+    }), children.forEach((element => {
+        element.setAttributes({
+            pickable: !1
+        }), shadowRoot.appendChild(element);
+    })); else {
+        const box = graphic.AABBBounds, width = box.width(), height = box.height();
+        shadowRoot.setTheme({
+            rect: childAttrs
+        }), new Array(count).fill(0).forEach((el => {
+            const child = vrender_core_1.application.graphicService.creator.rect({
+                x: 0,
+                y: 0,
+                width: width,
+                height: height,
+                pickable: !1
+            });
+            shadowRoot.appendChild(child), children.push(child);
+        }));
+    }
+}, cloneGraphic = (graphic, count, needAppend) => {
+    const children = [], childAttrs = needAppend ? null : parseShadowChildAttrs(graphic.attribute), path = graphic.toCustomPath();
+    for (let i = 0; i < count; i++) {
+        const element = {
+            path: (new vrender_core_1.CustomPath2D).fromCustomPath2D(path)
+        };
+        children.push(vrender_core_1.application.graphicService.creator.path(needAppend ? element : Object.assign({}, childAttrs, element)));
+    }
+    return needAppend && appendShadowChildrenToGraphic(graphic, children, count), children;
+};
+
+exports.cloneGraphic = cloneGraphic;
+
+const splitGraphic = (graphic, count, needAppend) => {
+    const children = [], childAttrs = needAppend ? null : parseShadowChildAttrs(graphic.attribute);
+    if ("rect" === graphic.type) {
+        (0, vrender_core_1.splitRect)(graphic, count).forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.rect(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    } else if ("arc" === graphic.type) {
+        (0, vrender_core_1.splitArc)(graphic, count).forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.arc(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    } else if ("circle" === graphic.type) {
+        (0, vrender_core_1.splitCircle)(graphic, count).forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.arc(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    } else if ("line" === graphic.type) {
+        const childrenAttrs = (0, vrender_core_1.splitLine)(graphic, count), defaultSymbol = {
+            size: 10,
+            symbolType: "circle"
+        };
+        childrenAttrs.forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.symbol(needAppend ? Object.assign({}, element, defaultSymbol) : Object.assign({}, childAttrs, element, defaultSymbol)));
+        }));
+    } else if ("polygon" === graphic.type) {
+        (0, vrender_core_1.splitPolygon)(graphic, count).forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.polygon(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    } else if ("area" === graphic.type) {
+        (0, vrender_core_1.splitArea)(graphic, count).forEach((element => {
+            children.push(vrender_core_1.application.graphicService.creator.polygon(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    } else if ("path" === graphic.type) {
+        (0, vrender_core_1.splitPath)(graphic, count).forEach((element => {
+            "path" in element ? children.push(vrender_core_1.application.graphicService.creator.path(needAppend ? element : Object.assign({}, childAttrs, element))) : children.push(vrender_core_1.application.graphicService.creator.polygon(needAppend ? element : Object.assign({}, childAttrs, element)));
+        }));
+    }
+    return needAppend && appendShadowChildrenToGraphic(graphic, children, count), children;
+};
+
+exports.splitGraphic = splitGraphic;
+
+const multiToOneMorph = (fromGraphics, toGraphic, animationConfig) => {
+    var _a, _b, _c;
+    const validateFromGraphics = fromGraphics.filter((graphic => graphic.toCustomPath && graphic.valid));
+    validateFromGraphics.length || __DEV__ && console.error(fromGraphics, " is not validate"), 
+    toGraphic.valid && toGraphic.toCustomPath || __DEV__ && console.error(toGraphic, " is not validate");
+    const childGraphics = ("clone" === (null == animationConfig ? void 0 : animationConfig.splitPath) ? exports.cloneGraphic : null !== (_a = null == animationConfig ? void 0 : animationConfig.splitPath) && void 0 !== _a ? _a : exports.splitGraphic)(toGraphic, validateFromGraphics.length, !0), toAttrs = toGraphic.attribute;
+    toGraphic.setAttribute("visible", !1);
+    const morphingData = validateFromGraphics.map(((graphic, index) => parseMorphingData(graphic.toCustomPath(), childGraphics[index].toCustomPath(), {
+        fromTransform: graphic.globalTransMatrix,
+        toTransfrom: childGraphics[index].globalTransMatrix
+    }))), otherAttrs = validateFromGraphics.map(((graphic, index) => parseOtherAnimateAttrs(graphic.attribute, toAttrs)));
+    if (null == animationConfig ? void 0 : animationConfig.individualDelay) {
+        const oldOnEnd = animationConfig.onEnd;
+        let count = validateFromGraphics.length;
+        const onEachEnd = () => {
+            count--, 0 === count && (toGraphic.setAttributes({
+                visible: !0,
+                ratio: null
+            }, !1, {
+                type: vrender_core_1.AttributeUpdateType.ANIMATE_END
+            }), toGraphic.detachShadow(), oldOnEnd && oldOnEnd());
+        };
+        childGraphics.forEach(((to, index) => {
+            var _a, _b, _c;
+            const delay = (null !== (_a = animationConfig.delay) && void 0 !== _a ? _a : 0) + animationConfig.individualDelay(index, validateFromGraphics.length, fromGraphics[index], to), animate = to.animate(Object.assign({}, animationConfig, {
+                onEnd: onEachEnd
+            }));
+            animate.wait(delay), animate.play(new MorphingPath({
+                morphingData: morphingData[index],
+                saveOnEnd: !0,
+                otherAttrs: otherAttrs[index]
+            }, null !== (_b = animationConfig.duration) && void 0 !== _b ? _b : morphing_1.DefaultMorphingAnimateConfig.duration, null !== (_c = animationConfig.easing) && void 0 !== _c ? _c : morphing_1.DefaultMorphingAnimateConfig.easing));
+        }));
+    } else {
+        const oldOnEnd = null == animationConfig ? void 0 : animationConfig.onEnd, config = animationConfig ? Object.assign({}, animationConfig) : {};
+        config.onEnd = () => {
+            toGraphic.setAttribute("visible", !0, !1, {
+                type: vrender_core_1.AttributeUpdateType.ANIMATE_END
+            }), toGraphic.detachShadow(), oldOnEnd && oldOnEnd();
+        };
+        const animate = toGraphic.animate(config);
+        (null == animationConfig ? void 0 : animationConfig.delay) && animate.wait(animationConfig.delay), 
+        animate.play(new MultiToOneMorphingPath({
+            morphingData: morphingData,
+            otherAttrs: otherAttrs
+        }, null !== (_b = null == animationConfig ? void 0 : animationConfig.duration) && void 0 !== _b ? _b : morphing_1.DefaultMorphingAnimateConfig.duration, null !== (_c = null == animationConfig ? void 0 : animationConfig.easing) && void 0 !== _c ? _c : morphing_1.DefaultMorphingAnimateConfig.easing));
+    }
+};
+
+exports.multiToOneMorph = multiToOneMorph;
+//# sourceMappingURL=morphing.js.map