@visactor/vchart 2.0.12-alpha.5 → 2.0.13-alpha.0

package/cjs/animation/callback-disappear.d.ts

@@ -0,0 +1,10 @@
+import { AStageAnimate } from '@visactor/vrender-animate';
+import { EasingType } from '@visactor/vrender-core';
+export declare class CallbackDisappearAnimate extends AStageAnimate<any> {
+    protected currentAnimationRatio: number;
+    protected animationTime: number;
+    constructor(from: null, to: null, duration: number, easing: EasingType, params: any);
+    onUpdate(end: boolean, ratio: number, out: any): void;
+    protected getAnimationTime(): number;
+    protected afterStageRender(stage: any, canvas: HTMLCanvasElement): void;
+}

package/cjs/animation/callback-disappear.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CallbackDisappearAnimate = void 0;
+
+const vrender_animate_1 = require("@visactor/vrender-animate");
+
+class CallbackDisappearAnimate extends vrender_animate_1.AStageAnimate {
+    constructor(from, to, duration, easing, params) {
+        super(from, to, duration, easing, params), this.currentAnimationRatio = 0, this.animationTime = 0;
+    }
+    onUpdate(end, ratio, out) {
+        super.onUpdate(end, ratio, out), this.currentAnimationRatio = ratio, this.animationTime = ratio * Math.PI * 2;
+    }
+    getAnimationTime() {
+        return this.currentAnimationRatio > 0 ? this.animationTime : Date.now() / 1e3;
+    }
+    afterStageRender(stage, canvas) {
+        var _a, _b;
+        return null === (_b = null === (_a = this.params) || void 0 === _a ? void 0 : _a.callBack) || void 0 === _b ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
+    }
+}
+
+exports.CallbackDisappearAnimate = CallbackDisappearAnimate;

package/cjs/animation/callback-disappear.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animation/callback-disappear.ts"],"names":[],"mappings":";;;AAAA,+DAA0D;AAM1D,MAAa,wBAAyB,SAAQ,+BAAkB;IAI9D,YAAY,IAAU,EAAE,EAAQ,EAAE,QAAgB,EAAE,MAAkB,EAAE,MAAW;QACjF,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAJlC,0BAAqB,GAAG,CAAC,CAAC;QAC1B,kBAAa,GAAG,CAAC,CAAC;IAI5B,CAAC;IAED,QAAQ,CAAC,GAAY,EAAE,KAAa,EAAE,GAAQ;QAC5C,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAC3C,CAAC;IAKS,gBAAgB;QACxB,IAAI,IAAI,CAAC,qBAAqB,GAAG,CAAC,EAAE;YAClC,OAAO,IAAI,CAAC,aAAa,CAAC;SAC3B;QACD,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC;IAC7B,CAAC;IAES,gBAAgB,CAAC,KAAU,EAAE,MAAyB;;QAC9D,OAAO,MAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,QAAQ,mDAAG,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,qBAAqB,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAChG,CAAC;CACF;AA3BD,4DA2BC","file":"callback-disappear.js","sourcesContent":["import { AStageAnimate } from '@visactor/vrender-animate';\nimport { EasingType } from '@visactor/vrender-core';\n\n/**\n * 特效动画基类，提取公共的WebGL和Canvas 2D操作\n */\nexport class CallbackDisappearAnimate extends AStageAnimate<any> {\n  protected currentAnimationRatio = 0;\n  protected animationTime = 0;\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: any): void {\n    super.onUpdate(end, ratio, out);\n    this.currentAnimationRatio = ratio;\n    this.animationTime = ratio * Math.PI * 2;\n  }\n\n  /**\n   * 获取基于动画进度的时间\n   */\n  protected getAnimationTime(): number {\n    if (this.currentAnimationRatio > 0) {\n      return this.animationTime;\n    }\n    return Date.now() / 1000.0;\n  }\n\n  protected afterStageRender(stage: any, canvas: HTMLCanvasElement): void {\n    return this.params?.callBack?.(stage, canvas, this.currentAnimationRatio, this.animationTime);\n  }\n}\n"]}

package/cjs/animation/config.d.ts

@@ -35,9 +35,6 @@ export declare const ScaleInOutAnimation: {
     exit: {
         type: string;
     };
-    disappear: {
-        type: string;
-    };
 };
 export declare const FadeInOutAnimation: {
     appear: {
@@ -49,9 +46,6 @@ export declare const FadeInOutAnimation: {
     exit: {
         type: string;
     };
-    disappear: {
-        type: string;
-    };
 };
 export declare const registerScaleInOutAnimation: () => void;
 export declare const registerFadeInOutAnimation: () => void;

package/cjs/animation/config.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerStageAnimation = exports.registerPolygonAnimation = exports.registerLineOrAreaAnimation = exports.registerArcAnimation = exports.registerRectAnimation = exports.registerBuiltInAnimation = exports.registerAreaAnimation = exports.registerLineAnimation = exports.registerCartesianGroupClipAnimation = exports.registerFadeInOutAnimation = exports.registerScaleInOutAnimation = exports.FadeInOutAnimation = exports.ScaleInOutAnimation = exports.DEFAULT_ANIMATION_CONFIG = void 0;
 
-const vrender_animate_1 = require("@visactor/vrender-animate"), animation_1 = require("../series/line/animation"), factory_1 = require("../core/factory");
+const vrender_animate_1 = require("@visactor/vrender-animate"), animation_1 = require("../series/line/animation"), factory_1 = require("../core/factory"), callback_disappear_1 = require("./callback-disappear"), animate_1 = require("../constant/animate");
 
 exports.DEFAULT_ANIMATION_CONFIG = {
     appear: {
@@ -41,9 +41,6 @@ exports.DEFAULT_ANIMATION_CONFIG = {
     },
     exit: {
         type: "scaleOut"
-    },
-    disappear: {
-        type: "scaleOut"
     }
 }, exports.FadeInOutAnimation = {
     appear: {
@@ -54,9 +51,6 @@ exports.DEFAULT_ANIMATION_CONFIG = {
     },
     exit: {
         type: "fadeOut"
-    },
-    disappear: {
-        type: "fadeOut"
     }
 };
 
@@ -84,17 +78,6 @@ const registerCartesianGroupClipAnimation = () => {
                 height: params.height(),
                 orient: params.orient()
             })
-        },
-        disappear: {
-            custom: vrender_animate_1.ClipDirectionAnimate,
-            customParameters: (datum, g) => ({
-                animationType: "out",
-                group: g,
-                direction: params.direction(),
-                width: params.width(),
-                height: params.height(),
-                orient: params.orient()
-            })
         }
     })));
 };
