@visactor/vchart 1.11.7-alpha.0 → 1.11.7-alpha.1

package/esm/core/vchart.js

@@ -82,7 +82,7 @@ import { getCanvasDataURL, URLToImage } from "../util/image";
 
 import { ChartEvent, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, VGRAMMAR_HOOK_EVENT } from "../constant";
 
-import { isArray, isEmpty, Logger, merge as mergeOrigin, isFunction, LoggerLevel, isEqual, get, cloneDeep } from "@visactor/vutils";
+import { isArray, isEmpty, Logger, merge as mergeOrigin, isFunction, LoggerLevel, isEqual, get, cloneDeep, isObject } from "@visactor/vutils";
 
 import { InstanceManager } from "./instance-manager";
 
@@ -314,6 +314,7 @@ export class VChart {
     }
     updateCustomConfigAndRerender(updateSpecResult, sync, option = {}) {
         if (!this._isReleased && updateSpecResult) return isFunction(updateSpecResult) && (updateSpecResult = updateSpecResult()), 
+        updateSpecResult.reAnimate && (this.stopAnimation(), this._updateAnimateState(!0)), 
         this._reCompile(updateSpecResult), sync ? this._renderSync(option) : this._renderAsync(option);
     }
     _updateCustomConfigAndRecompile(updateSpecResult, option = {}) {
@@ -388,15 +389,18 @@ export class VChart {
             return this._renderSync(option);
         }));
     }
-    _updateAnimateState() {
+    _updateAnimateState(initial) {
         var _a, _b;
-        this._option.animation && (null === (_a = this._chart) || void 0 === _a || _a.getAllRegions().forEach((region => {
-            var _a;
-            null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(AnimationStateEnum.update, !0);
-        })), null === (_b = this._chart) || void 0 === _b || _b.getAllComponents().forEach((component => {
-            var _a;
-            null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(AnimationStateEnum.update, !0);
-        })));
+        if (this._option.animation) {
+            const animationState = initial ? AnimationStateEnum.appear : AnimationStateEnum.update;
+            null === (_a = this._chart) || void 0 === _a || _a.getAllRegions().forEach((region => {
+                var _a;
+                null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(animationState, !0);
+            })), null === (_b = this._chart) || void 0 === _b || _b.getAllComponents().forEach((component => {
+                var _a;
+                null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(animationState, !0);
+            }));
+        }
     }
     release() {
         var _a, _b, _c, _d;
@@ -459,9 +463,9 @@ export class VChart {
             return this.updateFullDataSync(data, reRender);
         }));
     }
-    updateSpec(spec, forceMerge = !1, morphConfig) {
+    updateSpec(spec, forceMerge = !1, morphConfig, userUpdateOptions) {
         return __awaiter(this, void 0, void 0, (function*() {
-            const result = this._updateSpec(spec, forceMerge);
+            const result = this._updateSpec(spec, forceMerge, userUpdateOptions);
             return result ? (yield this.updateCustomConfigAndRerender(result, !1, {
                 morphConfig: morphConfig,
                 transformSpec: result.reTransformSpec,
@@ -469,8 +473,8 @@ export class VChart {
             }), this) : this;
         }));
     }
-    updateSpecSync(spec, forceMerge = !1, morphConfig) {
-        const result = this._updateSpec(spec, forceMerge);
+    updateSpecSync(spec, forceMerge = !1, morphConfig, userUpdateOptions) {
+        const result = this._updateSpec(spec, forceMerge, userUpdateOptions);
         return result ? (this.updateCustomConfigAndRerender(result, !0, {
             morphConfig: morphConfig,
             transformSpec: result.reTransformSpec,
@@ -483,26 +487,29 @@ export class VChart {
             actionSource: "updateSpecAndRecompile"
         }, option));
     }
-    _updateSpec(spec, forceMerge = !1) {
+    _updateSpec(spec, forceMerge = !1, userUpdateOptions) {
         var _a, _b;
         const lastSpec = this._spec;
         if (!this._setNewSpec(spec, forceMerge)) return;
         isEqual(lastSpec.theme, this._spec.theme) || this._setCurrentTheme();
         const reSize = this._shouldChartResize(lastSpec);
-        return null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
-        this._spec.type !== lastSpec.type ? {
+        if (null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
+        this._spec.type !== lastSpec.type) return {
             reTransformSpec: !0,
             change: !0,
             reMake: !0,
             reCompile: !1,
             reSize: reSize
-        } : (this._initChartSpec(this._spec, "render"), mergeUpdateResult(this._chart.updateSpec(this._spec), {
+        };
+        this._initChartSpec(this._spec, "render");
+        const res = mergeUpdateResult(this._chart.updateSpec(this._spec), {
             reTransformSpec: !1,
             change: reSize,
             reMake: !1,
             reCompile: !1,
             reSize: reSize
-        }));
+        });
+        return userUpdateOptions ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
     }
     updateModelSpec(filter, spec, forceMerge = !1, morphConfig) {
         return __awaiter(this, void 0, void 0, (function*() {
@@ -621,7 +628,7 @@ export class VChart {
         this._autoSize !== lasAutoSize && (resize = !0), resize;
     }
     _getBackground() {
-        return ("string" == typeof this._spec.background ? this._spec.background : null) || this._currentTheme.background || this._option.background;
+        return ("string" == typeof this._spec.background || isObject(this._spec.background) && this._spec.background.gradient ? this._spec.background : null) || this._currentTheme.background || this._option.background;
     }
     getCurrentTheme() {
         return getThemeObject(this._currentThemeName);