@visactor/vchart 1.13.7-alpha.0 → 2.0.0-alpha.0

package/cjs/core/vchart.js

@@ -38,7 +38,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerVChartCore = exports.VChart = void 0;
 
-const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), type_1 = require("../component/interface/type"), vdataset_1 = require("@visactor/vdataset"), vrender_core_1 = require("@visactor/vrender-core"), util_1 = require("../util"), id_1 = require("../util/id"), space_1 = require("../util/space"), env_1 = require("../util/env"), debug_1 = require("../util/debug"), common_2 = require("../util/theme/common"), vutils_extension_1 = require("@visactor/vutils-extension"), factory_1 = require("./factory"), event_1 = require("../event/event"), event_dispatcher_1 = require("../event/event-dispatcher"), geo_source_1 = require("../series/map/geo-source"), register_1 = require("../data/register"), initialize_1 = require("../data/initialize"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_1 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), event_2 = require("../constant/event"), base_1 = require("../constant/base"), vutils_1 = require("@visactor/vutils"), instance_manager_1 = require("./instance-manager"), vrender_components_1 = require("@visactor/vrender-components"), util_2 = require("../chart/util"), region_1 = require("../region/region"), base_layout_1 = require("../layout/base-layout"), group_1 = require("../mark/group"), vgrammar_core_1 = require("@visactor/vgrammar-core"), util_3 = require("./util"), expression_function_1 = require("./expression-function"), env_2 = require("../env"), theme_1 = require("../util/theme"), builtin_1 = require("../theme/builtin"), plugin_service_1 = require("../plugin/chart/plugin-service"), interaction_1 = require("../interaction"), svg_source_1 = require("../series/pictogram/svg-source");
+const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), type_1 = require("../component/interface/type"), vdataset_1 = require("@visactor/vdataset"), vrender_core_1 = require("@visactor/vrender-core"), util_1 = require("../util"), id_1 = require("../util/id"), space_1 = require("../util/space"), env_1 = require("../util/env"), debug_1 = require("../util/debug"), common_2 = require("../util/theme/common"), vutils_extension_1 = require("@visactor/vutils-extension"), factory_1 = require("./factory"), event_1 = require("../event/event"), event_dispatcher_1 = require("../event/event-dispatcher"), geo_source_1 = require("../series/map/geo-source"), register_1 = require("../data/register"), initialize_1 = require("../data/initialize"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_1 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), event_2 = require("../constant/event"), base_1 = require("../constant/base"), vutils_1 = require("@visactor/vutils"), instance_manager_1 = require("./instance-manager"), vrender_components_1 = require("@visactor/vrender-components"), util_2 = require("../chart/util"), region_1 = require("../region/region"), base_layout_1 = require("../layout/base-layout"), group_1 = require("../mark/group"), util_3 = require("./util"), expression_function_1 = require("./expression-function"), env_2 = require("../env"), theme_1 = require("../util/theme"), builtin_1 = require("../theme/builtin"), plugin_service_1 = require("../plugin/chart/plugin-service"), svg_source_1 = require("../series/pictogram/svg-source"), other_1 = require("../plugin/other"), element_highlight_1 = require("../interaction/triggers/element-highlight"), element_select_1 = require("../interaction/triggers/element-select"), dimension_hover_1 = require("../interaction/triggers/dimension-hover");
 
 class VChart {
     static useRegisters(comps) {
@@ -120,7 +120,7 @@ class VChart {
         return this._dataSet;
     }
     constructor(spec, options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         this.id = (0, id_1.createID)(), this._userEvents = [], this._autoSize = !0, this._option = {
             mode: common_1.RenderModeEnum["desktop-browser"],
             onError: msg => {
@@ -141,7 +141,7 @@ class VChart {
             return this._beforeRender(option) ? (null === (_a = this._compiler) || void 0 === _a || _a.render(option.morphConfig), 
             this._afterRender(), self) : self;
         }, this._updateSpec = (spec, forceMerge = !1, userUpdateOptions) => {
-            var _a, _b;
+            var _a;
             const lastSpec = this._spec, result = {
                 changeBackground: !1,
                 reTransformSpec: !1,
@@ -155,7 +155,7 @@ class VChart {
             (0, vutils_1.isEqual)(lastSpec.theme, this._spec.theme) ? (0, vutils_1.isEqual)(this._spec.background, lastSpec.background) || (result.reMake = !0, 
             result.changeBackground = !0) : result.changeTheme = !0;
             const reSize = this._shouldChartResize(lastSpec);
-            if (result.reSize = reSize, this._spec.type !== lastSpec.type) return null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
+            if (result.reSize = reSize, this._spec.type !== lastSpec.type) return null === (_a = this._compiler) || void 0 === _a || _a.updateLayoutTag(), 
             result.reMake = !0, result.reTransformSpec = !0, result.change = !0, result.changeTheme = !0, 
             result;
             this._initChartSpec(this._spec, "updateSpec");
@@ -164,7 +164,7 @@ class VChart {
         }, this._option = (0, vutils_1.merge)(this._option, {
             animation: !1 !== spec.animation
         }, options), this._onError = null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError;
-        const _j = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _j, restOptions = __rest(_j, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = (0, 
+        const _l = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _l, restOptions = __rest(_l, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = (0, 
         env_1.isTrueBrowser)(mode);
         if (isTrueBrowseEnv ? (0, env_2.registerBrowserEnv)() : "node" === mode && (0, env_2.registerNodeEnv)(), 
         isTrueBrowseEnv && dom && (this._container = (0, util_1.isString)(dom) ? vrender_core_1.vglobal.getElementById(dom) : dom), 
@@ -173,13 +173,12 @@ class VChart {
         this._setNewSpec(spec), this._updateCurrentTheme(), this._currentSize = this.getCurrentSize();
         const pluginList = [];
         !1 != !poptip && pluginList.push("poptipForText"), "sankey" === spec.type && pluginList.push("scrollbar");
-        const performanceHook = Object.assign({}, restOptions.performanceHook || {});
-        Object.keys(performanceHook).forEach((hookKey => {
-            restOptions.performanceHook[hookKey] = (...args) => {
-                performanceHook[hookKey](...args, this);
-            };
+        const logger = new vutils_1.Logger(null !== (_c = this._option.logLevel) && void 0 !== _c ? _c : vutils_1.LoggerLevel.Error);
+        vutils_1.Logger.setInstance(logger), (null === (_d = this._option) || void 0 === _d ? void 0 : _d.onError) && logger.addErrorHandler(((...args) => {
+            var _a, _b;
+            null === (_b = null === (_a = this._option) || void 0 === _a ? void 0 : _a.onError) || void 0 === _b || _b.call(_a, ...args);
         })), this._compiler = new compiler_1.Compiler({
-            dom: null !== (_c = this._container) && void 0 !== _c ? _c : "none",
+            dom: null !== (_e = this._container) && void 0 !== _e ? _e : "none",
             canvas: renderCanvas
         }, Object.assign(Object.assign({
             mode: this._option.mode,
@@ -191,10 +190,10 @@ class VChart {
         })), this._compiler.setSize(this._currentSize.width, this._currentSize.height), 
         this._eventDispatcher = new event_dispatcher_1.EventDispatcher(this, this._compiler), 
         this._event = new event_1.Event(this._eventDispatcher, mode), 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(), 
-        instance_manager_1.InstanceManager.registerInstance(this), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCreateVChart) || void 0 === _h || _h.call(_g, this);
+        this._compiler.updateLayoutTag(), this._setFontFamilyTheme(null === (_f = this._currentTheme) || void 0 === _f ? void 0 : _f.fontFamily), 
+        this._initDataSet(this._option.dataSet), this._autoSize = !!isTrueBrowseEnv && (null === (_h = null !== (_g = spec.autoFit) && void 0 !== _g ? _g : this._option.autoFit) || void 0 === _h || _h), 
+        this._bindResizeEvent(), this._bindViewEvent(), this._initChartPlugin(), instance_manager_1.InstanceManager.registerInstance(this), 
+        null === (_k = null === (_j = this._option.performanceHook) || void 0 === _j ? void 0 : _j.afterCreateVChart) || void 0 === _k || _k.call(_j, this);
     }
     _setNewSpec(spec, forceMerge) {
         return !!spec && ((0, util_1.isString)(spec) && (spec = JSON.parse(spec)), forceMerge && this._originalSpec && (spec = (0, 
@@ -233,20 +232,8 @@ class VChart {
     _releaseData() {
         this._dataSet && (this._dataSet.dataViewMap = {}, this._dataSet = null);
     }
-    _bindVGrammarViewEvent() {
-        if (!this._compiler) return;
-        const view = this._compiler.getVGrammarView();
-        view.addEventListener(event_2.VGRAMMAR_HOOK_EVENT.ALL_ANIMATION_END, (() => {
-            this._event.emit(event_2.ChartEvent.animationFinished, {
-                chart: this._chart,
-                vchart: this
-            });
-        })), view.addEventListener(event_2.VGRAMMAR_HOOK_EVENT.AFTER_VRENDER_NEXT_RENDER, (() => {
-            this._event.emit(event_2.ChartEvent.renderFinished, {
-                chart: this._chart,
-                vchart: this
-            });
-        }));
+    _bindViewEvent() {
+        this._compiler;
     }
     _bindResizeEvent() {
         var _a, _b;
@@ -293,22 +280,21 @@ 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;
         if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(), 
         this._chart = null), updateResult.reTransformSpec && (this._chartSpecTransformer = 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())), 
-        updateResult.reMake) null === (_d = this._compiler) || void 0 === _d || _d.releaseGrammar(!1 === (null === (_e = this._option) || void 0 === _e ? void 0 : _e.animation) || !1 === (null === (_f = this._spec) || void 0 === _f ? void 0 : _f.animation)), 
+        updateResult.reMake) null === (_d = this._compiler) || void 0 === _d || _d.releaseGrammar(), 
         this._userEvents.forEach((e => {
             var _a;
             return null === (_a = this._event) || void 0 === _a ? void 0 : _a.on(e.eType, e.query, e.handler);
-        })), updateResult.reSize && this._doResize(); else if (updateResult.reCompile && (null === (_g = this._compiler) || void 0 === _g || _g.clear({
+        })), updateResult.reSize && this._doResize(); else if (updateResult.reCompile && (null === (_e = this._compiler) || void 0 === _e || _e.clear({
             chart: this._chart,
             vChart: this
-        }, !1 === (null === (_h = this._option) || void 0 === _h ? void 0 : _h.animation) || !1 === (null === (_j = this._spec) || void 0 === _j ? void 0 : _j.animation)), 
-        null === (_k = this._compiler) || void 0 === _k || _k.compile({
+        }), null === (_f = this._compiler) || void 0 === _f || _f.compile({
             chart: this._chart,
             vChart: this
-        }, {})), updateResult.reSize) {
+        })), updateResult.reSize) {
             const {width: width, height: height} = this.getCurrentSize();
             this._chart.onResize(width, height, !1), this._compiler.resize(width, height, !1);
         }
@@ -321,13 +307,11 @@ class VChart {
         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), 
         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._chart || !this._compiler) && (null === (_f = null === (_e = this._option.performanceHook) || void 0 === _e ? void 0 : _e.beforeCompileToVGrammar) || void 0 === _f || _f.call(_e, this), 
         this._compiler.compile({
             chart: this._chart,
             vChart: this
-        }, {
-            performanceHook: this._option.performanceHook
-        }), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCompileToVGrammar) || void 0 === _h || _h.call(_g), 
+        }, option), null === (_h = null === (_g = this._option.performanceHook) || void 0 === _g ? void 0 : _g.afterCompileToVGrammar) || void 0 === _h || _h.call(_g, this), 
         !0);
     }
     _afterRender() {
@@ -495,8 +479,8 @@ class VChart {
         if (!this._chart || !this._compiler) return !1;
         const chartCanvasRect = this._chart.getCanvasRect();
         return (!chartCanvasRect || chartCanvasRect.width !== width || chartCanvasRect.height !== height) && (this._chartPluginApply("onBeforeResize", width, height), 
-        null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeResizeWithUpdate) || void 0 === _b || _b.call(_a), 
-        this._chart.onResize(width, height, !1), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterResizeWithUpdate) || void 0 === _d || _d.call(_c), 
+        null === (_b = null === (_a = this._option.performanceHook) || void 0 === _a ? void 0 : _a.beforeResizeWithUpdate) || void 0 === _b || _b.call(_a, this), 
+        this._chart.onResize(width, height, !1), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterResizeWithUpdate) || void 0 === _d || _d.call(_c, this), 
         !0);
     }
     _afterResize() {
@@ -761,18 +745,9 @@ class VChart {
         var _a;
         return null === (_a = this._chart) || void 0 === _a ? void 0 : _a.setDimensionIndex(value, opt);
     }
-    stopAnimation() {
-        var _a, _b, _c;
-        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.stop();
-    }
-    pauseAnimation() {
-        var _a, _b, _c;
-        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.pause();
-    }
-    resumeAnimation() {
-        var _a, _b, _c;
-        null === (_c = null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b ? void 0 : _b.animate) || void 0 === _c || _c.resume();
-    }
+    stopAnimation() {}
+    pauseAnimation() {}
+    resumeAnimation() {}
     convertDatumToPosition(datum, dataLinkInfo = {}, isRelativeToCanvas = !1, checkInViewData) {
         var _a;
         if (!this._chart) return null;
@@ -879,7 +854,6 @@ class VChart {
             mode: this._getMode(),
             modeParams: this._option.modeParams,
             getCompiler: () => this._compiler,
-            performanceHook: this._option.performanceHook,
             viewBox: this._viewBox,
             animation: this._option.animation,
             getTheme: () => {
@@ -904,9 +878,9 @@ VChart.ThemeManager = theme_manager_1.ThemeManager, VChart.globalConfig = {
 
 const registerVChartCore = () => {
     factory_1.Factory.registerRegion("region", region_1.Region), factory_1.Factory.registerLayout("base", base_layout_1.Layout), 
-    (0, group_1.registerGroupMark)(), vgrammar_core_1.View.useRegisters([ vgrammar_core_1.registerGesturePlugin ]), 
-    (0, interaction_1.registerElementHighlight)(), (0, interaction_1.registerElementSelect)(), 
-    (0, builtin_1.registerTheme)(builtin_1.darkTheme.name, builtin_1.darkTheme), vutils_1.Logger.getInstance(vutils_1.LoggerLevel.Error);
+    (0, group_1.registerGroupMark)(), (0, other_1.registerGesturePlugin)(), (0, element_highlight_1.registerElementHighlight)(), 
+    (0, element_select_1.registerElementSelect)(), (0, dimension_hover_1.registerDimensionHover)(), 
+    (0, builtin_1.registerTheme)(builtin_1.darkTheme.name, builtin_1.darkTheme);
 };
 
 exports.registerVChartCore = registerVChartCore, (0, exports.registerVChartCore)();