@visactor/vchart 2.0.12-alpha.4 → 2.0.12

package/build/index.es.js

@@ -26232,6 +26232,9 @@ function isDataDomainSpec(domain) {
     }
     return isArray$1(domain[0].fields);
 }
+function isClass(obj) {
+    return typeof obj === 'function' && /^class\s/.test(obj.toString());
+}
 
 const GROUP_ATTRIBUTES = ["x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "anchor", "postMatrix", "visible", "clip", "pickable", "childrenPickable", "zIndex", "cursor"];
 class AbstractComponent extends Group$1 {
@@ -26573,9 +26576,11 @@ class Gesture extends EventEmitter {
   }
   emitEvent(type, e) {
     if (!this.element) return;
-    const listeners = this.element._events[WILDCARD];
+    const events = this.element._events;
+    this._callListeners(type, e, events[WILDCARD]), this._callListeners(type, e, events[type]), this.emit(type, e);
+  }
+  _callListeners(type, e, listeners) {
     if (listeners) if ("fn" in listeners) listeners.fn.call(listeners.context, e, type);else for (let i = 0, j = listeners.length; i < j && !e.propagationImmediatelyStopped; i++) listeners[i].fn.call(listeners[i].context, e, type);
-    this.emit(type, e);
   }
 }
 
@@ -40711,8 +40716,9 @@ class LineAxis extends AxisBase {
     let tickLength = 0;
     (null === (_b = this.attribute.tick) || void 0 === _b ? void 0 : _b.visible) && !1 === this.attribute.tick.inside && (tickLength = this.attribute.tick.length || 4), (null === (_c = this.attribute.subTick) || void 0 === _c ? void 0 : _c.visible) && !1 === this.attribute.subTick.inside && (tickLength = Math.max(tickLength, this.attribute.subTick.length || 2));
     const offset = tickLength + labelLength + space,
-      titlePoint = this.getVerticalCoord(point, offset, !1),
-      vector = this.getVerticalVector(offset, !1, {
+      actualOffset = this.getActualOffset(offset),
+      titlePoint = this.getVerticalCoord(point, actualOffset, !1),
+      vector = this.getVerticalVector(actualOffset, !1, {
         x: 0,
         y: 0
       });
@@ -40741,11 +40747,11 @@ class LineAxis extends AxisBase {
           if (angle !== Math.PI / 2) {
             const cosValue = Math.abs(Math.cos(null != angle ? angle : 0));
             maxTagWidth = cosValue < 1e-6 ? 1 / 0 : this.attribute.end.x / cosValue;
-          } else maxTagWidth = limitSize - offset;
+          } else maxTagWidth = limitSize - actualOffset;
         } else if (angle && 0 !== angle) {
           const sinValue = Math.abs(Math.sin(angle));
           maxTagWidth = sinValue < 1e-6 ? 1 / 0 : this.attribute.end.y / sinValue;
-        } else maxTagWidth = limitSize - offset;
+        } else maxTagWidth = limitSize - actualOffset;
       }
     }
     const attrs = Object.assign(Object.assign(Object.assign({}, titlePoint), restAttrs), {
@@ -41050,6 +41056,10 @@ class LineAxis extends AxisBase {
       visibleAll: !1
     });
   }
+  getActualOffset(offset) {
+    const orient = this.attribute.orient;
+    return "left" === orient || "right" === orient ? this.attribute.width ? this.attribute.width : (this.attribute.maxWidth && (offset = Math.min(offset, this.attribute.maxWidth)), this.attribute.minWidth && (offset = Math.max(offset, this.attribute.minWidth)), offset) : offset;
+  }
   release() {
     super.release(), this._breaks = null;
   }
@@ -54870,7 +54880,17 @@ function diffMarks(prevMarks, nextMarks, runningConfig) {
     return diffResult;
 }
 
