@visactor/vchart-types 1.7.5 → 1.8.0-beta.0

package/types/component/axis/polar/util/common.d.ts

@@ -0,0 +1,5 @@
+import type { IPolarAxisCommonSpec } from '../interface';
+export declare const getPolarAxisInfo: (spec: IPolarAxisCommonSpec) => {
+    axisType: import("../..").AxisType;
+    componentName: string;
+};

package/types/component/axis/polar/util/index.d.ts

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

package/types/component/axis/util.d.ts

@@ -1,6 +1,6 @@
 import type { IOrientType, IPolarOrientType } from '../../typings';
 import type { AxisType, ICommonAxisSpec, ILinearAxisSpec } from './interface';
-import type { IModelOption } from '../../model/interface';
+import type { ITheme } from '../../theme';
 export declare const DEFAULT_TITLE_STYLE: {
     left: {
         textAlign: string;
@@ -24,5 +24,6 @@ export declare function getLinearAxisSpecDomain(axisSpec: ILinearAxisSpec, defau
 };
 export declare function isValidCartesianAxis(spec: any): boolean;
 export declare function isValidPolarAxis(spec: any): boolean;
-export declare const getCartesianAxisTheme: (orient: IOrientType, type: AxisType, option: Partial<IModelOption>) => any;
-export declare const getPolarAxisTheme: (orient: IPolarOrientType, type: AxisType, option: Partial<IModelOption>) => any;
+export declare const getCartesianAxisTheme: (orient: IOrientType, type: AxisType, chartTheme: ITheme) => any;
+export declare const getPolarAxisTheme: (orient: IPolarOrientType, type: AxisType, chartTheme: ITheme) => any;
+export declare const isDiscreteAxis: (axisType: AxisType) => boolean;

package/types/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/types/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/types/component/base/index.d.ts

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

package/types/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/types/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;

package/types/component/crosshair/base.d.ts

@@ -2,9 +2,9 @@ import type { Dict, IBoundsLike } from '@visactor/vutils';
 import type { IModelLayoutOption, IModelRenderOption } from '../../model/interface';
 import type { IRegion } from '../../region/interface';
 import { BaseComponent } from '../base/base-component';
-import type { IPadding, Maybe, StringOrNumber } from '../../typings';
+import type { IPadding, StringOrNumber } from '../../typings';
 import type { IComponentOption } from '../interface';
-import type { ICrossHair, CrossHairTrigger, ICartesianCrosshairSpec, IPolarCrosshairSpec, ICrosshairTheme, ICrosshairCategoryFieldSpec } from './interface';
+import type { ICrossHair, CrossHairTrigger, ICartesianCrosshairSpec, IPolarCrosshairSpec, ICrosshairCategoryFieldSpec } from './interface';
 import type { IAxis } from '../axis/interface';
 export type IBound = {
     x1: number;
@@ -31,6 +31,8 @@ export interface IHair {
     };
 }
 export declare abstract class BaseCrossHair<T extends ICartesianCrosshairSpec | IPolarCrosshairSpec> extends BaseComponent<T> implements ICrossHair {
+    static specKey: string;
+    specKey: string;
     layoutType: 'none';
     gridZIndex: number;
     labelZIndex: number;
@@ -38,7 +40,6 @@ export declare abstract class BaseCrossHair<T extends ICartesianCrosshairSpec |
     enable: boolean;
     showDefault: boolean;
     triggerOff: CrossHairTrigger | 'none';
-    protected _theme: Maybe<ICrosshairTheme>;
     get enableRemain(): boolean;
     private _limitBounds;
     constructor(spec: T, options: IComponentOption);
@@ -50,7 +51,7 @@ export declare abstract class BaseCrossHair<T extends ICartesianCrosshairSpec |
     protected _showDefaultCrosshair(): void;
     setAttrFromSpec(): void;
     created(): void;
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;

package/types/component/crosshair/cartesian.d.ts

@@ -1,3 +1,4 @@
+import type { Maybe } from '@visactor/vutils';
 import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import type { ICartesianCrosshairSpec } from './interface';
@@ -5,9 +6,9 @@ import { BaseCrossHair } from './base';
 import type { IGraphic } from '@visactor/vrender-core';
 import type { IAxis } from '../axis/interface';
 import type { StringOrNumber } from '../../typings';
+import type { IModelSpecInfo } from '../../model/interface';
 export declare class CartesianCrossHair<T extends ICartesianCrosshairSpec = ICartesianCrosshairSpec> extends BaseCrossHair<T> {
     static specKey: string;
-    specKey: string;
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
@@ -23,7 +24,7 @@ export declare class CartesianCrossHair<T extends ICartesianCrosshairSpec = ICar
     private _yRightLabel;
     private _currValueX;
     private _currValueY;
-    static createComponent(spec: any, options: IComponentOption): CartesianCrossHair<any> | CartesianCrossHair<ICartesianCrosshairSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     protected _showDefaultCrosshairBySpec(): void;
     private _defaultCrosshair;

package/types/component/crosshair/polar.d.ts

@@ -2,10 +2,11 @@ import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import type { IPolarCrosshairSpec } from './interface';
 import { BaseCrossHair } from './base';
+import type { Maybe } from '@visactor/vutils';
 import type { IGraphic } from '@visactor/vrender-core';
+import type { IModelSpecInfo } from '../../model/interface';
 export declare class PolarCrossHair<T extends IPolarCrosshairSpec = IPolarCrosshairSpec> extends BaseCrossHair<T> {
     static specKey: string;
-    specKey: string;
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
@@ -19,7 +20,7 @@ export declare class PolarCrossHair<T extends IPolarCrosshairSpec = IPolarCrossh
     private _radiusLabelCrosshair;
     private _angleCrosshair;
     private _angleLabelCrosshair;
-    static createComponent(spec: any, options: IComponentOption): PolarCrossHair<any> | PolarCrossHair<IPolarCrosshairSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     protected _showDefaultCrosshairBySpec(): void;
     private _defaultCrosshair;

package/types/component/crosshair/util.d.ts

@@ -1,10 +1,9 @@
 import type { Tag } from '@visactor/vrender-components';
 import type { IBoundsLike } from '@visactor/vutils';
 import type { Datum } from '../../typings';
-import type { IChart } from '../../chart/interface';
 import type { ICrosshairTheme } from './interface';
-import type { IModelOption } from '../../model/interface';
+import type { ITheme } from '../../theme';
 export declare function limitTagInBounds(shape: Tag, bounds: IBoundsLike): void;
 export declare function getDatumByValue(data: Datum[], value: number, startField: string, endField?: string): Datum | null;
-export declare const getCartesianCrosshairTheme: (option: Partial<IModelOption>, chart: IChart) => ICrosshairTheme;
-export declare const getPolarCrosshairTheme: (option: Partial<IModelOption>, chart: IChart) => ICrosshairTheme;
+export declare const getCartesianCrosshairTheme: (chartTheme: ITheme, chartSpec: any) => ICrosshairTheme;
+export declare const getPolarCrosshairTheme: (chartTheme: ITheme, chartSpec: any) => ICrosshairTheme;

package/types/component/custom-mark/custom-mark.d.ts

@@ -1,24 +1,26 @@
 import { BaseComponent } from '../base/base-component';
 import { ComponentTypeEnum } from '../interface/type';
-import type { IComponentOption } from '../interface';
 import type { IRegion } from '../../region/interface';
-import type { IModelRenderOption } from '../../model/interface';
+import type { IModelRenderOption, IModelSpecInfo } from '../../model/interface';
 import type { EnableMarkType, ICustomMarkGroupSpec, ICustomMarkSpec } from '../../typings';
 import type { MarkTypeEnum } from '../../mark/interface';
+import type { Maybe } from '@visactor/vutils';
 import type { IGraphic } from '@visactor/vrender-core';
-export declare class CustomMark extends BaseComponent<any> {
+export declare class CustomMark<T = any> extends BaseComponent<any> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
+    static specKey: string;
+    specKey: string;
     layoutType: 'none';
     layoutZIndex: number;
     layoutLevel: number;
     protected _spec: (ICustomMarkSpec<Exclude<EnableMarkType, MarkTypeEnum.group>> | ICustomMarkGroupSpec)[];
-    static createComponent(spec: any, options: IComponentOption): CustomMark[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     created(): void;
     protected initMarks(): void;
     private _createExtensionMark;
     initEvent(): void;
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;

package/types/component/data-zoom/data-filter-base-component.d.ts

@@ -44,7 +44,7 @@ export declare abstract class DataFilterBaseComponent<T extends IDataFilterCompo
     protected _zoomAttr: IRoamZoomSpec;
     protected _dragAttr: IRoamDragSpec;
     protected _scrollAttr: IRoamScrollSpec;
-    setStartAndEnd(start: number, end: number): void;
+    setStartAndEnd(start: number | string, end: number | string, rangeMode?: ['percent' | 'value', 'percent' | 'value']): void;
     enableInteraction(): void;
     disableInteraction(): void;
     zoomIn(location?: {
@@ -85,14 +85,14 @@ export declare abstract class DataFilterBaseComponent<T extends IDataFilterCompo
     init(option: IModelInitOption): void;
     protected _addTransformToSeries(): void;
     onRender(ctx: any): void;
-    _compareSpec(): {
+    _compareSpec(spec: AdaptiveSpec<T, 'width' | 'height'>, prevSpec: AdaptiveSpec<T, 'width' | 'height'>): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;
         reSize: boolean;
         reCompile: boolean;
     };
-    reInit(theme?: any): void;
+    reInit(spec?: AdaptiveSpec<T, 'width' | 'height'>): void;
     changeRegions(): void;
     protected update(ctx: IComponentOption): void;
     protected resize(ctx: IComponentOption): void;

package/types/component/data-zoom/data-zoom/data-zoom-transformer.d.ts

@@ -0,0 +1,9 @@
+import type { AdaptiveSpec } from '../../../typings';
+import { BaseComponentSpecTransformer } from '../../base';
+import type { IDataZoomSpec, IDataZoomTheme } from './interface';
+export declare class DataZoomSpecTransformer<T extends IDataZoomSpec = IDataZoomSpec, K extends IDataZoomTheme = IDataZoomTheme> extends BaseComponentSpecTransformer<AdaptiveSpec<T, 'width' | 'height'>, K> {
+    protected _mergeThemeToSpec(spec: AdaptiveSpec<T, 'width' | 'height'>, chartSpec: any): {
+        spec: AdaptiveSpec<T, 'width' | 'height'>;
+        theme: K;
+    };
+}

package/types/component/data-zoom/data-zoom/data-zoom.d.ts

@@ -1,3 +1,4 @@
+import type { Maybe } from '@visactor/vutils';
 import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { DataFilterBaseComponent } from '../data-filter-base-component';
@@ -6,10 +7,16 @@ import type { IRectGraphicAttribute, ISymbolGraphicAttribute, IGraphic } from '@
 import type { Datum, ILayoutType } from '../../../typings';
 import type { ILinearScale, IBaseScale } from '@visactor/vscale';
 import type { IDataZoomSpec } from './interface';
+import type { IModelSpecInfo } from '../../../model/interface';
+import { DataZoomSpecTransformer } from './data-zoom-transformer';
 export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends DataFilterBaseComponent<T> {
     static type: ComponentTypeEnum;
+    static readonly transformerConstructor: any;
     type: ComponentTypeEnum;
     name: string;
+    readonly transformerConstructor: typeof DataZoomSpecTransformer;
+    static specKey: string;
+    specKey: string;
     layoutZIndex: number;
     layoutLevel: number;
     layoutType: ILayoutType;
@@ -19,11 +26,10 @@ export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends D
     protected _middleHandlerSize: number;
     protected _startHandlerSize: number;
     protected _endHandlerSize: number;
-    static createComponent(spec: any, options: IComponentOption): DataZoom<any> | DataZoom<IDataZoomSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     created(): void;
     setAttrFromSpec(): void;
-    protected _prepareSpecBeforeMergingTheme(originalSpec: T): T;
     onLayoutEnd(ctx: any): void;
     protected _initValueScale(): void;
     protected _updateScaleRange(): void;
@@ -47,6 +53,10 @@ export declare class DataZoom<T extends IDataZoomSpec = IDataZoomSpec> extends D
             visible: boolean;
             icon: ISymbolGraphicAttribute;
             background: any;
+        } | {
+            visible: boolean;
+            icon?: undefined;
+            background?: undefined;
         };
         endHandlerStyle: ISymbolGraphicAttribute;
         startTextStyle: unknown;

package/types/component/data-zoom/data-zoom/index.d.ts

@@ -1,2 +1,3 @@
 export * from './data-zoom';
 export * from './interface';
+export * from './data-zoom-transformer';

package/types/component/data-zoom/data-zoom/interface.d.ts

@@ -3,8 +3,8 @@ import type { IAreaMarkSpec, ILineMarkSpec, IRectMarkSpec, ISymbolMarkSpec, ITex
 import type { IComponentSpec } from '../../base/interface';
 import type { IComponent } from '../../interface';
 import type { IFilterMode } from '../constant';
-import type { IDataFilterComponentSpec } from '../interface';
-export type IDataZoom = IComponent;
+import type { IDataFilterComponent, IDataFilterComponentSpec } from '../interface';
+export type IDataZoom = IComponent & IDataFilterComponent;
 export interface IDataZoomStyle {
     showDetail?: 'auto' | boolean;
     middleHandler?: {

package/types/component/data-zoom/interface.d.ts

@@ -45,7 +45,7 @@ export interface IRoamSpec {
     rate?: number;
 }
 export interface IDataFilterComponent extends IComponent {
-    setStartAndEnd: (start: number, end: number) => void;
+    setStartAndEnd: (start: number | string, end: number | string, rangeMode: ['percent' | 'value', 'percent' | 'value']) => void;
     enableInteraction: () => void;
     disableInteraction: () => void;
     zoomIn: (location?: {

package/types/component/data-zoom/scroll-bar/scroll-bar.d.ts

@@ -1,3 +1,4 @@
+import type { Maybe } from '@visactor/vutils';
 import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
 import { DataFilterBaseComponent } from '../data-filter-base-component';
@@ -6,15 +7,18 @@ import { ScrollBar as ScrollBarComponent } from '@visactor/vrender-components';
 import type { IGraphic } from '@visactor/vrender-core';
 import type { IScrollBarSpec } from './interface';
 import type { ILayoutType } from '../../../typings/layout';
+import type { IModelSpecInfo } from '../../../model/interface';
 export declare class ScrollBar<T extends IScrollBarSpec = IScrollBarSpec> extends DataFilterBaseComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
+    static specKey: string;
+    specKey: string;
     layoutZIndex: number;
     layoutLevel: number;
     layoutType: ILayoutType;
     protected _component: ScrollBarComponent;
-    static createComponent(spec: any, options: IComponentOption): ScrollBar<any> | ScrollBar<IScrollBarSpec>[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     setAttrFromSpec(): void;
     onLayoutEnd(ctx: any): void;

package/types/component/data-zoom/util.d.ts

@@ -1,6 +1,6 @@
-import type { IModelOption } from '../../model/interface';
 import { type IOrientType } from '../../typings';
 import type { ComponentTypeEnum } from '../interface';
+import type { ITheme } from '../../theme';
 export interface IDataFilterWithNewDomainOption {
     getNewDomain: () => any[];
     isContinuous: () => boolean;
@@ -20,4 +20,4 @@ export interface IDataFilterComputeDomainOption {
     };
 }
 export declare const dataFilterComputeDomain: (data: Array<any>, op: IDataFilterComputeDomainOption) => any[];
-export declare const getDataFilterTheme: (orient: IOrientType, type: ComponentTypeEnum, option: Partial<IModelOption>) => any;
+export declare const getDataFilterTheme: (orient: IOrientType, type: ComponentTypeEnum, chartTheme: ITheme) => any;

package/types/component/geo/geo-coordinate.d.ts

@@ -1,12 +1,12 @@
 import type { IPoint } from '../../typings/coordinate';
 import { Projection } from './projection';
-import type { IEffect, IModelLayoutOption, IModelRenderOption } from '../../model/interface';
-import type { IComponentOption } from '../interface';
+import type { IEffect, IModelLayoutOption, IModelRenderOption, IModelSpecInfo } from '../../model/interface';
 import { ComponentTypeEnum } from '../interface/type';
 import { BaseComponent } from '../base/base-component';
 import type { IGeoRegionSpec, IRegion } from '../../region/interface';
 import type { IGeoCoordinate, IGeoCoordinateSpec, IProjectionSpec } from './interface';
-import type { IChartSpec, StringOrNumber } from '../../typings';
+import type { StringOrNumber } from '../../typings';
+import type { Maybe } from '@visactor/vutils';
 import type { IGraphic } from '@visactor/vrender-core';
 export declare function projectionName(key: string, id: number): string;
 export declare class GeoCoordinate extends BaseComponent<IGeoRegionSpec> implements IGeoCoordinate {
@@ -29,10 +29,7 @@ export declare class GeoCoordinate extends BaseComponent<IGeoRegionSpec> impleme
     }>;
     private _actualScale;
     getZoom(): number;
-    private _evaluated;
-    private _lastHeight;
-    private _lastWidth;
-    static createComponent(spec: IChartSpec, options: IComponentOption): IGeoCoordinate[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     effect: IEffect;
     setAttrFromSpec(): void;
     created(): void;

package/types/component/index.d.ts

@@ -36,7 +36,7 @@ import type { ITooltipSpec, ITooltipTheme } from './tooltip';
 import { Tooltip, registerTooltip } from './tooltip';
 import type { ILabelSpec, ITotalLabelTheme } from './label';
 import { Label, registerLabel } from './label';
-import { TotalLabel, registerTotalLabel } from './label/totalLabel';
+import { TotalLabel, registerTotalLabel } from './label/total-label';
 import { registerPoptip } from './poptip/index';
 import type { IComponentTheme } from './interface';
 import type { IAxisCommonTheme, IAxisItemTheme, IBandAxisTheme } from './axis/interface';

package/types/component/indicator/indicator.d.ts

@@ -1,14 +1,16 @@
-import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import { BaseComponent } from '../base/base-component';
 import type { IRegion } from '../../region/interface';
-import type { IIndicator, IIndicatorSpec, IIndicatorTheme } from './interface';
+import type { IIndicator, IIndicatorSpec } from './interface';
 import type { Maybe } from '../../typings';
+import type { IModelSpecInfo } from '../../model/interface';
 import type { IGraphic } from '@visactor/vrender-core';
 export declare class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
+    static specKey: string;
+    specKey: string;
     layoutType: 'none';
     layoutZIndex: number;
     layoutLevel: number;
@@ -19,8 +21,7 @@ export declare class Indicator<T extends IIndicatorSpec> extends BaseComponent<T
     private _content;
     private _indicatorComponent;
     private _cacheAttrs;
-    protected _theme: Maybe<IIndicatorTheme>;
-    static createComponent(spec: any, options: IComponentOption): import("../interface").IComponent[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     created(): void;
     setAttrFromSpec(): void;
     onRender(ctx: any): void;

package/types/component/interface/common.d.ts

@@ -1,10 +1,11 @@
 import type { ISeriesFilter } from '../../region/interface';
 import type { IAnimate } from '../../animation/interface';
-import type { ILayoutModel, IModelOption } from '../../model/interface';
+import type { ILayoutModel, IModelConstructor, IModelOption, IModelSpecInfo } from '../../model/interface';
 import type { IRegion } from '../../region/interface';
 import type { ISeries } from '../../series/interface';
-import type { StringOrNumber } from '../../typings';
+import type { Maybe, StringOrNumber } from '../../typings';
 import type { IGraphic } from '@visactor/vrender-core';
+import type { IChartSpecInfo } from '../../chart/interface';
 export interface IComponentOption extends IModelOption {
     getAllRegions: () => IRegion[];
     getRegionsInIndex: (index?: number[]) => IRegion[];
@@ -28,9 +29,10 @@ export interface IComponent extends ILayoutModel {
     getVRenderComponents: () => IGraphic[];
     clear: () => void;
 }
-export interface IComponentConstructor {
+export interface IComponentConstructor extends IModelConstructor {
     type: string;
     specKey?: string;
-    createComponent: (spec: any, options: IComponentOption) => IComponent | IComponent[] | undefined;
+    getSpecInfo: (chartSpec: any, chartSpecInfo?: IChartSpecInfo) => Maybe<IModelSpecInfo[]>;
+    createComponent: (specInfo: IModelSpecInfo, options: IComponentOption) => IComponent;
     new (spec: any, options: IComponentOption): IComponent;
 }

package/types/component/interface/type.d.ts

@@ -33,3 +33,11 @@ export declare enum ComponentTypeEnum {
     poptip = "poptip",
     customMark = "customMark"
 }
+export declare enum SimplifiedComponentTypeEnum {
+    axis = "axis",
+    legend = "legend",
+    crosshair = "crosshair"
+}
+export declare const axisComponentTypes: ComponentTypeEnum[];
+export declare const legendComponentTypes: ComponentTypeEnum[];
+export declare const crosshairComponentTypes: ComponentTypeEnum[];

package/types/component/label/base-label.d.ts

@@ -5,7 +5,7 @@ import type { IRegion } from '../../region/interface';
 import type { IModelRenderOption } from '../../model/interface';
 import type { ILabelSpec } from './interface';
 import type { IGraphic } from '@visactor/vrender-core';
-export declare abstract class BaseLabelComponent<T extends ILabelSpec = ILabelSpec> extends BaseComponent<T> {
+export declare abstract class BaseLabelComponent<T = any> extends BaseComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
@@ -25,7 +25,7 @@ export declare abstract class BaseLabelComponent<T extends ILabelSpec = ILabelSp
         hover: boolean;
         select: boolean;
     };
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;

package/types/component/label/index.d.ts

@@ -1,2 +1,4 @@
 export * from './interface';
 export * from './label';
+export * from './total-label';
+export * from './label-transformer';

package/types/component/label/interface.d.ts

@@ -1,9 +1,9 @@
 import type { BaseLabelAttrs } from '@visactor/vrender-components';
 import type { ConvertToMarkStyleSpec, Datum, ITextMarkSpec } from '../../typings';
 import type { IComponentSpec } from '../base/interface';
-import type { ISeries } from '../..';
 import type { IRichTextCharacter } from '@visactor/vrender-core';
 import type { ILabelMark } from '../../mark/label';
+import type { ISeries } from '../../series';
 export interface ILabelFormatMethodContext {
     series?: ISeries;
 }
@@ -38,6 +38,6 @@ export interface ITotalLabelTheme extends Pick<ILabelSpec, 'visible' | 'interact
     style?: ITextMarkSpec;
 }
 export type TransformedLabelSpec = ILabelSpec & {
-    styleHandler: (mark?: ILabelMark) => void;
+    getStyleHandler: (series: ISeries) => (mark?: ILabelMark) => void;
 };
 export {};

package/types/component/label/label-transformer.d.ts

@@ -0,0 +1,8 @@
+import type { IChartSpec } from '../../typings';
+import { BaseComponentSpecTransformer } from '../base';
+export declare class LabelSpecTransformer<T extends IChartSpec = any, K = any> extends BaseComponentSpecTransformer<T, K> {
+    protected _initTheme(spec: T, chartSpec: any): {
+        spec: T;
+        theme: K;
+    };
+}