@visactor/vgrammar-core 0.7.0

package/cjs/graph/animation/animation/rotate.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.rotateOut = exports.rotateIn = void 0;
+
+const vutils_1 = require("@visactor/vutils"), rotateIn = (element, options, animationParameters) => {
+    var _a;
+    const finalAngle = null !== (_a = element.getGraphicAttribute("angle", !1)) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = (0, vutils_1.isNumberClose)(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : (0, 
+    vutils_1.isValidNumber)(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: angle
+        },
+        to: {
+            angle: finalAngle
+        }
+    };
+};
+
+exports.rotateIn = rotateIn;
+
+const rotateOut = (element, options, animationParameters) => {
+    var _a;
+    const finalAngle = null !== (_a = element.getGraphicAttribute("angle", !0)) && void 0 !== _a ? _a : 0;
+    let angle = 0;
+    return angle = (0, vutils_1.isNumberClose)(finalAngle / (2 * Math.PI), 0) ? Math.round(finalAngle / (2 * Math.PI)) * Math.PI * 2 : (0, 
+    vutils_1.isValidNumber)(null == options ? void 0 : options.angle) ? options.angle : "anticlockwise" === (null == options ? void 0 : options.orient) ? Math.ceil(finalAngle / (2 * Math.PI)) * Math.PI * 2 : Math.floor(finalAngle / (2 * Math.PI)) * Math.PI * 2, 
+    {
+        from: {
+            angle: finalAngle
+        },
+        to: {
+            angle: angle
+        }
+    };
+};
+
+exports.rotateOut = rotateOut;
+//# sourceMappingURL=rotate.js.map

package/cjs/graph/animation/animation/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/rotate.ts"],"names":[],"mappings":";;;AAAA,6CAAgE;AAGzD,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,mCAAI,CAAC,CAAC;IACpE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,IAAA,sBAAa,EAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,IAAA,sBAAa,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE;QACf,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;KAC1B,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,QAAQ,YAoBnB;AAEK,MAAM,SAAS,GAA4B,CAChD,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;;IACF,MAAM,UAAU,GAAG,MAAA,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,mCAAI,CAAC,CAAC;IACnE,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,IAAA,sBAAa,EAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;QAChD,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;SAAM,IAAI,IAAA,sBAAa,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,EAAE;QACxC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;KACvB;SAAM,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,MAAK,eAAe,EAAE;QAC9C,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC7D;SAAM;QACL,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;KAC9D;IACD,OAAO;QACL,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;QAC3B,EAAE,EAAE,EAAE,KAAK,EAAE;KACd,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,SAAS,aAoBpB","file":"rotate.js","sourcesContent":["import { isNumberClose, isValidNumber } from '@visactor/vutils';\nimport type { IAnimationParameters, IRotateAnimationOptions, TypeAnimation, IElement } from '../../../types';\n\nexport const rotateIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', false) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle },\n    to: { angle: finalAngle }\n  };\n};\n\nexport const rotateOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IRotateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const finalAngle = element.getGraphicAttribute('angle', true) ?? 0;\n  let angle = 0;\n  if (isNumberClose(finalAngle / (Math.PI * 2), 0)) {\n    angle = Math.round(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else if (isValidNumber(options?.angle)) {\n    angle = options.angle;\n  } else if (options?.orient === 'anticlockwise') {\n    angle = Math.ceil(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  } else {\n    angle = Math.floor(finalAngle / (Math.PI * 2)) * Math.PI * 2;\n  }\n  return {\n    from: { angle: finalAngle },\n    to: { angle }\n  };\n};\n"]}

package/cjs/graph/animation/animation/scale.d.ts

@@ -0,0 +1,3 @@
+import type { IElement, TypeAnimation } from '../../../types';
+export declare const scaleIn: TypeAnimation<IElement>;
+export declare const scaleOut: TypeAnimation<IElement>;

package/cjs/graph/animation/animation/scale.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.scaleOut = exports.scaleIn = void 0;
+
+const scaleIn = (element, options, animationParameters) => {
+    var _a, _b, _c, _d;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                scaleX: 0
+            },
+            to: {
+                scaleX: null !== (_a = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _a ? _a : 1
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                scaleY: 0
+            },
+            to: {
+                scaleY: null !== (_b = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _b ? _b : 1
+            }
+        };
+
+      default:
+        return {
+            from: {
+                scaleX: 0,
+                scaleY: 0
+            },
+            to: {
+                scaleX: null !== (_c = element.getGraphicAttribute("scaleX", !1)) && void 0 !== _c ? _c : 1,
+                scaleY: null !== (_d = element.getGraphicAttribute("scaleY", !1)) && void 0 !== _d ? _d : 1
+            }
+        };
+    }
+};
+
+exports.scaleIn = scaleIn;
+
+const scaleOut = (element, options, animationParameters) => {
+    var _a, _b, _c, _d;
+    switch (null == options ? void 0 : options.direction) {
+      case "x":
+        return {
+            from: {
+                scaleX: null !== (_a = element.getGraphicAttribute("scaleX", !0)) && void 0 !== _a ? _a : 1
+            },
+            to: {
+                scaleX: 0
+            }
+        };
+
+      case "y":
+        return {
+            from: {
+                scaleY: null !== (_b = element.getGraphicAttribute("scaleY", !0)) && void 0 !== _b ? _b : 1
+            },
+            to: {
+                scaleY: 0
+            }
+        };
+
+      default:
+        return {
+            from: {
+                scaleX: null !== (_c = element.getGraphicAttribute("scaleX", !0)) && void 0 !== _c ? _c : 1,
+                scaleY: null !== (_d = element.getGraphicAttribute("scaleY", !0)) && void 0 !== _d ? _d : 1
+            },
+            to: {
+                scaleX: 0,
+                scaleY: 0
+            }
+        };
+    }
+};
+
+exports.scaleOut = scaleOut;
+//# sourceMappingURL=scale.js.map