+const BuiltIn_DISAPPEAR_ANIMATE_NAME = `${PREFIX}_BuiltIn_CallBack_Disappear`;
+var RenderStateEnum;
+(function (RenderStateEnum) {
+    RenderStateEnum["render"] = "render";
+    RenderStateEnum["disappear"] = "disappear";
+})(RenderStateEnum || (RenderStateEnum = {}));
+
 class Compiler {
+    get stateAnimationConfig() {
+        return this._stateAnimationConfig;
+    }
     getRootGroup() {
         return this._rootGroup;
     }
@@ -55055,7 +55075,6 @@ class Compiler {
         var _a, _b, _c, _d, _e, _f;
         (_b = (_a = this._option.performanceHook) === null || _a === void 0 ? void 0 : _a.beforeDoRender) === null || _b === void 0 ? void 0 : _b.call(_a, this._compileChart.getOption().globalInstance);
         if (this._stage) {
-            this.runStageAnimation();
             this._rootMarks.forEach(g => {
                 traverseGroupMark(g, m => {
                     if (m.needClear) {
@@ -55149,14 +55168,26 @@ class Compiler {
         Object.keys(config).forEach(key => {
             const value = config[key];
             if (isArray$1(value)) {
-                animationConfig[key] = value.map(item => {
-                    var _a;
-                    const options = (_a = item.options) !== null && _a !== void 0 ? _a : {};
-                    return Object.assign(Object.assign({}, item), { options: (...args) => {
-                            const _options = typeof options === 'function' ? options(...args) : options;
-                            return Object.assign({}, _options);
-                        } });
-                });
+                if (key === 'disappear') {
+                    animationConfig[key] = value.map(item => {
+                        if (isClass(item.callBack)) {
+                            return Object.assign(Object.assign({}, item), { custom: item.callBack });
+                        }
+                        return Object.assign(Object.assign({}, item), { type: BuiltIn_DISAPPEAR_ANIMATE_NAME, customParameters: {
+                                callBack: item.callBack
+                            } });
+                    });
+                }
+                else {
+                    animationConfig[key] = value.map(item => {
+                        var _a;
+                        const options = (_a = item.options) !== null && _a !== void 0 ? _a : {};
+                        return Object.assign(Object.assign({}, item), { options: (...args) => {
+                                const _options = typeof options === 'function' ? options(...args) : options;
+                                return Object.assign({}, _options);
+                            } });
+                    });
+                }
             }
             else {
                 animationConfig[key] = Object.assign({}, config[key]);
@@ -55182,29 +55213,6 @@ class Compiler {
         }
         this._stage.context.animationState = animationState;
     }
-    runStageAnimation() {
-        var _a;
-        const animationState = (_a = this._stage.context) === null || _a === void 0 ? void 0 : _a.animationState;
-        if (!this._stateAnimationConfig || animationState === AnimationStateEnum.none) {
-            return;
-        }
-        const animationConfigs = array(this._stateAnimationConfig[animationState]).filter(config => config.type);
-        if (!animationConfigs.length) {
-            return;
-        }
-        if (animationState === AnimationStateEnum.appear) {
-            this._stage.stopAnimationState(AnimationStateEnum.disappear);
-        }
-        else if (animationState === AnimationStateEnum.disappear) {
-            this._stage.stopAnimationState(AnimationStateEnum.appear);
-        }
-        this._stage.applyAnimationState([animationState], [
-            {
-                name: animationState,
-                animation: animationConfigs
-            }
-        ]);
-    }
     updateViewBox(viewBox, reRender = true) {
         if (!this._stage) {
             return;
@@ -59660,6 +59668,29 @@ function linePresetAnimation(params, preset) {
     }
 }
 
+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() {
+        if (this.currentAnimationRatio > 0) {
+            return this.animationTime;
+        }
+        return Date.now() / 1000.0;
+    }
+    afterStageRender(stage, canvas) {
+        var _a, _b;
+        (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.callBack) === null || _b === void 0 ? void 0 : _b.call(_a, stage, canvas, this.currentAnimationRatio, this.animationTime);
+    }
+}
+
 const DEFAULT_ANIMATION_CONFIG = {
     appear: {
         duration: 1000,
@@ -59690,14 +59721,12 @@ const DEFAULT_ANIMATION_CONFIG = {
 const ScaleInOutAnimation = {
     appear: { type: 'scaleIn' },
     enter: { type: 'scaleIn' },
-    exit: { type: 'scaleOut' },
-    disappear: { type: 'scaleOut' }
+    exit: { type: 'scaleOut' }
 };
 const FadeInOutAnimation = {
     appear: { type: 'fadeIn' },
     enter: { type: 'fadeIn' },
-    exit: { type: 'fadeOut' },
-    disappear: { type: 'fadeOut' }
+    exit: { type: 'fadeOut' }
 };
 const registerScaleInOutAnimation = () => {
     Factory.registerAnimation('scaleInOut', () => ScaleInOutAnimation);
@@ -59720,19 +59749,6 @@ const registerCartesianGroupClipAnimation = () => {
                         orient: params.orient()
                     };
                 }
-            },
-            disappear: {
-                custom: ClipDirectionAnimate,
-                customParameters: (datum, g) => {
-                    return {
-                        animationType: 'out',
-                        group: g,
-                        direction: params.direction(),
-                        width: params.width(),
-                        height: params.height(),
-                        orient: params.orient()
-                    };
-                }
             }
         };
     });
@@ -59756,8 +59772,7 @@ const lineOrAreaAnimation = (params, preset) => {
                     clipRangeByDimension: params.direction === "horizontal" ? 'y' : 'x'
                 }
             }
-        ],
-        disappear: { type: 'clipOut' }
+        ]
     };
 };
 const registerLineAnimation = () => {
@@ -59807,13 +59822,7 @@ const registerPolygonAnimation = () => {
     AnimateExecutor.registerBuiltInAnimate('growPointsOut', GrowPointsOut);
 };
 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);
 };
 
 const registerAnimate = () => {
@@ -60360,6 +60369,7 @@ class VChart {
         };
         this._observer = null;
         this._context = {};
+        this._renderState = RenderStateEnum.render;
         this._doResize = () => {
             const { width, height } = this.getCurrentSize();
             if (this._currentSize.width !== width || this._currentSize.height !== height) {
@@ -60380,6 +60390,7 @@ class VChart {
         };
         this._updateSpec = (spec, forceMerge = false, userUpdateOptions) => {
             var _a;
+            this._reSetRenderState();
             const lastSpec = this._spec;
             const result = {
                 changeBackground: false,
@@ -60852,6 +60863,7 @@ class VChart {
         });
     }
     updateDataSync(id, data, parserOptions, userUpdateOptions) {
+        this._reSetRenderState();
         if (isNil$1(this._dataSet)) {
             return this;
         }
@@ -60869,6 +60881,7 @@ class VChart {
         return this;
     }
     updateFullDataSync(data, reRender = true, userUpdateOptions) {
+        this._reSetRenderState();
         if (this._chart) {
             this._chart.updateFullData(data);
             if (reRender) {
@@ -61593,6 +61606,20 @@ class VChart {
             componentShowContent: this._option.componentShowContent
         };
     }
+    runDisappearAnimation() {
+        this._renderState = RenderStateEnum.disappear;
+        this.getStage().eventSystem.pauseTriggerEvent();
+        this.getStage().applyAnimationState(['disappear'], [
+            {
+                name: 'disappear',
+                animation: this._compiler.stateAnimationConfig.disappear
+            }
+        ]);
+    }
+    _reSetRenderState() {
+        this._renderState = RenderStateEnum.render;
+        this.getStage().eventSystem.resumeTriggerEvent();
+    }
 }
 VChart.InstanceManager = InstanceManager;
 VChart.ThemeManager = ThemeManager;
@@ -61709,7 +61736,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.11";
+const version = "2.0.12";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -62759,7 +62786,6 @@ class BaseSeries extends BaseModel {
         this.initMarkState();
         if (hasAnimation) {
             this.initAnimation();
-            this.initStageAnimation();
         }
         this.afterInitMark();
         this.initEvent();
@@ -63216,13 +63242,6 @@ class BaseSeries extends BaseModel {
     }
     initAnimation() {
     }
-    initStageAnimation() {
-        const compiler = this._option.getCompiler();
-        if (!(compiler === null || compiler === void 0 ? void 0 : compiler.setStageAnimationConfig)) {
-            return;
-        }
-        compiler.setStageAnimationConfig(animationConfig({}, userAnimationConfig('stage', this._spec, this._markAttributeContext), null));
-    }
     initMarkState() {
         this.initSeriesStyleState();
     }
@@ -67082,7 +67101,10 @@ class CartesianAxis extends AxisComponent {
                 maxWidth: this._getTitleLimit(isX)
             },
             items,
-            scale: this._scale.clone()
+            scale: this._scale.clone(),
+            maxWidth: this._layout.maxWidth,
+            minWidth: this._layout.minWidth,
+            width: this._spec.width ? this.getLayoutRect().width : undefined
         };
         if (!ignoreGrid) {
             attrs.grid = {
@@ -69738,6 +69760,14 @@ class BaseChart extends CompilableBase {
         (_d = (_c = this)._initStack) === null || _d === void 0 ? void 0 : _d.call(_c);
         this.reDataFlow();
         this._initInteractions();
+        this.initStageAnimation();
+    }
+    initStageAnimation() {
+        const compiler = this._option.getCompiler();
+        if (!(compiler === null || compiler === void 0 ? void 0 : compiler.setStageAnimationConfig)) {
+            return;
+        }
+        compiler.setStageAnimationConfig(animationConfig({}, userAnimationConfig('stage', this._spec, {}), null));
     }
     reDataFlow() {
         this._series.forEach(s => { var _a; return (_a = s.getRawData()) === null || _a === void 0 ? void 0 : _a.markRunning(); });
@@ -72413,7 +72443,7 @@ const registerBarAnimation = () => {
             appear: barPresetAnimation(params, preset),
             enter: barGrowIn(params, false),
             exit: barGrowOut(params, false),
-            disappear: barGrowOut(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -74265,7 +74295,9 @@ class GeoCoordinate extends BaseComponent {
         };
         this._handleChartZoom = (params, event) => {
             var _a, _b, _c, _d, _e, _f;
-            let scale = params.zoomDelta;
+            const rate = isValid$1(this._spec.zoomRate) ? Math.max(0, this._spec.zoomRate) : 1;
+            const delta = Math.max(params.zoomDelta, 1e-6);
+            let scale = Math.pow(delta, rate);
             const _lastActualScale = this._actualScale;
             this._actualScale *= scale;
             if (this._actualScale < ((_a = this._spec.zoomLimit) === null || _a === void 0 ? void 0 : _a.min)) {
@@ -74557,7 +74589,7 @@ class GeoCoordinate extends BaseComponent {
     _compareSpec(spec, prevSpec) {
         const result = super._compareSpec(spec, prevSpec);
         if (!result.reMake) {
-            result.reMake = ['roam', 'longitudeField', 'latitudeField', 'projection', 'zoomLimit'].some(k => {
+            result.reMake = ['roam', 'longitudeField', 'latitudeField', 'projection', 'zoomLimit', 'zoomRate'].some(k => {
                 return !isEqual(prevSpec === null || prevSpec === void 0 ? void 0 : prevSpec[k], spec[k]);
             });
         }
@@ -75143,7 +75175,7 @@ const registerWaterfallAnimation = () => {
             appear: waterfallPresetAnimation(params, preset),
             enter: barGrowIn(params, false),
             exit: barGrowOut(params, false),
-            disappear: barGrowOut(params, false)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -77381,7 +77413,7 @@ const registerRangeColumnAnimation = () => {
         appear: rangeColumnPresetAnimation(params, preset),
         enter: rangeColumnGrowIn(params),
         exit: rangeColumnGrowOut(params),
-        disappear: rangeColumnGrowOut(params)
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
 };
 
@@ -78043,7 +78075,7 @@ const registerPieAnimation = () => {
             appear: piePresetAnimation(params, preset),
             enter: pieEnter(params),
             exit: pieExit(params),
-            disappear: pieDisappear(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -78636,7 +78668,6 @@ const roseExit = (params) => {
         type: growOutType(params.growField)
     };
 };
-const roseDisappear = roseExit;
 function rosePresetAnimation(params, preset) {
     if (preset === false) {
         return {};
@@ -78656,7 +78687,7 @@ const registerRoseAnimation = () => {
             appear: rosePresetAnimation(params, preset),
             enter: roseEnter(params),
             exit: roseExit(params),
-            disappear: roseDisappear(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -78990,7 +79021,7 @@ class PolarAxis extends AxisComponent {
         return this._startAngle;
     }
     _layoutAngleAxis() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const center = this.getCenter();
         const radius = this.computeLayoutOuterRadius();
         const innerRadius = this.computeLayoutInnerRadius();
@@ -78998,7 +79029,7 @@ class PolarAxis extends AxisComponent {
         const items = this.getLabelItems(angleRange);
         const commonAttrs = Object.assign(Object.assign({}, this.getLayoutStartPoint()), { inside: this._spec.inside, center,
             radius,
-            innerRadius, startAngle: this._startAngle, endAngle: this._endAngle, sides: ((_c = (_b = (_a = this._getRelatedAxis(this._option.radiusAxisIndex)) === null || _a === void 0 ? void 0 : _a.getSpec()) === null || _b === void 0 ? void 0 : _b.grid) === null || _c === void 0 ? void 0 : _c.smooth)
+            innerRadius, startAngle: this._startAngle, endAngle: this._endAngle, layoutRect: this.getRefLayoutRect(), autoLabelMaxWidth: (_b = (_a = this._spec.label) === null || _a === void 0 ? void 0 : _a.autoLabelMaxWidth) !== null && _b !== void 0 ? _b : false, sides: ((_e = (_d = (_c = this._getRelatedAxis(this._option.radiusAxisIndex)) === null || _c === void 0 ? void 0 : _c.getSpec()) === null || _d === void 0 ? void 0 : _d.grid) === null || _e === void 0 ? void 0 : _e.smooth)
                 ? undefined
                 : this.getScale().domain().length });
         const attrs = Object.assign(Object.assign({}, commonAttrs), { size: this.getRefLayoutRect(), title: {
@@ -79543,7 +79574,7 @@ const registerRadarAnimation = () => {
             appear: preset === 'clipIn' ? undefined : radarPresetAnimation(params, preset, 'in'),
             enter: radarPresetAnimation(params, preset, 'in'),
             exit: radarPresetAnimation(params, preset, 'out'),
-            disappear: preset === 'clipIn' ? undefined : radarPresetAnimation(params, preset, 'out'),
+            disappear: preset === 'clipIn' ? undefined : { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration },
             update: [
                 {
                     channel: ['points', 'center'],
@@ -79563,7 +79594,7 @@ const registerRadarAnimation = () => {
         appear: preset === 'clipIn' ? undefined : radarSymbolPresetAnimation(params, preset, 'in'),
         enter: { type: 'scaleIn' },
         exit: { type: 'scaleOut' },
-        disappear: preset === 'clipIn' ? undefined : radarSymbolPresetAnimation(params, preset, 'out'),
+        disappear: preset === 'clipIn' ? undefined : { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration },
         update: [
             {
                 options: { excludeChannels: ['x', 'y', 'center'] }
@@ -79580,7 +79611,7 @@ const registerRadarAnimation = () => {
     Factory.registerAnimation('radarGroup', (params, preset) => {
         return {
             appear: radarGroupClipAnimation(params, 'in'),
-            disappear: radarGroupClipAnimation(params, 'out')
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
     registerArc();
@@ -80782,7 +80813,7 @@ const registerProgressLikeAnimation = () => {
     Factory.registerAnimation('circularProgress', (params, preset) => ({
         appear: progressLikePresetAnimation(params, preset),
         enter: { type: 'growAngleIn' },
-        disappear: { type: 'growAngleOut' }
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
 };
 
@@ -80987,12 +81018,6 @@ const Appear_Grow$2 = (params) => {
         options: LinearProgressGrowOption(params)
     };
 };
-const linearProgressDisappear = (params) => {
-    return {
-        type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
-        options: LinearProgressGrowOption(params)
-    };
-};
 const Appear_FadeIn$1 = {
     type: 'fadeIn'
 };
@@ -81012,7 +81037,7 @@ const registerLinearProgressAnimation = () => {
         return {
             appear: linearProgressPresetAnimation(params, preset),
             enter: linearProgressPresetAnimation(params),
-            disappear: linearProgressDisappear(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -81656,7 +81681,7 @@ const registerWordCloudAnimation = () => {
         appear: wordcloudPresetAnimation(params, preset),
         enter: { type: 'fadeIn' },
         exit: { type: 'fadeOut' },
-        disappear: { type: 'fadeOut' }
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
 };
 
@@ -87926,7 +87951,7 @@ const registerSunburstAnimation = () => {
         appear: sunburstPresetAnimation(params, preset),
         enter: sunburstEnter(params),
         exit: sunburstExit(params),
-        disappear: sunburstExit(params)
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
 };
 
@@ -88429,7 +88454,7 @@ const registerCirclePackingAnimation = () => {
         appear: circlePackingPresetAnimation(preset),
         enter: { type: 'growRadiusIn' },
         exit: { type: 'growRadiusOut' },
-        disappear: { type: 'growRadiusOut' }
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
 };
 
@@ -88899,7 +88924,7 @@ const registerSankeyAnimation = () => {
         appear: sankeyLinkPresetAnimation(preset),
         enter: { type: 'linkPathGrowIn' },
         exit: { type: 'linkPathGrowOut' },
-        disappear: { type: 'linkPathGrowOut' }
+        disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
     }));
     AnimateExecutor.registerBuiltInAnimate('linkPathGrowOut', LinkPathGrowOut);
     AnimateExecutor.registerBuiltInAnimate('linkPathGrowIn', LinkPathGrowIn);
@@ -90093,7 +90118,7 @@ const registerTreemapAnimation = () => {
             appear: treemapPresetAnimation(preset),
             enter: { type: 'growCenterIn' },
             exit: { type: 'growCenterOut' },
-            disappear: { type: 'growCenterOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -90583,7 +90608,7 @@ const registerGaugePointerAnimation = () => {
         return {
             appear: animation,
             enter: animation,
-            disappear: { type: 'fadeOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };
@@ -91059,7 +91084,7 @@ class HeatmapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
 const heatmap = {
     cell: {
         style: {
-            shape: 'square',
+            shape: 'rect',
             fillOpacity: 1
         }
     },
@@ -91151,7 +91176,7 @@ class HeatmapSeries extends CartesianSeries {
         var _a;
         return {
             scale: (_a = this._option.globalScale.getScale('color')) !== null && _a !== void 0 ? _a : this._getDefaultColorScale(),
-            field: this.getFieldValue[0]
+            field: this.getFieldValue()[0]
         };
     }
     getInteractionTriggers() {
@@ -91172,7 +91197,7 @@ class HeatmapSeries extends CartesianSeries {
         this._cellMark && this._tooltipHelper.activeTriggerSet.mark.add(this._cellMark);
     }
     getDefaultShapeType() {
-        return 'square';
+        return 'rect';
     }
     getDimensionField() {
         return [].concat(this.fieldX, this.fieldY);
@@ -92298,7 +92323,7 @@ const registerVennAnimation = () => {
             appear: vennCirclePresetAnimation(preset),
             enter: { type: 'growRadiusIn' },
             exit: { type: 'growRadiusOut' },
-            disappear: { type: 'growRadiusOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
     Factory.registerAnimation('vennOverlap', (params, preset) => {
@@ -92307,7 +92332,7 @@ const registerVennAnimation = () => {
             update: { custom: VennOverlapAnimation },
             enter: { type: 'fadeIn' },
             exit: { type: 'fadeOut' },
-            disappear: { type: 'fadeOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         };
     });
 };