@visactor/vchart 1.7.5 → 1.8.0-beta.0

package/esm/plugin/chart/media-query/util/query.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/media-query/util/query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAK3C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,SAAqB,EAAE,cAAuB,EAAE,EAAE;IAC7G,KAAK,MAAM,YAAY,IAAI,KAAK,EAAE;QAChC,QAAQ,YAA0C,EAAE;YAClD,KAAK,WAAW;gBACd,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE;oBAClE,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;YACR,KAAK,WAAW;gBACd,IAAI,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE;oBAClE,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;YACR,KAAK,UAAU;gBACb,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE;oBAC/D,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;YACR,KAAK,UAAU;gBACb,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE;oBAC/D,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;YACR,KAAK,UAAU;gBACb,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC,EAAE;oBACzE,OAAO,KAAK,CAAC;iBACd;gBACD,MAAM;SACT;KACF;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","file":"query.js","sourcesContent":["import { isValid } from '@visactor/vutils';\nimport type { IVChart } from '../../../../core';\nimport type { IMediaInfo, IMediaQueryCondition } from '../interface';\n\n/** 判断是否满足媒体查询条件 */\nexport const checkMediaQuery = (query: IMediaQueryCondition, mediaInfo: IMediaInfo, globalInstance: IVChart) => {\n  for (const conditionKey in query) {\n    switch (conditionKey as keyof IMediaQueryCondition) {\n      case 'maxHeight':\n        if (isValid(query.maxHeight) && mediaInfo.height > query.maxHeight) {\n          return false;\n        }\n        break;\n      case 'minHeight':\n        if (isValid(query.minHeight) && mediaInfo.height < query.minHeight) {\n          return false;\n        }\n        break;\n      case 'maxWidth':\n        if (isValid(query.maxWidth) && mediaInfo.width > query.maxWidth) {\n          return false;\n        }\n        break;\n      case 'minWidth':\n        if (isValid(query.minWidth) && mediaInfo.width < query.minWidth) {\n          return false;\n        }\n        break;\n      case 'onResize':\n        if (isValid(query.onResize) && !query.onResize(mediaInfo, globalInstance)) {\n          return false;\n        }\n        break;\n    }\n  }\n  return true;\n};\n"]}

package/esm/plugin/chart/plugin-service.d.ts

@@ -0,0 +1,12 @@
+import type { IChartPlugin, IChartPluginService } from './interface';
+import type { IVChart } from '../../core';
+import { BasePluginService } from '../base/base-plugin-service';
+import type { VChartRenderActionSource } from '../../core/interface';
+export declare class ChartPluginService<T extends IChartPlugin = IChartPlugin> extends BasePluginService<T> implements IChartPluginService<T> {
+    globalInstance: IVChart;
+    constructor(globalInstance: IVChart);
+    onInit(chartSpec: any): void;
+    onBeforeResize(width: number, height: number): void;
+    onAfterChartSpecTransform(chartSpec: any, actionSource: VChartRenderActionSource): void;
+    onBeforeInitChart(chartSpec: any, actionSource: VChartRenderActionSource): void;
+}

package/esm/plugin/chart/plugin-service.js

@@ -0,0 +1,28 @@
+import { BasePluginService } from "../base/base-plugin-service";
+
+export class ChartPluginService extends BasePluginService {
+    constructor(globalInstance) {
+        super(), this.globalInstance = globalInstance;
+    }
+    onInit(chartSpec) {
+        this._plugins.forEach((plugin => {
+            plugin.onInit && plugin.onInit(this, chartSpec);
+        }));
+    }
+    onBeforeResize(width, height) {
+        this._plugins.forEach((plugin => {
+            plugin.onBeforeResize && plugin.onBeforeResize(this, width, height);
+        }));
+    }
+    onAfterChartSpecTransform(chartSpec, actionSource) {
+        this._plugins.forEach((plugin => {
+            plugin.onAfterChartSpecTransform && plugin.onAfterChartSpecTransform(this, chartSpec, actionSource);
+        }));
+    }
+    onBeforeInitChart(chartSpec, actionSource) {
+        this._plugins.forEach((plugin => {
+            plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);
+        }));
+    }
+}
+//# sourceMappingURL=plugin-service.js.map

package/esm/plugin/chart/plugin-service.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/plugin-service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAGhE,MAAM,OAAO,kBACX,SAAQ,iBAAoB;IAK5B,YAAY,cAAuB;QACjC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,SAAc;QACnB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,KAAa,EAAE,MAAc;QAC1C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,yBAAyB,CAAC,SAAc,EAAE,YAAsC;QAC9E,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,yBAAyB,IAAI,MAAM,CAAC,yBAAyB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtG,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,SAAc,EAAE,YAAsC;QACtE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC7B,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;IACL,CAAC;CACF","file":"plugin-service.js","sourcesContent":["import type { IChartPlugin, IChartPluginService } from './interface';\nimport type { IVChart } from '../../core';\nimport { BasePluginService } from '../base/base-plugin-service';\nimport type { VChartRenderActionSource } from '../../core/interface';\n\nexport class ChartPluginService<T extends IChartPlugin = IChartPlugin>\n  extends BasePluginService<T>\n  implements IChartPluginService<T>\n{\n  globalInstance: IVChart;\n\n  constructor(globalInstance: IVChart) {\n    super();\n    this.globalInstance = globalInstance;\n  }\n\n  onInit(chartSpec: any) {\n    this._plugins.forEach(plugin => {\n      plugin.onInit && plugin.onInit(this, chartSpec);\n    });\n  }\n\n  onBeforeResize(width: number, height: number) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeResize && plugin.onBeforeResize(this, width, height);\n    });\n  }\n\n  onAfterChartSpecTransform(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onAfterChartSpecTransform && plugin.onAfterChartSpecTransform(this, chartSpec, actionSource);\n    });\n  }\n\n  onBeforeInitChart(chartSpec: any, actionSource: VChartRenderActionSource) {\n    this._plugins.forEach(plugin => {\n      plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);\n    });\n  }\n}\n"]}

