@visactor/vchart 2.0.12-alpha.4 → 2.0.12

package/build/index.js

@@ -26238,6 +26238,9 @@
         }
         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 {
@@ -26579,9 +26582,11 @@
       }
       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);
       }
     }
 
@@ -40717,8 +40722,9 @@
         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
           });
@@ -40747,11 +40753,11 @@
               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), {
@@ -41056,6 +41062,10 @@
           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;
       }
@@ -54876,7 +54886,17 @@
         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;
         }
@@ -55061,7 +55081,6 @@
             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) {
@@ -55155,14 +55174,26 @@
             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]);
@@ -55188,29 +55219,6 @@
             }
             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;
@@ -59666,6 +59674,29 @@
         }
     }
 
+    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,
@@ -59696,14 +59727,12 @@
     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);
@@ -59726,19 +59755,6 @@
                             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()
-                        };
-                    }
                 }
             };
         });
@@ -59762,8 +59778,7 @@
                         clipRangeByDimension: params.direction === "horizontal" ? 'y' : 'x'
                     }
                 }
-            ],
-            disappear: { type: 'clipOut' }
+            ]
         };
     };
     const registerLineAnimation = () => {
@@ -59813,13 +59828,7 @@
         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 = () => {
@@ -60366,6 +60375,7 @@
             };
             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) {
@@ -60386,6 +60396,7 @@
             };
             this._updateSpec = (spec, forceMerge = false, userUpdateOptions) => {
                 var _a;
+                this._reSetRenderState();
                 const lastSpec = this._spec;
                 const result = {
                     changeBackground: false,
@@ -60858,6 +60869,7 @@
             });
         }
         updateDataSync(id, data, parserOptions, userUpdateOptions) {
+            this._reSetRenderState();
             if (isNil$1(this._dataSet)) {
                 return this;
             }
@@ -60875,6 +60887,7 @@
             return this;
         }
         updateFullDataSync(data, reRender = true, userUpdateOptions) {
+            this._reSetRenderState();
             if (this._chart) {
                 this._chart.updateFullData(data);
                 if (reRender) {
@@ -61599,6 +61612,20 @@
                 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;
@@ -61715,7 +61742,7 @@
         });
     };
 
-    const version = "2.0.11";
+    const version = "2.0.12";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -62765,7 +62792,6 @@
             this.initMarkState();
             if (hasAnimation) {
                 this.initAnimation();
-                this.initStageAnimation();
             }
             this.afterInitMark();
             this.initEvent();
@@ -63222,13 +63248,6 @@
         }
         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();
         }
@@ -67088,7 +67107,10 @@
                     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 = {
@@ -69744,6 +69766,14 @@
             (_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(); });
@@ -72419,7 +72449,7 @@
                 appear: barPresetAnimation(params, preset),
                 enter: barGrowIn(params, false),
                 exit: barGrowOut(params, false),
-                disappear: barGrowOut(params)
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -74271,7 +74301,9 @@
             };
             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)) {
@@ -74563,7 +74595,7 @@
         _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]);
                 });
             }
@@ -75149,7 +75181,7 @@
                 appear: waterfallPresetAnimation(params, preset),
                 enter: barGrowIn(params, false),
                 exit: barGrowOut(params, false),
-                disappear: barGrowOut(params, false)
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -77387,7 +77419,7 @@
             appear: rangeColumnPresetAnimation(params, preset),
             enter: rangeColumnGrowIn(params),
             exit: rangeColumnGrowOut(params),
-            disappear: rangeColumnGrowOut(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         }));
     };
 
@@ -78049,7 +78081,7 @@
                 appear: piePresetAnimation(params, preset),
                 enter: pieEnter(params),
                 exit: pieExit(params),
-                disappear: pieDisappear(params)
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -78642,7 +78674,6 @@
             type: growOutType(params.growField)
         };
     };
