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

package/esm/core/factory.js

@@ -7,12 +7,20 @@ export class Factory {
     static registerSeries(key, series) {
         Factory._series[key] = series;
     }
-    static registerComponent(key, cmp, alwaysCheck) {
+    static registerComponent(key, cmp, alwaysCheck, createOrder) {
         Factory._components[key] = {
             cmp: cmp,
-            alwaysCheck: alwaysCheck
+            alwaysCheck: alwaysCheck,
+            createOrder: null != createOrder ? createOrder : 0
         };
     }
+    static registerGraphicComponent(key, creator) {
+        Factory._graphicComponents[key] = creator;
+    }
+    static createGraphicComponent(componentType, attrs, options) {
+        const compCreator = Factory._graphicComponents[componentType];
+        return compCreator ? compCreator(attrs, options) : null;
+    }
     static registerMark(key, mark) {
         Factory._marks[key] = mark;
     }
@@ -22,6 +30,12 @@ export class Factory {
     static registerTransform(key, transform) {
         Factory.transforms[key] = transform;
     }
+    static registerGrammarTransform(type, transform) {
+        Factory._grammarTransforms[type] = transform;
+    }
+    static getGrammarTransform(type) {
+        return Factory._grammarTransforms[type];
+    }
     static registerLayout(key, layout) {
         Factory._layout[key] = layout;
     }
@@ -116,11 +130,18 @@ export class Factory {
     static getFormatter() {
         return this._formatter;
     }
+    static createInteractionTrigger(interactionType, options) {
+        const Ctor = Factory._interactionTriggers[interactionType];
+        return Ctor ? new Ctor(options) : null;
+    }
+    static hasInteractionTrigger(interactionType) {
+        return !!Factory._interactionTriggers[interactionType];
+    }
 }
 
-Factory._charts = {}, Factory._series = {}, Factory._components = {}, Factory._marks = {}, 
-Factory._regions = {}, Factory._animations = {}, Factory._implements = {}, Factory._chartPlugin = {}, 
-Factory._componentPlugin = {}, Factory.transforms = {
+Factory._charts = {}, Factory._series = {}, Factory._components = {}, Factory._graphicComponents = {}, 
+Factory._marks = {}, Factory._regions = {}, Factory._animations = {}, Factory._implements = {}, 
+Factory._chartPlugin = {}, Factory._componentPlugin = {}, Factory.transforms = {
     fields: fields,
     filter: filter,
     fold: fold
@@ -128,5 +149,11 @@ Factory._componentPlugin = {}, Factory.transforms = {
     csv: csvParser,
     dsv: dsvParser,
     tsv: tsvParser
-}, Factory._layout = {};
+}, Factory._layout = {}, Factory._grammarTransforms = {}, Factory._stageEventPlugins = {}, 
+Factory.registerStageEventPlugin = (type, Plugin) => {
+    Factory._stageEventPlugins[type] = Plugin;
+}, Factory.getStageEventPlugin = type => Factory._stageEventPlugins[type], Factory._interactionTriggers = {}, 
+Factory.registerInteractionTrigger = (interactionType, interaction) => {
+    Factory._interactionTriggers[interactionType] = interaction;
+};
 //# sourceMappingURL=factory.js.map

package/esm/core/factory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/factory.ts"],"names":[],"mappings":"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","file":"factory.js","sourcesContent":["import type {\n  IChartConstructor,\n  IChartOption,\n  IChart,\n  IChartSpecTransformerOption,\n  IChartSpecTransformer\n} from '../chart/interface';\nimport type { ISeriesConstructor, ISeriesMarkInfo, ISeriesOption, SeriesMarkNameEnum } from '../series/interface';\nimport type { IComponentConstructor } from '../component/interface';\nimport type { IMarkConstructor, IMarkOption, MarkConstructor } from '../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from '../mark/interface/type';\nimport type { IRegion, IRegionConstructor } from '../region/interface';\nimport type { IBaseModelSpecTransformer, IBaseModelSpecTransformerOption, IModelOption } from '../model/interface';\nimport type { Transform, Parser } from '@visactor/vdataset';\n// eslint-disable-next-line no-duplicate-imports\nimport { fields, filter, fold, csvParser, dsvParser, tsvParser } from '@visactor/vdataset';\nimport type { ILayoutConstructor } from '../layout/interface';\nimport type { MarkAnimationSpec } from '@visactor/vgrammar-core';\nimport type { IChartPluginConstructor } from '../plugin/chart/interface';\nimport type { IComponentPluginConstructor } from '../plugin/components/interface';\n\nexport class Factory {\n  private static _charts: { [key: string]: IChartConstructor } = {};\n  private static _series: { [key: string]: ISeriesConstructor } = {};\n  private static _components: { [key: string]: { cmp: IComponentConstructor; alwaysCheck?: boolean } } = {};\n  private static _marks: { [key: string]: MarkConstructor } = {};\n  private static _regions: { [key: string]: IRegionConstructor } = {};\n  private static _animations: { [key: string]: (params?: any, preset?: any) => MarkAnimationSpec } = {};\n  private static _implements: { [key: string]: (...args: any) => void } = {};\n  private static _chartPlugin: { [key: string]: IChartPluginConstructor } = {};\n  private static _componentPlugin: { [key: string]: IComponentPluginConstructor } = {};\n  private static _formatter: (\n    text: string | number | string[] | number[],\n    datum: any,\n    formatter: string | string[]\n  ) => any;\n\n  static transforms: { [key: string]: Transform } = {\n    // buildIn transforms\n    fields: fields,\n    filter: filter,\n    fold: fold\n  };\n  static dataParser: { [key: string]: Parser } = {\n    // buildIn parser\n    csv: csvParser,\n    dsv: dsvParser,\n    tsv: tsvParser\n  };\n  static _layout: { [key: string]: ILayoutConstructor } = {};\n\n  static registerChart(key: string, chart: IChartConstructor) {\n    Factory._charts[key] = chart;\n  }\n  static registerSeries(key: string, series: ISeriesConstructor) {\n    Factory._series[key] = series;\n  }\n  static registerComponent(key: string, cmp: IComponentConstructor, alwaysCheck?: boolean) {\n    Factory._components[key] = { cmp, alwaysCheck };\n  }\n  static registerMark(key: string, mark: MarkConstructor) {\n    Factory._marks[key] = mark;\n  }\n  static registerRegion(key: string, region: IRegionConstructor) {\n    Factory._regions[key] = region;\n  }\n  static registerTransform(key: string, transform: Transform) {\n    Factory.transforms[key] = transform;\n  }\n  static registerLayout(key: string, layout: ILayoutConstructor) {\n    Factory._layout[key] = layout;\n  }\n  static registerAnimation(key: string, animation: (params?: any, preset?: any) => MarkAnimationSpec) {\n    Factory._animations[key] = animation;\n  }\n  static registerImplement(key: string, implement: (...args: any) => void) {\n    Factory._implements[key] = implement;\n  }\n  static registerChartPlugin(key: string, plugin: IChartPluginConstructor) {\n    Factory._chartPlugin[key] = plugin;\n  }\n  static registerComponentPlugin(key: string, plugin: IComponentPluginConstructor) {\n    Factory._componentPlugin[key] = plugin;\n  }\n\n  static createChart(chartType: string, spec: any, options: IChartOption): IChart | null {\n    if (!Factory._charts[chartType]) {\n      return null;\n    }\n    const ChartConstructor = Factory._charts[chartType];\n    return new ChartConstructor(spec, options);\n  }\n\n  static createChartSpecTransformer(\n    chartType: string,\n    option: IChartSpecTransformerOption\n  ): IChartSpecTransformer | null {\n    if (!Factory._charts[chartType]) {\n      return null;\n    }\n    const ChartConstructor = Factory._charts[chartType];\n    const ChartSpecTransformerConstructor = ChartConstructor.transformerConstructor;\n    return new ChartSpecTransformerConstructor({\n      seriesType: ChartConstructor.seriesType,\n      ...option\n    });\n  }\n\n  static createRegion(regionType: string, spec: any, options: IModelOption): IRegion | null {\n    if (!Factory._regions[regionType]) {\n      return null;\n    }\n    const RegionConstructor = Factory._regions[regionType];\n    return new RegionConstructor(spec, options);\n  }\n\n  static createRegionSpecTransformer(\n    regionType: string,\n    options: IBaseModelSpecTransformerOption\n  ): IBaseModelSpecTransformer | null {\n    if (!Factory._regions[regionType]) {\n      return null;\n    }\n    const RegionConstructor = Factory._regions[regionType];\n    const RegionSpecTransformerConstructor = RegionConstructor.transformerConstructor;\n    return new RegionSpecTransformerConstructor(options);\n  }\n\n  static createSeries(seriesType: string, spec: any, options: ISeriesOption) {\n    if (!Factory._series[seriesType]) {\n      return null;\n    }\n    const SeriesConstructor = Factory._series[seriesType];\n    return new SeriesConstructor(spec, options);\n  }\n\n  static createSeriesSpecTransformer(\n    seriesType: string,\n    options: IBaseModelSpecTransformerOption\n  ): IBaseModelSpecTransformer | null {\n    if (!Factory._series[seriesType]) {\n      return null;\n    }\n    const SeriesConstructor = Factory._series[seriesType];\n    const SeriesSpecTransformerConstructor = SeriesConstructor.transformerConstructor;\n    return new SeriesSpecTransformerConstructor(options);\n  }\n\n  static createMark(markType: string, name: string, options: IMarkOption) {\n    if (!Factory._marks[markType]) {\n      return null;\n    }\n    const MarkConstructor = Factory._marks[markType] as IMarkConstructor;\n    const markInstance = new MarkConstructor(name, options);\n    if (markInstance.type === MarkTypeEnum.group) {\n      // group 目前关闭交互，不参与事件拾取\n      markInstance.setMarkConfig({ interactive: false });\n    }\n    return markInstance;\n  }\n\n  static getComponents() {\n    return Object.values(Factory._components);\n  }\n\n  static getComponentInKey(name: string) {\n    return Factory._components[name].cmp;\n  }\n\n  static getLayout() {\n    return Object.values(Factory._layout);\n  }\n\n  static getLayoutInKey(name: string) {\n    return Factory._layout[name];\n  }\n\n  static getSeries() {\n    return Object.values(Factory._series);\n  }\n\n  static getSeriesInType(type: string) {\n    return Factory._series[type];\n  }\n\n  static getRegionInType(type: string) {\n    return Factory._regions[type];\n  }\n\n  static getAnimationInKey(key: string) {\n    return Factory._animations[key];\n  }\n\n  static getImplementInKey(key: string) {\n    return Factory._implements[key];\n  }\n\n  static getSeriesMarkMap(seriesType: string): Partial<Record<SeriesMarkNameEnum, ISeriesMarkInfo>> {\n    if (!Factory._series[seriesType]) {\n      return {};\n    }\n    return Factory._series[seriesType].mark;\n  }\n\n  static getChartPlugins() {\n    return Object.values(Factory._chartPlugin);\n  }\n\n  static getComponentPlugins() {\n    return Object.values(Factory._componentPlugin);\n  }\n\n  static getComponentPluginInType(type: string) {\n    return Factory._componentPlugin[type];\n  }\n\n  static registerFormatter(func: typeof Factory['_formatter']) {\n    this._formatter = func;\n  }\n\n  static getFormatter() {\n    return this._formatter;\n  }\n}\n"]}
+{"version":3,"sources":["../src/core/factory.ts"],"names":[],"mappings":"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","file":"factory.js","sourcesContent":["import type {\n  IChartConstructor,\n  IChartOption,\n  IChart,\n  IChartSpecTransformerOption,\n  IChartSpecTransformer\n} from '../chart/interface';\nimport type { ISeriesConstructor, ISeriesMarkInfo, ISeriesOption, SeriesMarkNameEnum } from '../series/interface';\nimport type { IComponentConstructor } from '../component/interface';\nimport type { IMarkConstructor, IMarkDataTransform, IMarkOption, MarkConstructor } from '../mark/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { MarkTypeEnum } from '../mark/interface/type';\nimport type { IRegion, IRegionConstructor } from '../region/interface';\nimport type { IBaseModelSpecTransformer, IBaseModelSpecTransformerOption, IModelOption } from '../model/interface';\nimport type { Transform, Parser } from '@visactor/vdataset';\n// eslint-disable-next-line no-duplicate-imports\nimport { fields, filter, fold, csvParser, dsvParser, tsvParser } from '@visactor/vdataset';\nimport type { ILayoutConstructor } from '../layout/interface';\nimport type { IChartPluginConstructor } from '../plugin/chart/interface';\nimport type { IComponentPluginConstructor } from '../plugin/components/interface';\nimport type { IGraphic } from '@visactor/vrender-core';\nimport type { IStageEventPlugin, VRenderComponentOptions } from './interface';\nimport type { MarkAnimationSpec } from '../animation/interface';\nimport type { IBaseTriggerOptions, ITriggerConstructor } from '../interaction/interface/trigger';\n\nexport class Factory {\n  private static _charts: { [key: string]: IChartConstructor } = {};\n  private static _series: { [key: string]: ISeriesConstructor } = {};\n  private static _components: {\n    [key: string]: {\n      cmp: IComponentConstructor;\n      alwaysCheck?: boolean;\n      createOrder: number;\n    };\n  } = {};\n  private static _graphicComponents: Record<string, (attrs: any, options?: VRenderComponentOptions) => IGraphic> = {};\n  private static _marks: { [key: string]: MarkConstructor } = {};\n  private static _regions: { [key: string]: IRegionConstructor } = {};\n  private static _animations: { [key: string]: (params?: any, preset?: any) => MarkAnimationSpec } = {};\n  private static _implements: { [key: string]: (...args: any) => void } = {};\n  private static _chartPlugin: { [key: string]: IChartPluginConstructor } = {};\n  private static _componentPlugin: { [key: string]: IComponentPluginConstructor } = {};\n  private static _formatter: (\n    text: string | number | string[] | number[],\n    datum: any,\n    formatter: string | string[]\n  ) => any;\n\n  static transforms: { [key: string]: Transform } = {\n    // buildIn transforms\n    fields: fields,\n    filter: filter,\n    fold: fold\n  };\n  static dataParser: { [key: string]: Parser } = {\n    // buildIn parser\n    csv: csvParser,\n    dsv: dsvParser,\n    tsv: tsvParser\n  };\n  static _layout: { [key: string]: ILayoutConstructor } = {};\n\n  static registerChart(key: string, chart: IChartConstructor) {\n    Factory._charts[key] = chart;\n  }\n  static registerSeries(key: string, series: ISeriesConstructor) {\n    Factory._series[key] = series;\n  }\n  static registerComponent(key: string, cmp: IComponentConstructor, alwaysCheck?: boolean, createOrder?: number) {\n    Factory._components[key] = { cmp, alwaysCheck, createOrder: createOrder ?? 0 };\n  }\n\n  static registerGraphicComponent(key: string, creator: (attrs: any, options?: VRenderComponentOptions) => IGraphic) {\n    Factory._graphicComponents[key] = creator;\n  }\n\n  static createGraphicComponent(componentType: string, attrs: any, options?: VRenderComponentOptions) {\n    const compCreator = Factory._graphicComponents[componentType];\n\n    if (!compCreator) {\n      return null;\n    }\n\n    return compCreator(attrs, options);\n  }\n  static registerMark(key: string, mark: MarkConstructor) {\n    Factory._marks[key] = mark;\n  }\n  static registerRegion(key: string, region: IRegionConstructor) {\n    Factory._regions[key] = region;\n  }\n  static registerTransform(key: string, transform: Transform) {\n    Factory.transforms[key] = transform;\n  }\n\n  private static _grammarTransforms: Record<\n    string,\n    {\n      /** 是否支持渐进流程 */\n      canProgressive?: boolean;\n      transform: IMarkDataTransform;\n      isGraphic?: boolean;\n    }\n  > = {};\n\n  static registerGrammarTransform(\n    type: string,\n    transform: { canProgressive?: boolean; transform: IMarkDataTransform; isGraphic?: boolean }\n  ) {\n    Factory._grammarTransforms[type] = transform;\n  }\n\n  static getGrammarTransform(type: string) {\n    return Factory._grammarTransforms[type];\n  }\n  static registerLayout(key: string, layout: ILayoutConstructor) {\n    Factory._layout[key] = layout;\n  }\n  static registerAnimation(key: string, animation: (params?: any, preset?: any) => MarkAnimationSpec) {\n    Factory._animations[key] = animation;\n  }\n  static registerImplement(key: string, implement: (...args: any) => void) {\n    Factory._implements[key] = implement;\n  }\n  static registerChartPlugin(key: string, plugin: IChartPluginConstructor) {\n    Factory._chartPlugin[key] = plugin;\n  }\n  static registerComponentPlugin(key: string, plugin: IComponentPluginConstructor) {\n    Factory._componentPlugin[key] = plugin;\n  }\n\n  static createChart(chartType: string, spec: any, options: IChartOption): IChart | null {\n    if (!Factory._charts[chartType]) {\n      return null;\n    }\n    const ChartConstructor = Factory._charts[chartType];\n    return new ChartConstructor(spec, options);\n  }\n\n  static createChartSpecTransformer(\n    chartType: string,\n    option: IChartSpecTransformerOption\n  ): IChartSpecTransformer | null {\n    if (!Factory._charts[chartType]) {\n      return null;\n    }\n    const ChartConstructor = Factory._charts[chartType];\n    const ChartSpecTransformerConstructor = ChartConstructor.transformerConstructor;\n    return new ChartSpecTransformerConstructor({\n      seriesType: ChartConstructor.seriesType,\n      ...option\n    });\n  }\n\n  static createRegion(regionType: string, spec: any, options: IModelOption): IRegion | null {\n    if (!Factory._regions[regionType]) {\n      return null;\n    }\n    const RegionConstructor = Factory._regions[regionType];\n    return new RegionConstructor(spec, options);\n  }\n\n  static createRegionSpecTransformer(\n    regionType: string,\n    options: IBaseModelSpecTransformerOption\n  ): IBaseModelSpecTransformer | null {\n    if (!Factory._regions[regionType]) {\n      return null;\n    }\n    const RegionConstructor = Factory._regions[regionType];\n    const RegionSpecTransformerConstructor = RegionConstructor.transformerConstructor;\n    return new RegionSpecTransformerConstructor(options);\n  }\n\n  static createSeries(seriesType: string, spec: any, options: ISeriesOption) {\n    if (!Factory._series[seriesType]) {\n      return null;\n    }\n    const SeriesConstructor = Factory._series[seriesType];\n    return new SeriesConstructor(spec, options);\n  }\n\n  static createSeriesSpecTransformer(\n    seriesType: string,\n    options: IBaseModelSpecTransformerOption\n  ): IBaseModelSpecTransformer | null {\n    if (!Factory._series[seriesType]) {\n      return null;\n    }\n    const SeriesConstructor = Factory._series[seriesType];\n    const SeriesSpecTransformerConstructor = SeriesConstructor.transformerConstructor;\n    return new SeriesSpecTransformerConstructor(options);\n  }\n\n  static createMark(markType: string, name: string, options: IMarkOption) {\n    if (!Factory._marks[markType]) {\n      return null;\n    }\n    const MarkConstructor = Factory._marks[markType] as IMarkConstructor;\n    const markInstance = new MarkConstructor(name, options);\n    if (markInstance.type === MarkTypeEnum.group) {\n      // group 目前关闭交互，不参与事件拾取\n      markInstance.setMarkConfig({ interactive: false });\n    }\n    return markInstance;\n  }\n\n  static getComponents() {\n    return Object.values(Factory._components);\n  }\n\n  static getComponentInKey(name: string) {\n    return Factory._components[name].cmp;\n  }\n\n  static getLayout() {\n    return Object.values(Factory._layout);\n  }\n\n  static getLayoutInKey(name: string) {\n    return Factory._layout[name];\n  }\n\n  static getSeries() {\n    return Object.values(Factory._series);\n  }\n\n  static getSeriesInType(type: string) {\n    return Factory._series[type];\n  }\n\n  static getRegionInType(type: string) {\n    return Factory._regions[type];\n  }\n\n  static getAnimationInKey(key: string) {\n    return Factory._animations[key];\n  }\n\n  static getImplementInKey(key: string) {\n    return Factory._implements[key];\n  }\n\n  static getSeriesMarkMap(seriesType: string): Partial<Record<SeriesMarkNameEnum, ISeriesMarkInfo>> {\n    if (!Factory._series[seriesType]) {\n      return {};\n    }\n    return Factory._series[seriesType].mark;\n  }\n\n  static getChartPlugins() {\n    return Object.values(Factory._chartPlugin);\n  }\n\n  static getComponentPlugins() {\n    return Object.values(Factory._componentPlugin);\n  }\n\n  static getComponentPluginInType(type: string) {\n    return Factory._componentPlugin[type];\n  }\n\n  static registerFormatter(func: typeof Factory['_formatter']) {\n    this._formatter = func;\n  }\n\n  static getFormatter() {\n    return this._formatter;\n  }\n\n  private static _stageEventPlugins: Record<string, IStageEventPlugin<any>> = {};\n\n  static registerStageEventPlugin = (type: string, Plugin: IStageEventPlugin<any>) => {\n    Factory._stageEventPlugins[type] = Plugin;\n  };\n\n  static getStageEventPlugin = (type: string) => {\n    return Factory._stageEventPlugins[type];\n  };\n\n  private static _interactionTriggers: Record<string, ITriggerConstructor> = {};\n\n  static registerInteractionTrigger = (interactionType: string, interaction: ITriggerConstructor) => {\n    Factory._interactionTriggers[interactionType] = interaction;\n  };\n\n  static createInteractionTrigger(interactionType: string, options?: IBaseTriggerOptions) {\n    const Ctor = Factory._interactionTriggers[interactionType];\n    if (!Ctor) {\n      return null;\n    }\n\n    return new Ctor(options);\n  }\n\n  static hasInteractionTrigger(interactionType: string) {\n    return !!Factory._interactionTriggers[interactionType];\n  }\n}\n"]}

package/esm/core/index.d.ts

@@ -1,7 +1,7 @@
 import { VChart } from './vchart';
 import { Factory } from './factory';
 export { VChart, Factory };
-export declare const version = "1.13.7-alpha.0";
+export declare const version = "2.0.0-alpha.0";
 export type { IVChart } from './interface';
 export type { IStateSpec, StateValueType } from '../compile/mark';
 export type { IRegion } from '../region/interface';
@@ -9,6 +9,7 @@ export * from '../typings/spec/common';
 export * from '../event/interface';
 export * from '../theme/interface';
 export * from './interface';
+export type { IMarkGraphic, IGraphicContext } from '../mark/interface/';
 export * from '../constant/base';
 export * from '../constant/data';
 export * from '../typings/spec/index';

package/esm/core/index.js

@@ -4,7 +4,7 @@ import { Factory } from "./factory";
 
 export { VChart, Factory };
 
-export const version = "1.13.7-alpha.0";
+export const version = "2.0.0-alpha.0";
 
 export * from "../typings/spec/common";
 

package/esm/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAG3B,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAOxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAG5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAKjC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACb,MAAM,wBAAwB,CAAC","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"1.13.7-alpha.0\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from './interface';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol\n} from '@visactor/vrender-core';\n"]}
+{"version":3,"sources":["../src/core/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AAG3B,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAOvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAI5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AAKjC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACb,MAAM,wBAAwB,CAAC","file":"index.js","sourcesContent":["/**\n * @description The core module of VChart, containing the necessary interfaces for using VChart.\n */\n\nimport { VChart } from './vchart';\nimport { Factory } from './factory';\n\nexport { VChart, Factory };\n\n// export the version\nexport const version = \"2.0.0-alpha.0\";\n\n// export necessary types\nexport type { IVChart } from './interface';\nexport type { IStateSpec, StateValueType } from '../compile/mark';\nexport type { IRegion } from '../region/interface';\n\nexport * from '../typings/spec/common';\nexport * from '../event/interface';\nexport * from '../theme/interface';\nexport * from './interface';\nexport type { IMarkGraphic, IGraphicContext } from '../mark/interface/';\n\n// some constants\nexport * from '../constant/base';\nexport * from '../constant/data';\n\n/**\n * spec\n */\nexport * from '../typings/spec/index';\n\n// tooltip\nexport * from '../typings/tooltip';\n\n// theme\nexport * from '../theme/index';\n\n// vrender\nexport {\n  vglobal,\n  createGroup,\n  createRichText,\n  createText,\n  createArc,\n  createArea,\n  createRect,\n  createLine,\n  createSymbol\n} from '@visactor/vrender-core';\n"]}

package/esm/core/interface.d.ts

@@ -2,14 +2,14 @@ import type { DataSet, IParserOptions } from '@visactor/vdataset';
 import type { Datum, IDataValues, IInitOption, IMarkStateSpec, IPoint, IRegionQuerier, IShowTooltipOption, ISpec, ITooltipHandler, Maybe, MaybeArray, StringOrNumber } from '../typings';
 import type { IMorphConfig } from '../animation/spec';
 import type { IBoundsLike } from '@visactor/vutils';
-import type { EventCallback, EventParams, EventQuery, EventType } from '../event/interface';
+import type { EventCallback, EventQuery, EventType, ExtendEventParam } from '../event/interface';
 import type { IMark } from '../mark/interface';
 import type { ISeries } from '../series/interface/series';
 import type { ITheme } from '../theme/interface';
 import type { IComponent } from '../component/interface';
 import type { LayoutCallBack } from '../layout/interface';
 import type { DimensionIndexOption, IChart, IChartSpecInfo } from '../chart/interface';
-import type { IStage } from '@visactor/vrender-core';
+import type { IEventTarget, IStage } from '@visactor/vrender-core';
 import type { IContainerSize } from '@visactor/vrender-components';
 import type { IBaseScale } from '@visactor/vscale';
 import type { IUpdateSpecResult } from '../model/interface';
@@ -53,8 +53,8 @@ export interface IVChart {
     updateViewBox: (viewBox: IBoundsLike, reRender?: boolean) => IVChart;
     resize: (width: number, height: number) => Promise<IVChart>;
     release: () => void;
-    on: ((eType: EventType, handler: EventCallback<EventParams>) => void) & ((eType: EventType, query: EventQuery, handler: EventCallback<EventParams>) => void);
-    off: (eType: EventType, handler?: EventCallback<EventParams>) => void;
+    on: ((eType: EventType, handler: EventCallback<ExtendEventParam>) => void) & ((eType: EventType, query: EventQuery, handler: EventCallback<ExtendEventParam>) => void);
+    off: (eType: EventType, handler?: EventCallback<ExtendEventParam>) => 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;
@@ -123,3 +123,12 @@ export interface IVChartRenderOption {
     actionSource?: VChartRenderActionSource;
 }
 export type VChartRenderActionSource = 'render' | 'updateSpec' | 'updateModelSpec' | 'setCurrentTheme' | 'updateSpecAndRecompile';
+export interface VRenderComponentOptions {
+    skipDefault?: boolean;
+    mode?: '2d' | '3d';
+}
+export interface IStageEventPlugin<T> {
+    new (taget: IEventTarget, cfg?: T): {
+        release: () => void;
+    };
+}

package/esm/core/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/core/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { DataSet, IParserOptions } from '@visactor/vdataset';\nimport type {\n  Datum,\n  IDataValues,\n  IInitOption,\n  IMarkStateSpec,\n  IPoint,\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/interface';\nimport type { IComponent } from '../component/interface';\nimport type { LayoutCallBack } from '../layout/interface';\nimport type { DimensionIndexOption, IChart, IChartSpecInfo } from '../chart/interface';\nimport type { IStage } from '@visactor/vrender-core';\nimport type { IContainerSize } from '@visactor/vrender-components';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IUpdateSpecResult } from '../model/interface';\nimport type { ICompiler } from '../compile/interface';\n\nexport type DataLinkSeries = {\n  /**\n   * 关联的系列 id\n   * the binding series id\n   */\n  seriesId?: StringOrNumber;\n  /**\n   * 关联的系列索引\n   * the binding series index\n   */\n  seriesIndex?: number;\n};\n\nexport type DataLinkAxis = {\n  /**\n   * 关联的轴 id，目前仅支持直角坐标轴\n   * the binding axis id\n   */\n  axisId?: StringOrNumber;\n  /**\n   * 关联的轴索引，目前仅支持直角坐标轴\n   * the binding axis index\n   */\n  axisIndex?: number;\n};\n\nexport interface IVChartConstructor {\n  new (spec: ISpec, options: IInitOption): IVChart;\n  useRegisters: (comps: (() => void)[]) => any;\n}\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   * @async\n   * @param id 数据 id\n   * @param data 数据值\n   * @param options 数据参数\n   * @returns VChart 实例\n   */\n  updateData: (id: StringOrNumber, data: Datum[] | string, options?: IParserOptions) => Promise<IVChart>;\n\n  /**\n   * **异步**批量更新数据。\n   * @async\n   * @param list 待更新的数据列表\n   * @returns VChart 实例\n   */\n  updateDataInBatches: (list: { id: string; data: 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: Datum[], options?: IParserOptions) => IVChart;\n\n  /**\n   * **同步方法** 更新数据\n   * @async\n   * @param data 图表配置结构中的数据对象\n   * @returns VChart 实例\n   */\n  updateFullDataSync: (data: IDataValues | IDataValues[], reRender?: boolean) => IVChart;\n\n  /**\n   * **同步方法** 更新数据\n   * @param data 图表配置结构中的数据对象\n   * @returns VChart 实例\n   */\n  updateFullData: (data: IDataValues | IDataValues[], reRender?: boolean) => Promise<IVChart>;\n\n  /**\n   * **异步**spec 更新。\n   * @sync\n   * @param spec\n   * @param forceMerge\n   * @returns\n   */\n  updateSpec: (\n    spec: ISpec,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig,\n    userUpdateOptions?: IUpdateSpecResult\n  ) => Promise<IVChart>;\n\n  /**\n   * **同步方法**spec 更新。\n   * @param spec\n   * @param forceMerge\n   * @returns\n   */\n  updateSpecSync: (\n    spec: ISpec,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig,\n    userUpdateOptions?: IUpdateSpecResult\n  ) => void;\n\n  /**\n   * **同步方法** 模块 spec 更新\n   * @param filter\n   * @param spec\n   * @param forceMerge\n   * @returns\n   * @since 1.4.0\n   */\n  updateModelSpecSync: (\n    filter: string | { type: string; index: number },\n    spec: unknown,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig\n  ) => IVChart;\n\n  /**\n   * **异步方法** 模块 spec 更新\n   * @async\n   * @param filter\n   * @param spec\n   * @param forceMerge\n   * @returns\n   * @since 1.4.0\n   */\n  updateModelSpec: (\n    filter: string | { type: string; index: number },\n    spec: unknown,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig\n  ) => Promise<IVChart>;\n\n  /** 更新 spec 并重新编译（不渲染），返回是否成功 */\n  updateSpecAndRecompile: (spec: ISpec, forceMerge: boolean, option: IVChartRenderOption) => boolean;\n\n  /**\n   * 更新绘制区域。\n   * @param viewBox 绘制区域\n   * @param reRender 是否重新渲染，默认为 true\n   * @returns\n   */\n  updateViewBox: (viewBox: IBoundsLike, reRender?: boolean) => IVChart;\n\n  /**\n   * **异步方法**，图表尺寸更新方法。\n   * @async\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   * @param state 状态名\n   *\n   * @since 1.11.0\n   */\n  clearState: (state: string) => void;\n\n  /**\n   * 清除所有图元的选中状态\n   *\n   * @since 1.11.0\n   */\n  clearSelected: () => void;\n\n  /**\n   * 清除所有图元的hover状态\n   *\n   * @since 1.11.0\n   */\n  clearHovered: () => void;\n\n  /**\n   * 获取当前主题，会返回完整的主题配置（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为`ThemeManager`统一设置的主题）\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) => Datum[];\n\n  /**\n   * 根据图例组件索引获取图例数据\n   * @param index 图例索引，默认为 0\n   * @returns\n   */\n  getLegendDataByIndex: (index?: number) => Datum[];\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   * 导出绘制了图表内容的 canvas\n   * @returns HTMLCanvasElement\n   * @since 1.5.2\n   */\n  exportCanvas: () => HTMLCanvasElement | undefined;\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: () => ICompiler;\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: () => IStage;\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  /**\n   * 获取图表的 Scale 实例\n   * @param scaleId scale 的id\n   * @returns Scale 实例\n   * @since 1.10.4\n   */\n  getScale: (scaleId: string) => IBaseScale | null;\n\n  /**\n   * 手动调用触发 dimension 交互效果。\n   * @param datum dimension 值\n   * @param options 触发配置\n   * @returns\n   */\n  setDimensionIndex: (value: StringOrNumber, options?: DimensionIndexOption) => void;\n\n  // 数据转换相关的 api\n  /**\n   * Convert the data to coordinate position\n   * @param datum the datum to convert\n   * @param dataLinkInfo the data link info, could be seriesId or seriesIndex, default is { seriesIndex: 0 }\n   * @param isRelativeToCanvas 是否相对画布坐标，默认为 false Whether relative to canvas coordinates, default is false\n   * @param checkInViewData 是否检查数据对应的图元是否在视图中，如果不在视图中，返回 null\n   * @returns\n   */\n  convertDatumToPosition: (\n    datum: Datum,\n    dataLinkInfo?: DataLinkSeries,\n    isRelativeToCanvas?: boolean,\n    checkInViewData?: boolean\n  ) => IPoint | null;\n\n  /**\n   * Convert the value to coordinate position\n   * @param value number | [number, number], the value to convert\n   * @param dataLinkInfo the data link info, could be seriesId,seriesIndex,axisId,axisIndex\n   * @param isRelativeToCanvas 是否相对画布坐标，默认为 false Whether relative to canvas coordinates, default is false\n   * returns\n   */\n  convertValueToPosition: ((\n    value: StringOrNumber,\n    dataLinkInfo: DataLinkAxis,\n    isRelativeToCanvas?: boolean\n  ) => number | null) &\n    ((\n      value: [StringOrNumber, StringOrNumber],\n      dataLinkInfo: DataLinkSeries,\n      isRelativeToCanvas?: boolean\n    ) => IPoint | null);\n\n  /**\n   * 根据 indicator 组件 id 更新 indicator 数据\n   * @param id spec 中定义的 indicator id\n   * @param datum 具体数据项\n   * @since 1.11.7\n   */\n  updateIndicatorDataById: (id: string, datum?: Datum) => void;\n\n  /**\n   * 根据 indicator 组件 id 更新 indicator 数据\n   * @param index  indicator 索引下标\n   * @param datum 具体数据项\n   * @since 1.11.7\n   */\n  updateIndicatorDataByIndex: (index?: number, datum?: Datum) => void;\n\n  /**\n   * 地图缩放 API\n   * @param [regionIndex=0] 根据索引顺序指定某个 region 区域的地图坐标系进行缩放\n   * @param zoom 缩放比例\n   * @param center 缩放中心\n   * @since 1.11.10\n   */\n  geoZoomByIndex: (regionIndex: number, zoom: number, center?: { x: number; y: number }) => void;\n\n  /**\n   * 地图缩放 API\n   * @param 根据 region id 指定某个 region 区域的地图坐标系进行缩放\n   * @param zoom 缩放比例\n   * @param center 缩放中心\n   * @since 1.11.10\n   */\n  geoZoomById: (regionId: string | number, zoom: number, center?: { x: number; y: number }) => void;\n\n  /** 停止正在进行的所有动画 */\n  stopAnimation: () => void;\n\n  /** 暂停正在进行的所有动画 */\n  pauseAnimation: () => void;\n\n  /** 恢复暂停时正在进行的所有动画 */\n  resumeAnimation: () => void;\n\n  /** 注册实例函数 */\n  registerFunction: (key: string, fun: Function) => void;\n\n  /** 注销实例函数 */\n  unregisterFunction: (key: string) => void;\n\n  /** 获取实例函数 */\n  getFunction: (key: string) => Function | null;\n\n  /** 获取实例函数列表 */\n  getFunctionList: () => string[] | null;\n\n  /** 获取图表 spec 详细信息 */\n  getSpecInfo: () => IChartSpecInfo;\n\n  /** 设置运行时 spec */\n  setRuntimeSpec: (spec: any) => void;\n\n  /** 获取运行时 spec */\n  getSpec: () => any;\n\n  /** 获取当前容器宽高 */\n  getCurrentSize: () => IContainerSize;\n}\n\nexport interface IGlobalConfig {\n  /** 是否全局显示唯一 tooltip */\n  uniqueTooltip?: boolean;\n  /** 是否监测图表 dom 变化自动 release */\n  // TODO\n  // autoRelease?: boolean;\n}\n\nexport interface IVChartRenderOption {\n  /** morphing 动画 spec */\n  morphConfig?: IMorphConfig;\n  /** 是否重新转换图表 spec */\n  transformSpec?: boolean;\n  actionSource?: VChartRenderActionSource;\n}\n\nexport type VChartRenderActionSource =\n  | 'render'\n  | 'updateSpec'\n  | 'updateModelSpec'\n  | 'setCurrentTheme'\n  | 'updateSpecAndRecompile';\n"]}
+{"version":3,"sources":["../src/core/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { DataSet, IParserOptions } from '@visactor/vdataset';\nimport type {\n  Datum,\n  IDataValues,\n  IInitOption,\n  IMarkStateSpec,\n  IPoint,\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, EventQuery, EventType, ExtendEventParam } from '../event/interface';\nimport type { IMark } from '../mark/interface';\nimport type { ISeries } from '../series/interface/series';\nimport type { ITheme } from '../theme/interface';\nimport type { IComponent } from '../component/interface';\nimport type { LayoutCallBack } from '../layout/interface';\nimport type { DimensionIndexOption, IChart, IChartSpecInfo } from '../chart/interface';\nimport type { IEventTarget, IStage } from '@visactor/vrender-core';\nimport type { IContainerSize } from '@visactor/vrender-components';\nimport type { IBaseScale } from '@visactor/vscale';\nimport type { IUpdateSpecResult } from '../model/interface';\nimport type { ICompiler } from '../compile/interface';\n\nexport type DataLinkSeries = {\n  /**\n   * 关联的系列 id\n   * the binding series id\n   */\n  seriesId?: StringOrNumber;\n  /**\n   * 关联的系列索引\n   * the binding series index\n   */\n  seriesIndex?: number;\n};\n\nexport type DataLinkAxis = {\n  /**\n   * 关联的轴 id，目前仅支持直角坐标轴\n   * the binding axis id\n   */\n  axisId?: StringOrNumber;\n  /**\n   * 关联的轴索引，目前仅支持直角坐标轴\n   * the binding axis index\n   */\n  axisIndex?: number;\n};\n\nexport interface IVChartConstructor {\n  new (spec: ISpec, options: IInitOption): IVChart;\n  useRegisters: (comps: (() => void)[]) => any;\n}\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   * @async\n   * @param id 数据 id\n   * @param data 数据值\n   * @param options 数据参数\n   * @returns VChart 实例\n   */\n  updateData: (id: StringOrNumber, data: Datum[] | string, options?: IParserOptions) => Promise<IVChart>;\n\n  /**\n   * **异步**批量更新数据。\n   * @async\n   * @param list 待更新的数据列表\n   * @returns VChart 实例\n   */\n  updateDataInBatches: (list: { id: string; data: 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: Datum[], options?: IParserOptions) => IVChart;\n\n  /**\n   * **同步方法** 更新数据\n   * @async\n   * @param data 图表配置结构中的数据对象\n   * @returns VChart 实例\n   */\n  updateFullDataSync: (data: IDataValues | IDataValues[], reRender?: boolean) => IVChart;\n\n  /**\n   * **同步方法** 更新数据\n   * @param data 图表配置结构中的数据对象\n   * @returns VChart 实例\n   */\n  updateFullData: (data: IDataValues | IDataValues[], reRender?: boolean) => Promise<IVChart>;\n\n  /**\n   * **异步**spec 更新。\n   * @sync\n   * @param spec\n   * @param forceMerge\n   * @returns\n   */\n  updateSpec: (\n    spec: ISpec,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig,\n    userUpdateOptions?: IUpdateSpecResult\n  ) => Promise<IVChart>;\n\n  /**\n   * **同步方法**spec 更新。\n   * @param spec\n   * @param forceMerge\n   * @returns\n   */\n  updateSpecSync: (\n    spec: ISpec,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig,\n    userUpdateOptions?: IUpdateSpecResult\n  ) => void;\n\n  /**\n   * **同步方法** 模块 spec 更新\n   * @param filter\n   * @param spec\n   * @param forceMerge\n   * @returns\n   * @since 1.4.0\n   */\n  updateModelSpecSync: (\n    filter: string | { type: string; index: number },\n    spec: unknown,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig\n  ) => IVChart;\n\n  /**\n   * **异步方法** 模块 spec 更新\n   * @async\n   * @param filter\n   * @param spec\n   * @param forceMerge\n   * @returns\n   * @since 1.4.0\n   */\n  updateModelSpec: (\n    filter: string | { type: string; index: number },\n    spec: unknown,\n    forceMerge?: boolean,\n    morphConfig?: IMorphConfig\n  ) => Promise<IVChart>;\n\n  /** 更新 spec 并重新编译（不渲染），返回是否成功 */\n  updateSpecAndRecompile: (spec: ISpec, forceMerge: boolean, option: IVChartRenderOption) => boolean;\n\n  /**\n   * 更新绘制区域。\n   * @param viewBox 绘制区域\n   * @param reRender 是否重新渲染，默认为 true\n   * @returns\n   */\n  updateViewBox: (viewBox: IBoundsLike, reRender?: boolean) => IVChart;\n\n  /**\n   * **异步方法**，图表尺寸更新方法。\n   * @async\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<ExtendEventParam>) => void) &\n    ((eType: EventType, query: EventQuery, handler: EventCallback<ExtendEventParam>) => void);\n  off: (eType: EventType, handler?: EventCallback<ExtendEventParam>) => 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   * @param state 状态名\n   *\n   * @since 1.11.0\n   */\n  clearState: (state: string) => void;\n\n  /**\n   * 清除所有图元的选中状态\n   *\n   * @since 1.11.0\n   */\n  clearSelected: () => void;\n\n  /**\n   * 清除所有图元的hover状态\n   *\n   * @since 1.11.0\n   */\n  clearHovered: () => void;\n\n  /**\n   * 获取当前主题，会返回完整的主题配置（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为`ThemeManager`统一设置的主题）\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) => Datum[];\n\n  /**\n   * 根据图例组件索引获取图例数据\n   * @param index 图例索引，默认为 0\n   * @returns\n   */\n  getLegendDataByIndex: (index?: number) => Datum[];\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   * 导出绘制了图表内容的 canvas\n   * @returns HTMLCanvasElement\n   * @since 1.5.2\n   */\n  exportCanvas: () => HTMLCanvasElement | undefined;\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: () => ICompiler;\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: () => IStage;\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  /**\n   * 获取图表的 Scale 实例\n   * @param scaleId scale 的id\n   * @returns Scale 实例\n   * @since 1.10.4\n   */\n  getScale: (scaleId: string) => IBaseScale | null;\n\n  /**\n   * 手动调用触发 dimension 交互效果。\n   * @param datum dimension 值\n   * @param options 触发配置\n   * @returns\n   */\n  setDimensionIndex: (value: StringOrNumber, options?: DimensionIndexOption) => void;\n\n  // 数据转换相关的 api\n  /**\n   * Convert the data to coordinate position\n   * @param datum the datum to convert\n   * @param dataLinkInfo the data link info, could be seriesId or seriesIndex, default is { seriesIndex: 0 }\n   * @param isRelativeToCanvas 是否相对画布坐标，默认为 false Whether relative to canvas coordinates, default is false\n   * @param checkInViewData 是否检查数据对应的图元是否在视图中，如果不在视图中，返回 null\n   * @returns\n   */\n  convertDatumToPosition: (\n    datum: Datum,\n    dataLinkInfo?: DataLinkSeries,\n    isRelativeToCanvas?: boolean,\n    checkInViewData?: boolean\n  ) => IPoint | null;\n\n  /**\n   * Convert the value to coordinate position\n   * @param value number | [number, number], the value to convert\n   * @param dataLinkInfo the data link info, could be seriesId,seriesIndex,axisId,axisIndex\n   * @param isRelativeToCanvas 是否相对画布坐标，默认为 false Whether relative to canvas coordinates, default is false\n   * returns\n   */\n  convertValueToPosition: ((\n    value: StringOrNumber,\n    dataLinkInfo: DataLinkAxis,\n    isRelativeToCanvas?: boolean\n  ) => number | null) &\n    ((\n      value: [StringOrNumber, StringOrNumber],\n      dataLinkInfo: DataLinkSeries,\n      isRelativeToCanvas?: boolean\n    ) => IPoint | null);\n\n  /**\n   * 根据 indicator 组件 id 更新 indicator 数据\n   * @param id spec 中定义的 indicator id\n   * @param datum 具体数据项\n   * @since 1.11.7\n   */\n  updateIndicatorDataById: (id: string, datum?: Datum) => void;\n\n  /**\n   * 根据 indicator 组件 id 更新 indicator 数据\n   * @param index  indicator 索引下标\n   * @param datum 具体数据项\n   * @since 1.11.7\n   */\n  updateIndicatorDataByIndex: (index?: number, datum?: Datum) => void;\n\n  /**\n   * 地图缩放 API\n   * @param [regionIndex=0] 根据索引顺序指定某个 region 区域的地图坐标系进行缩放\n   * @param zoom 缩放比例\n   * @param center 缩放中心\n   * @since 1.11.10\n   */\n  geoZoomByIndex: (regionIndex: number, zoom: number, center?: { x: number; y: number }) => void;\n\n  /**\n   * 地图缩放 API\n   * @param 根据 region id 指定某个 region 区域的地图坐标系进行缩放\n   * @param zoom 缩放比例\n   * @param center 缩放中心\n   * @since 1.11.10\n   */\n  geoZoomById: (regionId: string | number, zoom: number, center?: { x: number; y: number }) => void;\n\n  /** 停止正在进行的所有动画 */\n  stopAnimation: () => void;\n\n  /** 暂停正在进行的所有动画 */\n  pauseAnimation: () => void;\n\n  /** 恢复暂停时正在进行的所有动画 */\n  resumeAnimation: () => void;\n\n  /** 注册实例函数 */\n  registerFunction: (key: string, fun: Function) => void;\n\n  /** 注销实例函数 */\n  unregisterFunction: (key: string) => void;\n\n  /** 获取实例函数 */\n  getFunction: (key: string) => Function | null;\n\n  /** 获取实例函数列表 */\n  getFunctionList: () => string[] | null;\n\n  /** 获取图表 spec 详细信息 */\n  getSpecInfo: () => IChartSpecInfo;\n\n  /** 设置运行时 spec */\n  setRuntimeSpec: (spec: any) => void;\n\n  /** 获取运行时 spec */\n  getSpec: () => any;\n\n  /** 获取当前容器宽高 */\n  getCurrentSize: () => IContainerSize;\n}\n\nexport interface IGlobalConfig {\n  /** 是否全局显示唯一 tooltip */\n  uniqueTooltip?: boolean;\n  /** 是否监测图表 dom 变化自动 release */\n  // TODO\n  // autoRelease?: boolean;\n}\n\nexport interface IVChartRenderOption {\n  /** morphing 动画 spec */\n  morphConfig?: IMorphConfig;\n  /** 是否重新转换图表 spec */\n  transformSpec?: boolean;\n  actionSource?: VChartRenderActionSource;\n}\n\nexport type VChartRenderActionSource =\n  | 'render'\n  | 'updateSpec'\n  | 'updateModelSpec'\n  | 'setCurrentTheme'\n  | 'updateSpecAndRecompile';\n\nexport interface VRenderComponentOptions {\n  skipDefault?: boolean;\n  mode?: '2d' | '3d';\n}\n\nexport interface IStageEventPlugin<T> {\n  new (taget: IEventTarget, cfg?: T): {\n    release: () => void;\n  };\n}\n"]}

package/esm/core/vchart.d.ts

@@ -5,7 +5,7 @@ import { RenderModeEnum } from '../typings/spec/common';
 import type { ISeriesConstructor } from '../series/interface';
 import { type DimensionIndexOption, type IChart, type IChartConstructor, type IChartOption, type IChartSpecInfo } from '../chart/interface';
 import type { IComponentConstructor } from '../component/interface';
-import type { EventCallback, EventParams, EventQuery, EventType } from '../event/interface';
+import type { EventCallback, EventQuery, EventType, ExtendEventParam } from '../event/interface';
 import type { IParserOptions, Transform } from '@visactor/vdataset';
 import { DataSet, DataView } from '@visactor/vdataset';
 import type { IStage } from '@visactor/vrender-core';
@@ -85,7 +85,7 @@ export declare class VChart implements IVChart {
     private _updateSpecInfo;
     private _initChart;
     private _releaseData;
-    private _bindVGrammarViewEvent;
+    private _bindViewEvent;
     private _bindResizeEvent;
     private _unBindResizeEvent;
     getCurrentSize(): {
@@ -133,9 +133,9 @@ export declare class VChart implements IVChart {
     protected _beforeResize(width: number, height: number): boolean;
     protected _afterResize(): IVChart;
     updateViewBox(viewBox: IBoundsLike, reRender?: boolean, reLayout?: boolean): IVChart;
-    on(eType: EventType, handler: EventCallback<EventParams>): void;
-    on(eType: EventType, query: EventQuery, handler: EventCallback<EventParams>): void;
-    off(eType: EventType, handler?: EventCallback<EventParams>): void;
+    on(eType: EventType, handler: EventCallback<ExtendEventParam>): void;
+    on(eType: EventType, query: EventQuery, handler: EventCallback<ExtendEventParam>): void;
+    off(eType: EventType, handler?: EventCallback<ExtendEventParam>): 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;
@@ -205,7 +205,7 @@ export declare class VChart implements IVChart {
     }): void;
     private _initChartPlugin;
     private _chartPluginApply;
-    protected _getMode(): "node" | (typeof RenderModeEnum)["desktop-browser"] | "desktop-browser" | "mobile-browser" | "worker" | "miniApp" | "wx" | "tt" | "harmony" | "desktop-miniApp" | "lynx";
+    protected _getMode(): (typeof RenderModeEnum)["desktop-browser"] | "desktop-browser" | "mobile-browser" | "node" | "worker" | "miniApp" | "wx" | "tt" | "harmony" | "desktop-miniApp" | "lynx";
     protected _getChartOption(type: string): IChartOption;
 }
 export declare const registerVChartCore: () => void;

package/esm/core/vchart.js

@@ -78,7 +78,7 @@ import { Compiler } from "../compile/compiler";
 
 import { getCanvasDataURL, URLToImage } from "../util/image";
 
-import { ChartEvent, VGRAMMAR_HOOK_EVENT } from "../constant/event";
+import { ChartEvent } from "../constant/event";
 
 import { DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH } from "../constant/base";
 
@@ -96,8 +96,6 @@ import { Layout } from "../layout/base-layout";
 
 import { registerGroupMark } from "../mark/group";
 
-import { View, registerGesturePlugin } from "@visactor/vgrammar-core";
-
 import { VCHART_UTILS } from "./util";
 
 import { ExpressionFunction } from "./expression-function";
@@ -110,10 +108,16 @@ import { darkTheme, registerTheme } from "../theme/builtin";
 
 import { ChartPluginService } from "../plugin/chart/plugin-service";
 
-import { registerElementHighlight as registerHoverInteraction, registerElementSelect as registerSelectInteraction } from "../interaction";
-
 import { getSVGSource } from "../series/pictogram/svg-source";
 
+import { registerGesturePlugin } from "../plugin/other";
+
+import { registerElementHighlight } from "../interaction/triggers/element-highlight";
+
+import { registerElementSelect } from "../interaction/triggers/element-select";
+
+import { registerDimensionHover } from "../interaction/triggers/dimension-hover";
+
 export class VChart {
     static useRegisters(comps) {
         comps.forEach((fn => {
@@ -194,7 +198,7 @@ export 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 = createID(), this._userEvents = [], this._autoSize = !0, this._option = {
             mode: RenderModeEnum["desktop-browser"],
             onError: msg => {
@@ -215,7 +219,7 @@ export 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,
@@ -229,7 +233,7 @@ export class VChart {
             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, 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");
@@ -238,7 +242,7 @@ export class VChart {
         }, this._option = mergeOrigin(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 = isTrueBrowser(mode);
+        const _l = this._option, {dom: dom, renderCanvas: renderCanvas, mode: mode, stage: stage, poptip: poptip} = _l, restOptions = __rest(_l, [ "dom", "renderCanvas", "mode", "stage", "poptip" ]), isTrueBrowseEnv = isTrueBrowser(mode);
         if (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) return void (null === (_b = this._option) || void 0 === _b || _b.onError("please specify container or renderCanvas!"));
@@ -246,13 +250,12 @@ export 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 Logger(null !== (_c = this._option.logLevel) && void 0 !== _c ? _c : LoggerLevel.Error);
+        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({
-            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,
@@ -263,10 +266,10 @@ export class VChart {
             onError: this._onError
         })), this._compiler.setSize(this._currentSize.width, this._currentSize.height), 
         this._eventDispatcher = new EventDispatcher(this, this._compiler), this._event = new 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(), 
-        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.initView(), 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(), 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 && (isString(spec) && (spec = JSON.parse(spec)), forceMerge && this._originalSpec && (spec = mergeSpec({}, this._originalSpec, spec)), 
@@ -304,20 +307,8 @@ export class VChart {
     _releaseData() {
         this._dataSet && (this._dataSet.dataViewMap = {}, this._dataSet = null);
     }
-    _bindVGrammarViewEvent() {
-        if (!this._compiler) return;
-        const view = this._compiler.getVGrammarView();
-        view.addEventListener(VGRAMMAR_HOOK_EVENT.ALL_ANIMATION_END, (() => {
-            this._event.emit(ChartEvent.animationFinished, {
-                chart: this._chart,
-                vchart: this
-            });
-        })), view.addEventListener(VGRAMMAR_HOOK_EVENT.AFTER_VRENDER_NEXT_RENDER, (() => {
-            this._event.emit(ChartEvent.renderFinished, {
-                chart: this._chart,
-                vchart: this
-            });
-        }));
+    _bindViewEvent() {
+        this._compiler;
     }
     _bindResizeEvent() {
         var _a, _b;
@@ -362,22 +353,21 @@ 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;
         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);
         }
@@ -390,13 +380,11 @@ export 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() {
@@ -562,8 +550,8 @@ export 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() {
@@ -823,18 +811,9 @@ export 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;
@@ -938,7 +917,6 @@ export class VChart {
             mode: this._getMode(),
             modeParams: this._option.modeParams,
             getCompiler: () => this._compiler,
-            performanceHook: this._option.performanceHook,
             viewBox: this._viewBox,
             animation: this._option.animation,
             getTheme: () => {
@@ -962,11 +940,11 @@ VChart.InstanceManager = InstanceManager, VChart.ThemeManager = ThemeManager, VC
 
 export const registerVChartCore = () => {
     Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
-    registerGroupMark(), View.useRegisters([ registerGesturePlugin ]), registerHoverInteraction(), 
-    registerSelectInteraction(), registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
+    registerGroupMark(), registerGesturePlugin(), registerElementHighlight(), registerElementSelect(), 
+    registerDimensionHover(), registerTheme(darkTheme.name, darkTheme);
 };
 
 Factory.registerRegion("region", Region), Factory.registerLayout("base", Layout), 
-registerGroupMark(), View.useRegisters([ registerGesturePlugin ]), registerHoverInteraction(), 
-registerSelectInteraction(), registerTheme(darkTheme.name, darkTheme), Logger.getInstance(LoggerLevel.Error);
+registerGroupMark(), registerGesturePlugin(), registerElementHighlight(), registerElementSelect(), 
+registerDimensionHover(), registerTheme(darkTheme.name, darkTheme);
 //# sourceMappingURL=vchart.js.map