@visactor/vchart 1.12.0-alpha.9 → 1.12.0

package/esm/core/vchart.js

@@ -78,7 +78,9 @@ import { Compiler } from "../compile/compiler";
 
 import { getCanvasDataURL, URLToImage } from "../util/image";
 
-import { ChartEvent, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, VGRAMMAR_HOOK_EVENT } from "../constant";
+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";
 
@@ -94,9 +96,7 @@ import { Layout } from "../layout/base-layout";
 
 import { registerGroupMark } from "../mark/group";
 
-import { registerVGrammarCommonAnimation } from "../animation/config";
-
-import { View, registerFilterTransform, registerMapTransform } from "@visactor/vgrammar-core";
+import { View, registerGesturePlugin } from "@visactor/vgrammar-core";
 
 import { VCHART_UTILS } from "./util";
 
@@ -192,15 +192,39 @@ export class VChart {
             }
         }, this._observer = null, this._context = {}, this._onResize = debounce(((...args) => {
             this._doResize();
-        }), 100), this._option = mergeOrigin(this._option, {
+        }), 100), this._renderSync = (option = {}) => {
+            var _a;
+            const self = this;
+            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;
+            const lastSpec = this._spec, result = {
+                reTransformSpec: !1,
+                change: !1,
+                reMake: !1,
+                reCompile: !1,
+                reSize: !1,
+                changeTheme: !1
+            };
+            if (!this._setNewSpec(spec, forceMerge)) return;
+            isEqual(lastSpec.theme, this._spec.theme) ? isEqual(this._spec.background, lastSpec.background) || (result.reMake = !0, 
+            result.changeBackground = !0) : result.changeTheme = !0;
+            const reSize = this._shouldChartResize(lastSpec);
+            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");
+            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);
-        isTrueBrowseEnv && dom && (this._container = isString(dom) ? null === document || void 0 === document ? void 0 : document.getElementById(dom) : dom), 
-        renderCanvas && (this._canvas = renderCanvas), stage && (this._stage = stage), "node" === mode || this._container || this._canvas || this._stage ? (isTrueBrowseEnv ? registerBrowserEnv() : "node" === mode && registerNodeEnv(), 
-        this._viewBox = this._option.viewBox, this._currentThemeName = ThemeManager.getCurrentThemeName(), 
-        this._setNewSpec(spec), this._updateCurrentTheme(), this._currentSize = this.getCurrentSize(), 
-        this._compiler = new Compiler({
+        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), 
+        this._updateCurrentTheme(), this._currentSize = this.getCurrentSize(), this._compiler = new Compiler({
             dom: null !== (_c = this._container) && void 0 !== _c ? _c : "none",
             canvas: renderCanvas
         }, Object.assign(Object.assign({
@@ -315,18 +339,20 @@ export class VChart {
         return !!updateSpecResult && (this._reCompile(updateSpecResult), this._beforeRender(option));
     }
     _reCompile(updateResult, morphConfig) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         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(), null === (_b = this._compiler) || void 0 === _b || _b.releaseGrammar(!1 === (null === (_c = this._option) || void 0 === _c ? void 0 : _c.animation) || !1 === (null === (_d = this._spec) || void 0 === _d ? void 0 : _d.animation)), 
+        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())), 
+        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)), 
         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.changeTheme && this._setCurrentTheme(), 
-        updateResult.reCompile && (null === (_e = this._compiler) || void 0 === _e || _e.clear({
+        })), updateResult.reSize && this._doResize(); else if (updateResult.changeTheme ? (this._setCurrentTheme(), 
+        this._setFontFamilyTheme(null === (_g = this._currentTheme) || void 0 === _g ? void 0 : _g.fontFamily)) : updateResult.changeBackground && (null === (_h = this._compiler) || void 0 === _h || _h.setBackground(this._getBackground())), 
+        updateResult.reCompile && (null === (_j = this._compiler) || void 0 === _j || _j.clear({
             chart: this._chart,
             vChart: this
-        }, !this._option.animation || !this._spec.animation), null === (_f = this._compiler) || void 0 === _f || _f.compile({
+        }, !this._option.animation || !this._spec.animation), null === (_k = this._compiler) || void 0 === _k || _k.compile({
             chart: this._chart,
             vChart: this
         }, {})), updateResult.reSize) {
@@ -373,12 +399,6 @@ export class VChart {
             });
         }));
     }