package/cjs/graph/animation/animation/scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/scale.ts"],"names":[],"mappings":";;;AAIO,MAAM,OAAO,GAA4B,CAC9C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;gBACnB,EAAE,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC,EAAE;aAClE,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC9B,EAAE,EAAE;oBACF,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;oBACzD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,mCAAI,CAAC;iBAC1D;aACF,CAAC;KACL;AACH,CAAC,CAAC;AA1BW,QAAA,OAAO,WA0BlB;AAEK,MAAM,QAAQ,GAA4B,CAC/C,OAAiB,EACjB,OAA+B,EAC/B,mBAAyC,EACzC,EAAE;;IACF,QAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QAC1B,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,IAAI,EAAE,EAAE,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC,EAAE;gBAClE,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;aAClB,CAAC;QACJ,KAAK,IAAI,CAAC;QACV;YACE,OAAO;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;oBACxD,MAAM,EAAE,MAAA,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mCAAI,CAAC;iBACzD;gBACD,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;aAC7B,CAAC;KACL;AACH,CAAC,CAAC;AA1BW,QAAA,QAAQ,YA0BnB","file":"scale.js","sourcesContent":["import type { IElement, IScaleAnimationOptions, IAnimationParameters, TypeAnimation } from '../../../types';\n\n// TODO: negative direction, need support from VRender\n\nexport const scaleIn: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: 0 },\n        to: { scaleX: element.getGraphicAttribute('scaleX', false) ?? 1 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: 0 },\n        to: { scaleY: element.getGraphicAttribute('scaleY', false) ?? 1 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: { scaleX: 0, scaleY: 0 },\n        to: {\n          scaleX: element.getGraphicAttribute('scaleX', false) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', false) ?? 1\n        }\n      };\n  }\n};\n\nexport const scaleOut: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IScaleAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  switch (options?.direction) {\n    case 'x':\n      return {\n        from: { scaleX: element.getGraphicAttribute('scaleX', true) ?? 1 },\n        to: { scaleX: 0 }\n      };\n    case 'y':\n      return {\n        from: { scaleY: element.getGraphicAttribute('scaleY', true) ?? 1 },\n        to: { scaleY: 0 }\n      };\n    case 'xy':\n    default:\n      return {\n        from: {\n          scaleX: element.getGraphicAttribute('scaleX', true) ?? 1,\n          scaleY: element.getGraphicAttribute('scaleY', true) ?? 1\n        },\n        to: { scaleX: 0, scaleY: 0 }\n      };\n  }\n};\n"]}

package/cjs/graph/animation/animation/update.d.ts

@@ -0,0 +1,6 @@
+import type { IElement } from '../../../types';
+import type { TypeAnimation } from '../../../types/animate';
+export interface IUpdateAnimationOptions {
+    excludeChannels: string[];
+}
+export declare const update: TypeAnimation<IElement>;

package/cjs/graph/animation/animation/update.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.update = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vgrammar_util_1 = require("@visactor/vgrammar-util"), defaultExcludedChannels = [ "visible", "path", "text", "lineWidth", "textBaseline", "textAlign" ], update = (element, options, animationParameters) => {
+    const from = Object.assign({}, element.getPrevGraphicAttributes()), to = Object.assign({}, element.getNextGraphicAttributes());
+    return defaultExcludedChannels.forEach((key => {
+        delete from[key], delete to[key];
+    })), (0, vutils_1.array)(null == options ? void 0 : options.excludeChannels).forEach((key => {
+        delete from[key], delete to[key];
+    })), Object.keys(to).forEach((key => {
+        (0, vgrammar_util_1.isEqual)(key, from, to) && (delete from[key], delete to[key]);
+    })), {
+        from: from,
+        to: to
+    };
+};
+
+exports.update = update;
+//# sourceMappingURL=update.js.map

package/cjs/graph/animation/animation/update.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animation/update.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AACzC,2DAAkD;AAKlD,MAAM,uBAAuB,GAAG;IAC9B,SAAS;IAGT,MAAM;IAGN,MAAM;IACN,WAAW;IACX,cAAc;IACd,WAAW;CACZ,CAAC;AAMK,MAAM,MAAM,GAA4B,CAC7C,OAAiB,EACjB,OAAgC,EAChC,mBAAyC,EACzC,EAAE;IACF,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACnE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACjE,uBAAuB,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QACpC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,IAAA,cAAK,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;QAC5B,IAAI,IAAA,uBAAO,EAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE;YAC1B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;SAChB;IACH,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACtB,CAAC,CAAC;AAtBW,QAAA,MAAM,UAsBjB","file":"update.js","sourcesContent":["import { array } from '@visactor/vutils';\nimport { isEqual } from '@visactor/vgrammar-util';\nimport type { IElement } from '../../../types';\nimport type { IAnimationParameters, TypeAnimation } from '../../../types/animate';\n\n// FIXME: channels which do not animate should be handled by VRender\nconst defaultExcludedChannels = [\n  'visible',\n\n  // path channel\n  'path',\n\n  // text channels\n  'text',\n  'lineWidth',\n  'textBaseline',\n  'textAlign'\n];\n\nexport interface IUpdateAnimationOptions {\n  excludeChannels: string[];\n}\n\nexport const update: TypeAnimation<IElement> = (\n  element: IElement,\n  options: IUpdateAnimationOptions,\n  animationParameters: IAnimationParameters\n) => {\n  const from = Object.assign({}, element.getPrevGraphicAttributes());\n  const to = Object.assign({}, element.getNextGraphicAttributes());\n  defaultExcludedChannels.forEach(key => {\n    delete from[key];\n    delete to[key];\n  });\n  array(options?.excludeChannels).forEach(key => {\n    delete from[key];\n    delete to[key];\n  });\n  Object.keys(to).forEach(key => {\n    if (isEqual(key, from, to)) {\n      delete from[key];\n      delete to[key];\n    }\n  });\n  return { from, to };\n};\n"]}

package/cjs/graph/animation/animator.d.ts

@@ -0,0 +1,26 @@
+import type { IAnimationTimeline, IAnimator, IAnimatorOptions, IAnimationUnit, IAnimationParameters, IElement } from '../../types';
+export declare class Animator implements IAnimator {
+    id: number;
+    element: IElement;
+    animationOptions: IAnimatorOptions;
+    isAnimating: boolean;
+    private unit;
+    private runnings;
+    private callbackFunction;
+    constructor(element: IElement, unit: IAnimationUnit, animationOptions: {
+        state: string;
+        timeline: IAnimationTimeline;
+        id: string;
+    });
+    callback(callbackFunction: (...args: any[]) => void): this;
+    animate(animationParameters: IAnimationParameters, parameters: any): this;
+    stop(stopState?: 'start' | 'end', invokeCallback?: boolean): this;
+    pause(): this;
+    resume(): this;
+    startAt(startTime: number): this;
+    getTotalAnimationTime(): number;
+    getEndAttributes(): Record<string, any>;
+    private animationEnd;
+    private animateElement;
+    private animateTimeSlice;
+}