@@ -122,10 +105,7 @@ const lineOrAreaAnimation = (params, preset) => ({
         customParameters: {
             clipRangeByDimension: "horizontal" === params.direction ? "y" : "x"
         }
-    } ],
-    disappear: {
-        type: "clipOut"
-    }
+    } ]
 }), registerLineAnimation = () => {
     factory_1.Factory.registerAnimation("line", lineOrAreaAnimation);
 };
@@ -194,13 +174,7 @@ const registerPolygonAnimation = () => {
 exports.registerPolygonAnimation = registerPolygonAnimation;
 
 const registerStageAnimation = () => {
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("distortion", vrender_animate_1.Distortion), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("particle", vrender_animate_1.Particle), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("pixelation", vrender_animate_1.Pixelation), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("gaussianBlur", vrender_animate_1.GaussianBlur), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("glitch", vrender_animate_1.Glitch), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("grayscale", vrender_animate_1.Grayscale), 
-    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate("dissolve", vrender_animate_1.Dissolve);
+    vrender_animate_1.AnimateExecutor.registerBuiltInAnimate(animate_1.BuiltIn_DISAPPEAR_ANIMATE_NAME, callback_disappear_1.CallbackDisappearAnimate);
 };
 
 exports.registerStageAnimation = registerStageAnimation;

package/cjs/animation/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animation/config.ts"],"names":[],"mappings":"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","file":"config.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport type { IGraphic } from '@visactor/vrender-core';\nimport {\n  TagPointsUpdate,\n  ClipDirectionAnimate,\n  AnimateExecutor,\n  ScaleIn,\n  ScaleOut,\n  FadeIn,\n  FadeOut,\n  MoveIn,\n  MoveOut,\n  RotateIn,\n  RotateOut,\n  Update,\n  State,\n  GrowHeightIn,\n  GrowHeightOut,\n  GrowWidthIn,\n  GrowWidthOut,\n  GrowCenterIn,\n  GrowCenterOut,\n  GrowRadiusIn,\n  GrowRadiusOut,\n  GrowAngleIn,\n  GrowAngleOut,\n  GrowPointsIn,\n  GrowPointsOut,\n  GrowPointsXIn,\n  GrowPointsXOut,\n  GrowPointsYIn,\n  GrowPointsYOut,\n  ClipIn,\n  ClipOut,\n  FromTo,\n  Dissolve,\n  Grayscale,\n  Distortion,\n  Particle,\n  Glitch,\n  GaussianBlur,\n  Pixelation\n} from '@visactor/vrender-animate';\n\nimport type { ILineAnimationParams, LineAppearPreset } from '../series/line/interface';\nimport { linePresetAnimation } from '../series/line/animation';\nimport type { MarkAnimationSpec, ICartesianGroupAnimationParams } from './interface';\nimport { Factory } from '../core/factory';\nimport { Direction } from '../typings/space';\n\nexport const DEFAULT_ANIMATION_CONFIG = {\n  appear: {\n    duration: 1000,\n    easing: 'cubicOut'\n  },\n  update: {\n    type: 'update',\n    duration: 300,\n    easing: 'linear'\n  },\n  enter: {\n    duration: 300,\n    easing: 'linear'\n  },\n  exit: {\n    duration: 300,\n    easing: 'linear'\n  },\n  disappear: {\n    duration: 500,\n    easing: 'cubicIn'\n  },\n  state: {\n    duration: 300,\n    easing: 'linear'\n  }\n};\n\nexport const ScaleInOutAnimation = {\n  appear: { type: 'scaleIn' },\n  enter: { type: 'scaleIn' },\n  exit: { type: 'scaleOut' },\n  disappear: { type: 'scaleOut' }\n};\n\nexport const FadeInOutAnimation = {\n  appear: { type: 'fadeIn' },\n  enter: { type: 'fadeIn' },\n  exit: { type: 'fadeOut' },\n  disappear: { type: 'fadeOut' }\n};\n\nexport const registerScaleInOutAnimation = () => {\n  Factory.registerAnimation('scaleInOut', () => ScaleInOutAnimation);\n};\n\nexport const registerFadeInOutAnimation = () => {\n  Factory.registerAnimation('fadeInOut', () => FadeInOutAnimation);\n};\n\nexport const registerCartesianGroupClipAnimation = () => {\n  Factory.registerAnimation('cartesianGroupClip', (params?: ICartesianGroupAnimationParams) => {\n    return {\n      appear: {\n        custom: ClipDirectionAnimate,\n        customParameters: (datum: any, g: IGraphic) => {\n          return {\n            animationType: 'in',\n            group: g,\n            direction: params.direction(),\n            width: params.width(),\n            height: params.height(),\n            orient: params.orient()\n          };\n        }\n      },\n      disappear: {\n        custom: ClipDirectionAnimate,\n        customParameters: (datum: any, g: IGraphic) => {\n          return {\n            animationType: 'out',\n            group: g,\n            direction: params.direction(),\n            width: params.width(),\n            height: params.height(),\n            orient: params.orient()\n          };\n        }\n      }\n    };\n  });\n};\n\nconst lineOrAreaAnimation = (params: ILineAnimationParams, preset: LineAppearPreset) => {\n  return {\n    appear: linePresetAnimation(params, preset),\n    enter: { type: 'fadeIn' },\n    exit: { type: 'fadeOut' },\n    update: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['points', 'defined', 'segments'] }\n      },\n      {\n        channel: ['points', 'segments'],\n        custom: TagPointsUpdate,\n        duration: DEFAULT_ANIMATION_CONFIG.update.duration,\n        easing: DEFAULT_ANIMATION_CONFIG.update.easing,\n        customParameters: {\n          clipRangeByDimension: params.direction === Direction.horizontal ? 'y' : 'x'\n        }\n      }\n    ],\n    disappear: { type: 'clipOut' }\n  } as MarkAnimationSpec;\n};\n\nexport const registerLineAnimation = () => {\n  Factory.registerAnimation('line', lineOrAreaAnimation);\n};\n\nexport const registerAreaAnimation = () => {\n  Factory.registerAnimation('area', lineOrAreaAnimation);\n};\n\nexport const registerBuiltInAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('scaleIn', ScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('scaleOut', ScaleOut);\n  AnimateExecutor.registerBuiltInAnimate('fadeIn', FadeIn);\n  AnimateExecutor.registerBuiltInAnimate('fadeOut', FadeOut);\n  AnimateExecutor.registerBuiltInAnimate('moveIn', MoveIn);\n  AnimateExecutor.registerBuiltInAnimate('moveOut', MoveOut);\n  AnimateExecutor.registerBuiltInAnimate('rotateIn', RotateIn);\n  AnimateExecutor.registerBuiltInAnimate('rotateOut', RotateOut);\n  AnimateExecutor.registerBuiltInAnimate('update', Update);\n  AnimateExecutor.registerBuiltInAnimate('state', State);\n  AnimateExecutor.registerBuiltInAnimate('fromTo', FromTo);\n};\n\nexport const registerRectAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growHeightIn', GrowHeightIn);\n  AnimateExecutor.registerBuiltInAnimate('growHeightOut', GrowHeightOut);\n  AnimateExecutor.registerBuiltInAnimate('growWidthIn', GrowWidthIn);\n  AnimateExecutor.registerBuiltInAnimate('growWidthOut', GrowWidthOut);\n  AnimateExecutor.registerBuiltInAnimate('growCenterIn', GrowCenterIn);\n  AnimateExecutor.registerBuiltInAnimate('growCenterOut', GrowCenterOut);\n};\n\nexport const registerArcAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growRadiusIn', GrowRadiusIn);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusOut', GrowRadiusOut);\n  AnimateExecutor.registerBuiltInAnimate('growAngleIn', GrowAngleIn);\n  AnimateExecutor.registerBuiltInAnimate('growAngleOut', GrowAngleOut);\n};\n\nexport const registerLineOrAreaAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growPointsIn', GrowPointsIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXIn', GrowPointsXIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXOut', GrowPointsXOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYIn', GrowPointsYIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYOut', GrowPointsYOut);\n  AnimateExecutor.registerBuiltInAnimate('clipIn', ClipIn);\n  AnimateExecutor.registerBuiltInAnimate('clipOut', ClipOut);\n};\n\nexport const registerPolygonAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n};\n\nexport const registerStageAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('distortion', Distortion);\n  AnimateExecutor.registerBuiltInAnimate('particle', Particle);\n  AnimateExecutor.registerBuiltInAnimate('pixelation', Pixelation);\n  AnimateExecutor.registerBuiltInAnimate('gaussianBlur', GaussianBlur);\n  AnimateExecutor.registerBuiltInAnimate('glitch', Glitch);\n  AnimateExecutor.registerBuiltInAnimate('grayscale', Grayscale);\n  AnimateExecutor.registerBuiltInAnimate('dissolve', Dissolve);\n};\n"]}
+{"version":3,"sources":["../src/animation/config.ts"],"names":[],"mappings":";;;AAEA,+DAiCmC;AAGnC,wDAA+D;AAE/D,6CAA0C;AAE1C,6DAAgE;AAChE,iDAAqE;AAExD,QAAA,wBAAwB,GAAG;IACtC,MAAM,EAAE;QACN,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,UAAU;KACnB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,SAAS;KAClB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,GAAG;QACb,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC1B,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;CAC3B,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC1B,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IACzB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;CAC1B,CAAC;AAEK,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,iBAAO,CAAC,iBAAiB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,2BAAmB,CAAC,CAAC;AACrE,CAAC,CAAC;AAFW,QAAA,2BAA2B,+BAEtC;AAEK,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,iBAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,0BAAkB,CAAC,CAAC;AACnE,CAAC,CAAC;AAFW,QAAA,0BAA0B,8BAErC;AAEK,MAAM,mCAAmC,GAAG,GAAG,EAAE;IACtD,iBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAAE,CAAC,MAAuC,EAAE,EAAE;QAC1F,OAAO;YACL,MAAM,EAAE;gBACN,MAAM,EAAE,sCAAoB;gBAC5B,gBAAgB,EAAE,CAAC,KAAU,EAAE,CAAW,EAAE,EAAE;oBAC5C,OAAO;wBACL,aAAa,EAAE,IAAI;wBACnB,KAAK,EAAE,CAAC;wBACR,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE;wBAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;wBACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;wBACvB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;qBACxB,CAAC;gBACJ,CAAC;aACF;SACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAlBW,QAAA,mCAAmC,uCAkB9C;AAEF,MAAM,mBAAmB,GAAG,CAAC,MAA4B,EAAE,MAAwB,EAAE,EAAE;IACrF,OAAO;QACL,MAAM,EAAE,IAAA,+BAAmB,EAAC,MAAM,EAAE,MAAM,CAAC;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACzB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACzB,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,EAAE,eAAe,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE;aAChE;YACD;gBACE,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;gBAC/B,MAAM,EAAE,iCAAe;gBACvB,QAAQ,EAAE,gCAAwB,CAAC,MAAM,CAAC,QAAQ;gBAClD,MAAM,EAAE,gCAAwB,CAAC,MAAM,CAAC,MAAM;gBAC9C,gBAAgB,EAAE;oBAChB,oBAAoB,EAAE,MAAM,CAAC,SAAS,iBAAyB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;iBAC5E;aACF;SACF;KACmB,CAAC;AACzB,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iBAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AACzD,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iBAAO,CAAC,iBAAiB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AACzD,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC;AAEK,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,iCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,yBAAO,CAAC,CAAC;IAC3D,iCAAe,CAAC,sBAAsB,CAAC,UAAU,EAAE,0BAAQ,CAAC,CAAC;IAC7D,iCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,wBAAM,CAAC,CAAC;IACzD,iCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,yBAAO,CAAC,CAAC;IAC3D,iCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,wBAAM,CAAC,CAAC;IACzD,iCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,yBAAO,CAAC,CAAC;IAC3D,iCAAe,CAAC,sBAAsB,CAAC,UAAU,EAAE,0BAAQ,CAAC,CAAC;IAC7D,iCAAe,CAAC,sBAAsB,CAAC,WAAW,EAAE,2BAAS,CAAC,CAAC;IAC/D,iCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,wBAAM,CAAC,CAAC;IACzD,iCAAe,CAAC,sBAAsB,CAAC,OAAO,EAAE,uBAAK,CAAC,CAAC;IACvD,iCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,wBAAM,CAAC,CAAC;AAC3D,CAAC,CAAC;AAZW,QAAA,wBAAwB,4BAYnC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;IACrE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;IACvE,iCAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,6BAAW,CAAC,CAAC;IACnE,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;IACrE,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;IACrE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;AACzE,CAAC,CAAC;AAPW,QAAA,qBAAqB,yBAOhC;AAEK,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;IACrE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;IACvE,iCAAe,CAAC,sBAAsB,CAAC,aAAa,EAAE,6BAAW,CAAC,CAAC;IACnE,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;AACvE,CAAC,CAAC;AALW,QAAA,oBAAoB,wBAK/B;AAEK,MAAM,2BAA2B,GAAG,GAAG,EAAE;IAC9C,iCAAe,CAAC,sBAAsB,CAAC,cAAc,EAAE,8BAAY,CAAC,CAAC;IACrE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;IACvE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;IACvE,iCAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,gCAAc,CAAC,CAAC;IACzE,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;IACvE,iCAAe,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,gCAAc,CAAC,CAAC;IACzE,iCAAe,CAAC,sBAAsB,CAAC,QAAQ,EAAE,wBAAM,CAAC,CAAC;IACzD,iCAAe,CAAC,sBAAsB,CAAC,SAAS,EAAE,yBAAO,CAAC,CAAC;AAC7D,CAAC,CAAC;AATW,QAAA,2BAA2B,+BAStC;AAEK,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,iCAAe,CAAC,sBAAsB,CAAC,eAAe,EAAE,+BAAa,CAAC,CAAC;AACzE,CAAC,CAAC;AAFW,QAAA,wBAAwB,4BAEnC;AAEK,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,iCAAe,CAAC,sBAAsB,CAAC,wCAA8B,EAAE,6CAAwB,CAAC,CAAC;AACnG,CAAC,CAAC;AAFW,QAAA,sBAAsB,0BAEjC","file":"config.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport type { IGraphic } from '@visactor/vrender-core';\nimport {\n  TagPointsUpdate,\n  ClipDirectionAnimate,\n  AnimateExecutor,\n  ScaleIn,\n  ScaleOut,\n  FadeIn,\n  FadeOut,\n  MoveIn,\n  MoveOut,\n  RotateIn,\n  RotateOut,\n  Update,\n  State,\n  GrowHeightIn,\n  GrowHeightOut,\n  GrowWidthIn,\n  GrowWidthOut,\n  GrowCenterIn,\n  GrowCenterOut,\n  GrowRadiusIn,\n  GrowRadiusOut,\n  GrowAngleIn,\n  GrowAngleOut,\n  GrowPointsIn,\n  GrowPointsOut,\n  GrowPointsXIn,\n  GrowPointsXOut,\n  GrowPointsYIn,\n  GrowPointsYOut,\n  ClipIn,\n  ClipOut,\n  FromTo\n} from '@visactor/vrender-animate';\n\nimport type { ILineAnimationParams, LineAppearPreset } from '../series/line/interface';\nimport { linePresetAnimation } from '../series/line/animation';\nimport type { MarkAnimationSpec, ICartesianGroupAnimationParams } from './interface';\nimport { Factory } from '../core/factory';\nimport { Direction } from '../typings/space';\nimport { CallbackDisappearAnimate } from './callback-disappear';\nimport { BuiltIn_DISAPPEAR_ANIMATE_NAME } from '../constant/animate';\n\nexport const DEFAULT_ANIMATION_CONFIG = {\n  appear: {\n    duration: 1000,\n    easing: 'cubicOut'\n  },\n  update: {\n    type: 'update',\n    duration: 300,\n    easing: 'linear'\n  },\n  enter: {\n    duration: 300,\n    easing: 'linear'\n  },\n  exit: {\n    duration: 300,\n    easing: 'linear'\n  },\n  disappear: {\n    duration: 500,\n    easing: 'cubicIn'\n  },\n  state: {\n    duration: 300,\n    easing: 'linear'\n  }\n};\n\nexport const ScaleInOutAnimation = {\n  appear: { type: 'scaleIn' },\n  enter: { type: 'scaleIn' },\n  exit: { type: 'scaleOut' }\n};\n\nexport const FadeInOutAnimation = {\n  appear: { type: 'fadeIn' },\n  enter: { type: 'fadeIn' },\n  exit: { type: 'fadeOut' }\n};\n\nexport const registerScaleInOutAnimation = () => {\n  Factory.registerAnimation('scaleInOut', () => ScaleInOutAnimation);\n};\n\nexport const registerFadeInOutAnimation = () => {\n  Factory.registerAnimation('fadeInOut', () => FadeInOutAnimation);\n};\n\nexport const registerCartesianGroupClipAnimation = () => {\n  Factory.registerAnimation('cartesianGroupClip', (params?: ICartesianGroupAnimationParams) => {\n    return {\n      appear: {\n        custom: ClipDirectionAnimate,\n        customParameters: (datum: any, g: IGraphic) => {\n          return {\n            animationType: 'in',\n            group: g,\n            direction: params.direction(),\n            width: params.width(),\n            height: params.height(),\n            orient: params.orient()\n          };\n        }\n      }\n    };\n  });\n};\n\nconst lineOrAreaAnimation = (params: ILineAnimationParams, preset: LineAppearPreset) => {\n  return {\n    appear: linePresetAnimation(params, preset),\n    enter: { type: 'fadeIn' },\n    exit: { type: 'fadeOut' },\n    update: [\n      {\n        type: 'update',\n        options: { excludeChannels: ['points', 'defined', 'segments'] }\n      },\n      {\n        channel: ['points', 'segments'],\n        custom: TagPointsUpdate,\n        duration: DEFAULT_ANIMATION_CONFIG.update.duration,\n        easing: DEFAULT_ANIMATION_CONFIG.update.easing,\n        customParameters: {\n          clipRangeByDimension: params.direction === Direction.horizontal ? 'y' : 'x'\n        }\n      }\n    ]\n  } as MarkAnimationSpec;\n};\n\nexport const registerLineAnimation = () => {\n  Factory.registerAnimation('line', lineOrAreaAnimation);\n};\n\nexport const registerAreaAnimation = () => {\n  Factory.registerAnimation('area', lineOrAreaAnimation);\n};\n\nexport const registerBuiltInAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('scaleIn', ScaleIn);\n  AnimateExecutor.registerBuiltInAnimate('scaleOut', ScaleOut);\n  AnimateExecutor.registerBuiltInAnimate('fadeIn', FadeIn);\n  AnimateExecutor.registerBuiltInAnimate('fadeOut', FadeOut);\n  AnimateExecutor.registerBuiltInAnimate('moveIn', MoveIn);\n  AnimateExecutor.registerBuiltInAnimate('moveOut', MoveOut);\n  AnimateExecutor.registerBuiltInAnimate('rotateIn', RotateIn);\n  AnimateExecutor.registerBuiltInAnimate('rotateOut', RotateOut);\n  AnimateExecutor.registerBuiltInAnimate('update', Update);\n  AnimateExecutor.registerBuiltInAnimate('state', State);\n  AnimateExecutor.registerBuiltInAnimate('fromTo', FromTo);\n};\n\nexport const registerRectAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growHeightIn', GrowHeightIn);\n  AnimateExecutor.registerBuiltInAnimate('growHeightOut', GrowHeightOut);\n  AnimateExecutor.registerBuiltInAnimate('growWidthIn', GrowWidthIn);\n  AnimateExecutor.registerBuiltInAnimate('growWidthOut', GrowWidthOut);\n  AnimateExecutor.registerBuiltInAnimate('growCenterIn', GrowCenterIn);\n  AnimateExecutor.registerBuiltInAnimate('growCenterOut', GrowCenterOut);\n};\n\nexport const registerArcAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growRadiusIn', GrowRadiusIn);\n  AnimateExecutor.registerBuiltInAnimate('growRadiusOut', GrowRadiusOut);\n  AnimateExecutor.registerBuiltInAnimate('growAngleIn', GrowAngleIn);\n  AnimateExecutor.registerBuiltInAnimate('growAngleOut', GrowAngleOut);\n};\n\nexport const registerLineOrAreaAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growPointsIn', GrowPointsIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXIn', GrowPointsXIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsXOut', GrowPointsXOut);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYIn', GrowPointsYIn);\n  AnimateExecutor.registerBuiltInAnimate('growPointsYOut', GrowPointsYOut);\n  AnimateExecutor.registerBuiltInAnimate('clipIn', ClipIn);\n  AnimateExecutor.registerBuiltInAnimate('clipOut', ClipOut);\n};\n\nexport const registerPolygonAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);\n};\n\nexport const registerStageAnimation = () => {\n  AnimateExecutor.registerBuiltInAnimate(BuiltIn_DISAPPEAR_ANIMATE_NAME, CallbackDisappearAnimate);\n};\n"]}

