@visactor/vchart 1.12.5 → 1.12.7

package/esm/core/vchart.d.ts

@@ -74,6 +74,7 @@ export declare class VChart implements IVChart {
     private _context;
     private _isReleased;
     private _chartPlugin?;
+    private _onResize?;
     constructor(spec: ISpec, options: IInitOption);
     private _setNewSpec;
     private _getSpecFromOriginalSpec;
@@ -89,7 +90,6 @@ export declare class VChart implements IVChart {
         height: number;
     };
     private _doResize;
-    private _onResize;
     private _initDataSet;
     updateCustomConfigAndRerender(updateSpecResult: IUpdateSpecResult | (() => IUpdateSpecResult), sync?: boolean, option?: IVChartRenderOption): IVChart | Promise<IVChart>;
     protected _updateCustomConfigAndRecompile(updateSpecResult: IUpdateSpecResult, option?: IVChartRenderOption): boolean;

package/esm/core/vchart.js

@@ -42,7 +42,7 @@ import { DataSet, dataViewParser, DataView } from "@visactor/vdataset";
 
 import { vglobal } from "@visactor/vrender-core";
 
-import { isString, isValid, isNil, array, debounce, specTransform, functionTransform } from "../util";
+import { isString, isValid, isNil, array, specTransform, functionTransform } from "../util";
 
 import { createID } from "../util/id";
 
@@ -82,7 +82,7 @@ import { ChartEvent, VGRAMMAR_HOOK_EVENT } from "../constant/event";
 
 import { DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH } from "../constant/base";
 
-import { isArray, isEmpty, Logger, merge as mergeOrigin, isFunction, LoggerLevel, isEqual, get, cloneDeep, isObject } from "@visactor/vutils";
+import { isArray, isEmpty, Logger, merge as mergeOrigin, isFunction, LoggerLevel, isEqual, get, cloneDeep, isObject, throttle } from "@visactor/vutils";
 
 import { InstanceManager } from "./instance-manager";
 
@@ -181,7 +181,7 @@ export class VChart {
         return this._dataSet;
     }
     constructor(spec, options) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         this.id = createID(), this._userEvents = [], this._autoSize = !0, this._option = {
             mode: RenderModeEnum["desktop-browser"],
             onError: msg => {
@@ -190,9 +190,13 @@ export class VChart {
             optimize: {
                 disableCheckGraphicWidthOutRange: !0
             }
-        }, this._observer = null, this._context = {}, this._onResize = debounce(((...args) => {
-            this._doResize();
-        }), 100), this._renderSync = (option = {}) => {
+        }, this._observer = null, this._context = {}, this._doResize = () => {
+            const {width: width, height: height} = this.getCurrentSize();
+            this._currentSize.width === width && this._currentSize.height === height || (this._currentSize = {
+                width: width,
+                height: height
+            }, this.resizeSync(width, height));
+        }, this._renderSync = (option = {}) => {
             var _a;
             const self = this;
             return this._beforeRender(option) ? (null === (_a = this._compiler) || void 0 === _a || _a.render(option.morphConfig), 
@@ -200,6 +204,7 @@ export class VChart {
         }, this._updateSpec = (spec, forceMerge = !1, userUpdateOptions) => {
             var _a, _b;
             const lastSpec = this._spec, result = {
+                changeBackground: !1,
                 reTransformSpec: !1,
                 change: !1,
                 reMake: !1,
@@ -214,13 +219,13 @@ export class VChart {
             if (result.reSize = reSize, null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
             this._spec.type !== lastSpec.type) return result.reMake = !0, result.reTransformSpec = !0, 
             result.change = !0, result.changeTheme = !0, result;
-            this._initChartSpec(this._spec, "render");
+            this._initChartSpec(this._spec, "updateSpec");
             const res = mergeUpdateResult(this._chart.updateSpec(this._spec), result);
             return userUpdateOptions ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
         }, this._option = mergeOrigin(this._option, {
             animation: !1 !== spec.animation
         }, options), this._onError = null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError;
-        const _g = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _g, restOptions = __rest(_g, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = isTrueBrowser(mode);
+        const _j = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _j, restOptions = __rest(_j, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = isTrueBrowser(mode);
         isTrueBrowseEnv ? registerBrowserEnv() : "node" === mode && registerNodeEnv(), isTrueBrowseEnv && dom && (this._container = isString(dom) ? vglobal.getElementById(dom) : dom), 
         renderCanvas && (this._canvas = renderCanvas), stage && (this._stage = stage), "node" === mode || this._container || this._canvas || this._stage ? (this._viewBox = this._option.viewBox, 
         this._currentThemeName = ThemeManager.getCurrentThemeName(), this._setNewSpec(spec), 
@@ -239,7 +244,7 @@ export class VChart {
         this._compiler.initView(), this._setFontFamilyTheme(null === (_d = this._currentTheme) || void 0 === _d ? void 0 : _d.fontFamily), 
         this._initDataSet(this._option.dataSet), this._autoSize = !!isTrueBrowseEnv && (null === (_f = null !== (_e = spec.autoFit) && void 0 !== _e ? _e : this._option.autoFit) || void 0 === _f || _f), 
         this._bindResizeEvent(), this._bindVGrammarViewEvent(), this._initChartPlugin(), 
-        InstanceManager.registerInstance(this)) : null === (_b = this._option) || void 0 === _b || _b.onError("please specify container or renderCanvas!");
+        InstanceManager.registerInstance(this), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCreateVChart) || void 0 === _h || _h.call(_g, this)) : null === (_b = this._option) || void 0 === _b || _b.onError("please specify container or renderCanvas!");
     }
     _setNewSpec(spec, forceMerge) {
         return !!spec && (isString(spec) && (spec = JSON.parse(spec)), forceMerge && this._originalSpec && (spec = mergeSpec({}, this._originalSpec, spec)), 
@@ -291,12 +296,13 @@ export class VChart {
         })));
     }
     _bindResizeEvent() {
-        var _a;
+        var _a, _b;
         if (this._autoSize) {
-            if (this._container) {
+            if (this._onResize = throttle(this._doResize, null !== (_a = this._option.resizeDelay) && void 0 !== _a ? _a : 100), 
+            this._container) {
                 const ResizeObserverWindow = window.ResizeObserver;
                 ResizeObserverWindow && (this._observer = new ResizeObserverWindow(this._onResize), 
-                null === (_a = this._observer) || void 0 === _a || _a.observe(this._container));
+                null === (_b = this._observer) || void 0 === _b || _b.observe(this._container));
             }
             window.addEventListener("resize", this._onResize);
         }
@@ -317,13 +323,6 @@ export class VChart {
             height: null !== (_d = null === (_c = this._currentSize) || void 0 === _c ? void 0 : _c.height) && void 0 !== _d ? _d : DEFAULT_CHART_HEIGHT
         });
     }
-    _doResize() {
-        const {width: width, height: height} = this.getCurrentSize();
-        this._currentSize.width === width && this._currentSize.height === height || (this._currentSize = {
-            width: width,
-            height: height
-        }, this.resizeSync(width, height));
-    }
     _initDataSet(dataSet) {
         this._dataSet = dataSet instanceof DataSet ? dataSet : new DataSet, registerDataSetInstanceParser(this._dataSet, "dataview", dataViewParser), 
         registerDataSetInstanceParser(this._dataSet, "array", arrayParser), registerDataSetInstanceTransform(this._dataSet, "copyDataView", copyDataView);
@@ -339,7 +338,7 @@ export class VChart {
         return !!updateSpecResult && (this._reCompile(updateSpecResult), this._beforeRender(option));
     }
     _reCompile(updateResult, morphConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         if (updateResult.reMake) this._releaseData(), this._initDataSet(), this._chartSpecTransformer = null, 
         null === (_a = this._chart) || void 0 === _a || _a.release(), this._chart = null, 
         updateResult.changeTheme ? (this._setCurrentTheme(), this._setFontFamilyTheme(null === (_b = this._currentTheme) || void 0 === _b ? void 0 : _b.fontFamily)) : updateResult.changeBackground && (null === (_c = this._compiler) || void 0 === _c || _c.setBackground(this._getBackground())), 
@@ -352,7 +351,8 @@ export class VChart {
         updateResult.reCompile && (null === (_j = this._compiler) || void 0 === _j || _j.clear({
             chart: this._chart,
             vChart: this
-        }, !this._option.animation || !this._spec.animation), null === (_k = this._compiler) || void 0 === _k || _k.compile({
+        }, !1 === (null === (_k = this._option) || void 0 === _k ? void 0 : _k.animation) || !1 === (null === (_l = this._spec) || void 0 === _l ? void 0 : _l.animation)), 
+        null === (_m = this._compiler) || void 0 === _m || _m.compile({
             chart: this._chart,
             vChart: this
         }, {})), updateResult.reSize) {
@@ -366,8 +366,8 @@ export class VChart {
         if (this._chart) return !0;
         const {transformSpec: transformSpec, actionSource: actionSource} = option;
         return transformSpec && this._initChartSpec(this._spec, "render"), this._chartPluginApply("onBeforeInitChart", this._spec, actionSource), 
-        null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeInitializeChart) || void 0 === _b || _b.call(_a), 
-        this._initChart(this._spec), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterInitializeChart) || void 0 === _d || _d.call(_c), 
+        null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeInitializeChart) || void 0 === _b || _b.call(_a, this), 
+        this._initChart(this._spec), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterInitializeChart) || void 0 === _d || _d.call(_c, this), 
         !(!this._chart || !this._compiler) && (null === (_f = null === (_e = this._option.performanceHook) || void 0 === _e ? void 0 : _e.beforeCompileToVGrammar) || void 0 === _f || _f.call(_e), 
         this._compiler.compile({
             chart: this._chart,
@@ -464,13 +464,10 @@ export class VChart {
         this;
         const prevData = array(this._spec.data);
         return array(data).forEach((d => {
-            var _a;
             const {id: id, values: values, parser: parser, fields: fields} = d, preDV = prevData.find((dv => dv.name === id));
             if (preDV) preDV instanceof DataView ? (preDV.setFields(cloneDeep(fields)), preDV.parse(values, cloneDeep(parser))) : (preDV.values = values, 
             isValid(parser) && (preDV.parser = parser), isValid(fields) && (preDV.fields = fields)); else {
-                const dataView = dataToDataView(d, this._dataSet, prevData, {
-                    onError: null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError
-                });
+                const dataView = dataToDataView(d, this._dataSet, prevData);
                 isArray(this._spec.data) && this._spec.data.push(dataView);
             }
         })), this;