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

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,19 +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 _adjustPadding(): void;
-    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]: {
@@ -66,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

@@ -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 _mergeThemeToSpec(): void;
     onLayoutEnd(ctx: any): void;
     protected _initValueScale(): void;
     protected _updateScaleRange(): void;

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/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,7 +29,7 @@ export declare class GeoCoordinate extends BaseComponent<IGeoRegionSpec> impleme
     }>;
     private _actualScale;
     getZoom(): number;
-    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;
+    };
+}

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

@@ -1,15 +1,19 @@
 import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import type { IRegion } from '../../region/interface';
-import type { IModelInitOption } from '../../model/interface';
+import type { IModelInitOption, IModelSpecInfo } from '../../model/interface';
 import type { ISeries } from '../../series/interface';
 import type { ILabel, IMark as IVGrammarMark } from '@visactor/vgrammar-core';
 import { type IComponentMark } from '../../mark/component';
 import { BaseLabelComponent } from './base-label';
+import type { Maybe } from '@visactor/vutils';
 import type { IGroup } from '@visactor/vrender-core';
-import type { ILabelSpec, TransformedLabelSpec } from './interface';
+import type { TransformedLabelSpec } from './interface';
 import { type ILabelMark } from '../../mark/label';
 import type { ICompilableMark } from '../../compile/mark';
+import type { IChartSpecInfo } from '../../chart/interface';
+import type { IChartSpec } from '../../typings';
+import { LabelSpecTransformer } from './label-transformer';
 export interface ILabelInfo {
     baseMark: ICompilableMark;
     labelMark: ILabelMark;
@@ -20,18 +24,22 @@ export interface ILabelComponentContext {
     region: IRegion;
     labelInfo: ILabelInfo[];
 }
-export declare class Label<T extends ILabelSpec = ILabelSpec> extends BaseLabelComponent<T> {
+export declare class Label<T extends IChartSpec = any> extends BaseLabelComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
+    static specKey: string;
+    specKey: string;
+    static readonly transformerConstructor: any;
+    readonly transformerConstructor: typeof LabelSpecTransformer;
     layoutZIndex: number;
     protected _labelInfoMap: Map<IRegion, ILabelInfo[]>;
     protected _labelComponentMap: Map<IComponentMark, () => ILabelInfo | ILabelInfo[]>;
     protected _layoutRule: 'series' | 'region';
     constructor(spec: T, options: IComponentOption);
-    static createComponent(spec: any, options: IComponentOption): Label<any>[];
+    static getSpecInfo(chartSpec: any, chartSpecInfo: IChartSpecInfo): Maybe<IModelSpecInfo[]>;
     init(option: IModelInitOption): void;
-    reInit(theme?: any): void;
+    reInit(spec?: T): void;
     initEvent(): void;
     protected _delegateLabelEvent(component: IGroup): void;
     protected _initTextMark(): void;

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

@@ -0,0 +1,28 @@
+import { ComponentTypeEnum } from '../interface/type';
+import type { MarkType } from '../../mark/interface';
+import type { ISeries } from '../../series/interface';
+import { BaseLabelComponent } from './base-label';
+import type { IModelInitOption, IModelSpecInfo } from '../../model/interface';
+import type { Maybe } from '../../typings';
+import type { IChartSpecInfo } from '../../chart/interface';
+export declare class TotalLabel extends BaseLabelComponent {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    static specKey: string;
+    specKey: string;
+    layoutZIndex: number;
+    private _textMark?;
+    private _baseMark?;
+    static getSpecInfo(chartSpec: any, chartSpecInfo?: IChartSpecInfo): Maybe<IModelSpecInfo[]>;
+    init(option: IModelInitOption): void;
+    protected _initTextMark(): void;
+    _initTextMarkStyle(): void;
+    protected _initLabelComponent(): void;
+    updateLayoutAttribute(): void;
+    compileMarks(): void;
+    getVRenderComponents(): any[];
+    protected _getSeries(): ISeries;
+}
+export declare function totalLabelPosition(series: ISeries, type: MarkType): string;
+export declare const registerTotalLabel: () => void;

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

@@ -12,6 +12,7 @@ export declare const labelRuleMap: {
     line: typeof LineLabel;
     area: typeof LineLabel;
     rect3d: typeof barLabel;
+    arc3d: typeof pieLabel;
 };
 export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum, formatMethod?: ILabelSpec['formatMethod'], formatter?: ILabelSpec['formatter']): any;
 export declare function symbolLabel(labelInfo: ILabelInfo): {

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

@@ -10,6 +10,8 @@ export declare abstract class BaseLegend<T extends ILegendCommonSpec> extends Ba
     layoutType: ILayoutType;
     layoutZIndex: number;
     layoutLevel: number;
+    static specKey: string;
+    specKey: string;
     protected _orient: IOrientType;
     get orient(): IOrientType;
     protected _visible: boolean;
@@ -31,7 +33,7 @@ export declare abstract class BaseLegend<T extends ILegendCommonSpec> extends Ba
     setAttrFromSpec(): void;
     created(): void;
     onRender(ctx: any): void;
-    _compareSpec(): {
+    _compareSpec(spec: T, prevSpec: T): {
         change: boolean;
         reMake: boolean;
         reRender: boolean;

package/types/component/legend/continuous/legend.d.ts

@@ -1,21 +1,19 @@
+import type { Maybe } from '@visactor/vutils';
 import { DataView } from '@visactor/vdataset';
-import type { IModelInitOption } from '../../../model/interface';
+import type { IModelInitOption, IModelSpecInfo } from '../../../model/interface';
 import type { IComponentOption } from '../../interface';
 import { ComponentTypeEnum } from '../../interface/type';
-import type { ILegend } from '../interface';
-import type { IColorLegendSpec, IColorLegendTheme, ISizeLegendSpec } from './interface';
+import type { IColorLegendSpec, ISizeLegendSpec } from './interface';
 import { BaseLegend } from '../base-legend';
 import type { ILayoutRect } from '../../../typings/layout';
 export declare class ContinuousLegend<T extends IColorLegendSpec | ISizeLegendSpec = IColorLegendSpec | ISizeLegendSpec> extends BaseLegend<T> {
     static specKey: string;
-    specKey: string;
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
-    protected _theme: IColorLegendTheme;
     private _field;
     private _legendType;
-    static createComponent(spec: any, options: IComponentOption): ContinuousLegend<any> | ILegend[];
+    static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]>;
     constructor(spec: T, options: IComponentOption);
     setAttrFromSpec(): void;
     init(option: IModelInitOption): void;