package/cjs/graph/animation/animator.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Animator = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_1 = require("@visactor/vrender"), attribute_1 = require("./attribute");
+
+vrender_1.Animate.mode |= vrender_1.AnimateMode.SET_ATTR_IMMEDIATELY;
+
+let GlobalAnimatorId = 0;
+
+const isCustomAnimateCtor = custom => !(0, vutils_1.isNil)(custom) && custom.prototype instanceof vrender_1.ACustomAnimate;
+
+class Animator {
+    constructor(element, unit, animationOptions) {
+        this.id = GlobalAnimatorId++, this.isAnimating = !1, this.runnings = [], this.element = element, 
+        this.animationOptions = animationOptions, this.unit = unit;
+    }
+    callback(callbackFunction) {
+        return this.callbackFunction = callbackFunction, this;
+    }
+    animate(animationParameters, parameters) {
+        return this.isAnimating = !0, this.animateElement(animationParameters, parameters), 
+        0 === this.runnings.length && this.animationEnd(), this;
+    }
+    stop(stopState = "end", invokeCallback = !0) {
+        return this.runnings.forEach((running => running.stop(stopState))), this.animationEnd(invokeCallback), 
+        this;
+    }
+    pause() {
+        return this.runnings.forEach((running => running.pause())), this;
+    }
+    resume() {
+        return this.runnings.forEach((running => running.resume())), this;
+    }
+    startAt(startTime) {
+        return this.runnings.forEach((running => {
+            const initialDelay = this.unit.initialDelay;
+            running.startAt(initialDelay + startTime);
+        })), this;
+    }
+    getTotalAnimationTime() {
+        var _a;
+        const timeLineDuration = this.unit.initialDelay + this.unit.loopDuration * this.unit.loopCount;
+        return null !== (_a = this.unit.totalTime) && void 0 !== _a ? _a : timeLineDuration;
+    }
+    getEndAttributes() {
+        return this.runnings.reduce(((attributes, running) => Object.assign(attributes, running.getEndProps())), {});
+    }
+    animationEnd(invokeCallback = !0) {
+        var _a;
+        this.isAnimating = !1, this.runnings = null, invokeCallback && (null === (_a = this.callbackFunction) || void 0 === _a || _a.call(null));
+    }
+    animateElement(animationParameters, parameters) {
+        const graphicAnimate = this.element.getGraphicItem().animate();
+        this.runnings.push(graphicAnimate), graphicAnimate.startAt(this.unit.initialDelay), 
+        graphicAnimate.wait(this.unit.loopDelay), this.unit.timeSlices.forEach((timeSlice => {
+            this.animateTimeSlice(graphicAnimate, timeSlice, animationParameters, parameters);
+        })), graphicAnimate.wait(this.unit.loopDelayAfter), graphicAnimate.loop(this.unit.loopCount - 1), 
+        (0, vutils_1.isValidNumber)(this.unit.totalTime) && setTimeout((() => {
+            graphicAnimate && graphicAnimate.stop("end");
+        }), this.unit.totalTime), graphicAnimate.onEnd((() => {
+            this.runnings = this.runnings.filter((running => running !== graphicAnimate)), 0 === this.runnings.length && this.animationEnd();
+        }));
+    }
+    animateTimeSlice(graphicAnimate, timeSlice, animationParameters, parameters) {
+        const delay = timeSlice.delay, duration = timeSlice.duration, effects = timeSlice.effects;
+        if (delay > 0 && graphicAnimate.wait(delay), effects.length < 0) graphicAnimate.wait(duration); else {
+            const customAnimates = effects.map(((effect, index) => {
+                var _a;
+                const attributes = null !== (_a = effect.type ? (0, attribute_1.typeAnimationAttributes)(this.element, effect, animationParameters, parameters) : (0, 
+                attribute_1.channelAnimationAttributes)(this.element, effect, animationParameters, parameters)) && void 0 !== _a ? _a : {}, customOption = (null == attributes ? void 0 : attributes.custom) || (null == effect ? void 0 : effect.custom), customParametersOption = (null == attributes ? void 0 : attributes.customParameters) || (null == effect ? void 0 : effect.customParameters);
+                attributes.from && Object.keys(attributes.from).length && this.unit && this.animationOptions.timeline.controlOptions.immediatelyApply && "component" !== this.element.mark.markType && this.element.getGraphicItem().setAttributes(attributes.from);
+                const isCustomAnimate = isCustomAnimateCtor(customOption);
+                return !(0, vutils_1.isNil)(customOption) && !isCustomAnimateCtor(customOption) ? new attribute_1.CustomInterpolator(attributes.from, attributes.to, duration, effect.easing, {
+                    interpolator: customOption,
+                    element: this.element,
+                    parameters: customParametersOption
+                }) : isCustomAnimate ? new customOption(attributes.from, attributes.to, duration, effect.easing, customParametersOption) : attributes.to ? new attribute_1.AttributeAnimate(attributes.from, attributes.to, duration, effect.easing) : void 0;
+            })).filter((animate => !(0, vutils_1.isNil)(animate)));
+            1 === customAnimates.length ? graphicAnimate.play(customAnimates[0]) : graphicAnimate.play(new vrender_1.AnimateGroup(duration, customAnimates));
+        }
+    }
+}
+
+exports.Animator = Animator;
+//# sourceMappingURL=animator.js.map

