@visactor/vchart 1.7.5 → 1.8.0-beta.0

package/cjs/component/axis/util.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.getPolarAxisTheme = exports.getCartesianAxisTheme = exports.isValidPolarAxis = exports.isValidCartesianAxis = exports.getLinearAxisSpecDomain = exports.getAxisLabelOffset = exports.transformAxisLineStyle = exports.DEFAULT_TITLE_STYLE = void 0;
+}), exports.isDiscreteAxis = exports.getPolarAxisTheme = exports.getCartesianAxisTheme = exports.isValidPolarAxis = exports.isValidCartesianAxis = exports.getLinearAxisSpecDomain = exports.getAxisLabelOffset = exports.transformAxisLineStyle = exports.DEFAULT_TITLE_STYLE = void 0;
 
 const vutils_1 = require("@visactor/vutils"), merge_spec_1 = require("../../util/spec/merge-spec"), style_1 = require("../../util/style"), common_1 = require("./cartesian/util/common"), util_1 = require("../util");
 
@@ -52,24 +52,28 @@ exports.DEFAULT_TITLE_STYLE = {
 exports.getLinearAxisSpecDomain = getLinearAxisSpecDomain, exports.isValidCartesianAxis = isValidCartesianAxis, 
 exports.isValidPolarAxis = isValidPolarAxis;
 
-const getCartesianAxisTheme = (orient, type, option) => {
+const getCartesianAxisTheme = (orient, type, chartTheme) => {
     var _a;
-    const axisTypeTheme = null !== (_a = "band" === type ? (0, util_1.getComponentThemeFromOption)("axisBand", option) : [ "linear", "log", "symlog" ].includes(type) ? (0, 
-    util_1.getComponentThemeFromOption)("axisLinear", option) : {}) && void 0 !== _a ? _a : {}, axisTheme = (0, 
-    common_1.isXAxis)(orient) ? (0, util_1.getComponentThemeFromOption)("axisX", option) : (0, 
-    util_1.getComponentThemeFromOption)("axisY", option);
-    return (0, merge_spec_1.mergeSpec)({}, (0, util_1.getComponentThemeFromOption)("axis", option), axisTypeTheme, axisTheme);
+    const axisTypeTheme = null !== (_a = "band" === type ? (0, util_1.getComponentThemeFromOption)("axisBand", chartTheme) : [ "linear", "log", "symlog" ].includes(type) ? (0, 
+    util_1.getComponentThemeFromOption)("axisLinear", chartTheme) : {}) && void 0 !== _a ? _a : {}, axisTheme = (0, 
+    common_1.isXAxis)(orient) ? (0, util_1.getComponentThemeFromOption)("axisX", chartTheme) : (0, 
+    util_1.getComponentThemeFromOption)("axisY", chartTheme);
+    return (0, merge_spec_1.mergeSpec)({}, (0, util_1.getComponentThemeFromOption)("axis", chartTheme), axisTypeTheme, axisTheme);
 };
 
 exports.getCartesianAxisTheme = getCartesianAxisTheme;
 
-const getPolarAxisTheme = (orient, type, option) => {
+const getPolarAxisTheme = (orient, type, chartTheme) => {
     var _a;
-    const axisTypeTheme = null !== (_a = "band" === type ? (0, util_1.getComponentThemeFromOption)("axisBand", option) : "linear" === type ? (0, 
-    util_1.getComponentThemeFromOption)("axisLinear", option) : {}) && void 0 !== _a ? _a : {}, axisTheme = "angle" === orient ? (0, 
-    util_1.getComponentThemeFromOption)("axisAngle", option) : (0, util_1.getComponentThemeFromOption)("axisRadius", option);
-    return (0, merge_spec_1.mergeSpec)({}, (0, util_1.getComponentThemeFromOption)("axis", option), axisTypeTheme, axisTheme);
+    const axisTypeTheme = null !== (_a = "band" === type ? (0, util_1.getComponentThemeFromOption)("axisBand", chartTheme) : "linear" === type ? (0, 
+    util_1.getComponentThemeFromOption)("axisLinear", chartTheme) : {}) && void 0 !== _a ? _a : {}, axisTheme = "angle" === orient ? (0, 
+    util_1.getComponentThemeFromOption)("axisAngle", chartTheme) : (0, util_1.getComponentThemeFromOption)("axisRadius", chartTheme);
+    return (0, merge_spec_1.mergeSpec)({}, (0, util_1.getComponentThemeFromOption)("axis", chartTheme), axisTypeTheme, axisTheme);
 };
 
 exports.getPolarAxisTheme = getPolarAxisTheme;
+
+const isDiscreteAxis = axisType => "band" === axisType || "ordinal" === axisType || "point" === axisType;
+
+exports.isDiscreteAxis = isDiscreteAxis;
 //# sourceMappingURL=util.js.map

package/cjs/component/axis/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/axis/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { get } from '@visactor/vutils';\nimport { mergeSpec } from '../../util/spec/merge-spec';\nimport type { IOrientType, IPolarOrientType } from '../../typings';\nimport type { AxisType, ICommonAxisSpec, ILinearAxisSpec } from './interface';\nimport { transformComponentStyle } from '../../util/style';\nimport { isXAxis } from './cartesian/util/common';\nimport type { IModelOption } from '../../model/interface';\nimport { getComponentThemeFromOption } from '../util';\n\nexport const DEFAULT_TITLE_STYLE = {\n  left: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  right: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  radius: {},\n  angle: {}\n};\n\nexport function transformAxisLineStyle(lineCfg: any) {\n  lineCfg = transformComponentStyle(lineCfg);\n  lineCfg.startSymbol = transformComponentStyle(lineCfg.startSymbol);\n  lineCfg.endSymbol = transformComponentStyle(lineCfg.endSymbol);\n\n  return lineCfg;\n}\n\nexport function getAxisLabelOffset(axisSpec: ICommonAxisSpec) {\n  let labelOffset = 0;\n  if (get(axisSpec, 'tick.visible')) {\n    labelOffset += get(axisSpec, 'tick.tickSize');\n  }\n\n  if (get(axisSpec, 'label.visible')) {\n    labelOffset += get(axisSpec, 'label.space');\n  }\n\n  return labelOffset;\n}\n\nexport function getLinearAxisSpecDomain(\n  axisSpec: ILinearAxisSpec,\n  defaultDomain?: {\n    min?: number;\n    max?: number;\n  }\n) {\n  // 兼容策略\n  return {\n    min: axisSpec.min ?? axisSpec.range?.min ?? defaultDomain?.min,\n    max: axisSpec.max ?? axisSpec.range?.max ?? defaultDomain?.max\n  };\n}\n\nexport function isValidCartesianAxis(spec: any) {\n  const orient = spec?.orient;\n  return orient === 'top' || orient === 'bottom' || orient === 'left' || orient === 'right' || orient === 'z';\n}\n\nexport function isValidPolarAxis(spec: any) {\n  const orient = spec?.orient;\n  return orient === 'angle' || orient === 'radius';\n}\n\nexport const getCartesianAxisTheme = (orient: IOrientType, type: AxisType, option: Partial<IModelOption>) => {\n  const axisTypeTheme =\n    (type === 'band'\n      ? getComponentThemeFromOption('axisBand', option)\n      : (['linear', 'log', 'symlog'] as AxisType[]).includes(type)\n      ? getComponentThemeFromOption('axisLinear', option)\n      : {}) ?? {};\n  const axisTheme = isXAxis(orient)\n    ? getComponentThemeFromOption('axisX', option)\n    : getComponentThemeFromOption('axisY', option);\n  return mergeSpec({}, getComponentThemeFromOption('axis', option), axisTypeTheme, axisTheme);\n};\n\nexport const getPolarAxisTheme = (orient: IPolarOrientType, type: AxisType, option: Partial<IModelOption>) => {\n  const axisTypeTheme =\n    (type === 'band'\n      ? getComponentThemeFromOption('axisBand', option)\n      : type === 'linear'\n      ? getComponentThemeFromOption('axisLinear', option)\n      : {}) ?? {};\n  const axisTheme =\n    orient === 'angle'\n      ? getComponentThemeFromOption('axisAngle', option)\n      : getComponentThemeFromOption('axisRadius', option);\n  return mergeSpec({}, getComponentThemeFromOption('axis', option), axisTypeTheme, axisTheme);\n};\n"]}
+{"version":3,"sources":["../src/component/axis/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { get } from '@visactor/vutils';\nimport { mergeSpec } from '../../util/spec/merge-spec';\nimport type { IOrientType, IPolarOrientType } from '../../typings';\nimport type { AxisType, ICommonAxisSpec, ILinearAxisSpec } from './interface';\nimport { transformComponentStyle } from '../../util/style';\nimport { isXAxis } from './cartesian/util/common';\nimport { getComponentThemeFromOption } from '../util';\nimport type { ITheme } from '../../theme';\n\nexport const DEFAULT_TITLE_STYLE = {\n  left: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  right: {\n    textAlign: 'center',\n    textBaseline: 'bottom'\n  },\n  radius: {},\n  angle: {}\n};\n\nexport function transformAxisLineStyle(lineCfg: any) {\n  lineCfg = transformComponentStyle(lineCfg);\n  lineCfg.startSymbol = transformComponentStyle(lineCfg.startSymbol);\n  lineCfg.endSymbol = transformComponentStyle(lineCfg.endSymbol);\n\n  return lineCfg;\n}\n\nexport function getAxisLabelOffset(axisSpec: ICommonAxisSpec) {\n  let labelOffset = 0;\n  if (get(axisSpec, 'tick.visible')) {\n    labelOffset += get(axisSpec, 'tick.tickSize');\n  }\n\n  if (get(axisSpec, 'label.visible')) {\n    labelOffset += get(axisSpec, 'label.space');\n  }\n\n  return labelOffset;\n}\n\nexport function getLinearAxisSpecDomain(\n  axisSpec: ILinearAxisSpec,\n  defaultDomain?: {\n    min?: number;\n    max?: number;\n  }\n) {\n  // 兼容策略\n  return {\n    min: axisSpec.min ?? axisSpec.range?.min ?? defaultDomain?.min,\n    max: axisSpec.max ?? axisSpec.range?.max ?? defaultDomain?.max\n  };\n}\n\nexport function isValidCartesianAxis(spec: any) {\n  const orient = spec?.orient;\n  return orient === 'top' || orient === 'bottom' || orient === 'left' || orient === 'right' || orient === 'z';\n}\n\nexport function isValidPolarAxis(spec: any) {\n  const orient = spec?.orient;\n  return orient === 'angle' || orient === 'radius';\n}\n\nexport const getCartesianAxisTheme = (orient: IOrientType, type: AxisType, chartTheme: ITheme) => {\n  const axisTypeTheme =\n    (type === 'band'\n      ? getComponentThemeFromOption('axisBand', chartTheme)\n      : (['linear', 'log', 'symlog'] as AxisType[]).includes(type)\n      ? getComponentThemeFromOption('axisLinear', chartTheme)\n      : {}) ?? {};\n  const axisTheme = isXAxis(orient)\n    ? getComponentThemeFromOption('axisX', chartTheme)\n    : getComponentThemeFromOption('axisY', chartTheme);\n  return mergeSpec({}, getComponentThemeFromOption('axis', chartTheme), axisTypeTheme, axisTheme);\n};\n\nexport const getPolarAxisTheme = (orient: IPolarOrientType, type: AxisType, chartTheme: ITheme) => {\n  const axisTypeTheme =\n    (type === 'band'\n      ? getComponentThemeFromOption('axisBand', chartTheme)\n      : type === 'linear'\n      ? getComponentThemeFromOption('axisLinear', chartTheme)\n      : {}) ?? {};\n  const axisTheme =\n    orient === 'angle'\n      ? getComponentThemeFromOption('axisAngle', chartTheme)\n      : getComponentThemeFromOption('axisRadius', chartTheme);\n  return mergeSpec({}, getComponentThemeFromOption('axis', chartTheme), axisTypeTheme, axisTheme);\n};\n\nexport const isDiscreteAxis = (axisType: AxisType) =>\n  axisType === 'band' || axisType === 'ordinal' || axisType === 'point';\n"]}

package/cjs/component/base/base-component-transformer.d.ts

@@ -0,0 +1,10 @@
+import { BaseModelSpecTransformer } from '../../model';
+import type { IComponentSpec } from './interface';
+export declare class BaseComponentSpecTransformer<T extends IComponentSpec = IComponentSpec, K = any> extends BaseModelSpecTransformer<T, K> {
+    getTheme(spec: T, chartSpec: any): K;
+    protected _mergeThemeToSpec(spec: T, chartSpec: any): {
+        spec: T;
+        theme: K;
+    };
+    protected _adjustPadding(spec: T): void;
+}

package/cjs/component/base/base-component-transformer.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseComponentSpecTransformer = void 0;
+
+const model_1 = require("../../model"), util_1 = require("../../util"), util_2 = require("./util");
+
+class BaseComponentSpecTransformer extends model_1.BaseModelSpecTransformer {
+    getTheme(spec, chartSpec) {
+        return (0, util_2.getComponentThemeFromGlobalTheme)(this.type, this._option.getTheme(), spec, chartSpec);
+    }
+    _mergeThemeToSpec(spec, chartSpec) {
+        const {spec: newSpec, theme: theme} = super._mergeThemeToSpec(spec, chartSpec);
+        return this._adjustPadding(newSpec), {
+            spec: newSpec,
+            theme: theme
+        };
+    }
+    _adjustPadding(spec) {
+        const {padding: padding, noOuterPadding: noOuterPadding = !0, orient: orient} = spec;
+        noOuterPadding && padding && orient && (spec.padding = Object.assign(Object.assign({}, (0, 
+        util_1.normalizeLayoutPaddingSpec)(padding)), {
+            [orient]: 0
+        }));
+    }
+}
+
+exports.BaseComponentSpecTransformer = BaseComponentSpecTransformer;
+//# sourceMappingURL=base-component-transformer.js.map

package/cjs/component/base/base-component-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/base/base-component-transformer.ts"],"names":[],"mappings":";;;AAAA,uCAAuD;AACvD,qCAAwD;AAGxD,iCAA0D;AAE1D,MAAa,4BAGX,SAAQ,gCAA8B;IACtC,QAAQ,CAAC,IAAO,EAAE,SAAc;QAC9B,OAAO,IAAA,uCAAgC,EAAC,IAAI,CAAC,IAAyB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IACpH,CAAC;IAES,iBAAiB,CAAC,IAAO,EAAE,SAAc;QACjD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC1E,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAClC,CAAC;IAES,cAAc,CAAC,IAAO;QAE9B,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACxD,IAAI,cAAc,IAAI,OAAO,IAAI,MAAM,EAAE;YACvC,IAAI,CAAC,OAAO,mCACP,IAAA,iCAA0B,EAAC,OAAO,CAAC,KACtC,CAAC,MAAM,CAAC,EAAE,CAAC,GACZ,CAAC;SACH;IACH,CAAC;CACF;AAxBD,oEAwBC","file":"base-component-transformer.js","sourcesContent":["import { BaseModelSpecTransformer } from '../../model';\nimport { normalizeLayoutPaddingSpec } from '../../util';\nimport type { ComponentTypeEnum } from '../interface';\nimport type { IComponentSpec } from './interface';\nimport { getComponentThemeFromGlobalTheme } from './util';\n\nexport class BaseComponentSpecTransformer<\n  T extends IComponentSpec = IComponentSpec,\n  K = any\n> extends BaseModelSpecTransformer<T, K> {\n  getTheme(spec: T, chartSpec: any): K {\n    return getComponentThemeFromGlobalTheme(this.type as ComponentTypeEnum, this._option.getTheme(), spec, chartSpec);\n  }\n\n  protected _mergeThemeToSpec(spec: T, chartSpec: any): { spec: T; theme: K } {\n    const { spec: newSpec, theme } = super._mergeThemeToSpec(spec, chartSpec);\n    this._adjustPadding(newSpec);\n    return { spec: newSpec, theme };\n  }\n\n  protected _adjustPadding(spec: T) {\n    // 默认忽略外侧 padding\n    const { padding, noOuterPadding = true, orient } = spec;\n    if (noOuterPadding && padding && orient) {\n      spec.padding = {\n        ...normalizeLayoutPaddingSpec(padding),\n        [orient]: 0\n      };\n    }\n  }\n}\n"]}

package/cjs/component/base/base-component.d.ts

@@ -9,10 +9,15 @@ import type { IAnimate } from '../../animation/interface';
 import type { Datum, ILayoutRect } from '../../typings';
 import type { IComponentSpec } from './interface';
 import { LayoutModel } from '../../model/layout-model';
-export declare abstract class BaseComponent<T extends IComponentSpec = IComponentSpec> extends LayoutModel<T> implements IComponent {
+import { BaseComponentSpecTransformer } from './base-component-transformer';
+import type { IModelRenderOption, IModelSpecInfo } from '../../model/interface';
+export declare class BaseComponent<T extends IComponentSpec = IComponentSpec> extends LayoutModel<T> implements IComponent {
+    static transformerConstructor: typeof BaseComponentSpecTransformer;
     name: string;
     readonly modelType: string;
+    readonly transformerConstructor: any;
     pluginService?: IComponentPluginService;
+    static createComponent(specInfo: IModelSpecInfo, options: IComponentOption): IComponent;
     protected _option: IComponentOption;
     protected _regions: IRegion[];
     getRegions(): IRegion[];
@@ -21,18 +26,17 @@ export declare abstract class BaseComponent<T extends IComponentSpec = IComponen
     animate?: IAnimate;
     constructor(spec: T, options: IComponentOption);
     initLayout(): void;
-    abstract changeRegions(regions: IRegion[]): void;
-    protected abstract _getNeedClearVRenderComponents(): IGraphic[];
+    changeRegions(regions: IRegion[]): void;
+    protected _getNeedClearVRenderComponents(): IGraphic[];
+    onRender(ctx: IModelRenderOption): void;
     getVRenderComponents(): IGraphic<Partial<import("@visactor/vrender-core").IGraphicAttribute>>[];
     protected callPlugin(cb: (plugin: IComponentPlugin) => void): void;
     protected eventPos(markEventParams: BaseEventParams): {
         x: number;
         y: number;
     };
-    protected _getTheme(): any;
-    protected _mergeThemeToSpec(): void;
     protected getContainer(): IGroup;
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;

package/cjs/component/base/base-component.js

@@ -1,12 +1,26 @@
 "use strict";
 
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.BaseComponent = void 0;
 
-const plugin_service_1 = require("../../plugin/components/plugin-service"), vutils_1 = require("@visactor/vutils"), util_1 = require("./util"), constant_1 = require("../../constant"), animate_manager_1 = require("../../animation/animate-manager"), space_1 = require("../../util/space"), layout_model_1 = require("../../model/layout-model");
+const plugin_service_1 = require("../../plugin/components/plugin-service"), vutils_1 = require("@visactor/vutils"), constant_1 = require("../../constant"), animate_manager_1 = require("../../animation/animate-manager"), layout_model_1 = require("../../model/layout-model"), base_component_transformer_1 = require("./base-component-transformer");
 
 class BaseComponent extends layout_model_1.LayoutModel {
+    static createComponent(specInfo, options) {
+        const {spec: spec} = specInfo, others = __rest(specInfo, [ "spec" ]);
+        return new this(spec, Object.assign(Object.assign({}, options), others));
+    }
     getRegions() {
         return this._regions;
     }
@@ -14,7 +28,8 @@ class BaseComponent extends layout_model_1.LayoutModel {
         this.initLayout(), super.created(), this.pluginService = new plugin_service_1.ComponentPluginService(this);
     }
     constructor(spec, options) {
-        super(spec, options), this.name = "component", this.modelType = "component", this._delegateEvent = (component, event, type, item = null, datum = null) => {
+        super(spec, options), this.name = "component", this.modelType = "component", this.transformerConstructor = base_component_transformer_1.BaseComponentSpecTransformer, 
+        this._delegateEvent = (component, event, type, item = null, datum = null) => {
             var _a, _b;
             this.event.emit(type, {
                 model: this,
@@ -32,7 +47,16 @@ class BaseComponent extends layout_model_1.LayoutModel {
     initLayout() {
         var _a;
         super.initLayout(), this._regions = null !== (_a = this._regions) && void 0 !== _a ? _a : this._option.getRegionsInIndex(), 
-        this._layout && (this._layout.layoutBindRegionID = this._regions.map((x => x.id)));
+        this._layout && (this._layout.layoutBindRegionID = this._regions.map((x => null == x ? void 0 : x.id)));
+    }
+    changeRegions(regions) {
+        throw new Error("Method not implemented.");
+    }
+    _getNeedClearVRenderComponents() {
+        throw new Error("Method not implemented.");
+    }
+    onRender(ctx) {
+        throw new Error("Method not implemented.");
     }
     getVRenderComponents() {
         return this._getNeedClearVRenderComponents();
@@ -46,29 +70,15 @@ class BaseComponent extends layout_model_1.LayoutModel {
             y: markEventParams.event.viewY - this.getLayoutStartPoint().y
         };
     }
-    _getTheme() {
-        return (0, util_1.getComponentThemeFromGlobalTheme)(this._option.type, this._option, this._originalSpec);
-    }
-    _mergeThemeToSpec() {
-        super._mergeThemeToSpec();
-        const {padding: padding, noOuterPadding: noOuterPadding = !0, orient: orient} = this.getSpec();
-        noOuterPadding && padding && orient && (this._spec.padding = Object.assign(Object.assign({}, (0, 
-        space_1.normalizeLayoutPaddingSpec)(padding)), {
-            [orient]: 0
-        }));
-    }
     getContainer() {
         var _a;
         return this._container || (this._container = null === (_a = this._option) || void 0 === _a ? void 0 : _a.globalInstance.getStage().find((node => "root" === node.name), !0)), 
         this._container;
     }
-    _compareSpec() {
-        var _a;
-        const result = super._compareSpec();
-        return result.reMake || (result.reMake = [ "seriesId", "seriesIndex", "regionId", "regionIndex" ].some((k => {
-            var _a;
-            return (0, vutils_1.isEqual)(null === (_a = this._originalSpec) || void 0 === _a ? void 0 : _a[k], this.getSpec()[k]);
-        }))), (null === (_a = this._originalSpec) || void 0 === _a ? void 0 : _a.visible) !== this.getSpec().visible && (result.reCompile = !0), 
+    _compareSpec(spec, prevSpec) {
+        const result = super._compareSpec(spec, prevSpec);
+        return result.reMake || (result.reMake = [ "seriesId", "seriesIndex", "regionId", "regionIndex" ].some((k => (0, 
+        vutils_1.isEqual)(null == prevSpec ? void 0 : prevSpec[k], spec[k])))), (null == prevSpec ? void 0 : prevSpec.visible) !== spec.visible && (result.reCompile = !0), 
         result;
     }
     release() {
@@ -109,5 +119,5 @@ class BaseComponent extends layout_model_1.LayoutModel {
     }
 }
 
-exports.BaseComponent = BaseComponent;
+exports.BaseComponent = BaseComponent, BaseComponent.transformerConstructor = base_component_transformer_1.BaseComponentSpecTransformer;
 //# sourceMappingURL=base-component.js.map

package/cjs/component/base/base-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/base/base-component.ts"],"names":[],"mappings":"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","file":"base-component.js","sourcesContent":["import type { IGraphic, IGroup, INode } from '@visactor/vrender-core';\nimport type { IRegion } from '../../region/interface';\nimport type { ComponentTypeEnum, IComponent, IComponentOption } from '../interface';\nimport type { BaseEventParams } from '../../event/interface';\nimport { ComponentPluginService } from '../../plugin/components/plugin-service';\nimport type { IComponentPluginService, IComponentPlugin } from '../../plugin/components/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEqual } from '@visactor/vutils';\nimport { getComponentThemeFromGlobalTheme } from './util';\nimport type { IGroupMark } from '@visactor/vgrammar-core';\nimport { Event_Source_Type } from '../../constant';\nimport type { IAnimate } from '../../animation/interface';\nimport { AnimateManager } from '../../animation/animate-manager';\n// import { preprocessSpecOrTheme } from '../../util/spec/preprocess';\nimport type { Datum, ILayoutRect } from '../../typings';\nimport { normalizeLayoutPaddingSpec } from '../../util/space';\nimport type { IComponentSpec } from './interface';\nimport { LayoutModel } from '../../model/layout-model';\n\nexport abstract class BaseComponent<T extends IComponentSpec = IComponentSpec>\n  extends LayoutModel<T>\n  implements IComponent\n{\n  name: string = 'component';\n  readonly modelType: string = 'component';\n  pluginService?: IComponentPluginService;\n  protected declare _option: IComponentOption;\n\n  protected _regions: IRegion[];\n  getRegions() {\n    return this._regions;\n  }\n\n  protected _container: IGroup;\n\n  created() {\n    this.initLayout();\n    super.created();\n    this.pluginService = new ComponentPluginService(this);\n  }\n\n  animate?: IAnimate;\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    // 创建组件自己的动画管理器\n    if (this._option.animation) {\n      this.animate = new AnimateManager({\n        getCompiler: options.getCompiler\n      });\n    }\n  }\n\n  initLayout(): void {\n    super.initLayout();\n    this._regions = this._regions ?? this._option.getRegionsInIndex();\n    this._layout && (this._layout.layoutBindRegionID = this._regions.map(x => x.id));\n  }\n\n  abstract changeRegions(regions: IRegion[]): void;\n  protected abstract _getNeedClearVRenderComponents(): IGraphic[];\n\n  getVRenderComponents() {\n    return this._getNeedClearVRenderComponents();\n  }\n\n  protected callPlugin(cb: (plugin: IComponentPlugin) => void) {\n    if (this.pluginService) {\n      this.pluginService.getAll().forEach(plugin => cb(plugin));\n    }\n  }\n\n  protected eventPos(markEventParams: BaseEventParams) {\n    return {\n      x: (markEventParams.event as any).viewX - this.getLayoutStartPoint().x,\n      y: (markEventParams.event as any).viewY - this.getLayoutStartPoint().y\n    };\n  }\n\n  protected _getTheme() {\n    return getComponentThemeFromGlobalTheme(this._option.type as ComponentTypeEnum, this._option, this._originalSpec);\n  }\n\n  protected _mergeThemeToSpec() {\n    super._mergeThemeToSpec();\n\n    // 默认忽略外侧 padding\n    const { padding, noOuterPadding = true, orient } = this.getSpec();\n    if (noOuterPadding && padding && orient) {\n      this._spec.padding = {\n        ...normalizeLayoutPaddingSpec(padding),\n        [orient]: 0\n      };\n    }\n  }\n\n  protected getContainer() {\n    if (!this._container) {\n      this._container = this._option?.globalInstance.getStage().find(node => node.name === 'root', true);\n    }\n\n    return this._container;\n  }\n\n  /**\n   * updateSpec\n   */\n  _compareSpec() {\n    const result = super._compareSpec();\n    if (!result.reMake) {\n      result.reMake = ['seriesId', 'seriesIndex', 'regionId', 'regionIndex'].some(k => {\n        return isEqual(this._originalSpec?.[k], this.getSpec()[k]);\n      });\n    }\n    if (this._originalSpec?.visible !== (<any>this.getSpec()).visible) {\n      result.reCompile = true;\n    }\n    return result;\n  }\n\n  release() {\n    super.release();\n    this.clear();\n  }\n\n  clear() {\n    const components = this._getNeedClearVRenderComponents();\n    if (components && components.length) {\n      components.forEach(c => {\n        if (c) {\n          this.getContainer()?.removeChild(c as unknown as INode);\n          c = null;\n        }\n      });\n    }\n    this._container = null;\n    this.pluginService?.disposeAll();\n    this.pluginService = null;\n  }\n\n  compile(): void {\n    this.compileMarks();\n  }\n\n  compileMarks(group?: string | IGroupMark) {\n    this.getMarks().forEach(m => {\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n\n  // 代理组件事件\n  protected _delegateEvent = (component: IGraphic, event: any, type: string, item: any = null, datum: Datum = null) => {\n    this.event.emit(\n      type,\n      {\n        model: this,\n        node: component,\n        event,\n        item: item,\n        datum: datum,\n        source: Event_Source_Type.chart,\n        chart: this._option?.globalInstance?.getChart()\n      },\n      'model'\n    );\n  };\n\n  getBoundsInRect(rect: ILayoutRect, fullRect: ILayoutRect): IBoundsLike {\n    return { x1: 0, x2: 0, y1: 0, y2: 0 };\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/base/base-component.ts"],"names":[],"mappings":"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","file":"base-component.js","sourcesContent":["import type { IGraphic, IGroup, INode } from '@visactor/vrender-core';\nimport type { IRegion } from '../../region/interface';\nimport type { IComponent, IComponentOption } from '../interface';\nimport type { BaseEventParams } from '../../event/interface';\nimport { ComponentPluginService } from '../../plugin/components/plugin-service';\nimport type { IComponentPluginService, IComponentPlugin } from '../../plugin/components/interface';\nimport type { IBoundsLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isEqual } from '@visactor/vutils';\nimport type { IGroupMark } from '@visactor/vgrammar-core';\nimport { Event_Source_Type } from '../../constant';\nimport type { IAnimate } from '../../animation/interface';\nimport { AnimateManager } from '../../animation/animate-manager';\n// import { preprocessSpecOrTheme } from '../../util/spec/preprocess';\nimport type { Datum, ILayoutRect } from '../../typings';\nimport type { IComponentSpec } from './interface';\nimport { LayoutModel } from '../../model/layout-model';\nimport { BaseComponentSpecTransformer } from './base-component-transformer';\nimport type { IModelRenderOption, IModelSpecInfo } from '../../model/interface';\n\nexport class BaseComponent<T extends IComponentSpec = IComponentSpec> extends LayoutModel<T> implements IComponent {\n  static transformerConstructor = BaseComponentSpecTransformer;\n  name: string = 'component';\n  readonly modelType: string = 'component';\n  readonly transformerConstructor = BaseComponentSpecTransformer as any;\n  pluginService?: IComponentPluginService;\n\n  static createComponent(specInfo: IModelSpecInfo, options: IComponentOption): IComponent {\n    const { spec, ...others } = specInfo;\n    return new this(spec, {\n      ...options,\n      ...others\n    });\n  }\n\n  protected declare _option: IComponentOption;\n\n  protected _regions: IRegion[];\n  getRegions() {\n    return this._regions;\n  }\n\n  protected _container: IGroup;\n\n  created() {\n    this.initLayout();\n    super.created();\n    this.pluginService = new ComponentPluginService(this);\n  }\n\n  animate?: IAnimate;\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    // 创建组件自己的动画管理器\n    if (this._option.animation) {\n      this.animate = new AnimateManager({\n        getCompiler: options.getCompiler\n      });\n    }\n  }\n\n  initLayout(): void {\n    super.initLayout();\n    this._regions = this._regions ?? this._option.getRegionsInIndex();\n    this._layout && (this._layout.layoutBindRegionID = this._regions.map(x => x?.id));\n  }\n\n  changeRegions(regions: IRegion[]): void {\n    throw new Error('Method not implemented.');\n  }\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    throw new Error('Method not implemented.');\n  }\n  onRender(ctx: IModelRenderOption): void {\n    throw new Error('Method not implemented.');\n  }\n\n  getVRenderComponents() {\n    return this._getNeedClearVRenderComponents();\n  }\n\n  protected callPlugin(cb: (plugin: IComponentPlugin) => void) {\n    if (this.pluginService) {\n      this.pluginService.getAll().forEach(plugin => cb(plugin));\n    }\n  }\n\n  protected eventPos(markEventParams: BaseEventParams) {\n    return {\n      x: (markEventParams.event as any).viewX - this.getLayoutStartPoint().x,\n      y: (markEventParams.event as any).viewY - this.getLayoutStartPoint().y\n    };\n  }\n\n  protected getContainer() {\n    if (!this._container) {\n      this._container = this._option?.globalInstance.getStage().find(node => node.name === 'root', true);\n    }\n\n    return this._container;\n  }\n\n  /**\n   * updateSpec\n   */\n  _compareSpec(spec: T, prevSpec: T) {\n    const result = super._compareSpec(spec, prevSpec);\n    if (!result.reMake) {\n      result.reMake = ['seriesId', 'seriesIndex', 'regionId', 'regionIndex'].some(k => {\n        return isEqual(prevSpec?.[k], spec[k]);\n      });\n    }\n    if ((prevSpec as any)?.visible !== (spec as any).visible) {\n      result.reCompile = true;\n    }\n    return result;\n  }\n\n  release() {\n    super.release();\n    this.clear();\n  }\n\n  clear() {\n    const components = this._getNeedClearVRenderComponents();\n    if (components && components.length) {\n      components.forEach(c => {\n        if (c) {\n          this.getContainer()?.removeChild(c as unknown as INode);\n          c = null;\n        }\n      });\n    }\n    this._container = null;\n    this.pluginService?.disposeAll();\n    this.pluginService = null;\n  }\n\n  compile(): void {\n    this.compileMarks();\n  }\n\n  compileMarks(group?: string | IGroupMark) {\n    this.getMarks().forEach(m => {\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n\n  // 代理组件事件\n  protected _delegateEvent = (component: IGraphic, event: any, type: string, item: any = null, datum: Datum = null) => {\n    this.event.emit(\n      type,\n      {\n        model: this,\n        node: component,\n        event,\n        item: item,\n        datum: datum,\n        source: Event_Source_Type.chart,\n        chart: this._option?.globalInstance?.getChart()\n      },\n      'model'\n    );\n  };\n\n  getBoundsInRect(rect: ILayoutRect, fullRect: ILayoutRect): IBoundsLike {\n    return { x1: 0, x2: 0, y1: 0, y2: 0 };\n  }\n}\n"]}

package/cjs/component/base/index.d.ts

@@ -1 +1,2 @@
 export * from './base-component';
+export * from './base-component-transformer';

package/cjs/component/base/index.js

@@ -17,5 +17,5 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./base-component"), exports);
+}), __exportStar(require("./base-component"), exports), __exportStar(require("./base-component-transformer"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/component/base/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC","file":"index.js","sourcesContent":["export * from './base-component';\n"]}
+{"version":3,"sources":["../src/component/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,+DAA6C","file":"index.js","sourcesContent":["export * from './base-component';\nexport * from './base-component-transformer';\n"]}

package/cjs/component/base/util.d.ts

@@ -1,3 +1,3 @@
-import type { IModelOption } from '../../model/interface';
+import type { ITheme } from '../../theme';
 import { ComponentTypeEnum } from '../interface/type';
-export declare function getComponentThemeFromGlobalTheme(type: ComponentTypeEnum, option: Partial<IModelOption>, componentSpec: any): any;
+export declare function getComponentThemeFromGlobalTheme(type: ComponentTypeEnum, chartTheme: ITheme, componentSpec: any, chartSpec: any): any;

package/cjs/component/base/util.js

@@ -6,51 +6,49 @@ Object.defineProperty(exports, "__esModule", {
 
 const common_1 = require("../axis/cartesian/util/common"), util_1 = require("../axis/util"), util_2 = require("../crosshair/util"), util_3 = require("../data-zoom/util"), type_1 = require("../interface/type"), util_4 = require("../legend/util"), util_5 = require("../util");
 
-function getComponentThemeFromGlobalTheme(type, option, componentSpec) {
-    var _a;
-    const chart = null === (_a = option.getChart) || void 0 === _a ? void 0 : _a.call(option);
+function getComponentThemeFromGlobalTheme(type, chartTheme, componentSpec, chartSpec) {
     switch (type) {
       case type_1.ComponentTypeEnum.cartesianBandAxis:
-        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "band", option);
+        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "band", chartTheme);
 
       case type_1.ComponentTypeEnum.cartesianLinearAxis:
-        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "linear", option);
+        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "linear", chartTheme);
 
       case type_1.ComponentTypeEnum.cartesianLogAxis:
-        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "log", option);
+        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "log", chartTheme);
 
       case type_1.ComponentTypeEnum.cartesianSymlogAxis:
-        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "symlog", option);
+        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), "symlog", chartTheme);
 
       case type_1.ComponentTypeEnum.cartesianAxis:
       case type_1.ComponentTypeEnum.cartesianTimeAxis:
-        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), void 0, option);
+        return (0, util_1.getCartesianAxisTheme)((0, common_1.getOrient)(componentSpec), void 0, chartTheme);
 
       case type_1.ComponentTypeEnum.polarBandAxis:
-        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, "band", option);
+        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, "band", chartTheme);
 
       case type_1.ComponentTypeEnum.polarLinearAxis:
-        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, "linear", option);
+        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, "linear", chartTheme);
 
       case type_1.ComponentTypeEnum.polarAxis:
-        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, void 0, option);
+        return (0, util_1.getPolarAxisTheme)(componentSpec.orient, void 0, chartTheme);
 
       case type_1.ComponentTypeEnum.cartesianCrosshair:
-        return (0, util_2.getCartesianCrosshairTheme)(option, chart);
+        return (0, util_2.getCartesianCrosshairTheme)(chartTheme, chartSpec);
 
       case type_1.ComponentTypeEnum.polarCrosshair:
-        return (0, util_2.getPolarCrosshairTheme)(option, chart);
+        return (0, util_2.getPolarCrosshairTheme)(chartTheme, chartSpec);
 
       case type_1.ComponentTypeEnum.colorLegend:
       case type_1.ComponentTypeEnum.sizeLegend:
-        return (0, util_5.getComponentThemeFromOption)(`${type}.${(0, util_4.getLayout)(componentSpec)}`, option);
+        return (0, util_5.getComponentThemeFromOption)(`${type}.${(0, util_4.getLayout)(componentSpec)}`, chartTheme);
 
       case type_1.ComponentTypeEnum.dataZoom:
       case type_1.ComponentTypeEnum.scrollBar:
-        return (0, util_3.getDataFilterTheme)((0, common_1.getOrient)(componentSpec), type, option);
+        return (0, util_3.getDataFilterTheme)((0, common_1.getOrient)(componentSpec), type, chartTheme);
 
       default:
-        return (0, util_5.getComponentThemeFromOption)(type, option);
+        return (0, util_5.getComponentThemeFromOption)(type, chartTheme);
     }
 }
 

package/cjs/component/base/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/base/util.ts"],"names":[],"mappings":";;;AACA,0DAA0D;AAC1D,uCAAwE;AACxE,4CAAuF;AACvF,4CAAuD;AACvD,4CAAsD;AACtD,yCAA2C;AAC3C,kCAAsD;AAEtD,SAAgB,gCAAgC,CAC9C,IAAuB,EACvB,MAA6B,EAC7B,aAAkB;;IAElB,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,QAAQ,sDAAI,CAAC;IAClC,QAAQ,IAAI,EAAE;QACZ,KAAK,wBAAiB,CAAC,iBAAiB;YACtC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACzE,KAAK,wBAAiB,CAAC,mBAAmB;YACxC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC3E,KAAK,wBAAiB,CAAC,gBAAgB;YACrC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACxE,KAAK,wBAAiB,CAAC,mBAAmB;YACxC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC3E,KAAK,wBAAiB,CAAC,aAAa,CAAC;QACrC,KAAK,wBAAiB,CAAC,iBAAiB;YACtC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;QAC5E,KAAK,wBAAiB,CAAC,aAAa;YAClC,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QACjE,KAAK,wBAAiB,CAAC,eAAe;YACpC,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QACnE,KAAK,wBAAiB,CAAC,SAAS;YAC9B,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;QACpE,KAAK,wBAAiB,CAAC,kBAAkB;YACvC,OAAO,IAAA,iCAA0B,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACnD,KAAK,wBAAiB,CAAC,cAAc;YACnC,OAAO,IAAA,6BAAsB,EAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC/C,KAAK,wBAAiB,CAAC,WAAW,CAAC;QACnC,KAAK,wBAAiB,CAAC,UAAU;YAC/B,OAAO,IAAA,kCAA2B,EAAC,GAAG,IAAI,IAAI,IAAA,gBAAS,EAAC,aAAa,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QACpF,KAAK,wBAAiB,CAAC,QAAQ,CAAC;QAChC,KAAK,wBAAiB,CAAC,SAAS;YAC9B,OAAO,IAAA,yBAAkB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;QACpE;YACE,OAAO,IAAA,kCAA2B,EAAC,IAAI,EAAE,MAAM,CAAC,CAAC;KACpD;AACH,CAAC;AArCD,4EAqCC","file":"util.js","sourcesContent":["import type { IModelOption } from '../../model/interface';\nimport { getOrient } from '../axis/cartesian/util/common';\nimport { getCartesianAxisTheme, getPolarAxisTheme } from '../axis/util';\nimport { getCartesianCrosshairTheme, getPolarCrosshairTheme } from '../crosshair/util';\nimport { getDataFilterTheme } from '../data-zoom/util';\nimport { ComponentTypeEnum } from '../interface/type';\nimport { getLayout } from '../legend/util';\nimport { getComponentThemeFromOption } from '../util';\n\nexport function getComponentThemeFromGlobalTheme(\n  type: ComponentTypeEnum,\n  option: Partial<IModelOption>,\n  componentSpec: any\n) {\n  const chart = option.getChart?.();\n  switch (type) {\n    case ComponentTypeEnum.cartesianBandAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'band', option);\n    case ComponentTypeEnum.cartesianLinearAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'linear', option);\n    case ComponentTypeEnum.cartesianLogAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'log', option);\n    case ComponentTypeEnum.cartesianSymlogAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'symlog', option);\n    case ComponentTypeEnum.cartesianAxis:\n    case ComponentTypeEnum.cartesianTimeAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), undefined, option);\n    case ComponentTypeEnum.polarBandAxis:\n      return getPolarAxisTheme(componentSpec.orient, 'band', option);\n    case ComponentTypeEnum.polarLinearAxis:\n      return getPolarAxisTheme(componentSpec.orient, 'linear', option);\n    case ComponentTypeEnum.polarAxis:\n      return getPolarAxisTheme(componentSpec.orient, undefined, option);\n    case ComponentTypeEnum.cartesianCrosshair:\n      return getCartesianCrosshairTheme(option, chart);\n    case ComponentTypeEnum.polarCrosshair:\n      return getPolarCrosshairTheme(option, chart);\n    case ComponentTypeEnum.colorLegend:\n    case ComponentTypeEnum.sizeLegend:\n      return getComponentThemeFromOption(`${type}.${getLayout(componentSpec)}`, option);\n    case ComponentTypeEnum.dataZoom:\n    case ComponentTypeEnum.scrollBar:\n      return getDataFilterTheme(getOrient(componentSpec), type, option);\n    default:\n      return getComponentThemeFromOption(type, option);\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/base/util.ts"],"names":[],"mappings":";;;AACA,0DAA0D;AAC1D,uCAAwE;AACxE,4CAAuF;AACvF,4CAAuD;AACvD,4CAAsD;AACtD,yCAA2C;AAC3C,kCAAsD;AAEtD,SAAgB,gCAAgC,CAC9C,IAAuB,EACvB,UAAkB,EAClB,aAAkB,EAClB,SAAc;IAEd,QAAQ,IAAI,EAAE;QACZ,KAAK,wBAAiB,CAAC,iBAAiB;YACtC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC7E,KAAK,wBAAiB,CAAC,mBAAmB;YACxC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC/E,KAAK,wBAAiB,CAAC,gBAAgB;YACrC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;QAC5E,KAAK,wBAAiB,CAAC,mBAAmB;YACxC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC/E,KAAK,wBAAiB,CAAC,aAAa,CAAC;QACrC,KAAK,wBAAiB,CAAC,iBAAiB;YACtC,OAAO,IAAA,4BAAqB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;QAChF,KAAK,wBAAiB,CAAC,aAAa;YAClC,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QACrE,KAAK,wBAAiB,CAAC,eAAe;YACpC,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;QACvE,KAAK,wBAAiB,CAAC,SAAS;YAC9B,OAAO,IAAA,wBAAiB,EAAC,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;QACxE,KAAK,wBAAiB,CAAC,kBAAkB;YACvC,OAAO,IAAA,iCAA0B,EAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QAC3D,KAAK,wBAAiB,CAAC,cAAc;YACnC,OAAO,IAAA,6BAAsB,EAAC,UAAU,EAAE,SAAS,CAAC,CAAC;QACvD,KAAK,wBAAiB,CAAC,WAAW,CAAC;QACnC,KAAK,wBAAiB,CAAC,UAAU;YAC/B,OAAO,IAAA,kCAA2B,EAAC,GAAG,IAAI,IAAI,IAAA,gBAAS,EAAC,aAAa,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;QACxF,KAAK,wBAAiB,CAAC,QAAQ,CAAC;QAChC,KAAK,wBAAiB,CAAC,SAAS;YAC9B,OAAO,IAAA,yBAAkB,EAAC,IAAA,kBAAS,EAAC,aAAa,CAAC,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;QACxE;YACE,OAAO,IAAA,kCAA2B,EAAC,IAAI,EAAE,UAAU,CAAC,CAAC;KACxD;AACH,CAAC;AArCD,4EAqCC","file":"util.js","sourcesContent":["import type { ITheme } from '../../theme';\nimport { getOrient } from '../axis/cartesian/util/common';\nimport { getCartesianAxisTheme, getPolarAxisTheme } from '../axis/util';\nimport { getCartesianCrosshairTheme, getPolarCrosshairTheme } from '../crosshair/util';\nimport { getDataFilterTheme } from '../data-zoom/util';\nimport { ComponentTypeEnum } from '../interface/type';\nimport { getLayout } from '../legend/util';\nimport { getComponentThemeFromOption } from '../util';\n\nexport function getComponentThemeFromGlobalTheme(\n  type: ComponentTypeEnum,\n  chartTheme: ITheme,\n  componentSpec: any,\n  chartSpec: any\n) {\n  switch (type) {\n    case ComponentTypeEnum.cartesianBandAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'band', chartTheme);\n    case ComponentTypeEnum.cartesianLinearAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'linear', chartTheme);\n    case ComponentTypeEnum.cartesianLogAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'log', chartTheme);\n    case ComponentTypeEnum.cartesianSymlogAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), 'symlog', chartTheme);\n    case ComponentTypeEnum.cartesianAxis:\n    case ComponentTypeEnum.cartesianTimeAxis:\n      return getCartesianAxisTheme(getOrient(componentSpec), undefined, chartTheme);\n    case ComponentTypeEnum.polarBandAxis:\n      return getPolarAxisTheme(componentSpec.orient, 'band', chartTheme);\n    case ComponentTypeEnum.polarLinearAxis:\n      return getPolarAxisTheme(componentSpec.orient, 'linear', chartTheme);\n    case ComponentTypeEnum.polarAxis:\n      return getPolarAxisTheme(componentSpec.orient, undefined, chartTheme);\n    case ComponentTypeEnum.cartesianCrosshair:\n      return getCartesianCrosshairTheme(chartTheme, chartSpec);\n    case ComponentTypeEnum.polarCrosshair:\n      return getPolarCrosshairTheme(chartTheme, chartSpec);\n    case ComponentTypeEnum.colorLegend:\n    case ComponentTypeEnum.sizeLegend:\n      return getComponentThemeFromOption(`${type}.${getLayout(componentSpec)}`, chartTheme);\n    case ComponentTypeEnum.dataZoom:\n    case ComponentTypeEnum.scrollBar:\n      return getDataFilterTheme(getOrient(componentSpec), type, chartTheme);\n    default:\n      return getComponentThemeFromOption(type, chartTheme);\n  }\n}\n"]}

