@visactor/vchart 0.0.1-alpha.0

package/cjs/core/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["core/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { DataSet, DataView } from '@visactor/vdataset';\n\nimport type { IParserOptions } from '@visactor/vdataset/es/parser';\nimport type {\n  Datum,\n  IMarkStateSpec,\n  IRegionQuerier,\n  IShowTooltipOption,\n  ISpec,\n  ITooltipHandler,\n  Maybe,\n  MaybeArray,\n  StringOrNumber\n} from '../typings';\nimport type { IMorphConfig } from '../animation/spec';\nimport type { IBoundsLike } from '@visactor/vutils';\nimport type { EventCallback, EventParams, EventQuery, EventType } from '../event/interface';\nimport type { IMark } from '../mark/interface';\nimport type { ISeries } from '../series/interface/series';\nimport type { ITheme } from '../theme';\nimport type { IComponent } from '../component/interface';\nimport type { LayoutCallBack } from '../layout/interface';\nimport type { Compiler } from '../compile/compiler';\nimport type { IChart } from '../chart/interface';\nimport type { Stage } from '@visactor/vrender';\n\nexport interface IVChart {\n  readonly id: number;\n\n  /**\n   * **同步**渲染图表。\n   * @param morphConfig 图表 morph 动画配置，可选\n   * @returns VChart 实例\n   */\n  renderSync: (morphConfig?: IMorphConfig) => IVChart;\n\n  /**\n   * **异步**渲染图表。\n   * @async\n   * @param morphConfig 图表 morph 动画配置，可选\n   * @returns VChart 实例\n   */\n  renderAsync: (morphConfig?: IMorphConfig) => Promise<IVChart>;\n\n  /**\n   * **异步**更新数据。\n   * @param id 数据 id\n   * @param data 数据值\n   * @param options 数据参数\n   * @returns VChart 实例\n   */\n  updateData: (id: StringOrNumber, data: DataView | Datum[] | string, options?: IParserOptions) => Promise<IVChart>;\n\n  /**\n   * **异步**批量更新数据。\n   * @param list 待更新的数据列表\n   * @returns VChart 实例\n   */\n  updateDataInBatches: (list: { id: string; data: DataView | Datum[]; options?: IParserOptions }[]) => Promise<IVChart>;\n\n  /**\n   * **同步**更新数据。\n   * @param id 数据 id\n   * @param data 数据值\n   * @param options 数据参数\n   * @returns VChart 实例\n   */\n  updateDataSync: (id: StringOrNumber, data: DataView | Datum[], options?: IParserOptions) => IVChart;\n\n  /**\n   * **异步**spec 更新。\n   * @param spec\n   * @param forceMerge\n   * @returns\n   */\n  updateSpec: (spec: ISpec, forceMerge?: boolean, morphConfig?: IMorphConfig) => Promise<IVChart>;\n\n  /**\n   * 更新绘制区域。\n   * @param viewBox 绘制区域\n   * @param reRender 是否重新渲染，默认为 true\n   * @returns\n   */\n  updateViewBox: (viewBox: IBoundsLike, reRender?: boolean) => IVChart;\n\n  /**\n   * **异步方法**，图表尺寸更新方法。\n   * @param width 宽度\n   * @param height 高度\n   * @returns VChart 当前实例\n   */\n  resize: (width: number, height: number) => Promise<IVChart>;\n\n  /**\n   * 销毁图表。\n   */\n  release: () => void;\n\n  /**\n   * 事件监听\n   */\n  on: ((eType: EventType, handler: EventCallback<EventParams>) => void) &\n    ((eType: EventType, query: EventQuery, handler: EventCallback<EventParams>) => void);\n  off: (eType: EventType, handler?: EventCallback<EventParams>) => void;\n\n  /**\n   * 更新或设置图元状态。\n   * @param state 状态筛选器\n   * @param filter 筛选器\n   */\n  updateState: (\n    state: Record<string, Omit<IMarkStateSpec<unknown>, 'style'>>,\n    filter?: (series: ISeries, mark: IMark, stateKey: string) => boolean //series + mark 筛选\n  ) => void;\n\n  /**\n   * 更新图元选中状态。\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setSelected: (\n    datum: MaybeArray<any> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  /**\n   * 更新图元 hover 状态\n   * @param datum hover 图元数据\n   * @param filter 筛选器 用来筛选系列与mark\n   * @param region region 筛选器\n   */\n  setHovered: (\n    datum: MaybeArray<Datum> | null,\n    filter?: (series: ISeries, mark: IMark) => boolean,\n    region?: IRegionQuerier\n  ) => void;\n\n  /**\n   * 获取当前主题，会返回完整的主题配置\n   * */\n  getCurrentTheme: () => ITheme;\n\n  /**\n   * 获取当前主题名称（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为`ThemeManager`统一设置的主题）\n   */\n  getCurrentThemeName: () => string;\n\n  /**\n   * **异步方法**， 设置当前主题。\n   * @param name 主题名称\n   * @returns\n   */\n  setCurrentTheme: (name: string) => Promise<IVChart>;\n\n  /**\n   * 自定义 TooltipHandler。\n   * @param tooltipHandler\n   */\n  setTooltipHandler: (tooltipHandler: ITooltipHandler) => void;\n\n  /**\n   * 获取用户定义的 TooltipHandler\n   * @returns ITooltipHandler\n   */\n  getTooltipHandlerByUser: () => ITooltipHandler | undefined;\n\n  /**\n   * 获取 TooltipHandler\n   * @returns\n   */\n  getTooltipHandler: () => ITooltipHandler | undefined;\n\n  /**\n   * 手动调用展示 tooltip\n   * @param datum 原始数据\n   * @param options\n   * @returns\n   */\n  showTooltip: (datum: Datum, options: IShowTooltipOption) => boolean;\n\n  /**\n   * 手动调用，关闭 tooltip\n   * @returns\n   */\n  hideTooltip: () => boolean;\n\n  // 图例相关 api\n  /**\n   * 根据图例组件 id 获取图例数据\n   * @param id 组件 id\n   * @returns\n   */\n  getLegendDataById: (id: string) => StringOrNumber[];\n\n  /**\n   * 根据图例组件索引获取图例数据\n   * @param index 图例索引，默认为 0\n   * @returns\n   */\n  getLegendDataByIndex: (index?: number) => StringOrNumber[];\n\n  /**\n   * 根据图例组件 id 获取当前图例的选中项\n   * @param id 组件 id\n   * @returns\n   */\n  getLegendSelectedDataById: (id: string) => StringOrNumber[];\n\n  /**\n   * 根据图例组件索引获取当前图例的选中项\n   * @param index 图例索引，默认为 0\n   * @returns\n   */\n  getLegendSelectedDataByIndex: (index?: number) => StringOrNumber[];\n\n  /**\n   * 根据图例组件 id 更新图例选中数据\n   * @param id\n   * @returns\n   */\n  setLegendSelectedDataById: (id: string, selectedData: StringOrNumber[]) => void;\n\n  /**\n   * 根据图例组件索引更新图例选中数据\n   * @param index 图例索引，默认为 0\n   * @returns\n   */\n  setLegendSelectedDataByIndex: (index: number, selectedData: StringOrNumber[]) => void;\n\n  /**\n   * **异步方法**返回一个包含图片展示的 data URI。\n   * @returns data URI\n   */\n  getDataURL: () => Promise<any>;\n\n  /**\n   * **异步方法** 导出图表图片，只支持浏览器端。\n   * @param name 保存的图片名称\n   * @returns\n   */\n  exportImg: (name?: string) => Promise<void>;\n\n  /**\n   * 目前仅支持 node 环境，用于 node 端的图片导出\n   * @returns\n   */\n  getImageBuffer: () => void;\n  /**\n   * 设置自定义布局\n   */\n  setLayout: (layout: LayoutCallBack) => void;\n  /**\n   * 强制重新布局\n   */\n  reLayout: () => void;\n\n  /**\n   * 获取编译器实例\n   * @returns\n   */\n  getCompiler: () => Compiler;\n\n  /**\n   * Get the chart instance\n   * 获取 Chart 图表实例。\n   * @returns Chart 实例\n   */\n  getChart: () => Maybe<IChart>;\n\n  /**\n   * Get the renderer instance.\n   * 获取渲染引擎实例。\n   * @returns the instance of VRender Stage\n   */\n  getStage: () => Stage;\n\n  /**\n   * 获取 canvas dom\n   * @returns HTMLCanvasElement | undefined\n   */\n  getCanvas: () => HTMLCanvasElement | undefined;\n\n  /**\n   * 获取图表的 dom 容器\n   * @returns\n   */\n  getContainer: () => Maybe<HTMLElement>;\n\n  /**\n   * 获取图表所有的组件实例\n   * @returns 组件实例\n   */\n  getComponents: () => IComponent[];\n\n  /**\n   * 获取图表的 DataSet 实例\n   * @returns DataSet 实例\n   */\n  getDataSet: () => Maybe<DataSet>;\n}\n"]}