package/cjs/graph/animation/animator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/animator.ts"],"names":[],"mappings":"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","file":"animator.js","sourcesContent":["import { isNil, isValidNumber } from '@visactor/vutils';\nimport type { IAnimate as IGraphicAnimate } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { ACustomAnimate, Animate, AnimateGroup, AnimateMode } from '@visactor/vrender';\nimport type {\n  IAnimationChannelInterpolator,\n  IAnimationCustomConstructor,\n  IAnimationTimeline,\n  IAnimator,\n  IAnimatorOptions,\n  IAnimationUnit,\n  IAnimationParameters,\n  IAnimationTimeSlice,\n  IElement,\n  IAnimationEffect\n} from '../../types';\nimport { AttributeAnimate, channelAnimationAttributes, CustomInterpolator, typeAnimationAttributes } from './attribute';\n\nAnimate.mode |= AnimateMode.SET_ATTR_IMMEDIATELY;\n\nlet GlobalAnimatorId = 0;\n\nconst isCustomAnimateCtor = (custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor) => {\n  return !isNil(custom) && custom.prototype instanceof ACustomAnimate;\n};\n\nexport class Animator implements IAnimator {\n  id: number = GlobalAnimatorId++;\n  element: IElement;\n  animationOptions: IAnimatorOptions;\n  isAnimating: boolean = false;\n\n  private unit: IAnimationUnit;\n  private runnings: IGraphicAnimate[] = [];\n  private callbackFunction: (...args: any[]) => any;\n\n  constructor(\n    element: IElement,\n    unit: IAnimationUnit,\n    animationOptions: {\n      state: string;\n      timeline: IAnimationTimeline;\n      id: string;\n    }\n  ) {\n    this.element = element;\n    this.animationOptions = animationOptions;\n    this.unit = unit;\n  }\n\n  callback(callbackFunction: (...args: any[]) => void): this {\n    this.callbackFunction = callbackFunction;\n    return this;\n  }\n\n  animate(animationParameters: IAnimationParameters, parameters: any): this {\n    this.isAnimating = true;\n\n    this.animateElement(animationParameters, parameters);\n\n    // if no valid running, end animating immediately\n    if (this.runnings.length === 0) {\n      this.animationEnd();\n    }\n    return this;\n  }\n\n  stop(stopState: 'start' | 'end' = 'end', invokeCallback: boolean = true): this {\n    // FIXME: wait for VRender to fix 'end' parameter\n    this.runnings.forEach(running => running.stop(stopState));\n    this.animationEnd(invokeCallback);\n    return this;\n  }\n\n  pause(): this {\n    this.runnings.forEach(running => running.pause());\n    return this;\n  }\n\n  resume(): this {\n    this.runnings.forEach(running => running.resume());\n    return this;\n  }\n\n  startAt(startTime: number): this {\n    this.runnings.forEach(running => {\n      const initialDelay = this.unit.initialDelay;\n      running.startAt(initialDelay + startTime);\n    });\n    return this;\n  }\n\n  getTotalAnimationTime() {\n    const timeLineDuration = this.unit.initialDelay + this.unit.loopDuration * this.unit.loopCount;\n    return this.unit.totalTime ?? timeLineDuration;\n  }\n\n  getEndAttributes() {\n    return this.runnings.reduce((attributes, running) => {\n      return Object.assign(attributes, running.getEndProps());\n    }, {} as Record<string, any>);\n  }\n\n  private animationEnd(invokeCallback: boolean = true) {\n    this.isAnimating = false;\n    this.runnings = null;\n    if (invokeCallback) {\n      this.callbackFunction?.call(null);\n    }\n  }\n\n  private animateElement(animationParameters: IAnimationParameters, parameters: any) {\n    const graphicAnimate: IGraphicAnimate = this.element.getGraphicItem().animate();\n    this.runnings.push(graphicAnimate);\n    // initialDelay is only used at first loop\n    graphicAnimate.startAt(this.unit.initialDelay);\n    // execute loop animation\n    graphicAnimate.wait(this.unit.loopDelay);\n    this.unit.timeSlices.forEach(timeSlice => {\n      this.animateTimeSlice(graphicAnimate, timeSlice, animationParameters, parameters);\n    });\n    graphicAnimate.wait(this.unit.loopDelayAfter);\n\n    graphicAnimate.loop(this.unit.loopCount - 1);\n\n    if (isValidNumber(this.unit.totalTime)) {\n      // FIXME: use VRender api instead after VRender refactor is finished\n      setTimeout(() => {\n        if (graphicAnimate) {\n          graphicAnimate.stop('end');\n        }\n      }, this.unit.totalTime);\n    }\n\n    graphicAnimate.onEnd(() => {\n      this.runnings = this.runnings.filter(running => running !== graphicAnimate);\n      if (this.runnings.length === 0) {\n        this.animationEnd();\n      }\n    });\n  }\n\n  private animateTimeSlice(\n    graphicAnimate: IGraphicAnimate,\n    timeSlice: IAnimationTimeSlice,\n    animationParameters: IAnimationParameters,\n    parameters: any\n  ) {\n    const delay = timeSlice.delay as number;\n    const duration = timeSlice.duration as number;\n    const effects = timeSlice.effects as IAnimationEffect[];\n\n    // wait in loop animation before animation starts\n    if (delay > 0) {\n      graphicAnimate.wait(delay);\n    }\n\n    if (effects.length < 0) {\n      graphicAnimate.wait(duration);\n    } else {\n      const customAnimates = effects\n        .map((effect, index) => {\n          const attributes =\n            (effect.type\n              ? typeAnimationAttributes(this.element, effect, animationParameters, parameters)\n              : channelAnimationAttributes(this.element, effect, animationParameters, parameters)) ?? {};\n          const customOption = attributes?.custom || effect?.custom;\n          const customParametersOption = attributes?.customParameters || effect?.customParameters;\n\n          if (\n            attributes.from &&\n            Object.keys(attributes.from).length &&\n            this.unit &&\n            this.animationOptions.timeline.controlOptions.immediatelyApply &&\n            this.element.mark.markType !== 'component'\n          ) {\n            this.element.getGraphicItem().setAttributes(attributes.from);\n          }\n\n          const isCustomAnimate = isCustomAnimateCtor(customOption);\n          const isCustomInterpolator = !isNil(customOption) && !isCustomAnimateCtor(customOption);\n\n          if (isCustomInterpolator) {\n            return new CustomInterpolator(attributes.from, attributes.to, duration, effect.easing, {\n              interpolator: customOption as IAnimationChannelInterpolator,\n              element: this.element,\n              parameters: customParametersOption\n            });\n          } else if (isCustomAnimate) {\n            return new (customOption as IAnimationCustomConstructor)(\n              attributes.from,\n              attributes.to,\n              duration,\n              effect.easing,\n              customParametersOption\n            );\n          } else if (attributes.to) {\n            return new AttributeAnimate(attributes.from, attributes.to, duration, effect.easing);\n          }\n        })\n        .filter(animate => !isNil(animate));\n\n      if (customAnimates.length === 1) {\n        graphicAnimate.play(customAnimates[0]);\n      } else {\n        graphicAnimate.play(new AnimateGroup(duration, customAnimates));\n      }\n    }\n  }\n}\n"]}

package/cjs/graph/animation/arranger.d.ts

@@ -0,0 +1,13 @@
+import type { IAnimateArranger, IAnimator } from '../../types/animate';
+export declare class Arranger implements IAnimateArranger {
+    afterArranger: IAnimateArranger;
+    parallelArrangers: IAnimateArranger[];
+    animators: IAnimator[];
+    totalTime: number;
+    startTime: number;
+    endTime: number;
+    constructor(animators: IAnimator[]);
+    parallel(arranger: IAnimateArranger): this;
+    after(arranger: IAnimateArranger): this;
+    arrangeTime(): void;
+}

package/cjs/graph/animation/arranger.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Arranger = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+class Arranger {
+    constructor(animators) {
+        this.parallelArrangers = [ this ], this.totalTime = 0, this.startTime = 0, this.endTime = 0, 
+        this.animators = animators.filter((animator => !(0, vutils_1.isNil)(animator))), 
+        this.totalTime = this.animators.reduce(((time, animator) => Math.max(time, animator.getTotalAnimationTime())), 0);
+    }
+    parallel(arranger) {
+        const parallelArrangers = Array.from(new Set(this.parallelArrangers.concat(arranger.parallelArrangers)));
+        return parallelArrangers.forEach((arranger => {
+            arranger.parallelArrangers = parallelArrangers;
+        })), this.arrangeTime(), this;
+    }
+    after(arranger) {
+        return this.afterArranger = arranger, this.arrangeTime(), this;
+    }
+    arrangeTime() {
+        const parallelTime = this.parallelArrangers.reduce(((time, arranger) => Math.max(time, arranger.totalTime)), this.totalTime), startTime = this.parallelArrangers.reduce(((time, arranger) => {
+            var _a, _b;
+            return Math.max(time, null !== (_b = null === (_a = arranger.afterArranger) || void 0 === _a ? void 0 : _a.endTime) && void 0 !== _b ? _b : 0);
+        }), 0);
+        this.parallelArrangers.forEach((arranger => {
+            arranger.startTime = startTime, arranger.endTime = startTime + parallelTime, arranger.animators.forEach((animator => {
+                animator.startAt(startTime);
+            }));
+        }));
+    }
+}
+
+exports.Arranger = Arranger;
+//# sourceMappingURL=arranger.js.map

package/cjs/graph/animation/arranger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/arranger.ts"],"names":[],"mappings":";;;AAAA,6CAAyC;AAGzC,MAAa,QAAQ;IASnB,YAAY,SAAsB;QAPlC,sBAAiB,GAAuB,CAAC,IAAI,CAAC,CAAC;QAG/C,cAAS,GAAW,CAAC,CAAC;QACtB,cAAS,GAAW,CAAC,CAAC;QACtB,YAAO,GAAW,CAAC,CAAC;QAGlB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAA,cAAK,EAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;YACxD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC1D,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,QAAQ,CAAC,QAA0B;QACjC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACzG,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACnC,QAAQ,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,KAAK,CAAC,QAA0B;QAC9B,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC9B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,WAAW;QACT,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;YACpE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC5C,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACnB,MAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;;YACjE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,MAAA,MAAA,QAAQ,CAAC,aAAa,0CAAE,OAAO,mCAAI,CAAC,CAAC,CAAC;QAC9D,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YACxC,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;YAC/B,QAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,YAAY,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACpC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AA/CD,4BA+CC","file":"arranger.js","sourcesContent":["import { isNil } from '@visactor/vutils';\nimport type { IAnimateArranger, IAnimator } from '../../types/animate';\n\nexport class Arranger implements IAnimateArranger {\n  afterArranger: IAnimateArranger;\n  parallelArrangers: IAnimateArranger[] = [this];\n\n  animators: IAnimator[];\n  totalTime: number = 0;\n  startTime: number = 0;\n  endTime: number = 0;\n\n  constructor(animators: IAnimator[]) {\n    this.animators = animators.filter(animator => !isNil(animator));\n    this.totalTime = this.animators.reduce((time, animator) => {\n      return Math.max(time, animator.getTotalAnimationTime());\n    }, 0);\n  }\n\n  parallel(arranger: IAnimateArranger) {\n    const parallelArrangers = Array.from(new Set(this.parallelArrangers.concat(arranger.parallelArrangers)));\n    parallelArrangers.forEach(arranger => {\n      arranger.parallelArrangers = parallelArrangers;\n    });\n    this.arrangeTime();\n    return this;\n  }\n\n  after(arranger: IAnimateArranger) {\n    this.afterArranger = arranger;\n    this.arrangeTime();\n    return this;\n  }\n\n  arrangeTime() {\n    const parallelTime = this.parallelArrangers.reduce((time, arranger) => {\n      return Math.max(time, arranger.totalTime);\n    }, this.totalTime);\n    const startTime = this.parallelArrangers.reduce((time, arranger) => {\n      return Math.max(time, arranger.afterArranger?.endTime ?? 0);\n    }, 0);\n\n    this.parallelArrangers.forEach(arranger => {\n      arranger.startTime = startTime;\n      arranger.endTime = startTime + parallelTime;\n      arranger.animators.forEach(animator => {\n        animator.startAt(startTime);\n      });\n    });\n  }\n}\n"]}

package/cjs/graph/animation/attribute.d.ts

@@ -0,0 +1,27 @@
+import type { EasingType, IGraphic } from '@visactor/vrender';
+import { ACustomAnimate } from '@visactor/vrender';
+import type { IAnimationChannelInterpolator, IAnimationEffect, IAnimationParameters, IElement, IParsedAnimationAttrs } from '../../types';
+export declare function typeAnimationAttributes(element: IElement, effect: IAnimationEffect, animationParameters: IAnimationParameters, parameters: any): IParsedAnimationAttrs;
+export declare function channelAnimationAttributes(element: IElement, effect: IAnimationEffect, animationParameters: IAnimationParameters, parameters: any): IParsedAnimationAttrs;
+export declare class CustomInterpolator extends ACustomAnimate<any> {
+    private _element;
+    private _interpolator?;
+    constructor(from: any, to: any, duration: number, easing: EasingType, params: {
+        interpolator: IAnimationChannelInterpolator;
+        element: IElement;
+        parameters?: any;
+    });
+    onBind(): void;
+    getEndProps(): void | Record<string, any>;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}
+export declare class AttributeAnimate extends ACustomAnimate<any> {
+    target: IGraphic;
+    private _fromAttribute;
+    private _toAttribute;
+    getEndProps(): Record<string, any>;
+    onBind(): void;
+    onStart(): void;
+    onEnd(): void;
+    onUpdate(end: boolean, ratio: number, out: Record<string, any>): void;
+}

package/cjs/graph/animation/attribute.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AttributeAnimate = exports.CustomInterpolator = exports.channelAnimationAttributes = exports.typeAnimationAttributes = void 0;
+
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), helpers_1 = require("../attributes/helpers"), factory_1 = require("../../core/factory"), transformAnimationAttributes = (attributes, element) => {
+    if (!attributes) return null;
+    if (null == attributes ? void 0 : attributes.from) {
+        const from = attributes.from;
+        Object.keys(from).forEach((channel => {
+            (0, vutils_1.isNil)(from[channel]) && delete from[channel];
+        }));
+        const computePoints = (0, helpers_1.isValidPointsChannel)(Object.keys(from), element.mark.markType) && !(0, 
+        vutils_1.isValid)(from.segments);
+        if (computePoints) {
+            const items = element.items.map((item => Object.assign({}, item, {
+                nextAttrs: from
+            })));
+            attributes.from = element.transformElementItems(items, element.mark.markType, computePoints);
+        }
+    }
+    if (null == attributes ? void 0 : attributes.to) {
+        const to = attributes.to;
+        Object.keys(to).forEach((channel => {
+            (0, vutils_1.isNil)(to[channel]) && delete to[channel];
+        }));
+        const computePoints = (0, helpers_1.isValidPointsChannel)(Object.keys(to), element.mark.markType) && !(0, 
+        vutils_1.isValid)(to.segments);
+        if (computePoints) {
+            const items = element.items.map((item => Object.assign({}, item, {
+                nextAttrs: to
+            })));
+            attributes.to = element.transformElementItems(items, element.mark.markType, computePoints);
+        }
+    }
+    return attributes;
+};
+
+function typeAnimationAttributes(element, effect, animationParameters, parameters) {
+    const options = (0, vutils_1.isFunction)(effect.options) ? effect.options.call(null, element.getDatum(), element, parameters) : effect.options;
+    if (!effect.type || !factory_1.Factory.getAnimationType(effect.type)) return null;
+    const attributes = factory_1.Factory.getAnimationType(effect.type)(element, options, animationParameters);
+    return transformAnimationAttributes(attributes, element);
+}
+
+exports.typeAnimationAttributes = typeAnimationAttributes;
+
+const parseChannelValue = (element, channel, channelValue, animationParameters, parameters) => (0, 
+vutils_1.isFunction)(channelValue) ? channelValue(element.getDatum(), element, parameters) : channelValue;
+
+function channelAnimationAttributes(element, effect, animationParameters, parameters) {
+    const channel = effect.channel;
+    let attributes = null;
+    return (0, vutils_1.isArray)(channel) ? attributes = channel.reduce(((res, key) => (res.from[key] = element.getGraphicAttribute(key, !0), 
+    res.to[key] = element.getGraphicAttribute(key, !1), res)), {
+        from: {},
+        to: {}
+    }) : (0, vutils_1.isObject)(channel) && (attributes = Object.keys(channel).reduce(((res, key) => {
+        var _a, _b;
+        const hasFrom = !(0, vutils_1.isNil)(null === (_a = channel[key]) || void 0 === _a ? void 0 : _a.from), hasTo = !(0, 
+        vutils_1.isNil)(null === (_b = channel[key]) || void 0 === _b ? void 0 : _b.to);
+        return (hasFrom || hasTo) && (res.from[key] = hasFrom ? parseChannelValue(element, 0, channel[key].from, 0, parameters) : void 0, 
+        res.to[key] = hasTo ? parseChannelValue(element, 0, channel[key].to, 0, parameters) : element.getGraphicAttribute(key, !1)), 
+        res;
+    }), {
+        from: {},
+        to: {}
+    })), transformAnimationAttributes(attributes, element);
+}
+
+exports.channelAnimationAttributes = channelAnimationAttributes;
+
+class CustomInterpolator extends vrender_1.ACustomAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this._interpolator = null == params ? void 0 : params.interpolator, 
+        this._element = null == params ? void 0 : params.element;
+    }
+    onBind() {
+        var _a, _b;
+        this.from = null !== (_a = this.from) && void 0 !== _a ? _a : {}, this.to = null !== (_b = this.to) && void 0 !== _b ? _b : {};
+    }
+    getEndProps() {
+        return this.to;
+    }
+    onUpdate(end, ratio, out) {
+        this._interpolator && this._element && this._interpolator.call(this, ratio, this.from, this.to, out, this._element.getDatum(), this._element, this.params.parameters);
+    }
+}
+
+exports.CustomInterpolator = CustomInterpolator;
+
+class AttributeAnimate extends vrender_1.ACustomAnimate {
+    getEndProps() {
+        return this.to;
+    }
+    onBind() {
+        var _a, _b;
+        this.from = null !== (_a = this.from) && void 0 !== _a ? _a : {}, this.to = null !== (_b = this.to) && void 0 !== _b ? _b : {};
+    }
+    onStart() {
+        const from = Object.assign({}, this.from), to = Object.assign({}, this.to);
+        Object.keys(to).forEach((k => {
+            (0, vutils_1.isNil)(from[k]) && (from[k] = this.target.getComputedAttribute(k));
+        })), this.target.setAttributes(from, !1, {
+            type: vrender_1.AttributeUpdateType.ANIMATE_UPDATE,
+            animationState: {
+                ratio: 0,
+                end: !1
+            }
+        }), this._fromAttribute = from, this._toAttribute = to;
+    }
+    onEnd() {
+        this.target.setAttributes(this._toAttribute, !1, {
+            type: vrender_1.AttributeUpdateType.ANIMATE_END
+        });
+    }
+    onUpdate(end, ratio, out) {
+        this.target.stepInterpolate(this.subAnimate, this.subAnimate.animate, out, this.step, ratio, end, this._toAttribute, this._fromAttribute);
+    }
+}
+
+exports.AttributeAnimate = AttributeAnimate;
+//# sourceMappingURL=attribute.js.map