-    _renderSync(option = {}) {
-        var _a;
-        const self = this;
-        return this._beforeRender(option) ? (null === (_a = this._compiler) || void 0 === _a || _a.render(option.morphConfig), 
-        this._afterRender(), self) : self;
-    }
     _renderAsync(option = {}) {
         return __awaiter(this, void 0, void 0, (function*() {
             return this._renderSync(option);
@@ -484,26 +504,6 @@ export class VChart {
             actionSource: "updateSpecAndRecompile"
         }, option));
     }
-    _updateSpec(spec, forceMerge = !1, userUpdateOptions) {
-        var _a, _b;
-        const lastSpec = this._spec, result = {
-            reTransformSpec: !1,
-            change: !1,
-            reMake: !1,
-            reCompile: !1,
-            reSize: !1,
-            changeTheme: !1
-        };
-        if (!this._setNewSpec(spec, forceMerge)) return;
-        isEqual(lastSpec.theme, this._spec.theme) || (result.changeTheme = !0);
-        const reSize = this._shouldChartResize(lastSpec);
-        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;
-        this._initChartSpec(this._spec, "render");
-        const res = mergeUpdateResult(this._chart.updateSpec(this._spec), result);
-        return userUpdateOptions ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
-    }
     updateModelSpec(filter, spec, forceMerge = !1, morphConfig) {
         return __awaiter(this, void 0, void 0, (function*() {
             if (!spec || !this._spec) return this;
@@ -600,16 +600,20 @@ export class VChart {
         this._chart && this._chart.clearHovered();
     }
     _updateCurrentTheme(nextThemeName) {
-        var _a, _b;
-        const optionTheme = this._option.theme, specTheme = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.theme;
-        if (nextThemeName && (this._currentThemeName = nextThemeName), isEmpty(optionTheme) && isEmpty(specTheme)) this._currentTheme = getThemeObject(this._currentThemeName, !0); else if (isString(optionTheme) && (!specTheme || isString(specTheme)) || isString(specTheme) && (!optionTheme || isString(optionTheme))) {
-            const finalTheme = mergeTheme({}, getThemeObject(this._currentThemeName, !0), getThemeObject(optionTheme, !0), getThemeObject(specTheme, !0));
+        var _a, _b, _c, _d, _e, _f;
+        const optionTheme = this._option.theme, specTheme = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.theme, chartType = null === (_b = this._spec) || void 0 === _b ? void 0 : _b.type;
+        let currentTheme;
+        if (nextThemeName && (this._currentThemeName = nextThemeName), isEmpty(optionTheme) && isEmpty(specTheme)) currentTheme = getThemeObject(this._currentThemeName, !0), 
+        this._currentTheme = mergeTheme({}, currentTheme, null === (_e = currentTheme.chart) || void 0 === _e ? void 0 : _e[chartType]); else if (isString(optionTheme) && (!specTheme || isString(specTheme)) || isString(specTheme) && (!optionTheme || isString(optionTheme))) {
+            currentTheme = getThemeObject(this._currentThemeName, !0);
+            const finalTheme = mergeTheme({}, currentTheme, null === (_c = currentTheme.chart) || void 0 === _c ? void 0 : _c[chartType], getThemeObject(optionTheme, !0), getThemeObject(specTheme, !0));
             this._currentTheme = finalTheme;
         } else {
-            const finalTheme = mergeTheme({}, getThemeObject(this._currentThemeName), getThemeObject(optionTheme), getThemeObject(specTheme));
+            currentTheme = getThemeObject(this._currentThemeName);
+            const finalTheme = mergeTheme({}, currentTheme, null === (_d = currentTheme.chart) || void 0 === _d ? void 0 : _d[chartType], getThemeObject(optionTheme), getThemeObject(specTheme));
             this._currentTheme = preprocessTheme(finalTheme);
         }
-        setPoptipTheme(get(this._currentTheme, "component.poptip")), null === (_b = this._compiler) || void 0 === _b || _b.setBackground(this._getBackground());
+        setPoptipTheme(get(this._currentTheme, "component.poptip")), null === (_f = this._compiler) || void 0 === _f || _f.setBackground(this._getBackground());
     }
     _shouldChartResize(oldSpec) {
         var _a, _b;
@@ -791,7 +795,7 @@ export class VChart {
         var _a;
         if (isValid(this._container)) return this._container;
         let canvasNode;
-        return canvasNode = isString(this._canvas) ? null === document || void 0 === document ? void 0 : document.getElementById(this._canvas) : this._canvas, 
+        return canvasNode = isString(this._canvas) ? vglobal.getElementById(this._canvas) : this._canvas, 
         isValid(canvasNode) ? canvasNode.parentElement : null === (_a = this.getCanvas()) || void 0 === _a ? void 0 : _a.parentElement;
     }
     getComponents() {
@@ -880,6 +884,26 @@ export class VChart {
         const indicators = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentsByType(ComponentTypeEnum.indicator);
         indicators && indicators[index] && indicators[index].updateDatum(datum);
     }
+    geoZoomByIndex(regionIndex = 0, zoom, center) {
+        var _a, _b;
+        const region = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getRegionsInQuerier({
+            regionIndex: regionIndex
+        })[0], geoCoordinates = null === (_b = this._chart) || void 0 === _b ? void 0 : _b.getComponentsByType(ComponentTypeEnum.geoCoordinate), coord = null == geoCoordinates ? void 0 : geoCoordinates.find((coord => {
+            var _a;
+            return null === (_a = coord.getRegions()) || void 0 === _a ? void 0 : _a.includes(region);
+        }));
+        coord && coord.dispatchZoom(zoom, center);
+    }
+    geoZoomById(regionId, zoom, center) {
+        var _a, _b;
+        const region = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getRegionsInQuerier({
+            regionId: regionId
+        })[0], geoCoordinates = null === (_b = this._chart) || void 0 === _b ? void 0 : _b.getComponentsByType(ComponentTypeEnum.geoCoordinate), coord = null == geoCoordinates ? void 0 : geoCoordinates.find((coord => {
+            var _a;
+            return null === (_a = coord.getRegions()) || void 0 === _a ? void 0 : _a.includes(region);
+        }));
+        coord && coord.dispatchZoom(zoom, center);
+    }
     _initChartPlugin() {
         const pluginList = Factory.getChartPlugins();
         pluginList.length > 0 && (this._chartPlugin = new ChartPluginService(this), this._chartPlugin.load(pluginList.map((p => new p))), 
@@ -927,13 +951,11 @@ VChart.InstanceManager = InstanceManager, VChart.ThemeManager = ThemeManager, VC
 
 export const registerVChartCore = () => {
     Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
-    registerGroupMark(), View.useRegisters([ registerFilterTransform, registerMapTransform ]), 
-    registerVGrammarCommonAnimation(), registerHoverInteraction(), registerSelectInteraction(), 
-    registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
+    registerGroupMark(), View.useRegisters([ registerGesturePlugin ]), registerHoverInteraction(), 
+    registerSelectInteraction(), registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
 };
 
 Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
-registerGroupMark(), View.useRegisters([ registerFilterTransform, registerMapTransform ]), 
-registerVGrammarCommonAnimation(), registerHoverInteraction(), registerSelectInteraction(), 
-registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
+registerGroupMark(), View.useRegisters([ registerGesturePlugin ]), registerHoverInteraction(), 
+registerSelectInteraction(), registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
 //# sourceMappingURL=vchart.js.map