package/cjs/core/vchart.d.ts

@@ -0,0 +1,115 @@
+import type { ISeries } from '../series/interface/series';
+import type { ILayoutConstructor, LayoutCallBack } from '../layout/interface';
+import type { IMarkStateSpec, IInitOption } from '../typings/spec/common';
+import type { ISeriesConstructor } from '../series/interface';
+import type { IChart, IChartConstructor } from '../chart/interface';
+import type { IComponentConstructor } from '../component/interface';
+import type { EventCallback, EventParams, EventQuery, EventType } from '../event/interface';
+import type { IParserOptions } from '@visactor/vdataset/es/parser';
+import type { Transform } from '@visactor/vdataset';
+import { DataSet, DataView } from '@visactor/vdataset';
+import type { Stage } from '@visactor/vrender';
+import type { GeoSourceType } from '../typings/geo';
+import type { GeoSourceOption } from '../series/map/geo-source';
+import type { IMark, MarkConstructor } from '../mark/interface';
+import type { ITooltipHandler } from '../typings/tooltip';
+import type { Datum, IRegionQuerier, IShowTooltipOption, ISpec, Maybe, MaybeArray, StringOrNumber } from '../typings';
+import type { IBoundsLike } from '@visactor/vutils';
+import { ThemeManager } from '../theme/theme-manager';
+import type { ITheme } from '../theme';
+import type { IUpdateSpecResult } from '../model/interface';
+import { Compiler } from '../compile/compiler';
+import type { IMorphConfig } from '../animation/spec';
+import type { IVChart } from './interface';
+export declare class VChart implements IVChart {
+    readonly id: number;
+    static readonly instances: Map<number, VChart>;
+    private static _registerInstance;
+    private static _unregisterInstance;
+    static createInstance(spec: ISpec, options: IInitOption): VChart;
+    static getInstance(id: number): VChart | undefined;
+    static instanceExist(id: number): boolean;
+    static useChart(charts: IChartConstructor[]): void;
+    static useSeries(series: ISeriesConstructor[]): void;
+    static useComponent(components: IComponentConstructor[]): void;
+    static useMark(marks: MarkConstructor[]): void;
+    static useLayout(layouts: ILayoutConstructor[]): void;
+    static registerDataSetTransform(name: string, transform: Transform): void;
+    static registerMap(key: string, source: GeoSourceType, option?: GeoSourceOption): void;
+    static getMap(key: string): GeoSourceType;
+    static readonly ThemeManager: typeof ThemeManager;
+    protected _spec: any;
+    private _viewBox;
+    private _chart;
+    private _compiler;
+    private _event;
+    private _eventDispatcher;
+    private _dataSet;
+    getDataSet(): DataSet;
+    private _container?;
+    private _canvas?;
+    private _stage?;
+    private _autoSize;
+    private _option;
+    private _curSize;
+    private _observer;
+    private _currentThemeName;
+    private _currentTheme;
+    private _context;
+    constructor(spec: ISpec, options: IInitOption);
+    private _setSpec;
+    private _initData;
+    private _initChart;
+    private _releaseData;
+    private _bindResizeEvent;
+    private _unBindResizeEvent;
+    private _onResize;
+    private _initDataSet;
+    updateCustomConfigAndRerender(modifyConfig: () => IUpdateSpecResult | undefined, morphConfig?: IMorphConfig): Promise<IVChart>;
+    renderSync(morphConfig?: IMorphConfig): IVChart;
+    renderAsync(morphConfig?: IMorphConfig): Promise<IVChart>;
+    release(): void;
+    updateData(id: StringOrNumber, data: DataView | Datum[] | string, options?: IParserOptions): Promise<IVChart>;
+    updateDataInBatches(list: {
+        id: string;
+        data: DataView | Datum[];
+        options?: IParserOptions;
+    }[]): Promise<IVChart>;
+    updateDataSync(id: StringOrNumber, data: DataView | Datum[], options?: IParserOptions): IVChart;
+    updateSpec(spec: ISpec, forceMerge?: boolean, morphConfig?: IMorphConfig): Promise<IVChart>;
+    resize(width: number, height: number): Promise<IVChart>;
+    updateViewBox(viewBox: IBoundsLike, reRender?: boolean): IVChart;
+    on(eType: EventType, handler: EventCallback<EventParams>): void;
+    on(eType: EventType, query: EventQuery, handler: EventCallback<EventParams>): void;
+    off(eType: string, handler?: EventCallback<EventParams>): void;
+    updateState(state: Record<string, Omit<IMarkStateSpec<unknown>, 'style'>>, filter?: (series: ISeries, mark: IMark, stateKey: string) => boolean): void;
+    setSelected(datum: MaybeArray<any> | null, filter?: (series: ISeries, mark: IMark) => boolean, region?: IRegionQuerier): void;
+    setHovered(datum: MaybeArray<Datum> | null, filter?: (series: ISeries, mark: IMark) => boolean, region?: IRegionQuerier): void;
+    private _updateCurrentTheme;
+    getCurrentTheme(): ITheme;
+    getCurrentThemeName(): string;
+    setCurrentTheme(name: string): Promise<IVChart>;
+    private _getTooltipComponent;
+    setTooltipHandler(tooltipHandler: ITooltipHandler): void;
+    getTooltipHandlerByUser(): ITooltipHandler | undefined;
+    getTooltipHandler(): ITooltipHandler | undefined;
+    showTooltip(datum: Datum, options: IShowTooltipOption): boolean;
+    hideTooltip(): boolean;
+    getLegendDataById(id: string): StringOrNumber[];
+    getLegendDataByIndex(index?: number): StringOrNumber[];
+    getLegendSelectedDataById(id: string): StringOrNumber[];
+    getLegendSelectedDataByIndex(index?: number): StringOrNumber[];
+    setLegendSelectedDataById(id: string, selectedData: StringOrNumber[]): void;
+    setLegendSelectedDataByIndex(index: number, selectedData: StringOrNumber[]): void;
+    getDataURL(): Promise<string>;
+    exportImg(name?: string): Promise<void>;
+    getImageBuffer(): any;
+    setLayout(layout: LayoutCallBack): void;
+    reLayout(): void;
+    getCompiler(): Compiler;
+    getChart(): IChart;
+    getStage(): Stage;
+    getCanvas(): HTMLCanvasElement | undefined;
+    getContainer(): Maybe<HTMLElement>;
+    getComponents(): import("../component/interface").IComponent[];
+}

