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

package/cjs/series/waterfall/animation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/waterfall/animation.ts"],"names":[],"mappings":";;;AACA,gDAAyD;AACzD,gDAA6C;AAI7C,MAAM,aAAa,GAAyB;IAC1C,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,cAAc,GAAyB;IAC3C,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,SAAgB,wBAAwB,CACtC,MAA2B,EAC3B,MAA6B;IAE7B,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAC;QACxB;YACE,OAAO,IAAA,qBAAS,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KACnC;AACH,CAAC;AAZD,4DAYC;AAEM,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,iBAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAA2B,EAAE,MAA6B,EAAE,EAAE;QACpG,OAAO;YACL,MAAM,EAAE,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC;YAChD,KAAK,EAAE,IAAA,qBAAS,EAAC,MAAM,EAAE,KAAK,CAAC;YAC/B,IAAI,EAAE,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC;YAC/B,SAAS,EAAE,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC;SACrC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AATW,QAAA,0BAA0B,8BASrC","file":"animation.js","sourcesContent":["import type { IBarAnimationParams } from '../bar/interface';\nimport { barGrowIn, barGrowOut } from '../bar/animation';\nimport { Factory } from '../../core/factory';\nimport type { WaterfallAppearPreset } from './interface';\nimport type { IAnimationTypeConfig } from '../../animation/interface';\n\nconst Appear_FadeIn: IAnimationTypeConfig = {\n  type: 'fadeIn'\n};\n\nconst Appear_ScaleIn: IAnimationTypeConfig = {\n  type: 'growCenterIn'\n};\n\nexport function waterfallPresetAnimation(\n  params: IBarAnimationParams,\n  preset: WaterfallAppearPreset\n): IAnimationTypeConfig {\n  switch (preset) {\n    case 'fadeIn':\n      return Appear_FadeIn;\n    case 'scaleIn':\n      return Appear_ScaleIn;\n    default:\n      return barGrowIn(params, false);\n  }\n}\n\nexport const registerWaterfallAnimation = () => {\n  Factory.registerAnimation('waterfall', (params: IBarAnimationParams, preset: WaterfallAppearPreset) => {\n    return {\n      appear: waterfallPresetAnimation(params, preset),\n      enter: barGrowIn(params, false),\n      exit: barGrowOut(params, false),\n      disappear: barGrowOut(params, false)\n    };\n  });\n};\n"]}
+{"version":3,"sources":["../src/series/waterfall/animation.ts"],"names":[],"mappings":";;;AACA,gDAAyD;AACzD,gDAA6C;AAG7C,mDAAkE;AAElE,MAAM,aAAa,GAAyB;IAC1C,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,cAAc,GAAyB;IAC3C,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,SAAgB,wBAAwB,CACtC,MAA2B,EAC3B,MAA6B;IAE7B,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAC;QACxB;YACE,OAAO,IAAA,qBAAS,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;KACnC;AACH,CAAC;AAZD,4DAYC;AAEM,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,iBAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAA2B,EAAE,MAA6B,EAAE,EAAE;QACpG,OAAO;YACL,MAAM,EAAE,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC;YAChD,KAAK,EAAE,IAAA,qBAAS,EAAC,MAAM,EAAE,KAAK,CAAC;YAC/B,IAAI,EAAE,IAAA,sBAAU,EAAC,MAAM,EAAE,KAAK,CAAC;YAC/B,SAAS,EAAE,EAAE,QAAQ,EAAE,iCAAwB,CAAC,SAAS,CAAC,QAAQ,EAAE;SACrE,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AATW,QAAA,0BAA0B,8BASrC","file":"animation.js","sourcesContent":["import type { IBarAnimationParams } from '../bar/interface';\nimport { barGrowIn, barGrowOut } from '../bar/animation';\nimport { Factory } from '../../core/factory';\nimport type { WaterfallAppearPreset } from './interface';\nimport type { IAnimationTypeConfig } from '../../animation/interface';\nimport { DEFAULT_ANIMATION_CONFIG } from '../../animation/config';\n\nconst Appear_FadeIn: IAnimationTypeConfig = {\n  type: 'fadeIn'\n};\n\nconst Appear_ScaleIn: IAnimationTypeConfig = {\n  type: 'growCenterIn'\n};\n\nexport function waterfallPresetAnimation(\n  params: IBarAnimationParams,\n  preset: WaterfallAppearPreset\n): IAnimationTypeConfig {\n  switch (preset) {\n    case 'fadeIn':\n      return Appear_FadeIn;\n    case 'scaleIn':\n      return Appear_ScaleIn;\n    default:\n      return barGrowIn(params, false);\n  }\n}\n\nexport const registerWaterfallAnimation = () => {\n  Factory.registerAnimation('waterfall', (params: IBarAnimationParams, preset: WaterfallAppearPreset) => {\n    return {\n      appear: waterfallPresetAnimation(params, preset),\n      enter: barGrowIn(params, false),\n      exit: barGrowOut(params, false),\n      disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }\n    };\n  });\n};\n"]}

