@visactor/vchart 2.0.1-alpha.2 → 2.0.1-alpha.3

package/build/index.es.js

@@ -14733,7 +14733,7 @@ let Group$1 = class Group extends Graphic {
   }
   removeChild(child) {
     const data = super.removeChild(child);
-    return child.stage = null, this.getGraphicService().onRemove(child), this.addUpdateBoundTag(), data;
+    return this.getGraphicService().onRemove(child), child.stage = null, this.addUpdateBoundTag(), data;
   }
   removeAllChild(deep = !1) {
     this.forEachChildren(child => {
@@ -22115,7 +22115,7 @@ class Stage extends Group$1 {
     return this._cursor;
   }
   eventPointTransform(e) {
-    const point = this.global.mapToCanvasPoint(e, this.window.getContext().canvas.nativeCanvas);
+    const point = this.global.mapToCanvasPoint(e, this.window);
     return this.stage.window.pointTransform(point.x, point.y);
   }
   pauseTriggerEvent() {
@@ -32639,6 +32639,11 @@ class AnimationStateManager {
       state.executor.stop();
     }), this.stateList = null;
   }
+  reApplyState(state) {
+    var _a;
+    const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
+    stateInfo && (stateInfo.executor.stop(), stateInfo.executor.execute(stateInfo.animationConfig));
+  }
 }
 
 class GraphicStateExtension {
@@ -32669,12 +32674,19 @@ class GraphicStateExtension {
   applyUnhighlightState(animationConfig, callback) {
     return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
   }
-  stopAnimationState(state, type) {
-    return this._getAnimationStateManager(this).stopState(state, type), this;
+  stopAnimationState(state, type, deep = !1) {
+    return this._getAnimationStateManager(this).stopState(state, type), deep && this.isContainer && this.forEachChildren(child => {
+      child.stopAnimationState(state, type, deep);
+    }), this;
   }
   clearAnimationStates() {
     return this._getAnimationStateManager(this).clearState(), this;
   }
+  reApplyAnimationState(state, deep = !1) {
+    return this._getAnimationStateManager(this).reApplyState(state), deep && this.isContainer && this.forEachChildren(child => {
+      child.reApplyAnimationState(state, deep);
+    }), this;
+  }
   static extend(graphic) {
     return new GraphicStateExtension()._getAnimationStateManager(graphic), graphic;
   }
@@ -32726,6 +32738,21 @@ class AnimateExtension {
   getGraphicAttribute(key, prev = !1) {
     return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
   }
+  pauseAnimation(deep = !1) {
+    this.animates && this.animates.forEach(animate => animate.pause()), deep && this.isContainer && this.forEachChildren(child => {
+      child.pauseAnimation(deep);
+    });
+  }
+  resumeAnimation(deep = !1) {
+    this.animates && this.animates.forEach(animate => animate.resume()), deep && this.isContainer && this.forEachChildren(child => {
+      child.resumeAnimation(deep);
+    });
+  }
+  stopAnimation(deep = !1) {
+    this.animates && this.animates.forEach(animate => animate.stop()), deep && this.isContainer && this.forEachChildren(child => {
+      child.stopAnimation(deep);
+    });
+  }
 }
 
 function registerAnimate$1() {
@@ -33806,7 +33833,7 @@ class GrowCenterIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
@@ -33815,7 +33842,7 @@ class GrowCenterIn extends ACustomAnimate {
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
     this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
     const finalAttribute = this.target.getFinalAttribute();
-    finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+    finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -33913,7 +33940,7 @@ class GrowHeightIn extends ACustomAnimate {
     super(from, to, duration, easing, params);
   }
   onBind() {
-    var _a, _b;
+    var _a, _b, _c;
     super.onBind();
     const {
         from: from,
@@ -33922,7 +33949,7 @@ class GrowHeightIn extends ACustomAnimate {
       fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
     this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
     const finalAttribute = this.target.getFinalAttribute();
-    finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+    finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
   }
   onEnd(cb) {
     super.onEnd(cb);
@@ -38779,7 +38806,8 @@ class LabelUpdate extends AComponentAnimate {
         prevText: prevText,
         curText: curText,
         prevLabelLine: prevLabelLine,
-        curLabelLine: curLabelLine
+        curLabelLine: curLabelLine,
+        increaseEffect = !0
       } = this.params,
       diff = {};
     for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
@@ -38789,7 +38817,7 @@ class LabelUpdate extends AComponentAnimate {
       to: rest,
       duration: duration,
       easing: easing
-    }), animator.animate(prevText, {
+    }), !1 !== increaseEffect && animator.animate(prevText, {
       type: "increaseCount",
       to: {
         text: curText.attribute.text
@@ -39483,16 +39511,15 @@ class LabelBase extends AnimateComponent {
       } = currentLabel;
     prevText.applyAnimationState(["update"], [{
       name: "update",
-      animation: Object.assign(Object.assign({
-        type: "labelUpdate"
-      }, this._animationConfig.update), {
-        customParameters: {
+      animation: {
+        type: "labelUpdate",
+        customParameters: Object.assign(Object.assign({}, this._animationConfig.update), {
           prevText: prevText,
           curText: curText,
           prevLabelLine: prevLabelLine,
           curLabelLine: curLabelLine
-        }
-      })
+        })
+      }
     }]);
   }
   _syncStateWithRelatedGraphic(relatedGraphic) {
@@ -51224,6 +51251,12 @@ class BaseModel extends CompilableBase {
         }
         return index;
     }
+    updateAnimateStateCallback(callback) {
+        this._aniamtionStateCallback = callback;
+    }
+    getAnimationStateCallback() {
+        return this._aniamtionStateCallback;
+    }
 }
 
 class LayoutItem {
@@ -53841,7 +53874,6 @@ class BaseMark extends GrammarItem {
         this._dataByKey = mark._dataByKey;
         this._prevDataByKey = mark._prevDataByKey;
         this.needClear = mark.needClear;
-        this._aniamtionStateCallback = mark._aniamtionStateCallback;
     }
     _parseProgressiveContext(data) {
         const enableProgressive = this._markConfig.progressiveStep > 0 &&
@@ -53989,7 +54021,20 @@ class BaseMark extends GrammarItem {
         }
     }
     _setAnimationState(g) {
-        const customizedState = this._aniamtionStateCallback ? this._aniamtionStateCallback(g) : undefined;
+        var _a, _b, _c;
+        const callback = (this.type === "component"
+            ? this.model.getAnimationStateCallback()
+            : (_c = (_b = (_a = this.model).getRegion) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.getAnimationStateCallback()) ||
+            ((g) => {
+                var _a;
+                const diffState = (_a = g.context) === null || _a === void 0 ? void 0 : _a.diffState;
+                return diffState === AnimationStateEnum.exit
+                    ? AnimationStateEnum.exit
+                    : diffState === AnimationStateEnum.update
+                        ? AnimationStateEnum.update
+                        : AnimationStateEnum.appear;
+            });
+        const customizedState = callback(g);
         g.context.animationState = customizedState !== null && customizedState !== void 0 ? customizedState : g.context.diffState;
         if (g.context.animationState === DiffState.exit) {
             g.context.reusing = true;
@@ -54492,9 +54537,6 @@ class BaseMark extends GrammarItem {
             this._runProgressiveStep();
         }
     }
-    updateAnimationState(callback) {
-        this._aniamtionStateCallback = callback;
-    }
     hasAnimationByState(state) {
         if (!state || !this._animationConfig || !this._animationConfig[state]) {
             return false;
@@ -54542,6 +54584,7 @@ class GroupMark extends BaseMark {
         super(...arguments);
         this.type = GroupMark.type;
         this._marks = [];
+        this._diffState = DiffState.enter;
     }
     getMarks() {
         return this._marks;
@@ -54599,13 +54642,12 @@ class GroupMark extends BaseMark {
         return [this._product];
     }
     renderInner() {
-        var _a, _b;
+        var _a;
         if (!this._product) {
             return;
         }
         const style = (_a = this._simpleStyle) !== null && _a !== void 0 ? _a : this.getAttributesOfState({});
-        const prevState = (_b = this._product.context) === null || _b === void 0 ? void 0 : _b.diffState;
-        this._product.context = Object.assign(Object.assign(Object.assign({}, this._product.context), this._getCommonContext()), { diffState: prevState ? DiffState.update : DiffState.enter });
+        this._product.context = Object.assign(Object.assign(Object.assign({}, this._product.context), this._getCommonContext()), { diffState: this._diffState });
         this._setAnimationState(this._product);
         const newAttrs = this._getAttrsFromConfig(style);
         if (this._product.context.diffState === DiffState.update) {
@@ -54624,6 +54666,9 @@ class GroupMark extends BaseMark {
         }
         this.needClear = true;
     }
+    clearExitGraphics() {
+        this._diffState = DiffState.update;
+    }
     render() {
         if (this._isCommited) {
             log(`render mark: ${this.getProductId()}, type is ${this.type}`);
@@ -54634,12 +54679,6 @@ class GroupMark extends BaseMark {
             mark.render();
         });
     }
-    updateAnimationState(callback) {
-        super.updateAnimationState(callback);
-        this.getMarks().forEach(mark => {
-            mark.updateAnimationState(callback);
-        });
-    }
     release() {
         super.release();
         this.removeProduct();
@@ -55925,6 +55964,7 @@ class VChart {
         });
     }
     _updateAnimateState(initial) {
+        var _a, _b;
         if (this._option.animation) {
             const updateGraphicAnimationState = (graphic) => {
                 var _a;
@@ -55934,8 +55974,11 @@ class VChart {
                 }
                 return diffState;
             };
-            this._compiler.getRootMarks().forEach(mark => {
-                mark.updateAnimationState(updateGraphicAnimationState);
+            (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getAllRegions().forEach(region => {
+                region.updateAnimateStateCallback(updateGraphicAnimationState);
+            });
+            (_b = this._chart) === null || _b === void 0 ? void 0 : _b.getAllComponents().forEach(component => {
+                component.updateAnimateStateCallback(updateGraphicAnimationState);
             });
         }
     }
@@ -56558,10 +56601,20 @@ class VChart {
         return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
     }
     stopAnimation() {
+        var _a;
+        (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.stopAnimation(true);
+    }
+    reRunNormalAnimation() {
+        var _a;
+        (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.reApplyAnimationState('normal', true);
     }
     pauseAnimation() {
+        var _a;
+        (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.pauseAnimation(true);
     }
     resumeAnimation() {
+        var _a;
+        (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.resumeAnimation(true);
     }
     convertDatumToPosition(datum, dataLinkInfo = {}, isRelativeToCanvas = false, checkInViewData) {
         var _a;
@@ -56845,7 +56898,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.1-alpha.2";
+const version = "2.0.1-alpha.3";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -89937,7 +89990,10 @@ class Tooltip extends BaseComponent {
         const activeType = this._spec.activeType;
         this.processor = {};
         activeType.forEach(type => {
-            this.processor[type] = Factory.createTooltipProcessor(type, this);
+            const instance = Factory.createTooltipProcessor(type, this);
+            if (instance) {
+                this.processor[type] = instance;
+            }
         });
     }
     _initEvent() {
@@ -97790,14 +97846,15 @@ const getDomStyle = (spec = {}) => {
     const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';
     if (align === 'right') {
         panelStyle.direction = 'rtl';
-        titleStyle.textAlign = 'right';
-        keyStyle.textAlign = 'right';
-        valueStyle.textAlign = 'left';
     }
-    else {
-        titleStyle.textAlign = 'left';
-        keyStyle.textAlign = 'left';
-        valueStyle.textAlign = 'right';
+    if (isNil$1(titleStyle.textAlign)) {
+        titleStyle.textAlign = align === 'right' ? 'right' : 'left';
+    }
+    if (isNil$1(keyStyle.textAlign)) {
+        keyStyle.textAlign = align === 'right' ? 'right' : 'left';
+    }
+    if (isNil$1(valueStyle.textAlign)) {
+        valueStyle.textAlign = align === 'right' ? 'left' : 'right';
     }
     shapeStyle[marginKey] = getPixelPropertyStr((_b = shape.spacing) !== null && _b !== void 0 ? _b : DEFAULT_SHAPE_SPACING);
     keyStyle[marginKey] = getPixelPropertyStr((_c = keyLabel.spacing) !== null && _c !== void 0 ? _c : DEFAULT_KEY_SPACING);

package/build/index.js

@@ -14739,7 +14739,7 @@
       }
       removeChild(child) {
         const data = super.removeChild(child);
-        return child.stage = null, this.getGraphicService().onRemove(child), this.addUpdateBoundTag(), data;
+        return this.getGraphicService().onRemove(child), child.stage = null, this.addUpdateBoundTag(), data;
       }
       removeAllChild(deep = !1) {
         this.forEachChildren(child => {
@@ -22121,7 +22121,7 @@
         return this._cursor;
       }
       eventPointTransform(e) {
-        const point = this.global.mapToCanvasPoint(e, this.window.getContext().canvas.nativeCanvas);
+        const point = this.global.mapToCanvasPoint(e, this.window);
         return this.stage.window.pointTransform(point.x, point.y);
       }
       pauseTriggerEvent() {
@@ -32645,6 +32645,11 @@
           state.executor.stop();
         }), this.stateList = null;
       }
+      reApplyState(state) {
+        var _a;
+        const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
+        stateInfo && (stateInfo.executor.stop(), stateInfo.executor.execute(stateInfo.animationConfig));
+      }
     }
 
     class GraphicStateExtension {
@@ -32675,12 +32680,19 @@
       applyUnhighlightState(animationConfig, callback) {
         return this._getAnimationStateManager(this).applyUnhighlightState(animationConfig, callback), this;
       }
-      stopAnimationState(state, type) {
-        return this._getAnimationStateManager(this).stopState(state, type), this;
+      stopAnimationState(state, type, deep = !1) {
+        return this._getAnimationStateManager(this).stopState(state, type), deep && this.isContainer && this.forEachChildren(child => {
+          child.stopAnimationState(state, type, deep);
+        }), this;
       }
       clearAnimationStates() {
         return this._getAnimationStateManager(this).clearState(), this;
       }
+      reApplyAnimationState(state, deep = !1) {
+        return this._getAnimationStateManager(this).reApplyState(state), deep && this.isContainer && this.forEachChildren(child => {
+          child.reApplyAnimationState(state, deep);
+        }), this;
+      }
       static extend(graphic) {
         return new GraphicStateExtension()._getAnimationStateManager(graphic), graphic;
       }
@@ -32732,6 +32744,21 @@
       getGraphicAttribute(key, prev = !1) {
         return !prev && this.finalAttribute ? this.finalAttribute[key] : this.attribute[key];
       }
+      pauseAnimation(deep = !1) {
+        this.animates && this.animates.forEach(animate => animate.pause()), deep && this.isContainer && this.forEachChildren(child => {
+          child.pauseAnimation(deep);
+        });
+      }
+      resumeAnimation(deep = !1) {
+        this.animates && this.animates.forEach(animate => animate.resume()), deep && this.isContainer && this.forEachChildren(child => {
+          child.resumeAnimation(deep);
+        });
+      }
+      stopAnimation(deep = !1) {
+        this.animates && this.animates.forEach(animate => animate.stop()), deep && this.isContainer && this.forEachChildren(child => {
+          child.stopAnimation(deep);
+        });
+      }
     }
 
     function registerAnimate$1() {
@@ -33812,7 +33839,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b;
+        var _a, _b, _c;
         super.onBind();
         const {
             from: from,
@@ -33821,7 +33848,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -33919,7 +33946,7 @@
         super(from, to, duration, easing, params);
       }
       onBind() {
-        var _a, _b;
+        var _a, _b, _c;
         super.onBind();
         const {
             from: from,
@@ -33928,7 +33955,7 @@
           fromAttrs = null !== (_b = null === (_a = this.target.context) || void 0 === _a ? void 0 : _a.lastAttrs) && void 0 !== _b ? _b : from;
         this.props = to, this.propKeys = Object.keys(to).filter(key => null != to[key]), this.from = fromAttrs, this.to = to;
         const finalAttribute = this.target.getFinalAttribute();
-        finalAttribute && this.target.setAttributes(finalAttribute), this.target.setAttributes(fromAttrs);
+        finalAttribute && this.target.setAttributes(finalAttribute), !1 !== (null === (_c = this.params.controlOptions) || void 0 === _c ? void 0 : _c.immediatelyApply) && this.target.setAttributes(fromAttrs);
       }
       onEnd(cb) {
         super.onEnd(cb);
@@ -38785,7 +38812,8 @@
             prevText: prevText,
             curText: curText,
             prevLabelLine: prevLabelLine,
-            curLabelLine: curLabelLine
+            curLabelLine: curLabelLine,
+            increaseEffect = !0
           } = this.params,
           diff = {};
         for (const key in curText.attribute) prevText.attribute[key] !== curText.attribute[key] && (diff[key] = curText.attribute[key]);
@@ -38795,7 +38823,7 @@
           to: rest,
           duration: duration,
           easing: easing
-        }), animator.animate(prevText, {
+        }), !1 !== increaseEffect && animator.animate(prevText, {
           type: "increaseCount",
           to: {
             text: curText.attribute.text
@@ -39489,16 +39517,15 @@
           } = currentLabel;
         prevText.applyAnimationState(["update"], [{
           name: "update",
-          animation: Object.assign(Object.assign({
-            type: "labelUpdate"
-          }, this._animationConfig.update), {
-            customParameters: {
+          animation: {
+            type: "labelUpdate",
+            customParameters: Object.assign(Object.assign({}, this._animationConfig.update), {
               prevText: prevText,
               curText: curText,
               prevLabelLine: prevLabelLine,
               curLabelLine: curLabelLine
-            }
-          })
+            })
+          }
         }]);
       }
       _syncStateWithRelatedGraphic(relatedGraphic) {
@@ -51230,6 +51257,12 @@
             }
             return index;
         }
+        updateAnimateStateCallback(callback) {
+            this._aniamtionStateCallback = callback;
+        }
+        getAnimationStateCallback() {
+            return this._aniamtionStateCallback;
+        }
     }
 
     class LayoutItem {
@@ -53847,7 +53880,6 @@
             this._dataByKey = mark._dataByKey;
             this._prevDataByKey = mark._prevDataByKey;
             this.needClear = mark.needClear;
-            this._aniamtionStateCallback = mark._aniamtionStateCallback;
         }
         _parseProgressiveContext(data) {
             const enableProgressive = this._markConfig.progressiveStep > 0 &&
@@ -53995,7 +54027,20 @@
             }
         }
         _setAnimationState(g) {
-            const customizedState = this._aniamtionStateCallback ? this._aniamtionStateCallback(g) : undefined;
+            var _a, _b, _c;
+            const callback = (this.type === "component"
+                ? this.model.getAnimationStateCallback()
+                : (_c = (_b = (_a = this.model).getRegion) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.getAnimationStateCallback()) ||
+                ((g) => {
+                    var _a;
+                    const diffState = (_a = g.context) === null || _a === void 0 ? void 0 : _a.diffState;
+                    return diffState === AnimationStateEnum.exit
+                        ? AnimationStateEnum.exit
+                        : diffState === AnimationStateEnum.update
+                            ? AnimationStateEnum.update
+                            : AnimationStateEnum.appear;
+                });
+            const customizedState = callback(g);
             g.context.animationState = customizedState !== null && customizedState !== void 0 ? customizedState : g.context.diffState;
             if (g.context.animationState === DiffState.exit) {
                 g.context.reusing = true;
@@ -54498,9 +54543,6 @@
                 this._runProgressiveStep();
             }
         }
-        updateAnimationState(callback) {
-            this._aniamtionStateCallback = callback;
-        }
         hasAnimationByState(state) {
             if (!state || !this._animationConfig || !this._animationConfig[state]) {
                 return false;
@@ -54548,6 +54590,7 @@
             super(...arguments);
             this.type = GroupMark.type;
             this._marks = [];
+            this._diffState = DiffState.enter;
         }
         getMarks() {
             return this._marks;
@@ -54605,13 +54648,12 @@
             return [this._product];
         }
         renderInner() {
-            var _a, _b;
+            var _a;
             if (!this._product) {
                 return;
             }
             const style = (_a = this._simpleStyle) !== null && _a !== void 0 ? _a : this.getAttributesOfState({});
-            const prevState = (_b = this._product.context) === null || _b === void 0 ? void 0 : _b.diffState;
-            this._product.context = Object.assign(Object.assign(Object.assign({}, this._product.context), this._getCommonContext()), { diffState: prevState ? DiffState.update : DiffState.enter });
+            this._product.context = Object.assign(Object.assign(Object.assign({}, this._product.context), this._getCommonContext()), { diffState: this._diffState });
             this._setAnimationState(this._product);
             const newAttrs = this._getAttrsFromConfig(style);
             if (this._product.context.diffState === DiffState.update) {
@@ -54630,6 +54672,9 @@
             }
             this.needClear = true;
         }
+        clearExitGraphics() {
+            this._diffState = DiffState.update;
+        }
         render() {
             if (this._isCommited) {
                 log(`render mark: ${this.getProductId()}, type is ${this.type}`);
@@ -54640,12 +54685,6 @@
                 mark.render();
             });
         }
-        updateAnimationState(callback) {
-            super.updateAnimationState(callback);
-            this.getMarks().forEach(mark => {
-                mark.updateAnimationState(callback);
-            });
-        }
         release() {
             super.release();
             this.removeProduct();
@@ -55931,6 +55970,7 @@
             });
         }
         _updateAnimateState(initial) {
+            var _a, _b;
             if (this._option.animation) {
                 const updateGraphicAnimationState = (graphic) => {
                     var _a;
@@ -55940,8 +55980,11 @@
                     }
                     return diffState;
                 };
-                this._compiler.getRootMarks().forEach(mark => {
-                    mark.updateAnimationState(updateGraphicAnimationState);
+                (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getAllRegions().forEach(region => {
+                    region.updateAnimateStateCallback(updateGraphicAnimationState);
+                });
+                (_b = this._chart) === null || _b === void 0 ? void 0 : _b.getAllComponents().forEach(component => {
+                    component.updateAnimateStateCallback(updateGraphicAnimationState);
                 });
             }
         }
@@ -56564,10 +56607,20 @@
             return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
         }
         stopAnimation() {
+            var _a;
+            (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.stopAnimation(true);
+        }
+        reRunNormalAnimation() {
+            var _a;
+            (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.reApplyAnimationState('normal', true);
         }
         pauseAnimation() {
+            var _a;
+            (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.pauseAnimation(true);
         }
         resumeAnimation() {
+            var _a;
+            (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.resumeAnimation(true);
         }
         convertDatumToPosition(datum, dataLinkInfo = {}, isRelativeToCanvas = false, checkInViewData) {
             var _a;
@@ -56851,7 +56904,7 @@
         });
     };
 
-    const version = "2.0.1-alpha.2";
+    const version = "2.0.1-alpha.3";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -89943,7 +89996,10 @@
             const activeType = this._spec.activeType;
             this.processor = {};
             activeType.forEach(type => {
-                this.processor[type] = Factory.createTooltipProcessor(type, this);
+                const instance = Factory.createTooltipProcessor(type, this);
+                if (instance) {
+                    this.processor[type] = instance;
+                }
             });
         }
         _initEvent() {
@@ -97796,14 +97852,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const marginKey = align === 'right' ? 'marginLeft' : 'marginRight';
         if (align === 'right') {
             panelStyle.direction = 'rtl';
-            titleStyle.textAlign = 'right';
-            keyStyle.textAlign = 'right';
-            valueStyle.textAlign = 'left';
         }
-        else {
-            titleStyle.textAlign = 'left';
-            keyStyle.textAlign = 'left';
-            valueStyle.textAlign = 'right';
+        if (isNil$1(titleStyle.textAlign)) {
+            titleStyle.textAlign = align === 'right' ? 'right' : 'left';
+        }
+        if (isNil$1(keyStyle.textAlign)) {
+            keyStyle.textAlign = align === 'right' ? 'right' : 'left';
+        }
+        if (isNil$1(valueStyle.textAlign)) {
+            valueStyle.textAlign = align === 'right' ? 'left' : 'right';
         }
         shapeStyle[marginKey] = getPixelPropertyStr((_b = shape.spacing) !== null && _b !== void 0 ? _b : DEFAULT_SHAPE_SPACING);
         keyStyle[marginKey] = getPixelPropertyStr((_c = keyLabel.spacing) !== null && _c !== void 0 ? _c : DEFAULT_KEY_SPACING);