package/esm/plugin/chart/register.d.ts

@@ -0,0 +1,2 @@
+import type { IChartPluginConstructor } from './interface';
+export declare const registerChartPlugin: (plugin: IChartPluginConstructor) => void;

package/esm/plugin/chart/register.js

@@ -0,0 +1,6 @@
+import { Factory } from "../../core";
+
+export const registerChartPlugin = plugin => {
+    Factory.registerChartPlugin(plugin.type, plugin);
+};
+//# sourceMappingURL=register.js.map

package/esm/plugin/chart/register.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/chart/register.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAA+B,EAAE,EAAE;IACrE,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACnD,CAAC,CAAC","file":"register.js","sourcesContent":["import { Factory } from '../../core';\nimport type { IChartPluginConstructor } from './interface';\n\nexport const registerChartPlugin = (plugin: IChartPluginConstructor) => {\n  Factory.registerChartPlugin(plugin.type, plugin);\n};\n"]}

package/esm/plugin/components/axis-sync-plugin/axis-sync.d.ts

@@ -1,8 +1,10 @@
-import { BasicComponentPlugin } from '../basic-plugin';
 import type { IComponentPlugin, IComponentPluginService } from '../interface';
 import type { CartesianAxis, ILinearAxisSync } from '../../../component/axis/cartesian';