package/cjs/core/vchart.js

@@ -0,0 +1,485 @@
+"use strict";
+
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))((function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator.throw(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            var value;
+            result.done ? resolve(result.value) : (value = result.value, value instanceof P ? value : new P((function(resolve) {
+                resolve(value);
+            }))).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    }));
+}, __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VChart = void 0;
+
+const array_1 = require("../data/parser/array"), common_1 = require("../typings/spec/common"), interface_1 = require("../component/interface"), vdataset_1 = require("@visactor/vdataset"), util_1 = require("../util"), 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"), stack_split_1 = require("../data/transforms/stack-split"), copy_data_view_1 = require("../data/transforms/copy-data-view"), interface_2 = require("../animation/interface"), theme_manager_1 = require("../theme/theme-manager"), compiler_1 = require("../compile/compiler"), image_1 = require("../util/image"), constant_1 = require("../constant"), vutils_1 = require("@visactor/vutils");
+
+class VChart {
+    static _registerInstance(instance) {
+        VChart.instances.set(instance.id, instance);
+    }
+    static _unregisterInstance(instance) {
+        VChart.instances.delete(instance.id);
+    }
+    static createInstance(spec, options) {
+        return new VChart(spec, options);
+    }
+    static getInstance(id) {
+        return VChart.instances.get(id);
+    }
+    static instanceExist(id) {
+        return VChart.instances.has(id);
+    }
+    static useChart(charts) {
+        charts.forEach((c => factory_1.Factory.registerChart(c.type, c)));
+    }
+    static useSeries(series) {
+        series.forEach((s => factory_1.Factory.registerSeries(s.type, s)));
+    }
+    static useComponent(components) {
+        components.forEach((c => factory_1.Factory.registerComponent(c.type, c)));
+    }
+    static useMark(marks) {
+        marks.forEach((m => {
+            var _a;
+            return factory_1.Factory.registerMark(null !== (_a = m.constructorType) && void 0 !== _a ? _a : m.type, m);
+        }));
+    }
+    static useLayout(layouts) {
+        layouts.forEach((l => factory_1.Factory.registerLayout(l.type, l)));
+    }
+    static registerDataSetTransform(name, transform) {
+        factory_1.Factory.registerTransform(name, transform);
+    }
+    static registerMap(key, source, option) {
+        (0, geo_source_1.registerMapSource)(key, source, option);
+    }
+    static getMap(key) {
+        return (0, geo_source_1.getMapSource)(key);
+    }
+    getDataSet() {
+        return this._dataSet;
+    }
+    constructor(spec, options) {
+        var _a, _b, _c;
+        this.id = (0, util_1.createID)(), this._autoSize = !0, this._option = {
+            mode: common_1.RenderModeEnum["desktop-browser"],
+            animation: !0
+        }, this._curSize = {
+            width: 0,
+            height: 0
+        }, this._observer = null, this._context = {}, this._onResize = (0, util_1.debounce)(((...args) => {
+            var _a, _b;
+            const {width: containerWidth, height: containerHeight} = (0, vutils_1.getContainerSize)(this._container, constant_1.DEFAULT_CHART_WIDTH, constant_1.DEFAULT_CHART_HEIGHT), width = null !== (_a = this._spec.width) && void 0 !== _a ? _a : containerWidth, height = null !== (_b = this._spec.height) && void 0 !== _b ? _b : containerHeight;
+            this._curSize.width === width && this._curSize.height === height || (this.resize(width, height), 
+            this._curSize = {
+                width: width,
+                height: height
+            });
+        }), 100), this._option = (0, util_1.merge)(this._option, options);
+        const _d = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage} = _d, restOptions = __rest(_d, [ "dom", "renderCanvas", "mode", "stage" ]);
+        dom && (this._container = (0, util_1.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 ? (this._viewBox = this._option.viewBox, 
+        this._setSpec(spec), this._updateCurrentTheme(), this._compiler = new compiler_1.Compiler({
+            dom: null !== (_a = this._container) && void 0 !== _a ? _a : "none",
+            canvas: renderCanvas
+        }, Object.assign(Object.assign({
+            mode: this._option.mode,
+            pickMode: (0, util_1.isMiniAppLikeMode)(this._option.mode) ? "geoPick" : "native",
+            stage: stage
+        }, restOptions), {
+            background: spec.background || this._option.background
+        })), this._eventDispatcher = new event_dispatcher_1.EventDispatcher(this, this._compiler), 
+        this._event = new event_1.Event(this._eventDispatcher, mode), this._compiler.initSrView(), 
+        this._initDataSet(this._option.dataSet), this._autoSize = !!(0, util_1.isTrueBrowser)(mode) && (null === (_c = null !== (_b = spec.autoFit) && void 0 !== _b ? _b : this._option.autoFit) || void 0 === _c || _c), 
+        this._curSize = {
+            width: spec.width || 0,
+            height: spec.height || 0
+        }, this._bindResizeEvent(), this._event.emit(constant_1.ChartEvent.initialized, {}), 
+        VChart._registerInstance(this)) : (0, util_1.error)("please specify container or renderCanvas!");
+    }
+    _setSpec(spec) {
+        spec && (this._spec = (0, util_1.specTransform)((0, util_1.isString)(spec) ? JSON.parse(spec) : spec));
+    }
+    _initData() {
+        if ((0, util_1.isNil)(this._dataSet)) return void (0, util_1.warn)("dataSet is not initialized");
+        const specData = (0, util_1.array)(this._spec.data), dataViewArr = [];
+        for (let i = 0; i < specData.length; i++) {
+            const curSpecData = specData[i];
+            dataViewArr.push((0, initialize_1.dataToDataView)(curSpecData, this._dataSet, dataViewArr));
+        }
+        this._spec.data = dataViewArr;
+    }
+    _initChart(spec) {
+        if (!this._compiler) return void (0, util_1.error)("compiler is not initialized");
+        this._initData();
+        const chart = factory_1.Factory.createChart(spec.type, spec, {
+            globalInstance: this,
+            eventDispatcher: this._eventDispatcher,
+            dataSet: this._dataSet,
+            container: this._container,
+            canvas: this._canvas,
+            map: new Map,
+            mode: this._option.mode || common_1.RenderModeEnum["desktop-browser"],
+            modeParams: this._option.modeParams,
+            getCompiler: () => this._compiler,
+            performanceHook: this._option.performanceHook,
+            viewBox: this._viewBox,
+            animation: this._option.animation,
+            getTheme: () => this._currentTheme,
+            layout: this._option.layout
+        });
+        chart ? (this._chart = chart, this._chart.created(), this._chart.init({})) : (0, 
+        util_1.error)("init chart fail");
+    }
+    _releaseData() {
+        this._dataSet && (this._dataSet.dataViewMap = {}, this._dataSet = null);
+    }
+    _bindResizeEvent() {
+        var _a;
+        if (this._autoSize) {
+            if (this._container) {
+                const ResizeObserverWindow = window.ResizeObserver;
+                this._observer = new ResizeObserverWindow(this._onResize), null === (_a = this._observer) || void 0 === _a || _a.observe(this._container);
+            }
+            window.addEventListener("resize", this._onResize);
+        }
+    }
+    _unBindResizeEvent() {
+        this._autoSize && (window.removeEventListener("resize", this._onResize), this._observer && (this._observer.disconnect(), 
+        this._observer = null));
+    }
+    _initDataSet(dataSet) {
+        dataSet instanceof vdataset_1.DataSet ? this._dataSet = dataSet : this._dataSet = new vdataset_1.DataSet, 
+        (0, register_1.registerDataSetInstanceParser)(this._dataSet, "dataview", vdataset_1.dataViewParser), 
+        (0, register_1.registerDataSetInstanceParser)(this._dataSet, "array", array_1.arrayParser), 
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "stackSplit", stack_split_1.stackSplit), 
+        (0, register_1.registerDataSetInstanceTransform)(this._dataSet, "copyDataView", copy_data_view_1.copyDataView);
+        for (const key in factory_1.Factory.transforms) (0, register_1.registerDataSetInstanceTransform)(this._dataSet, key, factory_1.Factory.transforms[key]);
+        for (const key in factory_1.Factory.dataParser) (0, register_1.registerDataSetInstanceParser)(this._dataSet, key, factory_1.Factory.dataParser[key]);
+    }
+    updateCustomConfigAndRerender(modifyConfig, morphConfig) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, (function*() {
+            const result = modifyConfig();
+            return (0, util_1.isValid)(result) ? (result.reMake ? (this._releaseData(), this._initDataSet(), 
+            this._chart.release(), this._chart = null, null === (_a = this._compiler) || void 0 === _a || _a.releaseGrammar()) : result.reCompile && (this.getComponents().forEach((c => c.clear())), 
+            null === (_b = this._compiler) || void 0 === _b || _b.compile({
+                chart: this._chart,
+                vChart: this
+            }, {})), yield this.renderAsync(morphConfig), this) : this;
+        }));
+    }
+    renderSync(morphConfig) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        if (!this._chart) {
+            if (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), 
+            !this._chart || !this._compiler) return this;
+            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,
+                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);
+        }
+        return null === (_j = this._compiler) || void 0 === _j || _j.renderSync(morphConfig), 
+        this._option.animation && (null === (_k = this._chart) || void 0 === _k || _k.getAllRegions().forEach((region => {
+            var _a;
+            null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+        })), null === (_l = this._chart) || void 0 === _l || _l.getAllComponents().forEach((component => {
+            var _a;
+            null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+        }))), this._event.emit(constant_1.ChartEvent.rendered, {}), this;
+    }
+    renderAsync(morphConfig) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!this._chart) {
+                if (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), 
+                !this._chart || !this._compiler) return this;
+                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,
+                    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);
+            }
+            return yield null === (_j = this._compiler) || void 0 === _j ? void 0 : _j.renderAsync(morphConfig), 
+            this._option.animation && (null === (_k = this._chart) || void 0 === _k || _k.getAllRegions().forEach((region => {
+                var _a;
+                null === (_a = region.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+            })), null === (_l = this._chart) || void 0 === _l || _l.getAllComponents().forEach((component => {
+                var _a;
+                null === (_a = component.animate) || void 0 === _a || _a.updateAnimateState(interface_2.AnimationStateEnum.update, !0);
+            }))), this._event.emit(constant_1.ChartEvent.rendered, {}), this;
+        }));
+    }
+    release() {
+        var _a, _b, _c, _d;
+        (null === (_a = this._onResize) || void 0 === _a ? void 0 : _a.cancel) && this._onResize.cancel(), 
+        null === (_b = this._chart) || void 0 === _b || _b.release(), null === (_c = this._compiler) || void 0 === _c || _c.release(), 
+        null === (_d = this._eventDispatcher) || void 0 === _d || _d.release(), this._unBindResizeEvent(), 
+        (0, geo_source_1.clearMapSource)(), this._releaseData(), this._chart = null, this._compiler = null, 
+        this._spec = null, this._event = null, this._eventDispatcher = null, VChart._unregisterInstance(this);
+    }
+    updateData(id, data, options) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            if ((0, util_1.isNil)(this._dataSet)) return this;
+            if (this._chart) return this._chart.updateData(id, data, options), yield this._compiler.renderAsync(), 
+            this;
+            this._spec.data = (0, util_1.array)(this._spec.data);
+            const preDV = this._spec.data.find((dv => dv.name === id || dv.id === id));
+            return preDV ? preDV.id === id ? preDV.values = data : preDV.name === id && preDV.parse(data, options) : (0, 
+            vutils_1.isArray)(data) ? this._spec.data.push({
+                id: id,
+                values: data
+            }) : this._spec.data.push(data), this;
+        }));
+    }
+    updateDataInBatches(list) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return this._chart ? (list.forEach((({id: id, data: data, options: options}) => {
+                this._chart.updateData(id, data, options);
+            })), yield this._compiler.renderAsync(), this) : (list.forEach((({id: id, data: data, options: options}) => {
+                const preDV = this._spec.data.find((dv => dv.name === id));
+                if (preDV) preDV.parse(data, options); else {
+                    const dataView = new vdataset_1.DataView(this._dataSet, {
+                        name: id
+                    });
+                    dataView.parse(data, options), this._spec.data.push(dataView);
+                }
+            })), this);
+        }));
+    }
+    updateDataSync(id, data, options) {
+        if ((0, util_1.isNil)(this._dataSet)) return this;
+        if (this._chart) return this._chart.updateData(id, data, options), this._compiler.renderSync(), 
+        this;
+        const preDV = this._spec.data.find((dv => dv.name === id));
+        if (preDV) preDV.parse(data, options); else {
+            const dataView = new vdataset_1.DataView(this._dataSet, {
+                name: id
+            });
+            dataView.parse(data, options), this._spec.data.push(dataView);
+        }
+        return this;
+    }
+    updateSpec(spec, forceMerge = !1, morphConfig) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return spec ? ((0, util_1.isString)(spec) && (spec = JSON.parse(spec)), forceMerge && (spec = (0, 
+            util_1.merge)({}, this._spec, spec)), yield this.updateCustomConfigAndRerender((() => {
+                var _a, _b;
+                return spec = (0, util_1.specTransform)(spec), this._spec = spec, this._updateCurrentTheme(), 
+                null === (_b = null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getVGrammarView()) || void 0 === _b || _b.updateLayoutTag(), 
+                this._chart.updateSpec(spec, morphConfig);
+            }), morphConfig), this) : this;
+        }));
+    }
+    resize(width, height) {
+        var _a, _b, _c, _d, _e, _f;
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!this._chart || !this._compiler) return this;
+            const chartCanvasRect = this._chart.getCanvasRect();
+            return chartCanvasRect && chartCanvasRect.width === width && chartCanvasRect.height === 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), null === (_d = null === (_c = this._option.performanceHook) || void 0 === _c ? void 0 : _c.afterResizeWithUpdate) || void 0 === _d || _d.call(_c), 
+            yield null === (_f = (_e = this._compiler).resize) || void 0 === _f ? void 0 : _f.call(_e, width, height)), 
+            this;
+        }));
+    }
+    updateViewBox(viewBox, reRender = !0) {
+        var _a;
+        return this._chart && this._compiler ? (this._viewBox = viewBox, this._chart.updateViewBox(viewBox), 
+        this._compiler.renderSync(), null === (_a = this._chart) || void 0 === _a || _a.onEvaluateEnd(), 
+        this._compiler.updateViewBox(viewBox, reRender), this) : this;
+    }
+    on(eType, query, handler) {
+        var _a;
+        null === (_a = this._event) || void 0 === _a || _a.on(eType, query, handler);
+    }
+    off(eType, handler) {
+        var _a;
+        null === (_a = this._event) || void 0 === _a || _a.off(eType, handler);
+    }
+    updateState(state, filter) {
+        this._chart && this._chart.updateState(state, filter);
+    }
+    setSelected(datum, filter, region) {
+        this._chart && this._chart.setSelected(datum, filter, region);
+    }
+    setHovered(datum, filter, region) {
+        this._chart && this._chart.setHovered(datum, filter, region);
+    }
+    _updateCurrentTheme() {
+        var _a, _b;
+        this._currentTheme = (0, util_1.merge)({}, VChart.ThemeManager.getTheme(this._currentThemeName), null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.theme) && void 0 !== _b ? _b : {});
+    }
+    getCurrentTheme() {
+        return this._currentTheme;
+    }
+    getCurrentThemeName() {
+        return this._currentThemeName;
+    }
+    setCurrentTheme(name) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            return VChart.ThemeManager.themeExist(name) ? (yield this.updateCustomConfigAndRerender((() => {
+                var _a;
+                return this._currentThemeName = name, this._updateCurrentTheme(), null === (_a = this._chart) || void 0 === _a || _a.setCurrentTheme(this._currentTheme, !0), 
+                {
+                    change: !0,
+                    reMake: !1
+                };
+            })), this) : this;
+        }));
+    }
+    _getTooltipComponent() {
+        var _a;
+        return null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().find((c => c.type === interface_1.ComponentTypeEnum.tooltip));
+    }
+    setTooltipHandler(tooltipHandler) {
+        var _a, _b, _c, _d;
+        this._context.tooltipHandler = tooltipHandler;
+        const tooltip = this._getTooltipComponent();
+        tooltip && (null === (_b = null === (_a = tooltip.tooltipHandler) || void 0 === _a ? void 0 : _a.removeTooltip) || void 0 === _b || _b.call(_a), 
+        null === (_d = null === (_c = tooltip.tooltipHandler) || void 0 === _c ? void 0 : _c.release) || void 0 === _d || _d.call(_c), 
+        tooltip.tooltipHandler = tooltipHandler);
+    }
+    getTooltipHandlerByUser() {
+        var _a;
+        return null === (_a = this._context) || void 0 === _a ? void 0 : _a.tooltipHandler;
+    }
+    getTooltipHandler() {
+        const tooltip = this._getTooltipComponent();
+        return tooltip ? tooltip.tooltipHandler : this._context.tooltipHandler;
+    }
+    showTooltip(datum, options) {
+        var _a;
+        const tooltip = this._getTooltipComponent();
+        return null !== (_a = (0, util_1.isValid)(datum) && "none" !== (null == tooltip ? void 0 : tooltip.showTooltip(datum, options))) && void 0 !== _a && _a;
+    }
+    hideTooltip() {
+        var _a;
+        const tooltip = this._getTooltipComponent();
+        return null !== (_a = null == tooltip ? void 0 : tooltip.hideTooltip()) && void 0 !== _a && _a;
+    }
+    getLegendDataById(id) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        return legendComponent ? legendComponent.getLegendData() : [];
+    }
+    getLegendDataByIndex(index = 0) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        return legends[index] ? legends[index].getLegendData() : [];
+    }
+    getLegendSelectedDataById(id) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        return legendComponent ? legendComponent.getSelectedData() : [];
+    }
+    getLegendSelectedDataByIndex(index = 0) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        return legends[index] ? legends[index].getSelectedData() : [];
+    }
+    setLegendSelectedDataById(id, selectedData) {
+        var _a;
+        const legendComponent = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getComponentByUserId(id);
+        legendComponent && legendComponent.setSelectedData(selectedData);
+    }
+    setLegendSelectedDataByIndex(index = 0, selectedData) {
+        var _a;
+        const legends = null === (_a = this._chart) || void 0 === _a ? void 0 : _a.getAllComponents().filter((c => c.type === interface_1.ComponentTypeEnum.discreteLegend));
+        legends[index] && legends[index].setSelectedData(selectedData);
+    }
+    getDataURL() {
+        return __awaiter(this, void 0, void 0, (function*() {
+            const stage = this.getStage();
+            if (this._chart && stage) {
+                stage.render();
+                const canvas = this._chart.getCanvas();
+                return yield (0, image_1.getCanvasDataURL)(canvas);
+            }
+            return console.error(new ReferenceError("render is not defined")), null;
+        }));
+    }
+    exportImg(name) {
+        return __awaiter(this, void 0, void 0, (function*() {
+            if (!(0, util_1.isTrueBrowser)(this._option.mode)) return void console.error(new TypeError("non-browser environment can not export img"));
+            const dataURL = yield this.getDataURL();
+            dataURL ? (0, image_1.URLToImage)(name, dataURL) : console.error(new ReferenceError("render is not defined"));
+        }));
+    }
+    getImageBuffer() {
+        if ("node" !== this._option.mode) return void console.error(new TypeError("getImageBuffer() now only support node environment."));
+        const stage = this.getStage();
+        if (stage) {
+            stage.render();
+            return stage.window.getImageBuffer();
+        }
+        return console.error(new ReferenceError("render is not defined")), null;
+    }
+    setLayout(layout) {
+        var _a;
+        this._option.layout = layout, null === (_a = this._chart) || void 0 === _a || _a.setLayout(layout);
+    }
+    reLayout() {
+        var _a;
+        null === (_a = this._chart) || void 0 === _a || _a.setLayoutTag(!0);
+    }
+    getCompiler() {
+        return this._compiler;
+    }
+    getChart() {
+        return this._chart;
+    }
+    getStage() {
+        return this._compiler.getStage();
+    }
+    getCanvas() {
+        var _a;
+        return null === (_a = this._compiler) || void 0 === _a ? void 0 : _a.getCanvas();
+    }
+    getContainer() {
+        var _a;
+        if ((0, util_1.isValid)(this._container)) return this._container;
+        let canvasNode;
+        return canvasNode = (0, util_1.isString)(this._canvas) ? null === document || void 0 === document ? void 0 : document.getElementById(this._canvas) : this._canvas, 
+        (0, util_1.isValid)(canvasNode) ? canvasNode.parentElement : null === (_a = this.getCanvas()) || void 0 === _a ? void 0 : _a.parentElement;
+    }
+    getComponents() {
+        return this._chart.getAllComponents();
+    }
+}
+
+exports.VChart = VChart, VChart.instances = new Map, VChart.ThemeManager = theme_manager_1.ThemeManager;
+//# sourceMappingURL=vchart.js.map