package/cjs/component/brush/brush.d.ts

@@ -1,18 +1,20 @@
 import { BaseComponent } from '../base/base-component';
-import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import { Brush as BrushComponent } from '@visactor/vrender-components';
-import type { IModelRenderOption } from '../../model/interface';
+import type { Maybe } from '@visactor/vutils';
+import type { IModelRenderOption, IModelSpecInfo } from '../../model/interface';
 import type { IRegion } from '../../region/interface';
 import type { IGraphic } from '@visactor/vrender-core';
 import type { ISeries } from '../../series/interface';
 import type { IElement } from '@visactor/vgrammar-core';
 import type { BrushInteractiveRangeAttr, IBrush, IBrushSpec } from './interface';
-export declare class Brush extends BaseComponent<IBrushSpec> implements IBrush {
+export declare class Brush<T extends IBrushSpec = IBrushSpec> extends BaseComponent<T> implements IBrush {
     layoutType: 'none';
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
+    static specKey: string;
+    specKey: string;
     layoutZIndex: number;
     protected _brushComponents: BrushComponent[];
     protected _relativeRegions: IRegion[];
@@ -39,7 +41,7 @@ export declare class Brush extends BaseComponent<IBrushSpec> implements IBrush {
     private _cacheInteractiveRangeAttrs;
     private _needEnablePickable;
     init(): void;
-    static createComponent(spec: any, options: IComponentOption): Brush[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     created(): void;
     protected _extendDataInBrush(elementsMap: {
         [brushName: string]: {
@@ -52,6 +54,8 @@ export declare class Brush extends BaseComponent<IBrushSpec> implements IBrush {
     protected _getBrushInteractiveAttr(region: IRegion): BrushInteractiveRangeAttr;
     protected _updateBrushComponent(region: IRegion, componentIndex: number): void;
     protected _createBrushComponent(region: IRegion, componentIndex: number): void;
+    private _handleBrushChange;
+    private _emitEvent;
     private _transformBrushedMarkAttr;
     private _reconfigItem;
     private _reconfigLinkedItem;
@@ -64,7 +68,7 @@ export declare class Brush extends BaseComponent<IBrushSpec> implements IBrush {
     onRender(ctx: IModelRenderOption): void;
     changeRegions(regions: IRegion[]): void;
     protected _getNeedClearVRenderComponents(): IGraphic[];
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;