-export declare class AxisSyncPlugin extends BasicComponentPlugin implements IComponentPlugin {
-    Name: string;
+import { BasePlugin } from '../../base/base-plugin';
+export declare class AxisSyncPlugin extends BasePlugin<IComponentPluginService> implements IComponentPlugin<IComponentPluginService> {
+    static readonly pluginType: 'component';
+    static readonly type: string;
+    readonly type: string;
     constructor();
     protected _checkEnableSync(axis: CartesianAxis): ILinearAxisSync | false;
     private _getTargetAxis;

package/esm/plugin/components/axis-sync-plugin/axis-sync.js

@@ -2,17 +2,17 @@ import { ChartEvent } from "../../../constant/event";
 
 import { zeroAlign } from "./zero-align-transform";
 
-import { BasicComponentPlugin } from "../basic-plugin";
-
 import { isContinuous } from "@visactor/vscale";
 
 import { registerDataSetInstanceTransform } from "../../../data/register";
 
 import { tickAlign } from "./tick-align-transform";
 
-export class AxisSyncPlugin extends BasicComponentPlugin {
+import { BasePlugin } from "../../base/base-plugin";
+
+export class AxisSyncPlugin extends BasePlugin {
     constructor() {
-        super(AxisSyncPlugin.Name), this.Name = "AxisSyncPlugin";
+        super(AxisSyncPlugin.type), this.type = "AxisSyncPlugin";
     }
     _checkEnableSync(axis) {
         if (!isContinuous(axis.getScale().type)) return !1;
@@ -52,4 +52,6 @@ export class AxisSyncPlugin extends BasicComponentPlugin {
         }
     }
 }
+
+AxisSyncPlugin.pluginType = "component", AxisSyncPlugin.type = "AxisSyncPlugin";
 //# sourceMappingURL=axis-sync.js.map

package/esm/plugin/components/axis-sync-plugin/axis-sync.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/axis-sync-plugin/axis-sync.ts"],"names":[],"mappings":"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","file":"axis-sync.js","sourcesContent":["import { ChartEvent } from '../../../constant/event';\nimport { zeroAlign } from './zero-align-transform';\nimport { BasicComponentPlugin } from '../basic-plugin';\nimport type { IComponentPlugin, IComponentPluginService } from '../interface';\nimport type { CartesianAxis, ICartesianLinearAxisSpec, ILinearAxisSync } from '../../../component/axis/cartesian';\nimport { isContinuous } from '@visactor/vscale';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { tickAlign } from './tick-align-transform';\n\nexport class AxisSyncPlugin extends BasicComponentPlugin implements IComponentPlugin {\n  Name: string = 'AxisSyncPlugin';\n\n  constructor() {\n    super(AxisSyncPlugin.Name);\n  }\n\n  protected _checkEnableSync(axis: CartesianAxis): ILinearAxisSync | false {\n    if (!isContinuous(axis.getScale().type)) {\n      return false;\n    }\n    const sync = (axis.getSpec() as ICartesianLinearAxisSpec).sync as ILinearAxisSync;\n    if (!sync?.axisId) {\n      return false;\n    }\n    return sync;\n  }\n\n  private _getTargetAxis(axis: CartesianAxis, sync: ILinearAxisSync) {\n    const targetAxis = axis.getOption().getChart().getComponentByUserId(sync.axisId) as CartesianAxis;\n    if (!targetAxis?.type.startsWith('cartesianAxis')) {\n      return null;\n    }\n    return targetAxis;\n  }\n\n  onInit(service: IComponentPluginService, axis: CartesianAxis) {\n    const sync = this._checkEnableSync(axis);\n    if (!sync) {\n      return;\n    }\n    if (!sync.zeroAlign) {\n      return;\n    }\n    const targetAxis = this._getTargetAxis(axis, sync);\n    if (!targetAxis) {\n      return;\n    }\n    // because of if the to axes bind in same region, the region will update them both in the data update.\n    axis.event.on(ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id }, () => {\n      zeroAlign(targetAxis, axis);\n    });\n  }\n\n  onDidCompile(service: IComponentPluginService, axis: CartesianAxis) {\n    const sync = this._checkEnableSync(axis);\n    if (!sync) {\n      return;\n    }\n    const targetAxis = this._getTargetAxis(axis, sync);\n    if (!targetAxis) {\n      return;\n    }\n    if (sync.tickAlign) {\n      registerDataSetInstanceTransform(axis.getOption().dataSet, 'tickAlign', tickAlign);\n      const opt = {\n        targetAxis: () => targetAxis,\n        currentAxis: () => axis\n      };\n      // only make this one follow target\n      axis.addTransformToTickData({ type: 'tickAlign', options: opt, level: Number.MAX_SAFE_INTEGER }, false);\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/plugin/components/axis-sync-plugin/axis-sync.ts"],"names":[],"mappings":"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","file":"axis-sync.js","sourcesContent":["import { ChartEvent } from '../../../constant/event';\nimport { zeroAlign } from './zero-align-transform';\nimport type { IComponentPlugin, IComponentPluginService } from '../interface';\nimport type { CartesianAxis, ICartesianLinearAxisSpec, ILinearAxisSync } from '../../../component/axis/cartesian';\nimport { isContinuous } from '@visactor/vscale';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { tickAlign } from './tick-align-transform';\nimport { BasePlugin } from '../../base/base-plugin';\n\nexport class AxisSyncPlugin\n  extends BasePlugin<IComponentPluginService>\n  implements IComponentPlugin<IComponentPluginService>\n{\n  static readonly pluginType: 'component' = 'component';\n  static readonly type: string = 'AxisSyncPlugin';\n  readonly type: string = 'AxisSyncPlugin';\n\n  constructor() {\n    super(AxisSyncPlugin.type);\n  }\n\n  protected _checkEnableSync(axis: CartesianAxis): ILinearAxisSync | false {\n    if (!isContinuous(axis.getScale().type)) {\n      return false;\n    }\n    const sync = (axis.getSpec() as ICartesianLinearAxisSpec).sync as ILinearAxisSync;\n    if (!sync?.axisId) {\n      return false;\n    }\n    return sync;\n  }\n\n  private _getTargetAxis(axis: CartesianAxis, sync: ILinearAxisSync) {\n    const targetAxis = axis.getOption().getChart().getComponentByUserId(sync.axisId) as CartesianAxis;\n    if (!targetAxis?.type.startsWith('cartesianAxis')) {\n      return null;\n    }\n    return targetAxis;\n  }\n\n  onInit(service: IComponentPluginService, axis: CartesianAxis) {\n    const sync = this._checkEnableSync(axis);\n    if (!sync) {\n      return;\n    }\n    if (!sync.zeroAlign) {\n      return;\n    }\n    const targetAxis = this._getTargetAxis(axis, sync);\n    if (!targetAxis) {\n      return;\n    }\n    // because of if the to axes bind in same region, the region will update them both in the data update.\n    axis.event.on(ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id }, () => {\n      zeroAlign(targetAxis, axis);\n    });\n  }\n\n  onDidCompile(service: IComponentPluginService, axis: CartesianAxis) {\n    const sync = this._checkEnableSync(axis);\n    if (!sync) {\n      return;\n    }\n    const targetAxis = this._getTargetAxis(axis, sync);\n    if (!targetAxis) {\n      return;\n    }\n    if (sync.tickAlign) {\n      registerDataSetInstanceTransform(axis.getOption().dataSet, 'tickAlign', tickAlign);\n      const opt = {\n        targetAxis: () => targetAxis,\n        currentAxis: () => axis\n      };\n      // only make this one follow target\n      axis.addTransformToTickData({ type: 'tickAlign', options: opt, level: Number.MAX_SAFE_INTEGER }, false);\n    }\n  }\n}\n"]}

package/esm/plugin/components/interface.d.ts

@@ -1,33 +1,23 @@
 import type { IComponent } from '../../component/interface';
-type UniqueId = number;
-type MaybePromise<T> = T | PromiseLike<T>;
+import type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';
 interface IContext {
     skipLayout: boolean;
 }
-export interface IComponentPlugin {
-    id: UniqueId;
-    name: string;
-    onAdd: (service: IComponentPluginService) => void;
-    init?: () => void;
-    dispose?: (service: IComponentPluginService) => void;
-    onInit?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
-    onDidCompile?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
-    onWillLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
-    onDidLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
-    onWillLayoutVertical?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;
-    onWillLayoutHorizontal?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;
-    onDidLayoutVertical?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
-    onDidLayoutHorizontal?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;
+export interface IComponentPlugin<T extends IComponentPluginService = any> extends IBasePlugin<T> {
+    onWillLayout?: (service: T, ...params: any) => MaybePromise<void>;
+    onDidLayout?: (service: T, ...params: any) => MaybePromise<void>;
+    onWillLayoutVertical?: (service: T, context: IContext, ...params: any) => MaybePromise<void>;
+    onWillLayoutHorizontal?: (service: T, context: IContext, ...params: any) => MaybePromise<void>;
+    onDidLayoutVertical?: (service: T, ...params: any) => MaybePromise<void>;
+    onDidLayoutHorizontal?: (service: T, ...params: any) => MaybePromise<void>;
 }
-export interface IComponentPluginService {
-    id: UniqueId;
+export interface IComponentPluginConstructor {
+    readonly pluginType: 'component';
+    readonly specKey?: string;
+    readonly type: string;
+    new (): IComponentPlugin;
+}
+export interface IComponentPluginService<T extends IComponentPlugin = any> extends IBasePluginService<T> {
     component: IComponent;
-    load: (plugins: IComponentPlugin[]) => void;
-    add: (plugins: IComponentPlugin[]) => IComponentPlugin[] | null;
-    activate: (plugins: IComponentPlugin[]) => void;
-    get: (id: UniqueId) => IComponentPlugin | undefined;
-    getAll: () => IComponentPlugin[];
-    dispose: (pluginsId: UniqueId) => void;
-    disposeAll: () => void;
 }
 export {};

package/esm/plugin/components/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IComponent } from '../../component/interface';\n\ntype UniqueId = number;\ntype MaybePromise<T> = T | PromiseLike<T>;\ninterface IContext {\n  skipLayout: boolean;\n}\n\nexport interface IComponentPlugin {\n  id: UniqueId;\n  name: string;\n  onAdd: (service: IComponentPluginService) => void;\n  init?: () => void;\n  dispose?: (service: IComponentPluginService) => void;\n  onInit?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onDidCompile?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onWillLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onDidLayout?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onWillLayoutVertical?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;\n  onWillLayoutHorizontal?: (service: IComponentPluginService, context: IContext, ...params: any) => MaybePromise<void>;\n  onDidLayoutVertical?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n  onDidLayoutHorizontal?: (service: IComponentPluginService, ...params: any) => MaybePromise<void>;\n}\n\nexport interface IComponentPluginService {\n  id: UniqueId;\n  component: IComponent;\n  load: (plugins: IComponentPlugin[]) => void;\n  add: (plugins: IComponentPlugin[]) => IComponentPlugin[] | null;\n  activate: (plugins: IComponentPlugin[]) => void;\n  get: (id: UniqueId) => IComponentPlugin | undefined;\n  getAll: () => IComponentPlugin[];\n  dispose: (pluginsId: UniqueId) => void;\n  disposeAll: () => void;\n}\n"]}
+{"version":3,"sources":["../src/plugin/components/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IComponent } from '../../component/interface';\nimport type { IBasePlugin, IBasePluginService, MaybePromise } from '../base/interface';\n\ninterface IContext {\n  skipLayout: boolean;\n}\n\nexport interface IComponentPlugin<T extends IComponentPluginService = any> extends IBasePlugin<T> {\n  onWillLayout?: (service: T, ...params: any) => MaybePromise<void>;\n  onDidLayout?: (service: T, ...params: any) => MaybePromise<void>;\n  onWillLayoutVertical?: (service: T, context: IContext, ...params: any) => MaybePromise<void>;\n  onWillLayoutHorizontal?: (service: T, context: IContext, ...params: any) => MaybePromise<void>;\n  onDidLayoutVertical?: (service: T, ...params: any) => MaybePromise<void>;\n  onDidLayoutHorizontal?: (service: T, ...params: any) => MaybePromise<void>;\n}\n\nexport interface IComponentPluginConstructor {\n  readonly pluginType: 'component';\n  readonly specKey?: string;\n  readonly type: string;\n  new (): IComponentPlugin;\n}\n\nexport interface IComponentPluginService<T extends IComponentPlugin = any> extends IBasePluginService<T> {\n  component: IComponent;\n}\n"]}

package/esm/plugin/components/plugin-service.d.ts

@@ -1,15 +1,7 @@
 import type { IComponentPlugin, IComponentPluginService } from './interface';
 import type { IComponent } from '../../component/interface';
-export declare class ComponentPluginService implements IComponentPluginService {
-    private plugins;
-    readonly id: number;
+import { BasePluginService } from '../base/base-plugin-service';
+export declare class ComponentPluginService<T extends IComponentPlugin = IComponentPlugin> extends BasePluginService<T> implements IComponentPluginService<T> {
     component: IComponent;
     constructor(component: IComponent);
-    add(plugins: IComponentPlugin[]): IComponentPlugin[] | null;
-    load(plugins: IComponentPlugin[]): void;
-    activate(plugins: IComponentPlugin[]): void;
-    get(id: number): IComponentPlugin | undefined;
-    getAll(): IComponentPlugin[];
-    dispose(pluginsId: number): void;
-    disposeAll(): void;
 }

package/esm/plugin/components/plugin-service.js

@@ -1,42 +1,8 @@
-import { createID } from "../../util/id";
+import { BasePluginService } from "../base/base-plugin-service";
 
-import { warn } from "../../util/debug";
-
-export class ComponentPluginService {
+export class ComponentPluginService extends BasePluginService {
     constructor(component) {
-        this.id = createID(), this.plugins = [], this.component = component;
-    }
-    add(plugins) {
-        if (!plugins || 0 === plugins.length) return null;
-        const unloadedPlugins = [];
-        return plugins.forEach((plugin => {
-            this.plugins.find((p => p.id === plugin.id)) ? warn("不要重复添加相同的plugin") : (this.plugins.push(plugin), 
-            unloadedPlugins.push(plugin));
-        })), unloadedPlugins;
-    }
-    load(plugins) {
-        const unloadedPlugins = this.add(plugins);
-        unloadedPlugins && unloadedPlugins.length && this.activate(plugins);
-    }
-    activate(plugins) {
-        plugins.length && plugins.forEach((plugin => {
-            plugin.init && plugin.init();
-        }));
-    }
-    get(id) {
-        return this.plugins.find((p => p.id === id));
-    }
-    getAll() {
-        return this.plugins.slice();
-    }
-    dispose(pluginsId) {
-        const plugin = this.plugins.find((p => p.id === pluginsId));
-        plugin && plugin.dispose && plugin.dispose(this);
-    }
-    disposeAll() {
-        this.plugins.forEach((plugin => {
-            plugin.dispose && plugin.dispose(this);
-        }));
+        super(), this.component = component;
     }
 }
 //# sourceMappingURL=plugin-service.js.map

package/esm/plugin/components/plugin-service.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin/components/plugin-service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,OAAO,sBAAsB;IAKjC,YAAY,SAAqB;QAHxB,OAAE,GAAW,QAAQ,EAAE,CAAC;QAI/B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,OAA2B;QAC7B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACpC,OAAO,IAAI,CAAC;SACb;QACD,MAAM,eAAe,GAAuB,EAAE,CAAC;QAC/C,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;YAC3D,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,iBAAiB,CAAC,CAAC;gBACxB,OAAO;aACR;YACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC1B,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,OAA2B;QAC9B,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE;YAC/C,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,OAA2B;QAClC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO;SACR;QAED,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YACvB,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,GAAG,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO,CAAC,SAAiB;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;QAC1D,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,UAAU;QACR,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC5B,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACL,CAAC;CACF","file":"plugin-service.js","sourcesContent":["import type { IComponentPlugin, IComponentPluginService } from './interface';\nimport { createID } from '../../util/id';\nimport { warn } from '../../util/debug';\nimport type { IComponent } from '../../component/interface';\n\nexport class ComponentPluginService implements IComponentPluginService {\n  private plugins: IComponentPlugin[];\n  readonly id: number = createID();\n  component: IComponent;\n\n  constructor(component: IComponent) {\n    this.plugins = [];\n    this.component = component;\n  }\n\n  add(plugins: IComponentPlugin[]): IComponentPlugin[] | null {\n    if (!plugins || plugins.length === 0) {\n      return null;\n    }\n    const unloadedPlugins: IComponentPlugin[] = [];\n    plugins.forEach(plugin => {\n      const isExist = this.plugins.find(p => p.id === plugin.id);\n      if (isExist) {\n        warn('不要重复添加相同的plugin');\n        return;\n      }\n      this.plugins.push(plugin);\n      unloadedPlugins.push(plugin);\n    });\n\n    return unloadedPlugins;\n  }\n\n  load(plugins: IComponentPlugin[]): void {\n    const unloadedPlugins = this.add(plugins);\n    if (!unloadedPlugins || !unloadedPlugins.length) {\n      return;\n    }\n\n    this.activate(plugins);\n  }\n\n  activate(plugins: IComponentPlugin[]): void {\n    if (!plugins.length) {\n      return;\n    }\n\n    plugins.forEach(plugin => {\n      plugin.init && plugin.init();\n    });\n  }\n\n  get(id: number): IComponentPlugin | undefined {\n    return this.plugins.find(p => p.id === id);\n  }\n\n  getAll(): IComponentPlugin[] {\n    return this.plugins.slice();\n  }\n\n  dispose(pluginsId: number): void {\n    const plugin = this.plugins.find(p => p.id === pluginsId);\n    if (!plugin) {\n      return;\n    }\n    plugin.dispose && plugin.dispose(this);\n  }\n\n  disposeAll(): void {\n    this.plugins.forEach(plugin => {\n      plugin.dispose && plugin.dispose(this);\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/plugin/components/plugin-service.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAEhE,MAAM,OAAO,sBACX,SAAQ,iBAAoB;IAK5B,YAAY,SAAqB;QAC/B,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;CACF","file":"plugin-service.js","sourcesContent":["import type { IComponentPlugin, IComponentPluginService } from './interface';\nimport type { IComponent } from '../../component/interface';\nimport { BasePluginService } from '../base/base-plugin-service';\n\nexport class ComponentPluginService<T extends IComponentPlugin = IComponentPlugin>\n  extends BasePluginService<T>\n  implements IComponentPluginService<T>\n{\n  component: IComponent;\n\n  constructor(component: IComponent) {\n    super();\n    this.component = component;\n  }\n}\n"]}

package/esm/plugin/index.d.ts

@@ -0,0 +1 @@
+export * from './chart';

package/esm/plugin/index.js

@@ -0,0 +1,2 @@
+export * from "./chart";
+//# sourceMappingURL=index.js.map

package/esm/plugin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/plugin/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './chart';\n"]}

package/esm/region/index.d.ts

@@ -0,0 +1,3 @@
+export * from './interface';
+export * from './region';
+export * from './region-transformer';

package/esm/region/index.js

@@ -0,0 +1,6 @@
+export * from "./interface";
+
+export * from "./region";
+
+export * from "./region-transformer";
+//# sourceMappingURL=index.js.map

package/esm/region/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/region/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './region';\nexport * from './region-transformer';\n"]}

package/esm/region/interface.d.ts

@@ -1,5 +1,5 @@
 import type { IMark } from '../mark/interface';
-import type { ILayoutModel, IModelOption } from '../model/interface';
+import type { ILayoutModel, IModelConstructor, IModelOption, IModelSpecInfo } from '../model/interface';
 import type { ISeries, SeriesType } from '../series/interface';
 import type { CoordinateType } from '../typings/coordinate';
 import type { IInteraction } from '../interaction/interface';
@@ -29,6 +29,7 @@ export interface IRegion extends ILayoutModel {
     getMarks: () => IMark[];
     getGroupMark: () => IGroupMark;
     getInteractionMark: () => IGroupMark;
+    getSpecInfo: () => IRegionSpecInfo;
 }
 export type ISeriesFilter = {
     name?: string;
@@ -39,7 +40,7 @@ export type ISeriesFilter = {
     coordinateType?: CoordinateType;
     dataName?: string;
 };
-export interface IRegionConstructor {
+export interface IRegionConstructor extends IModelConstructor {
     new (spec: IRegionSpec, ctx: IModelOption): IRegion;
 }
 export interface IRegionSpec extends ILayoutItemSpec {
@@ -59,3 +60,10 @@ export interface IGeoRegionSpec extends IRegionSpec {
         max?: number;
     };
 }
+export interface IRegionSpecInfo<T extends IRegionSpec = IRegionSpec> extends IModelSpecInfo {
+    type: 'region';
+    spec: T;
+    seriesIndexes?: number[];
+    markLabel?: IModelSpecInfo;
+    geoCoordinate?: IModelSpecInfo;
+}

package/esm/region/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/region/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMark } from '../mark/interface';\nimport type { ILayoutModel, IModelOption } from '../model/interface';\nimport type { ISeries, SeriesType } from '../series/interface';\nimport type { CoordinateType } from '../typings/coordinate';\nimport type { IInteraction } from '../interaction/interface';\nimport type { IProjectionSpec } from '../component/geo/interface';\nimport type { ConvertToMarkStyleSpec, IRectMarkSpec } from '../typings/visual';\nimport type { IAnimate } from '../animation/interface';\nimport type { IGroupMark } from '../mark/group';\nimport type { StringOrNumber } from '../typings';\nimport type { ILayoutItemSpec } from '../layout/interface';\n\nexport interface IRegion extends ILayoutModel {\n  animate?: IAnimate;\n  interaction: IInteraction;\n\n  //stack\n  getStackInverse: () => boolean;\n\n  getMaxWidth: () => number | undefined;\n  setMaxWidth: (value: number) => void;\n  getMaxHeight: () => number | undefined;\n  setMaxHeight: (value: number) => void;\n\n  // 系列\n  addSeries: (series: ISeries) => void;\n  removeSeries: (series: ISeries) => void;\n\n  getSeries: (opt?: ISeriesFilter) => ISeries[];\n  getSeriesInName: (name: string) => ISeries;\n  getSeriesInUserId: (userId: string) => ISeries;\n  getSeriesInId: (id: number) => ISeries;\n  getSeriesInType: (type: SeriesType) => ISeries[];\n  getSeriesInCoordinateType: (type: CoordinateType) => ISeries[];\n  getSeriesInDataName: (dataName: string) => ISeries[];\n\n  getMarks: () => IMark[];\n  getGroupMark: () => IGroupMark;\n  getInteractionMark: () => IGroupMark;\n}\n\nexport type ISeriesFilter = {\n  name?: string;\n  userId?: StringOrNumber | StringOrNumber[];\n  specIndex?: number | number[];\n  id?: number;\n  type?: string;\n  coordinateType?: CoordinateType;\n  dataName?: string;\n};\n\nexport interface IRegionConstructor {\n  new (spec: IRegionSpec, ctx: IModelOption): IRegion;\n}\n\nexport interface IRegionSpec extends ILayoutItemSpec {\n  id?: StringOrNumber;\n  coordinate?: CoordinateType;\n  style?: ConvertToMarkStyleSpec<IRectMarkSpec>;\n  /**\n   * 堆积时是否逆序\n   * @default false\n   * @since 1.4.0\n   */\n  stackInverse?: boolean;\n}\n\nexport interface IGeoRegionSpec extends IRegionSpec {\n  coordinate?: 'geo';\n  /**\n   * 是否可以拖拽\n   * @default false\n   */\n  roam?: boolean;\n  /**\n   * 数据中的经度字段名\n   */\n  longitudeField?: string;\n  /**\n   * 数据中的纬度字段名\n   */\n  latitudeField?: string;\n  /**\n   * 地理映射配置\n   */\n  projection?: Partial<Omit<IProjectionSpec, 'name'>>;\n  /**\n   * 缩放最大最小倍数限制\n   */\n  zoomLimit?: {\n    min?: number;\n    max?: number;\n  };\n}\n"]}
+{"version":3,"sources":["../src/region/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IMark } from '../mark/interface';\nimport type { ILayoutModel, IModelConstructor, IModelOption, IModelSpecInfo } from '../model/interface';\nimport type { ISeries, SeriesType } from '../series/interface';\nimport type { CoordinateType } from '../typings/coordinate';\nimport type { IInteraction } from '../interaction/interface';\nimport type { IProjectionSpec } from '../component/geo/interface';\nimport type { ConvertToMarkStyleSpec, IRectMarkSpec } from '../typings/visual';\nimport type { IAnimate } from '../animation/interface';\nimport type { IGroupMark } from '../mark/group';\nimport type { StringOrNumber } from '../typings';\nimport type { ILayoutItemSpec } from '../layout/interface';\n\nexport interface IRegion extends ILayoutModel {\n  animate?: IAnimate;\n  interaction: IInteraction;\n\n  //stack\n  getStackInverse: () => boolean;\n\n  getMaxWidth: () => number | undefined;\n  setMaxWidth: (value: number) => void;\n  getMaxHeight: () => number | undefined;\n  setMaxHeight: (value: number) => void;\n\n  // 系列\n  addSeries: (series: ISeries) => void;\n  removeSeries: (series: ISeries) => void;\n\n  getSeries: (opt?: ISeriesFilter) => ISeries[];\n  getSeriesInName: (name: string) => ISeries;\n  getSeriesInUserId: (userId: string) => ISeries;\n  getSeriesInId: (id: number) => ISeries;\n  getSeriesInType: (type: SeriesType) => ISeries[];\n  getSeriesInCoordinateType: (type: CoordinateType) => ISeries[];\n  getSeriesInDataName: (dataName: string) => ISeries[];\n\n  getMarks: () => IMark[];\n  getGroupMark: () => IGroupMark;\n  getInteractionMark: () => IGroupMark;\n\n  getSpecInfo: () => IRegionSpecInfo;\n}\n\nexport type ISeriesFilter = {\n  name?: string;\n  userId?: StringOrNumber | StringOrNumber[];\n  specIndex?: number | number[];\n  id?: number;\n  type?: string;\n  coordinateType?: CoordinateType;\n  dataName?: string;\n};\n\nexport interface IRegionConstructor extends IModelConstructor {\n  new (spec: IRegionSpec, ctx: IModelOption): IRegion;\n}\n\nexport interface IRegionSpec extends ILayoutItemSpec {\n  id?: StringOrNumber;\n  coordinate?: CoordinateType;\n  style?: ConvertToMarkStyleSpec<IRectMarkSpec>;\n  /**\n   * 堆积时是否逆序\n   * @default false\n   * @since 1.4.0\n   */\n  stackInverse?: boolean;\n}\n\nexport interface IGeoRegionSpec extends IRegionSpec {\n  coordinate?: 'geo';\n  /**\n   * 是否可以拖拽\n   * @default false\n   */\n  roam?: boolean;\n  /**\n   * 数据中的经度字段名\n   */\n  longitudeField?: string;\n  /**\n   * 数据中的纬度字段名\n   */\n  latitudeField?: string;\n  /**\n   * 地理映射配置\n   */\n  projection?: Partial<Omit<IProjectionSpec, 'name'>>;\n  /**\n   * 缩放最大最小倍数限制\n   */\n  zoomLimit?: {\n    min?: number;\n    max?: number;\n  };\n}\n\nexport interface IRegionSpecInfo<T extends IRegionSpec = IRegionSpec> extends IModelSpecInfo {\n  /** model 具体类型 */\n  type: 'region';\n  /** model spec */\n  spec: T;\n  /** 该 region 包含的系列索引 */\n  seriesIndexes?: number[];\n  /** 该 region 挂载的标签组件 */\n  markLabel?: IModelSpecInfo;\n  /** 该 region 挂载的 geoCoordinate 组件 */\n  geoCoordinate?: IModelSpecInfo;\n}\n"]}

package/esm/region/region-transformer.d.ts

@@ -0,0 +1,8 @@
+import { BaseModelSpecTransformer } from '../model/base-model-transformer';
+import type { IRegionSpec } from './interface';
+export declare class RegionSpecTransformer<T extends IRegionSpec = IRegionSpec, K extends Partial<IRegionSpec> = Partial<IRegionSpec>> extends BaseModelSpecTransformer<T, K> {
+    protected _initTheme(spec: T, chartSpec: any): {
+        spec: T;
+        theme: K;
+    };
+}

package/esm/region/region-transformer.js

@@ -0,0 +1,11 @@
+import { BaseModelSpecTransformer } from "../model/base-model-transformer";
+
+export class RegionSpecTransformer extends BaseModelSpecTransformer {
+    _initTheme(spec, chartSpec) {
+        return {
+            spec: spec,
+            theme: this._theme
+        };
+    }
+}
+//# sourceMappingURL=region-transformer.js.map

package/esm/region/region-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/region/region-transformer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAG3E,MAAM,OAAO,qBAGX,SAAQ,wBAA8B;IAC5B,UAAU,CAAC,IAAO,EAAE,SAAc;QAE1C,OAAO;YACL,IAAI;YACJ,KAAK,EAAE,IAAI,CAAC,MAAM;SACnB,CAAC;IACJ,CAAC;CACF","file":"region-transformer.js","sourcesContent":["import { BaseModelSpecTransformer } from '../model/base-model-transformer';\nimport type { IRegionSpec } from './interface';\n\nexport class RegionSpecTransformer<\n  T extends IRegionSpec = IRegionSpec,\n  K extends Partial<IRegionSpec> = Partial<IRegionSpec>\n> extends BaseModelSpecTransformer<T, K> {\n  protected _initTheme(spec: T, chartSpec: any): { spec: T; theme: K } {\n    // do nothing, region don't need to parse theme\n    return {\n      spec,\n      theme: this._theme\n    };\n  }\n}\n"]}

package/esm/region/region.d.ts

@@ -2,15 +2,18 @@ import type { IGroupMark as IVGrammarGroupMark } from '@visactor/vgrammar-core';
 import type { ISeries } from '../series/interface';
 import type { IModelOption } from '../model/interface';
 import type { CoordinateType } from '../typings/coordinate';
-import type { IRegion, IRegionSpec } from './interface';
+import type { IRegion, IRegionSpec, IRegionSpecInfo } from './interface';
 import type { IGroupMark } from '../mark/group';
 import type { IInteraction, ITrigger } from '../interaction/interface';
 import type { IRectMark } from '../mark/rect';
 import type { IAnimate } from '../animation/interface';
 import type { ILayoutType, StringOrNumber } from '../typings';
 import { LayoutModel } from '../model/layout-model';
+import { RegionSpecTransformer } from './region-transformer';
 export declare class Region<T extends IRegionSpec = IRegionSpec> extends LayoutModel<T> implements IRegion {
     static type: string;
+    static readonly transformerConstructor: typeof RegionSpecTransformer;
+    readonly transformerConstructor: any;
     readonly modelType: string;
     type: string;
     protected _series: ISeries[];
@@ -18,6 +21,7 @@ export declare class Region<T extends IRegionSpec = IRegionSpec> extends LayoutM
     layoutZIndex: number;
     animate?: IAnimate;
     interaction: IInteraction;
+    getSpecInfo: () => IRegionSpecInfo;
     getMaxWidth(): number;
     setMaxWidth(value: number): void;
     getMaxHeight(): number;
@@ -32,21 +36,20 @@ export declare class Region<T extends IRegionSpec = IRegionSpec> extends LayoutM
     protected _trigger: ITrigger;
     constructor(spec: T, ctx: IModelOption);
     protected _getClipDefaultValue(): boolean;
-    _initTheme(): void;
     created(): void;
     private _createGroupMark;
     init(option: any): void;
     initMark(): void;
     protected _initBackgroundMarkStyle(): void;
     protected _initForegroundMarkStyle(): void;
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;
         reSize: boolean;
         reCompile: boolean;
     };
-    reInit(theme?: any): void;
+    reInit(spec?: T): void;
     addSeries(s: ISeries): void;
     removeSeries(s: ISeries): void;
     getSeries(opt?: {

package/esm/region/region.js

@@ -16,7 +16,7 @@ import { IFilterMode } from "../component/data-zoom/constant";
 
 import { LayoutModel } from "../model/layout-model";
 
-import { cloneDeepSpec } from "../util/spec/clone-deep";
+import { RegionSpecTransformer } from "./region-transformer";
 
 export class Region extends LayoutModel {
     getMaxWidth() {
@@ -42,9 +42,9 @@ export class Region extends LayoutModel {
     }
     constructor(spec, ctx) {
         var _a;
-        super(spec, ctx), this.modelType = "region", this.type = Region.type, this._series = [], 
-        this.layoutType = "region", this.layoutZIndex = LayoutZIndex.Region, this.interaction = new Interaction, 
-        this.seriesDataFilterOver = () => {
+        super(spec, ctx), this.transformerConstructor = RegionSpecTransformer, this.modelType = "region", 
+        this.type = Region.type, this._series = [], this.layoutType = "region", this.layoutZIndex = LayoutZIndex.Region, 
+        this.interaction = new Interaction, this.seriesDataFilterOver = () => {
             this.event.emit(ChartEvent.regionSeriesDataFilterOver, {
                 model: this
             }), this._series.forEach((s => {
@@ -71,9 +71,6 @@ export class Region extends LayoutModel {
         }));
         return !(!hasDataZoom && !hasScrollBar) || this._layout.layoutClip;
     }
-    _initTheme() {
-        this._spec = cloneDeepSpec(this._originalSpec);
-    }
     created() {
         var _a;
         this.initLayout(), super.created();
@@ -132,14 +129,13 @@ export class Region extends LayoutModel {
             fillOpacity: 0
         }), "normal", AttributeLevel.User_Mark);
     }
-    _compareSpec() {
-        var _a, _b;
-        const result = super._compareSpec();
-        return isEqual(null === (_a = this._originalSpec) || void 0 === _a ? void 0 : _a.style, null === (_b = this._spec) || void 0 === _b ? void 0 : _b.style) || (result.reMake = !0), 
+    _compareSpec(spec, prevSpec) {
+        const result = super._compareSpec(spec, prevSpec);
+        return isEqual(null == prevSpec ? void 0 : prevSpec.style, null == spec ? void 0 : spec.style) || (result.reMake = !0), 
         result;
     }
-    reInit(theme) {
-        super.reInit(theme), this._initBackgroundMarkStyle(), this._initForegroundMarkStyle();
+    reInit(spec) {
+        super.reInit(spec), this._initBackgroundMarkStyle(), this._initForegroundMarkStyle();
     }
     addSeries(s) {
         s && (this._series.includes(s) || this._series.push(s));
@@ -238,5 +234,5 @@ export class Region extends LayoutModel {
     }
 }
 
-Region.type = "region";
+Region.type = "region", Region.transformerConstructor = RegionSpecTransformer;
 //# sourceMappingURL=region.js.map