-    const roseDisappear = roseExit;
     function rosePresetAnimation(params, preset) {
         if (preset === false) {
             return {};
@@ -78662,7 +78693,7 @@
                 appear: rosePresetAnimation(params, preset),
                 enter: roseEnter(params),
                 exit: roseExit(params),
-                disappear: roseDisappear(params)
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -78996,7 +79027,7 @@
             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();
@@ -79004,7 +79035,7 @@
             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: {
@@ -79549,7 +79580,7 @@
                 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'],
@@ -79569,7 +79600,7 @@
             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'] }
@@ -79586,7 +79617,7 @@
         Factory.registerAnimation('radarGroup', (params, preset) => {
             return {
                 appear: radarGroupClipAnimation(params, 'in'),
-                disappear: radarGroupClipAnimation(params, 'out')
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
         registerArc();
@@ -80788,7 +80819,7 @@
         Factory.registerAnimation('circularProgress', (params, preset) => ({
             appear: progressLikePresetAnimation(params, preset),
             enter: { type: 'growAngleIn' },
-            disappear: { type: 'growAngleOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         }));
     };
 
@@ -80993,12 +81024,6 @@
             options: LinearProgressGrowOption(params)
         };
     };
-    const linearProgressDisappear = (params) => {
-        return {
-            type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
-            options: LinearProgressGrowOption(params)
-        };
-    };
     const Appear_FadeIn$1 = {
         type: 'fadeIn'
     };
@@ -81018,7 +81043,7 @@
             return {
                 appear: linearProgressPresetAnimation(params, preset),
                 enter: linearProgressPresetAnimation(params),
-                disappear: linearProgressDisappear(params)
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -81662,7 +81687,7 @@
             appear: wordcloudPresetAnimation(params, preset),
             enter: { type: 'fadeIn' },
             exit: { type: 'fadeOut' },
-            disappear: { type: 'fadeOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         }));
     };
 
@@ -87932,7 +87957,7 @@
             appear: sunburstPresetAnimation(params, preset),
             enter: sunburstEnter(params),
             exit: sunburstExit(params),
-            disappear: sunburstExit(params)
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         }));
     };
 
@@ -88435,7 +88460,7 @@
             appear: circlePackingPresetAnimation(preset),
             enter: { type: 'growRadiusIn' },
             exit: { type: 'growRadiusOut' },
-            disappear: { type: 'growRadiusOut' }
+            disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
         }));
     };
 
@@ -88905,7 +88930,7 @@
             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);
@@ -90099,7 +90124,7 @@
                 appear: treemapPresetAnimation(preset),
                 enter: { type: 'growCenterIn' },
                 exit: { type: 'growCenterOut' },
-                disappear: { type: 'growCenterOut' }
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -90589,7 +90614,7 @@
             return {
                 appear: animation,
                 enter: animation,
-                disappear: { type: 'fadeOut' }
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };
@@ -91065,7 +91090,7 @@
     const heatmap = {
         cell: {
             style: {
-                shape: 'square',
+                shape: 'rect',
                 fillOpacity: 1
             }
         },
@@ -91157,7 +91182,7 @@
             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() {
@@ -91178,7 +91203,7 @@
             this._cellMark && this._tooltipHelper.activeTriggerSet.mark.add(this._cellMark);
         }
         getDefaultShapeType() {
-            return 'square';
+            return 'rect';
         }
         getDimensionField() {
             return [].concat(this.fieldX, this.fieldY);
@@ -92304,7 +92329,7 @@
                 appear: vennCirclePresetAnimation(preset),
                 enter: { type: 'growRadiusIn' },
                 exit: { type: 'growRadiusOut' },
-                disappear: { type: 'growRadiusOut' }
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
         Factory.registerAnimation('vennOverlap', (params, preset) => {
@@ -92313,7 +92338,7 @@
                 update: { custom: VennOverlapAnimation },
                 enter: { type: 'fadeIn' },
                 exit: { type: 'fadeOut' },
-                disappear: { type: 'fadeOut' }
+                disappear: { duration: DEFAULT_ANIMATION_CONFIG.disappear.duration }
             };
         });
     };