package/cjs/series/word-cloud/animation.js

@@ -37,7 +37,7 @@ const registerWordCloudAnimation = () => {
             type: "fadeOut"
         },
         disappear: {
-            type: "fadeOut"
+            duration: config_1.DEFAULT_ANIMATION_CONFIG.disappear.duration
         }
     })));
 };

package/cjs/series/word-cloud/animation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/word-cloud/animation.ts"],"names":[],"mappings":";;;AAAA,mDAAkE;AAClE,gDAA6C;AAI7C,SAAS,gBAAgB,CAAC,QAAgB,EAAE,SAAiB,EAAE,SAAiB;IAC9E,IAAI,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;QACpC,OAAO,QAAQ,GAAG,CAAC,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;KACxE;IACD,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;AAClD,CAAC;AAEM,MAAM,yBAAyB,GAAG,CAAC,MAAiC,EAAwB,EAAE;IACnG,OAAO;QACL,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,GAAG;QACb,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACxB,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,KAAI,GAAG,CAAC;YAClD,MAAM,SAAS,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,KAAI,iCAAwB,CAAC,MAAM,CAAC,QAAQ,CAAC;YACzF,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;YAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;YAC3C,OAAO,KAAK,GAAG,gBAAgB,CAAC,QAAkB,EAAE,SAAmB,EAAE,KAAK,CAAC,CAAC;QAClF,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,yBAAyB,6BAapC;AAEF,SAAgB,wBAAwB,CACtC,MAAiC,EACjC,MAAuC;IAEvC,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5B,KAAK,SAAS,CAAC;QACf;YACE,OAAO,IAAA,iCAAyB,EAAC,MAAM,CAAC,CAAC;KAC5C;AACH,CAAC;AAdD,4DAcC;AAEM,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,iBAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAAiC,EAAE,MAA6B,EAAE,EAAE,CAAC,CAAC;QAC5G,MAAM,EAAE,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC;QAChD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACzB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACzB,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC/B,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,0BAA0B,8BAOrC","file":"animation.js","sourcesContent":["import { DEFAULT_ANIMATION_CONFIG } from '../../animation/config';\nimport { Factory } from '../../core/factory';\nimport type { IWordcloudAnimationParams, WordcloudAppearPreset } from './interface';\nimport type { IAnimationTypeConfig } from '../../animation/interface';\n\nfunction computeWordDelay(duration: number, totalTime: number, wordCount: number) {\n  if (duration * wordCount < totalTime) {\n    return duration + (totalTime - wordCount * duration) / (wordCount - 1);\n  }\n  return (totalTime - duration) / (wordCount - 1);\n}\n\nexport const WordCloudScaleInAnimation = (params: IWordcloudAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: 'scaleIn',\n    duration: 200,\n    delay: (datum, graphic) => {\n      const animationConfig = params.animationConfig();\n      const duration = animationConfig?.duration || 200;\n      const totalTime = animationConfig?.totalTime || DEFAULT_ANIMATION_CONFIG.appear.duration;\n      const count = graphic.context.graphicCount;\n      const index = graphic.context.graphicIndex;\n      return index * computeWordDelay(duration as number, totalTime as number, count);\n    }\n  };\n};\n\nexport function wordcloudPresetAnimation(\n  params: IWordcloudAnimationParams,\n  preset: WordcloudAppearPreset | boolean\n): IAnimationTypeConfig {\n  if (preset === false) {\n    return {};\n  }\n  switch (preset) {\n    case 'fadeIn':\n      return { type: 'fadeIn' };\n    case 'scaleIn':\n    default:\n      return WordCloudScaleInAnimation(params);\n  }\n}\n\nexport const registerWordCloudAnimation = () => {\n  Factory.registerAnimation('wordCloud', (params: IWordcloudAnimationParams, preset: WordcloudAppearPreset) => ({\n    appear: wordcloudPresetAnimation(params, preset),\n    enter: { type: 'fadeIn' },\n    exit: { type: 'fadeOut' },\n    disappear: { type: 'fadeOut' }\n  }));\n};\n"]}
+{"version":3,"sources":["../src/series/word-cloud/animation.ts"],"names":[],"mappings":";;;AAAA,mDAAkE;AAClE,gDAA6C;AAI7C,SAAS,gBAAgB,CAAC,QAAgB,EAAE,SAAiB,EAAE,SAAiB;IAC9E,IAAI,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;QACpC,OAAO,QAAQ,GAAG,CAAC,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;KACxE;IACD,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;AAClD,CAAC;AAEM,MAAM,yBAAyB,GAAG,CAAC,MAAiC,EAAwB,EAAE;IACnG,OAAO;QACL,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,GAAG;QACb,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YACxB,MAAM,eAAe,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,KAAI,GAAG,CAAC;YAClD,MAAM,SAAS,GAAG,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,KAAI,iCAAwB,CAAC,MAAM,CAAC,QAAQ,CAAC;YACzF,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;YAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC;YAC3C,OAAO,KAAK,GAAG,gBAAgB,CAAC,QAAkB,EAAE,SAAmB,EAAE,KAAK,CAAC,CAAC;QAClF,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,yBAAyB,6BAapC;AAEF,SAAgB,wBAAwB,CACtC,MAAiC,EACjC,MAAuC;IAEvC,IAAI,MAAM,KAAK,KAAK,EAAE;QACpB,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,MAAM,EAAE;QACd,KAAK,QAAQ;YACX,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QAC5B,KAAK,SAAS,CAAC;QACf;YACE,OAAO,IAAA,iCAAyB,EAAC,MAAM,CAAC,CAAC;KAC5C;AACH,CAAC;AAdD,4DAcC;AAEM,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,iBAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAAiC,EAAE,MAA6B,EAAE,EAAE,CAAC,CAAC;QAC5G,MAAM,EAAE,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC;QAChD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACzB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QACzB,SAAS,EAAE,EAAE,QAAQ,EAAE,iCAAwB,CAAC,SAAS,CAAC,QAAQ,EAAE;KACrE,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAPW,QAAA,0BAA0B,8BAOrC","file":"animation.js","sourcesContent":["import { DEFAULT_ANIMATION_CONFIG } from '../../animation/config';\nimport { Factory } from '../../core/factory';\nimport type { IWordcloudAnimationParams, WordcloudAppearPreset } from './interface';\nimport type { IAnimationTypeConfig } from '../../animation/interface';\n\nfunction computeWordDelay(duration: number, totalTime: number, wordCount: number) {\n  if (duration * wordCount < totalTime) {\n    return duration + (totalTime - wordCount * duration) / (wordCount - 1);\n  }\n  return (totalTime - duration) / (wordCount - 1);\n}\n\nexport const WordCloudScaleInAnimation = (params: IWordcloudAnimationParams): IAnimationTypeConfig => {\n  return {\n    type: 'scaleIn',\n    duration: 200,\n    delay: (datum, graphic) => {\n      const animationConfig = params.animationConfig();\n      const duration = animationConfig?.duration || 200;\n      const totalTime = animationConfig?.totalTime || DEFAULT_ANIMATION_CONFIG.appear.duration;\n      const count = graphic.context.graphicCount;\n      const index = graphic.context.graphicIndex;\n      return index * computeWordDelay(duration as number, totalTime as number, count);\n    }\n  };\n};\n\nexport function wordcloudPresetAnimation(\n  params: IWordcloudAnimationParams,\n  preset: WordcloudAppearPreset | boolean\n): IAnimationTypeConfig {\n  if (preset === false) {\n    return {};\n  }\n  switch (preset) {\n    case 'fadeIn':\n      return { type: 'fadeIn' };\n    case 'scaleIn':\n    default:\n      return WordCloudScaleInAnimation(params);\n  }\n}\n\nexport const registerWordCloudAnimation = () => {\n  Factory.registerAnimation('wordCloud', (params: IWordcloudAnimationParams, preset: WordcloudAppearPreset) => ({\n    appear: wordcloudPresetAnimation(params, preset),\n    enter: { type: 'fadeIn' },\n    exit: { type: 'fadeOut' },\n    disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }\n  }));\n};\n"]}

