@visactor/vchart 2.0.12-alpha.5 → 2.0.12

package/esm/core/vchart.d.ts

@@ -81,6 +81,7 @@ export declare class VChart implements IVChart {
     private _chartPlugin?;
     private _vChartPlugin?;
     private _onResize?;
+    private _renderState;
     constructor(spec: ISpec, options: IInitOption);
     private _setNewSpec;
     private _getSpecFromOriginalSpec;
@@ -214,5 +215,7 @@ export declare class VChart implements IVChart {
     protected getTheme: (...keys: string[]) => any;
     isAnimationEnable(): boolean;
     protected _getChartOption(type: string): IChartOption;
+    runDisappearAnimation(): void;
+    private _reSetRenderState;
 }
 export declare const registerVChartCore: () => void;

package/esm/core/vchart.js

@@ -116,6 +116,8 @@ import { registerElementSelect } from "../interaction/triggers/element-select";
 
 import { VChartPluginService } from "../plugin/vchart/plugin-service";
 
+import { RenderStateEnum } from "../constant/animate";
+
 export class VChart {
     static useRegisters(comps) {
         comps.forEach((fn => {
@@ -205,7 +207,8 @@ export class VChart {
             optimize: {
                 disableCheckGraphicWidthOutRange: !0
             }
-        }, this._observer = null, this._context = {}, this._doResize = () => {
+        }, this._observer = null, this._context = {}, this._renderState = RenderStateEnum.render, 
+        this._doResize = () => {
             const {width: width, height: height} = this.getCurrentSize();
             this._currentSize.width === width && this._currentSize.height === height || (this._currentSize = {
                 width: width,
@@ -218,6 +221,7 @@ export class VChart {
             this._updateAnimateState(!1), this._afterRender(), self) : self;
         }, this._updateSpec = (spec, forceMerge = !1, userUpdateOptions) => {
             var _a;
+            this._reSetRenderState();
             const lastSpec = this._spec, result = {
                 changeBackground: !1,
                 reTransformSpec: !1,
@@ -490,13 +494,14 @@ export class VChart {
         }));
     }
     updateDataSync(id, data, parserOptions, userUpdateOptions) {
-        return isNil(this._dataSet) ? this : this._chart ? (this._chart.updateData(id, data, !0, parserOptions), 
+        return this._reSetRenderState(), isNil(this._dataSet) ? this : this._chart ? (this._chart.updateData(id, data, !0, parserOptions), 
         (null == userUpdateOptions ? void 0 : userUpdateOptions.reAnimate) && (this.stopAnimation(), 
         this._updateAnimateState(!0)), this._compiler.render(), this) : (this._spec.data = array(this._spec.data), 
         this._updateDataById(id, data, parserOptions), this);
     }
     updateFullDataSync(data, reRender = !0, userUpdateOptions) {
-        if (this._chart) return this._chart.updateFullData(data), reRender && ((null == userUpdateOptions ? void 0 : userUpdateOptions.reAnimate) && (this.stopAnimation(), 
+        if (this._reSetRenderState(), this._chart) return this._chart.updateFullData(data), 
+        reRender && ((null == userUpdateOptions ? void 0 : userUpdateOptions.reAnimate) && (this.stopAnimation(), 
         this._updateAnimateState(!0)), this._compiler.render()), this;
         const prevData = array(this._spec.data);
         return array(data).forEach((d => {
@@ -980,6 +985,16 @@ export 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, VChart.globalConfig = {