package/cjs/graph/animation/attribute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/graph/animation/attribute.ts"],"names":[],"mappings":";;;AAEA,+CAAwE;AACxE,6CAAiF;AASjF,mDAA6D;AAC7D,gDAA6C;AAE7C,MAAM,4BAA4B,GAAG,CAAC,UAAiC,EAAE,OAAiB,EAAyB,EAAE;IACnH,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,EAAE;QACpB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAC7B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAClC,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE;gBACxB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;aACtB;QACH,CAAC,CAAC,CAAC;QACH,MAAM,aAAa,GAAG,IAAA,8BAAoB,EAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,gBAAO,EAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChH,IAAI,aAAa,EAAE;YACjB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACtF,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;SAC9F;KACF;IACD,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,EAAE;QAClB,MAAM,EAAE,GAAG,UAAU,CAAC,EAAE,CAAC;QACzB,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAChC,IAAI,IAAA,cAAK,EAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;gBACtB,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;QACH,MAAM,aAAa,GAAG,IAAA,8BAAoB,EAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAA,gBAAO,EAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC5G,IAAI,aAAa,EAAE;YACjB,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;YACpF,UAAU,CAAC,EAAE,GAAG,OAAO,CAAC,qBAAqB,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;SAC5F;KACF;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,SAAgB,uBAAuB,CACrC,OAAiB,EACjB,MAAwB,EACxB,mBAAyC,EACzC,UAAe;IAGf,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,MAAM,CAAC,OAAO,CAAC;QACxC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC;QACpE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;IACnB,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,iBAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;QAC1D,OAAO,IAAI,CAAC;KACb;IACD,MAAM,UAAU,GAAG,iBAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,OAAwB,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACjH,OAAO,4BAA4B,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC3D,CAAC;AAfD,0DAeC;AAED,MAAM,iBAAiB,GAAG,CACxB,OAAiB,EACjB,OAAe,EACf,YAAiB,EACjB,mBAAyC,EACzC,UAAe,EACf,EAAE;IACF,OAAO,IAAA,mBAAU,EAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;AACzG,CAAC,CAAC;AAEF,SAAgB,0BAA0B,CACxC,OAAiB,EACjB,MAAwB,EACxB,mBAAyC,EACzC,UAAe;IAEf,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC/B,IAAI,UAAU,GAA0B,IAAI,CAAC;IAE7C,IAAI,IAAA,gBAAO,EAAC,OAAO,CAAC,EAAE;QACpB,UAAU,GAAG,OAAO,CAAC,MAAM,CACzB,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;YACX,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YACvD,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YACtD,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CACrB,CAAC;KACH;SAAM,IAAI,IAAA,iBAAQ,EAAC,OAAO,CAAC,EAAE;QAC5B,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACtC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YACX,MAAM,OAAO,GAAG,CAAC,IAAA,cAAK,EAAC,MAAA,OAAO,CAAC,GAAG,CAAC,0CAAE,IAAI,CAAC,CAAC;YAC3C,MAAM,KAAK,GAAG,CAAC,IAAA,cAAK,EAAC,MAAA,OAAO,CAAC,GAAG,CAAC,0CAAE,EAAE,CAAC,CAAC;YAEvC,IAAI,OAAO,IAAI,KAAK,EAAE;gBACpB,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO;oBACrB,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,mBAAmB,EAAE,UAAU,CAAC;oBACrF,CAAC,CAAC,SAAS,CAAC;gBACd,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK;oBACjB,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,mBAAmB,EAAE,UAAU,CAAC;oBACnF,CAAC,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;aAC7C;YAED,OAAO,GAAG,CAAC;QACb,CAAC,EACD,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CACrB,CAAC;KACH;IAED,OAAO,4BAA4B,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC3D,CAAC;AAxCD,gEAwCC;AAED,MAAa,kBAAmB,SAAQ,wBAAmB;IAIzD,YACE,IAAS,EACT,EAAO,EACP,QAAgB,EAChB,MAAkB,EAClB,MAA4F;QAE5F,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,aAAa,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAC;QAC1C,IAAI,CAAC,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC;IAClC,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,GAAG,MAAA,IAAI,CAAC,EAAE,mCAAI,EAAE,CAAC;IAC1B,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,EAAE,CAAC;IACjB,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACzC,OAAO;SACR;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,EACJ,KAAK,EACL,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,EAAE,EACP,GAAG,EACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EACxB,IAAI,CAAC,QAAQ,EACb,IAAI,CAAC,MAAM,CAAC,UAAU,CACvB,CAAC;IACJ,CAAC;CACF;AAxCD,gDAwCC;AAED,MAAa,gBAAiB,SAAQ,wBAAmB;IAMvD,WAAW;QACT,OAAO,IAAI,CAAC,EAAE,CAAC;IACjB,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,GAAG,MAAA,IAAI,CAAC,EAAE,mCAAI,EAAE,CAAC;IAC1B,CAAC;IAED,OAAO;QACL,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC1B,IAAI,IAAA,cAAK,EAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;gBAClB,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;aAC/C;QAIH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;YACrC,IAAI,EAAE,6BAAmB,CAAC,cAAc;YACxC,cAAc,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE;SACzC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE;YAClD,IAAI,EAAE,6BAAmB,CAAC,WAAW;SACtC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAwB;QAC5D,IAAI,CAAC,MAAM,CAAC,eAAe,CACzB,IAAI,CAAC,UAAU,EACf,IAAI,CAAC,UAAU,CAAC,OAAO,EACvB,GAAG,EACH,IAAI,CAAC,IAAI,EACT,KAAK,EACL,GAAG,EACH,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,cAAc,CACpB,CAAC;IACJ,CAAC;CACF;AArDD,4CAqDC","file":"attribute.js","sourcesContent":["import type { EasingType, IGraphic } from '@visactor/vrender';\n// eslint-disable-next-line no-duplicate-imports\nimport { ACustomAnimate, AttributeUpdateType } from '@visactor/vrender';\nimport { isArray, isFunction, isNil, isObject, isValid } from '@visactor/vutils';\nimport type {\n  IAnimationChannelInterpolator,\n  IAnimationEffect,\n  IAnimationParameters,\n  IElement,\n  IGlyphElement,\n  IParsedAnimationAttrs\n} from '../../types';\nimport { isValidPointsChannel } from '../attributes/helpers';\nimport { Factory } from '../../core/factory';\n\nconst transformAnimationAttributes = (attributes: IParsedAnimationAttrs, element: IElement): IParsedAnimationAttrs => {\n  if (!attributes) {\n    return null;\n  }\n\n  if (attributes?.from) {\n    const from = attributes.from;\n    Object.keys(from).forEach(channel => {\n      if (isNil(from[channel])) {\n        delete from[channel];\n      }\n    });\n    const computePoints = isValidPointsChannel(Object.keys(from), element.mark.markType) && !isValid(from.segments);\n    if (computePoints) {\n      const items = element.items.map(item => Object.assign({}, item, { nextAttrs: from }));\n      attributes.from = element.transformElementItems(items, element.mark.markType, computePoints);\n    }\n  }\n  if (attributes?.to) {\n    const to = attributes.to;\n    Object.keys(to).forEach(channel => {\n      if (isNil(to[channel])) {\n        delete to[channel];\n      }\n    });\n    const computePoints = isValidPointsChannel(Object.keys(to), element.mark.markType) && !isValid(to.segments);\n    if (computePoints) {\n      const items = element.items.map(item => Object.assign({}, item, { nextAttrs: to }));\n      attributes.to = element.transformElementItems(items, element.mark.markType, computePoints);\n    }\n  }\n\n  return attributes;\n};\n\nexport function typeAnimationAttributes(\n  element: IElement,\n  effect: IAnimationEffect,\n  animationParameters: IAnimationParameters,\n  parameters: any\n): IParsedAnimationAttrs {\n  // const parameters =\n  const options = isFunction(effect.options)\n    ? effect.options.call(null, element.getDatum(), element, parameters)\n    : effect.options;\n  if (!effect.type || !Factory.getAnimationType(effect.type)) {\n    return null;\n  }\n  const attributes = Factory.getAnimationType(effect.type)(element as IGlyphElement, options, animationParameters);\n  return transformAnimationAttributes(attributes, element);\n}\n\nconst parseChannelValue = (\n  element: IElement,\n  channel: string,\n  channelValue: any,\n  animationParameters: IAnimationParameters,\n  parameters: any\n) => {\n  return isFunction(channelValue) ? channelValue(element.getDatum(), element, parameters) : channelValue;\n};\n\nexport function channelAnimationAttributes(\n  element: IElement,\n  effect: IAnimationEffect,\n  animationParameters: IAnimationParameters,\n  parameters: any\n): IParsedAnimationAttrs {\n  const channel = effect.channel;\n  let attributes: IParsedAnimationAttrs = null;\n\n  if (isArray(channel)) {\n    attributes = channel.reduce(\n      (res, key) => {\n        res.from[key] = element.getGraphicAttribute(key, true);\n        res.to[key] = element.getGraphicAttribute(key, false);\n        return res;\n      },\n      { from: {}, to: {} }\n    );\n  } else if (isObject(channel)) {\n    attributes = Object.keys(channel).reduce(\n      (res, key) => {\n        const hasFrom = !isNil(channel[key]?.from);\n        const hasTo = !isNil(channel[key]?.to);\n\n        if (hasFrom || hasTo) {\n          res.from[key] = hasFrom\n            ? parseChannelValue(element, key, channel[key].from, animationParameters, parameters)\n            : undefined;\n          res.to[key] = hasTo\n            ? parseChannelValue(element, key, channel[key].to, animationParameters, parameters)\n            : element.getGraphicAttribute(key, false);\n        }\n\n        return res;\n      },\n      { from: {}, to: {} }\n    );\n  }\n\n  return transformAnimationAttributes(attributes, element);\n}\n\nexport class CustomInterpolator extends ACustomAnimate<any> {\n  private _element: IElement;\n  private _interpolator?: IAnimationChannelInterpolator;\n\n  constructor(\n    from: any,\n    to: any,\n    duration: number,\n    easing: EasingType,\n    params: { interpolator: IAnimationChannelInterpolator; element: IElement; parameters?: any }\n  ) {\n    super(from, to, duration, easing, params);\n    this._interpolator = params?.interpolator;\n    this._element = params?.element;\n  }\n\n  onBind() {\n    this.from = this.from ?? {};\n    this.to = this.to ?? {};\n  }\n\n  getEndProps(): void | Record<string, any> {\n    return this.to;\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    if (!this._interpolator || !this._element) {\n      return;\n    }\n    this._interpolator.call(\n      this,\n      ratio,\n      this.from,\n      this.to,\n      out,\n      this._element.getDatum(),\n      this._element,\n      this.params.parameters\n    );\n  }\n}\n\nexport class AttributeAnimate extends ACustomAnimate<any> {\n  declare target: IGraphic;\n\n  private _fromAttribute: any;\n  private _toAttribute: any;\n\n  getEndProps(): Record<string, any> {\n    return this.to;\n  }\n\n  onBind() {\n    this.from = this.from ?? {};\n    this.to = this.to ?? {};\n  }\n\n  onStart(): void {\n    const from = Object.assign({}, this.from);\n    const to = Object.assign({}, this.to);\n    Object.keys(to).forEach(k => {\n      if (isNil(from[k])) {\n        from[k] = this.target.getComputedAttribute(k);\n      }\n      // if (this.to[k] === from[k]) {\n      //   delete from[k];\n      // }\n    });\n    this.target.setAttributes(from, false, {\n      type: AttributeUpdateType.ANIMATE_UPDATE,\n      animationState: { ratio: 0, end: false }\n    });\n\n    this._fromAttribute = from;\n    this._toAttribute = to;\n  }\n\n  onEnd(): void {\n    this.target.setAttributes(this._toAttribute, false, {\n      type: AttributeUpdateType.ANIMATE_END\n    });\n  }\n\n  onUpdate(end: boolean, ratio: number, out: Record<string, any>): void {\n    this.target.stepInterpolate(\n      this.subAnimate,\n      this.subAnimate.animate,\n      out,\n      this.step,\n      ratio,\n      end,\n      this._toAttribute,\n      this._fromAttribute\n    );\n  }\n}\n"]}

package/cjs/graph/animation/config.d.ts

@@ -0,0 +1,5 @@
+import type { IElement } from '../../types';
+import type { IAnimationConfig, IParsedAnimationConfig, MarkFunctionValueType } from '../../types/animate';
+export declare function normalizeAnimationConfig(config: Record<string, IAnimationConfig | IAnimationConfig[]>): Array<IParsedAnimationConfig>;
+export declare function normalizeStateAnimationConfig(state: string, config: IAnimationConfig | IAnimationConfig[], initialIndex?: number): Array<IParsedAnimationConfig>;
+export declare function invokeAnimateSpec<T>(spec: MarkFunctionValueType<T>, element: IElement, parameters: any): T;