package/cjs/theme/builtin/common/series/heatmap.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.heatmap = void 0, exports.heatmap = {
     cell: {
         style: {
-            shape: "square",
+            shape: "rect",
             fillOpacity: 1
         }
     },

package/cjs/theme/builtin/common/series/heatmap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/heatmap.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAwB;IAC1C,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,CAAC;SACf;KACF;IACD,cAAc,EAAE;QACd,OAAO,EAAE,KAAK;KACf;CACF,CAAC","file":"heatmap.js","sourcesContent":["import type { IHeatmapSeriesTheme } from '../../../../series/heatmap/interface';\n\nexport const heatmap: IHeatmapSeriesTheme = {\n  cell: {\n    style: {\n      shape: 'square',\n      fillOpacity: 1\n    }\n  },\n  cellBackground: {\n    visible: false\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/heatmap.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAwB;IAC1C,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,CAAC;SACf;KACF;IACD,cAAc,EAAE;QACd,OAAO,EAAE,KAAK;KACf;CACF,CAAC","file":"heatmap.js","sourcesContent":["import type { IHeatmapSeriesTheme } from '../../../../series/heatmap/interface';\n\nexport const heatmap: IHeatmapSeriesTheme = {\n  cell: {\n    style: {\n      shape: 'rect',\n      fillOpacity: 1\n    }\n  },\n  cellBackground: {\n    visible: false\n  }\n};\n"]}

package/cjs/util/type.d.ts

@@ -5,3 +5,4 @@ export declare function couldBeValidNumber(v: any): boolean;
 export declare function toValidNumber(v: any): number;
 export declare function isNumeric(value: string): boolean;
 export declare function isDataDomainSpec(domain: any): domain is IDataDomainSpec[];
+export declare function isClass(obj: any): boolean;

package/cjs/util/type.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.isDataDomainSpec = exports.isNumeric = exports.toValidNumber = exports.couldBeValidNumber = exports.isPlainObject = exports.isValidNumber = exports.isArrayLike = exports.isValid = exports.isNil = exports.isNull = exports.isUndefined = exports.isDate = exports.isBoolean = exports.isRegExp = exports.isNumber = exports.isString = exports.isArray = exports.isFunction = exports.isObject = void 0;
+}), exports.isClass = exports.isDataDomainSpec = exports.isNumeric = exports.toValidNumber = exports.couldBeValidNumber = exports.isPlainObject = exports.isValidNumber = exports.isArrayLike = exports.isValid = exports.isNil = exports.isNull = exports.isUndefined = exports.isDate = exports.isBoolean = exports.isRegExp = exports.isNumber = exports.isString = exports.isArray = exports.isFunction = exports.isObject = void 0;
 
 const vutils_1 = require("@visactor/vutils");
 
@@ -25,6 +25,10 @@ function isDataDomainSpec(domain) {
     vutils_1.isNil)(domain[0].dataId) && (0, vutils_1.isArray)(domain[0].fields));
 }
 