package/cjs/animation/interface.d.ts

@@ -1,5 +1,5 @@
-import type { ACustomAnimate } from '@visactor/vrender-animate';
-import type { IGraphic, EasingType } from '@visactor/vrender-core';
+import type { ACustomAnimate, AStageAnimate } from '@visactor/vrender-animate';
+import type { IGraphic, EasingType, IStage } from '@visactor/vrender-core';
 import type { IMark, IMarkGraphic } from '../mark/interface/common';
 import type { BaseMark } from '../mark';
 export declare enum AnimationStateEnum {
@@ -101,8 +101,11 @@ export interface IAnimationTimeline {
     controlOptions?: IAnimationControlOptions;
 }
 export type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;
+export type IStageAnimationCallback = (stage: IStage, canvas: HTMLCanvasElement, ratio: number, time: number) => void;
 export interface MarkAnimationSpec {
-    disappear?: IAnimationConfig | IAnimationConfig[];
+    disappear?: IAnimationConfig & {
+        callBack?: IStageAnimationCallback | AStageAnimate<any>;
+    };
     appear?: IAnimationConfig | IAnimationConfig[];
     enter?: IAnimationConfig | IAnimationConfig[];
     exit?: IAnimationConfig | IAnimationConfig[];

package/cjs/animation/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animation/interface.ts"],"names":[],"mappings":";;;AAKA,IAAY,kBAUX;AAVD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,6CAAuB,CAAA;IACvB,qCAAe,CAAA;IACf,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,uCAAiB,CAAA;IAEjB,mCAAa,CAAA;AACf,CAAC,EAVW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAU7B","file":"interface.js","sourcesContent":["import type { ACustomAnimate } from '@visactor/vrender-animate';\nimport type { IGraphic, EasingType } from '@visactor/vrender-core';\nimport type { IMark, IMarkGraphic } from '../mark/interface/common';\nimport type { BaseMark } from '../mark';\n\nexport enum AnimationStateEnum {\n  appear = 'appear',\n  disappear = 'disappear',\n  enter = 'enter',\n  update = 'update',\n  state = 'state',\n  exit = 'exit',\n  normal = 'normal',\n  // for hack\n  none = 'none'\n}\n\nexport type IAnimationState = keyof typeof AnimationStateEnum;\n\nexport interface IAnimateState {\n  animationState: { callback: (datum: any, element: any) => AnimationStateEnum };\n}\n\nexport interface ICartesianGroupAnimationParams {\n  direction: () => 'x' | 'y';\n  orient: () => 'positive' | 'negative';\n  width: () => number;\n  height: () => number;\n}\n\nexport interface IAnimationParameters {\n  width: number;\n  height: number;\n  mark: IMark;\n  group: IMark | null;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  g: IGraphic,\n  parameters: IAnimationParameters\n) => boolean | void;\n\nexport type GraphicFunctionCallback<T> = (datum: any, g: IGraphic, params: any) => T;\n\nexport type GraphicFunctionValueType<T> = GraphicFunctionCallback<T> | T;\n\n/**\n * state动画，暂时只支持简单配置\n */\nexport interface IStateAnimationConfig {\n  /**\n   * 状态动画的动画时长\n   */\n  duration?: number;\n  /**\n   * 状态动画的缓动函数类型\n   */\n  easing?: EasingType;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n  /** encode 计算图元最终状态时是否忽略循环动画 */\n  ignoreLoopFinalAttributes?: boolean;\n}\n\nexport interface CommonAnimationConfigItem {\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: GraphicFunctionValueType<any>;\n\n  easing?: EasingType;\n  duration?: GraphicFunctionValueType<number>;\n  delay?: GraphicFunctionValueType<number>;\n  delayAfter?: GraphicFunctionValueType<number>;\n  oneByOne?: GraphicFunctionValueType<boolean | number>;\n  startTime?: GraphicFunctionValueType<number>;\n  totalTime?: GraphicFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: GraphicFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n  /** 该动画是否需要忽略子图元 */\n  selfOnly?: boolean;\n}\n\nexport interface TypeAnimationConfig extends CommonAnimationConfigItem {\n  type: string;\n}\n\nexport type IAnimationChannelFunction = (datum: any, g: IGraphic, mark: IMark) => any;\n\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\n\nexport interface ChannelAnimationConfig extends CommonAnimationConfigItem {\n  channel: IAnimationChannelAttrs | string[];\n}\n\nexport type IAnimationTypeConfig = TypeAnimationConfig | ChannelAnimationConfig | CommonAnimationConfigItem;\n\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport type IAnimationEffect = {\n  type?: string;\n  channel?: IAnimationChannelAttrs | string[];\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: GraphicFunctionValueType<any>;\n  easing?: EasingType;\n  options?: GraphicFunctionValueType<any>;\n};\n\nexport interface IAnimationTimeSlice {\n  effects: IAnimationEffect | IAnimationEffect[];\n  duration?: GraphicFunctionValueType<number>;\n  delay?: GraphicFunctionValueType<number>;\n  delayAfter?: GraphicFunctionValueType<number>;\n}\n\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: GraphicFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: GraphicFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: GraphicFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: GraphicFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: GraphicFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, graphicA: IGraphic, graphicB: IGraphic) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n\nexport interface MarkAnimationSpec {\n  disappear?: IAnimationConfig | IAnimationConfig[];\n  appear?: IAnimationConfig | IAnimationConfig[];\n  enter?: IAnimationConfig | IAnimationConfig[];\n  exit?: IAnimationConfig | IAnimationConfig[];\n  update?: IAnimationConfig | IAnimationConfig[];\n  normal?: IAnimationConfig | IAnimationConfig[];\n  state?: IStateAnimationConfig;\n}\n\nexport type MarkAnimationType = keyof MarkAnimationSpec;\n\n/**\n * 动画拆分策略接口\n * 用于定义如何拆分一个动画更新为多个步骤\n */\nexport interface IAnimationSplitStrategy {\n  /**\n   * 策略名称\n   */\n  name: string;\n\n  /**\n   * 检查是否应该应用此策略\n   * @param mark 图表标记\n   * @param graphic 图形元素\n   * @returns 是否应用此策略\n   */\n  shouldApply: (mark: BaseMark<any>, graphic: IMarkGraphic) => boolean;\n\n  /**\n   * 拆分动画更新\n   * @param mark 图表标记\n   * @param graphic 图形元素\n   * @returns 拆分后的动画更新数组（每个元素包含一组属性和执行顺序）\n   */\n  split: (\n    mark: BaseMark<any>,\n    graphic: IMarkGraphic\n  ) => Array<{\n    attrs: Record<string, any>;\n    order: number;\n  }>;\n}\n"]}
+{"version":3,"sources":["../src/animation/interface.ts"],"names":[],"mappings":";;;AAKA,IAAY,kBAUX;AAVD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,6CAAuB,CAAA;IACvB,qCAAe,CAAA;IACf,uCAAiB,CAAA;IACjB,qCAAe,CAAA;IACf,mCAAa,CAAA;IACb,uCAAiB,CAAA;IAEjB,mCAAa,CAAA;AACf,CAAC,EAVW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAU7B","file":"interface.js","sourcesContent":["import type { ACustomAnimate, AStageAnimate } from '@visactor/vrender-animate';\nimport type { IGraphic, EasingType, IStage } from '@visactor/vrender-core';\nimport type { IMark, IMarkGraphic } from '../mark/interface/common';\nimport type { BaseMark } from '../mark';\n\nexport enum AnimationStateEnum {\n  appear = 'appear',\n  disappear = 'disappear',\n  enter = 'enter',\n  update = 'update',\n  state = 'state',\n  exit = 'exit',\n  normal = 'normal',\n  // for hack\n  none = 'none'\n}\n\nexport type IAnimationState = keyof typeof AnimationStateEnum;\n\nexport interface IAnimateState {\n  animationState: { callback: (datum: any, element: any) => AnimationStateEnum };\n}\n\nexport interface ICartesianGroupAnimationParams {\n  direction: () => 'x' | 'y';\n  orient: () => 'positive' | 'negative';\n  width: () => number;\n  height: () => number;\n}\n\nexport interface IAnimationParameters {\n  width: number;\n  height: number;\n  mark: IMark;\n  group: IMark | null;\n  elementIndex: number;\n  elementCount: number;\n  view: any;\n}\n\nexport type IAnimationChannelInterpolator = (\n  ratio: number,\n  from: any,\n  to: any,\n  nextAttributes: any,\n  datum: any,\n  g: IGraphic,\n  parameters: IAnimationParameters\n) => boolean | void;\n\nexport type GraphicFunctionCallback<T> = (datum: any, g: IGraphic, params: any) => T;\n\nexport type GraphicFunctionValueType<T> = GraphicFunctionCallback<T> | T;\n\n/**\n * state动画，暂时只支持简单配置\n */\nexport interface IStateAnimationConfig {\n  /**\n   * 状态动画的动画时长\n   */\n  duration?: number;\n  /**\n   * 状态动画的缓动函数类型\n   */\n  easing?: EasingType;\n}\n\nexport interface IAnimationControlOptions {\n  /** 当动画状态变更时清空动画 */\n  stopWhenStateChange?: boolean;\n  /** 是否立即应用动画初始状态 */\n  immediatelyApply?: boolean;\n  /** encode 计算图元最终状态时是否忽略循环动画 */\n  ignoreLoopFinalAttributes?: boolean;\n}\n\nexport interface CommonAnimationConfigItem {\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: GraphicFunctionValueType<any>;\n\n  easing?: EasingType;\n  duration?: GraphicFunctionValueType<number>;\n  delay?: GraphicFunctionValueType<number>;\n  delayAfter?: GraphicFunctionValueType<number>;\n  oneByOne?: GraphicFunctionValueType<boolean | number>;\n  startTime?: GraphicFunctionValueType<number>;\n  totalTime?: GraphicFunctionValueType<number>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: boolean | number;\n  /** 动画 effect 配置项 */\n  options?: GraphicFunctionValueType<any>;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n  /** 该动画是否需要忽略子图元 */\n  selfOnly?: boolean;\n}\n\nexport interface TypeAnimationConfig extends CommonAnimationConfigItem {\n  type: string;\n}\n\nexport type IAnimationChannelFunction = (datum: any, g: IGraphic, mark: IMark) => any;\n\nexport type IAnimationChannelAttrs = Record<\n  string,\n  {\n    from?: any | IAnimationChannelFunction;\n    to?: any | IAnimationChannelFunction;\n  }\n>;\n\nexport interface ChannelAnimationConfig extends CommonAnimationConfigItem {\n  channel: IAnimationChannelAttrs | string[];\n}\n\nexport type IAnimationTypeConfig = TypeAnimationConfig | ChannelAnimationConfig | CommonAnimationConfigItem;\n\nexport interface IAnimationCustomConstructor {\n  new (from: any, to: any, duration: number, ease: EasingType, parameters?: any): ACustomAnimate<any>;\n}\n\nexport type IAnimationEffect = {\n  type?: string;\n  channel?: IAnimationChannelAttrs | string[];\n  custom?: IAnimationChannelInterpolator | IAnimationCustomConstructor;\n  customParameters?: GraphicFunctionValueType<any>;\n  easing?: EasingType;\n  options?: GraphicFunctionValueType<any>;\n};\n\nexport interface IAnimationTimeSlice {\n  effects: IAnimationEffect | IAnimationEffect[];\n  duration?: GraphicFunctionValueType<number>;\n  delay?: GraphicFunctionValueType<number>;\n  delayAfter?: GraphicFunctionValueType<number>;\n}\n\nexport interface IAnimationTimeline {\n  /** 为了方便动画编排，用户可以设置 id 用于识别时间线 */\n  id?: string;\n  /** 时间切片 */\n  timeSlices: IAnimationTimeSlice | IAnimationTimeSlice[];\n  /** 动画开始的相对时间，可以为负数 */\n  startTime?: GraphicFunctionValueType<number>;\n  /** 动画时长 */\n  totalTime?: GraphicFunctionValueType<number>;\n  /** 动画依次执行的延迟 */\n  oneByOne?: GraphicFunctionValueType<number | boolean>;\n  /** loop: true 无限循环; loop: 正整数，表示循环的次数 */\n  loop?: GraphicFunctionValueType<number | boolean>;\n  /** 对图元元素进行划分，和过滤类似，但是不同时间线不能同时作用在相同的元素上 */\n  partitioner?: GraphicFunctionCallback<boolean>;\n  /** 对同一时间线上的元素进行排序 */\n  sort?: (datumA: any, datumB: any, graphicA: IGraphic, graphicB: IGraphic) => number;\n  /** 动画执行相关控制配置项 */\n  controlOptions?: IAnimationControlOptions;\n}\n\nexport type IAnimationConfig = IAnimationTimeline | IAnimationTypeConfig;\n\nexport type IStageAnimationCallback = (stage: IStage, canvas: HTMLCanvasElement, ratio: number, time: number) => void;\n\nexport interface MarkAnimationSpec {\n  disappear?: IAnimationConfig & {\n    callBack?: IStageAnimationCallback | AStageAnimate<any>;\n  };\n  appear?: IAnimationConfig | IAnimationConfig[];\n  enter?: IAnimationConfig | IAnimationConfig[];\n  exit?: IAnimationConfig | IAnimationConfig[];\n  update?: IAnimationConfig | IAnimationConfig[];\n  normal?: IAnimationConfig | IAnimationConfig[];\n  state?: IStateAnimationConfig;\n}\n\nexport type MarkAnimationType = keyof MarkAnimationSpec;\n\n/**\n * 动画拆分策略接口\n * 用于定义如何拆分一个动画更新为多个步骤\n */\nexport interface IAnimationSplitStrategy {\n  /**\n   * 策略名称\n   */\n  name: string;\n\n  /**\n   * 检查是否应该应用此策略\n   * @param mark 图表标记\n   * @param graphic 图形元素\n   * @returns 是否应用此策略\n   */\n  shouldApply: (mark: BaseMark<any>, graphic: IMarkGraphic) => boolean;\n\n  /**\n   * 拆分动画更新\n   * @param mark 图表标记\n   * @param graphic 图形元素\n   * @returns 拆分后的动画更新数组（每个元素包含一组属性和执行顺序）\n   */\n  split: (\n    mark: BaseMark<any>,\n    graphic: IMarkGraphic\n  ) => Array<{\n    attrs: Record<string, any>;\n    order: number;\n  }>;\n}\n"]}

package/cjs/chart/base/base-chart.d.ts

@@ -62,6 +62,7 @@ export declare class BaseChart<T extends IChartSpec> extends CompilableBase impl
     created(transformer: Maybe<IChartSpecTransformer>): void;
     _initInteractions(): void;
     init(): void;
+    initStageAnimation(): void;
     reDataFlow(): void;
     onResize(width: number, height: number, reRender?: boolean): void;
     updateViewBox(viewBox: IBoundsLike, reLayout: boolean): void;

package/cjs/chart/base/base-chart.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseChart = void 0;
 
-const data_1 = require("../chart-meta/data"), global_scale_1 = require("../../scale/global-scale"), interface_1 = require("../../component/interface"), factory_1 = require("../../core/factory"), event_1 = require("../../event/event"), util_1 = require("../../util"), base_model_1 = require("../../model/base-model"), base_mark_1 = require("../../mark/base/base-mark"), base_1 = require("../../constant/base"), vutils_1 = require("@visactor/vutils"), util_2 = require("../../theme/color-scheme/util"), compilable_base_1 = require("../../compile/compilable-base"), interface_2 = require("../../compile/mark/interface"), event_2 = require("../../constant/event"), interface_3 = require("../../event/events/dimension/interface"), util_3 = require("../util"), vscale_1 = require("@visactor/vscale"), initialize_1 = require("../../data/initialize"), layout_1 = require("../../constant/layout"), interaction_1 = require("../../interaction/interaction");
+const data_1 = require("../chart-meta/data"), global_scale_1 = require("../../scale/global-scale"), interface_1 = require("../../component/interface"), factory_1 = require("../../core/factory"), event_1 = require("../../event/event"), util_1 = require("../../util"), base_model_1 = require("../../model/base-model"), base_mark_1 = require("../../mark/base/base-mark"), base_1 = require("../../constant/base"), vutils_1 = require("@visactor/vutils"), util_2 = require("../../theme/color-scheme/util"), compilable_base_1 = require("../../compile/compilable-base"), interface_2 = require("../../compile/mark/interface"), event_2 = require("../../constant/event"), interface_3 = require("../../event/events/dimension/interface"), util_3 = require("../util"), vscale_1 = require("@visactor/vscale"), initialize_1 = require("../../data/initialize"), layout_1 = require("../../constant/layout"), interaction_1 = require("../../interaction/interaction"), utils_1 = require("../../animation/utils");
 
 class BaseChart extends compilable_base_1.CompilableBase {
     getSpec() {
@@ -155,7 +155,12 @@ class BaseChart extends compilable_base_1.CompilableBase {
         this._series.forEach((s => s.init({}))), this._components.forEach((c => c.init({
             dataSet: this._dataSet
         }))), this._initEvent(), null === (_d = this._initStack) || void 0 === _d || _d.call(this), 
-        this.reDataFlow(), this._initInteractions();
+        this.reDataFlow(), this._initInteractions(), this.initStageAnimation();
+    }
+    initStageAnimation() {
+        const compiler = this._option.getCompiler();
+        (null == compiler ? void 0 : compiler.setStageAnimationConfig) && compiler.setStageAnimationConfig((0, 
+        utils_1.animationConfig)({}, (0, utils_1.userAnimationConfig)("stage", this._spec, {}), null));
     }
     reDataFlow() {
         this._series.forEach((s => {