+function isClass(obj) {
+    return "function" == typeof obj && /^class\s/.test(obj.toString());
+}
+
 Object.defineProperty(exports, "isObject", {
     enumerable: !0,
     get: function() {
@@ -101,5 +105,5 @@ Object.defineProperty(exports, "isObject", {
         return vutils_1.isPlainObject;
     }
 }), exports.couldBeValidNumber = couldBeValidNumber, exports.toValidNumber = toValidNumber, 
-exports.isNumeric = isNumeric, exports.isDataDomainSpec = isDataDomainSpec;
+exports.isNumeric = isNumeric, exports.isDataDomainSpec = isDataDomainSpec, exports.isClass = isClass;
 //# sourceMappingURL=type.js.map

package/cjs/util/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/type.ts"],"names":[],"mappings":";;;AAAA,6CAgB0B;AAIxB,yFAnBA,iBAAQ,OAmBA;AACR,2FAnBA,mBAAU,OAmBA;AACV,wFAnBA,gBAAO,OAmBA;AACP,yFAnBA,iBAAQ,OAmBA;AACR,yFAnBA,iBAAQ,OAmBA;AACR,yFAnBA,iBAAQ,OAmBA;AACR,0FAnBA,kBAAS,OAmBA;AACT,uFAnBA,eAAM,OAmBA;AACN,4FAnBA,oBAAW,OAmBA;AACX,uFAnBA,eAAM,OAmBA;AACN,sFAnBA,cAAK,OAmBA;AACL,wFAnBA,gBAAO,OAmBA;AACP,4FAnBA,oBAAW,OAmBA;AACX,8FAnBA,sBAAa,OAmBA;AACb,8FAnBA,sBAAa,OAmBA;AAGf,SAAgB,kBAAkB,CAAC,CAAM;IACvC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE,EAAE;QAC7C,OAAO,KAAK,CAAC;KACd;IACD,IAAI,IAAA,iBAAQ,EAAC,CAAC,CAAC,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACnB,CAAC;AATD,gDASC;AAED,SAAgB,aAAa,CAAC,CAAM;IAClC,IAAI,IAAA,sBAAa,EAAC,CAAC,CAAC,EAAE;QACpB,OAAO,CAAC,CAAC;KACV;IACD,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC;IACjB,OAAO,IAAA,sBAAa,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC;AAND,sCAMC;AAKD,SAAgB,SAAS,CAAC,KAAa;IACrC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AALD,8BAKC;AAED,SAAgB,gBAAgB,CAAC,MAAW;IAC1C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAClC,OAAO,KAAK,CAAC;KACd;IACD,IAAI,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;QAC/C,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAA,gBAAO,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AARD,4CAQC","file":"type.js","sourcesContent":["import {\n  isObject,\n  isFunction,\n  isArray,\n  isString,\n  isNumber,\n  isRegExp,\n  isBoolean,\n  isDate,\n  isUndefined,\n  isNull,\n  isNil,\n  isValid,\n  isArrayLike,\n  isValidNumber,\n  isPlainObject\n} from '@visactor/vutils';\nimport type { IDataDomainSpec } from '../typings';\n\nexport {\n  isObject,\n  isFunction,\n  isArray,\n  isString,\n  isNumber,\n  isRegExp,\n  isBoolean,\n  isDate,\n  isUndefined,\n  isNull,\n  isNil,\n  isValid,\n  isArrayLike,\n  isValidNumber,\n  isPlainObject\n};\n\nexport function couldBeValidNumber(v: any) {\n  if (v === null || v === undefined || v === '') {\n    return false;\n  }\n  if (isNumber(v)) {\n    return true;\n  }\n  // eslint-disable-next-line no-self-compare\n  return +v === +v;\n}\n\nexport function toValidNumber(v: any) {\n  if (isValidNumber(v)) {\n    return v;\n  }\n  const value = +v;\n  return isValidNumber(value) ? value : 0;\n}\n\n/**\n * 检测一段字符串为合法数值\n */\nexport function isNumeric(value: string): boolean {\n  if (typeof value !== 'string') {\n    return false;\n  }\n  return !isNaN(Number(value)) && !isNaN(parseFloat(value));\n}\n\nexport function isDataDomainSpec(domain: any): domain is IDataDomainSpec[] {\n  if (!domain || domain.length === 0) {\n    return false;\n  }\n  if (isNil(domain[0]) || isNil(domain[0].dataId)) {\n    return false;\n  }\n  return isArray(domain[0].fields);\n}\n"]}
+{"version":3,"sources":["../src/util/type.ts"],"names":[],"mappings":";;;AAAA,6CAgB0B;AAIxB,yFAnBA,iBAAQ,OAmBA;AACR,2FAnBA,mBAAU,OAmBA;AACV,wFAnBA,gBAAO,OAmBA;AACP,yFAnBA,iBAAQ,OAmBA;AACR,yFAnBA,iBAAQ,OAmBA;AACR,yFAnBA,iBAAQ,OAmBA;AACR,0FAnBA,kBAAS,OAmBA;AACT,uFAnBA,eAAM,OAmBA;AACN,4FAnBA,oBAAW,OAmBA;AACX,uFAnBA,eAAM,OAmBA;AACN,sFAnBA,cAAK,OAmBA;AACL,wFAnBA,gBAAO,OAmBA;AACP,4FAnBA,oBAAW,OAmBA;AACX,8FAnBA,sBAAa,OAmBA;AACb,8FAnBA,sBAAa,OAmBA;AAGf,SAAgB,kBAAkB,CAAC,CAAM;IACvC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE,EAAE;QAC7C,OAAO,KAAK,CAAC;KACd;IACD,IAAI,IAAA,iBAAQ,EAAC,CAAC,CAAC,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACnB,CAAC;AATD,gDASC;AAED,SAAgB,aAAa,CAAC,CAAM;IAClC,IAAI,IAAA,sBAAa,EAAC,CAAC,CAAC,EAAE;QACpB,OAAO,CAAC,CAAC;KACV;IACD,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC;IACjB,OAAO,IAAA,sBAAa,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1C,CAAC;AAND,sCAMC;AAKD,SAAgB,SAAS,CAAC,KAAa;IACrC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;AAC5D,CAAC;AALD,8BAKC;AAED,SAAgB,gBAAgB,CAAC,MAAW;IAC1C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QAClC,OAAO,KAAK,CAAC;KACd;IACD,IAAI,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IAAA,cAAK,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;QAC/C,OAAO,KAAK,CAAC;KACd;IACD,OAAO,IAAA,gBAAO,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;AACnC,CAAC;AARD,4CAQC;AAGD,SAAgB,OAAO,CAAC,GAAQ;IAC9B,OAAO,OAAO,GAAG,KAAK,UAAU,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;AACtE,CAAC;AAFD,0BAEC","file":"type.js","sourcesContent":["import {\n  isObject,\n  isFunction,\n  isArray,\n  isString,\n  isNumber,\n  isRegExp,\n  isBoolean,\n  isDate,\n  isUndefined,\n  isNull,\n  isNil,\n  isValid,\n  isArrayLike,\n  isValidNumber,\n  isPlainObject\n} from '@visactor/vutils';\nimport type { IDataDomainSpec } from '../typings';\n\nexport {\n  isObject,\n  isFunction,\n  isArray,\n  isString,\n  isNumber,\n  isRegExp,\n  isBoolean,\n  isDate,\n  isUndefined,\n  isNull,\n  isNil,\n  isValid,\n  isArrayLike,\n  isValidNumber,\n  isPlainObject\n};\n\nexport function couldBeValidNumber(v: any) {\n  if (v === null || v === undefined || v === '') {\n    return false;\n  }\n  if (isNumber(v)) {\n    return true;\n  }\n  // eslint-disable-next-line no-self-compare\n  return +v === +v;\n}\n\nexport function toValidNumber(v: any) {\n  if (isValidNumber(v)) {\n    return v;\n  }\n  const value = +v;\n  return isValidNumber(value) ? value : 0;\n}\n\n/**\n * 检测一段字符串为合法数值\n */\nexport function isNumeric(value: string): boolean {\n  if (typeof value !== 'string') {\n    return false;\n  }\n  return !isNaN(Number(value)) && !isNaN(parseFloat(value));\n}\n\nexport function isDataDomainSpec(domain: any): domain is IDataDomainSpec[] {\n  if (!domain || domain.length === 0) {\n    return false;\n  }\n  if (isNil(domain[0]) || isNil(domain[0].dataId)) {\n    return false;\n  }\n  return isArray(domain[0].fields);\n}\n\n// 可靠的class判定函数\nexport function isClass(obj: any): boolean {\n  return typeof obj === 'function' && /^class\\s/.test(obj.toString());\n}\n"]}

package/esm/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/esm/animation/callback-disappear.js

@@ -0,0 +1,17 @@
+import { AStageAnimate } from "@visactor/vrender-animate";
+
+export class CallbackDisappearAnimate extends 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);
+    }
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animation/callback-disappear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D,MAAM,OAAO,wBAAyB,SAAQ,aAAkB;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","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/esm/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/esm/animation/config.js

@@ -1,9 +1,13 @@
-import { TagPointsUpdate, ClipDirectionAnimate, AnimateExecutor, ScaleIn, ScaleOut, FadeIn, FadeOut, MoveIn, MoveOut, RotateIn, RotateOut, Update, State, GrowHeightIn, GrowHeightOut, GrowWidthIn, GrowWidthOut, GrowCenterIn, GrowCenterOut, GrowRadiusIn, GrowRadiusOut, GrowAngleIn, GrowAngleOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, ClipIn, ClipOut, FromTo, Dissolve, Grayscale, Distortion, Particle, Glitch, GaussianBlur, Pixelation } from "@visactor/vrender-animate";
+import { TagPointsUpdate, ClipDirectionAnimate, AnimateExecutor, ScaleIn, ScaleOut, FadeIn, FadeOut, MoveIn, MoveOut, RotateIn, RotateOut, Update, State, GrowHeightIn, GrowHeightOut, GrowWidthIn, GrowWidthOut, GrowCenterIn, GrowCenterOut, GrowRadiusIn, GrowRadiusOut, GrowAngleIn, GrowAngleOut, GrowPointsIn, GrowPointsOut, GrowPointsXIn, GrowPointsXOut, GrowPointsYIn, GrowPointsYOut, ClipIn, ClipOut, FromTo } from "@visactor/vrender-animate";
 
 import { linePresetAnimation } from "../series/line/animation";
 
 import { Factory } from "../core/factory";
 
+import { CallbackDisappearAnimate } from "./callback-disappear";
+
+import { BuiltIn_DISAPPEAR_ANIMATE_NAME } from "../constant/animate";
+
 export const DEFAULT_ANIMATION_CONFIG = {
     appear: {
         duration: 1e3,
@@ -41,9 +45,6 @@ export const ScaleInOutAnimation = {
     },
     exit: {
         type: "scaleOut"
-    },
-    disappear: {
-        type: "scaleOut"
     }
 };
 
@@ -56,9 +57,6 @@ export const FadeInOutAnimation = {
     },
     exit: {
         type: "fadeOut"
-    },
-    disappear: {
-        type: "fadeOut"
     }
 };
 
@@ -82,17 +80,6 @@ export const registerCartesianGroupClipAnimation = () => {
                 height: params.height(),
                 orient: params.orient()
             })
-        },
-        disappear: {
-            custom: ClipDirectionAnimate,
-            customParameters: (datum, g) => ({
-                animationType: "out",
-                group: g,
-                direction: params.direction(),
-                width: params.width(),
-                height: params.height(),
-                orient: params.orient()
-            })
         }
     })));
 };
@@ -118,10 +105,7 @@ const lineOrAreaAnimation = (params, preset) => ({
         customParameters: {
             clipRangeByDimension: "horizontal" === params.direction ? "y" : "x"
         }
-    } ],
-    disappear: {
-        type: "clipOut"
-    }
+    } ]
 });
 
 export const registerLineAnimation = () => {
@@ -164,9 +148,6 @@ export const registerPolygonAnimation = () => {
 };
 
 export const registerStageAnimation = () => {
-    AnimateExecutor.registerBuiltInAnimate("distortion", Distortion), AnimateExecutor.registerBuiltInAnimate("particle", Particle), 
-    AnimateExecutor.registerBuiltInAnimate("pixelation", Pixelation), AnimateExecutor.registerBuiltInAnimate("gaussianBlur", GaussianBlur), 
-    AnimateExecutor.registerBuiltInAnimate("glitch", Glitch), AnimateExecutor.registerBuiltInAnimate("grayscale", Grayscale), 
-    AnimateExecutor.registerBuiltInAnimate("dissolve", Dissolve);
+    AnimateExecutor.registerBuiltInAnimate(BuiltIn_DISAPPEAR_ANIMATE_NAME, CallbackDisappearAnimate);
 };
 //# sourceMappingURL=config.js.map

package/esm/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":"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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} 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/esm/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/esm/animation/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/animation/interface.ts"],"names":[],"mappings":"AAKA,MAAM,CAAN,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,KAAlB,kBAAkB,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,MAAM,CAAN,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,KAAlB,kBAAkB,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/esm/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/esm/chart/base/base-chart.js

@@ -48,6 +48,8 @@ import { LayoutZIndex } from "../../constant/layout";
 
 import { Interaction } from "../../interaction/interaction";
 
+import { animationConfig, userAnimationConfig } from "../../animation/utils";
+
 export class BaseChart extends CompilableBase {
     getSpec() {
         return this._spec;
@@ -186,7 +188,11 @@ export class BaseChart extends 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(animationConfig({}, userAnimationConfig("stage", this._spec, {}), null));
     }
     reDataFlow() {
         this._series.forEach((s => {