@visactor/vchart 1.7.5 → 1.8.0-beta.0

package/cjs/component/indicator/indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IComponentOption } from '../interface';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface/type';\nimport { BaseComponent } from '../base/base-component';\nimport type { IRegion } from '../../region/interface';\nimport type { IIndicator, IIndicatorItemSpec, IIndicatorSpec, IIndicatorTheme } from './interface';\nimport type { Maybe } from '../../typings';\nimport { mergeSpec } from '../../util/spec/merge-spec';\nimport { eachSeries } from '../../util/model';\nimport { transformToGraphic } from '../../util/style';\nimport { getActualNumValue } from '../../util/space';\nimport { isEqual, isValid, isFunction, array } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { IModel } from '../../model/interface';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { CompilableData } from '../../compile/data/compilable-data';\nimport { Indicator as IndicatorComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IndicatorAttributes } from '@visactor/vrender-components';\nimport type { IGraphic, INode, IGroup } from '@visactor/vrender-core';\nimport type { IVisualScale, IVisualSpecStyle, VisualType, FunctionType } from '../../typings/visual';\nimport { Factory } from '../../core/factory';\nimport type { IRichTextCharacter } from '@visactor/vrender-core';\n\nexport class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {\n  static type = ComponentTypeEnum.indicator;\n  type = ComponentTypeEnum.indicator;\n  name: string = ComponentTypeEnum.indicator;\n\n  layoutType: 'none' = 'none';\n  layoutZIndex: number = LayoutZIndex.Indicator;\n  layoutLevel: number = LayoutLevel.Indicator;\n\n  private _gap: number = 0;\n\n  private _activeDatum: any = null;\n  private _displayData!: CompilableData;\n\n  private _title: IIndicatorItemSpec;\n  private _content: IIndicatorItemSpec[];\n\n  private _indicatorComponent: IndicatorComponents;\n  private _cacheAttrs: IndicatorAttributes;\n\n  protected declare _theme: Maybe<IIndicatorTheme>;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    if (this.type !== Indicator.type) {\n      return null;\n    }\n    const indicatorSpec = spec.indicator;\n    const indicators: IIndicator[] = array(indicatorSpec)\n      .filter(s => s && s.visible !== false)\n      .map((s, index) => new Indicator(s, { ...options, specIndex: index }));\n    return indicators;\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n    // event\n    this.initEvent();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._gap = this._spec.gap || 0;\n    this._title = this._spec.title;\n    this._content = array(this._spec.content);\n    this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  // event\n  protected initEvent() {\n    const trigger = this._spec.trigger;\n    if (trigger === 'none') {\n      return;\n    }\n\n    if (this._spec.trigger === 'hover') {\n      this.event.on('hovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unhovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    } else {\n      this.event.on('selected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unselected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    }\n  }\n\n  private updateDatum(datum: any) {\n    this._activeDatum = datum;\n    this._displayData.updateData();\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n  }\n\n  // data\n  private initData() {\n    registerDataSetInstanceTransform(this._option.dataSet, 'indicatorFilter', indicatorMapper);\n    const displayData = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });\n    displayData.transform({\n      type: 'indicatorFilter',\n      options: {\n        title: this._title,\n        content: this._content,\n        datum: () => this._activeDatum\n      }\n    });\n\n    displayData.target.addListener('change', this.updateDatum.bind(this));\n\n    this._displayData = new CompilableData(this._option, displayData);\n  }\n\n  updateLayoutAttribute(): void {\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n\n    super.updateLayoutAttribute();\n  }\n\n  private _getIndicatorAttrs() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    const { x, y } = region.getLayoutStartPoint();\n\n    const contentComponentSpec: IIndicatorItemSpec[] = [];\n    array(this._spec.content).forEach((eachItem: IIndicatorItemSpec) => {\n      const contentSpec = mergeSpec({}, this._theme.content, eachItem);\n      contentComponentSpec.push({\n        visible: contentSpec.visible !== false && (contentSpec.field ? this._activeDatum !== null : true),\n        space: contentSpec.space || this._gap,\n        autoLimit: contentSpec.autoLimit,\n        autoFit: contentSpec.autoFit,\n        fitPercent: contentSpec.fitPercent,\n        style: {\n          ...transformToGraphic(contentSpec.style),\n          text: this._createText(contentSpec.field, contentSpec.style.text)\n        }\n      });\n    });\n\n    return {\n      visible: this._spec.visible !== false && (this._spec.fixed !== false || this._activeDatum !== null),\n      size: {\n        width: width,\n        height: height\n      },\n      zIndex: this.layoutZIndex,\n      x: x,\n      y: y,\n      dx: this._spec.offsetX ? getActualNumValue(this._spec.offsetX, this._computeLayoutRadius()) : 0,\n      dy: this._spec.offsetY ? getActualNumValue(this._spec.offsetY, this._computeLayoutRadius()) : 0,\n      limitRatio: this._spec.limitRatio || Infinity,\n      title: {\n        visible: this._spec.title.visible !== false && (!isValid(this._spec.title.field) || this._activeDatum !== null),\n        space: this._spec.title.space || this._gap,\n        autoLimit: this._spec.title.autoLimit,\n        autoFit: this._spec.title.autoFit,\n        fitPercent: this._spec.title.fitPercent,\n        style: {\n          ...transformToGraphic(this._spec.title.style),\n          text: this._createText(this._spec.title.field, this._spec.title.style.text)\n        }\n      },\n      content: contentComponentSpec\n    } as IndicatorAttributes;\n  }\n\n  private _createOrUpdateIndicatorComponent(attrs: IndicatorAttributes): IndicatorComponents {\n    if (this._indicatorComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._indicatorComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      //FIXME:类型“IndicatorAttributes”的参数不能赋给类型“Required<IndicatorAttributes>”的参数\n      const indicator = new IndicatorComponents(attrs as any);\n      indicator.name = 'indicator';\n      container.add(indicator as unknown as INode);\n      this._indicatorComponent = indicator;\n      this._indicatorComponent.on('*', (event: any, type: string) =>\n        this._delegateEvent(this._indicatorComponent as unknown as IGraphic, event, type)\n      );\n    }\n    this._cacheAttrs = attrs;\n    return this._indicatorComponent;\n  }\n\n  private _createText(\n    field: string | undefined,\n    text:\n      | string\n      | number\n      | string[]\n      | number[]\n      | IRichTextCharacter[]\n      | FunctionType<number | number[] | string | string[] | IRichTextCharacter[]>\n  ) {\n    if (field) {\n      return this._activeDatum ? this._activeDatum[field] : '';\n    }\n    if (isFunction(text)) {\n      return text(this._activeDatum, undefined) ?? '';\n    }\n    return text ?? '';\n  }\n\n  private _computeLayoutRadius() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    return Math.min(width / 2, height / 2);\n  }\n\n  private isRelativeModel(model: IModel) {\n    return eachSeries(this._regions, s => model === s) || this._regions.includes(model as IRegion);\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._indicatorComponent] as unknown as IGroup[];\n  }\n\n  clear(): void {\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n\nexport const registerIndicator = () => {\n  Factory.registerComponent(Indicator.type, Indicator);\n};\n"]}
+{"version":3,"sources":["../src/component/indicator/indicator.ts"],"names":[],"mappings":"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","file":"indicator.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IComponentOption } from '../interface';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface/type';\nimport { BaseComponent } from '../base/base-component';\nimport type { IRegion } from '../../region/interface';\nimport type { IIndicator, IIndicatorItemSpec, IIndicatorSpec, IIndicatorTheme } from './interface';\nimport type { Maybe } from '../../typings';\nimport { mergeSpec } from '../../util/spec/merge-spec';\nimport { eachSeries } from '../../util/model';\nimport { transformToGraphic } from '../../util/style';\nimport { getActualNumValue } from '../../util/space';\nimport { isEqual, isValid, isFunction, array, isArray } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { IModel, IModelSpecInfo } from '../../model/interface';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { CompilableData } from '../../compile/data/compilable-data';\nimport { Indicator as IndicatorComponents } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IndicatorAttributes } from '@visactor/vrender-components';\nimport type { IGraphic, INode, IGroup } from '@visactor/vrender-core';\nimport type { FunctionType } from '../../typings/visual';\nimport { Factory } from '../../core/factory';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IRichTextCharacter } from '@visactor/vrender-core';\n\nexport class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {\n  static type = ComponentTypeEnum.indicator;\n  type = ComponentTypeEnum.indicator;\n  name: string = ComponentTypeEnum.indicator;\n\n  static specKey = 'indicator';\n  specKey = 'indicator';\n\n  layoutType: 'none' = 'none';\n  layoutZIndex: number = LayoutZIndex.Indicator;\n  layoutLevel: number = LayoutLevel.Indicator;\n\n  private _gap: number = 0;\n\n  private _activeDatum: any = null;\n  private _displayData!: CompilableData;\n\n  private _title: IIndicatorItemSpec;\n  private _content: IIndicatorItemSpec[];\n\n  private _indicatorComponent: IndicatorComponents;\n  private _cacheAttrs: IndicatorAttributes;\n\n  static getSpecInfo(chartSpec: any): Maybe<IModelSpecInfo[]> {\n    if (this.type !== Indicator.type) {\n      return null;\n    }\n    const indicatorSpec = chartSpec[this.specKey];\n    if (!isArray(indicatorSpec)) {\n      if (indicatorSpec.visible === false) {\n        return [];\n      }\n      return [\n        {\n          spec: indicatorSpec,\n          specPath: [this.specKey],\n          type: ComponentTypeEnum.indicator\n        }\n      ];\n    }\n\n    const specInfos: IModelSpecInfo[] = [];\n    indicatorSpec.forEach((s, i) => {\n      if (s && s.visible !== false) {\n        specInfos.push({\n          spec: s,\n          specIndex: i,\n          specPath: [this.specKey, i],\n          type: ComponentTypeEnum.indicator\n        });\n      }\n    });\n    return specInfos;\n  }\n\n  created() {\n    super.created();\n    // data\n    this.initData();\n    // event\n    this.initEvent();\n  }\n\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._gap = this._spec.gap || 0;\n    this._title = this._spec.title;\n    this._content = array(this._spec.content);\n    this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));\n  }\n\n  onRender(ctx: any): void {\n    // do nothing\n  }\n\n  // region\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  // event\n  protected initEvent() {\n    const trigger = this._spec.trigger;\n    if (trigger === 'none') {\n      return;\n    }\n\n    if (this._spec.trigger === 'hover') {\n      this.event.on('hovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unhovered', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    } else {\n      this.event.on('selected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(params.value[0]);\n        }\n      });\n      this.event.on('unselected', params => {\n        if (!params.model || this.isRelativeModel(params.model)) {\n          this.updateDatum(null);\n        }\n      });\n    }\n  }\n\n  private updateDatum(datum: any) {\n    this._activeDatum = datum;\n    this._displayData.updateData();\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n  }\n\n  // data\n  private initData() {\n    registerDataSetInstanceTransform(this._option.dataSet, 'indicatorFilter', indicatorMapper);\n    const displayData = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });\n    displayData.transform({\n      type: 'indicatorFilter',\n      options: {\n        title: this._title,\n        content: this._content,\n        datum: () => this._activeDatum\n      }\n    });\n\n    displayData.target.addListener('change', this.updateDatum.bind(this));\n\n    this._displayData = new CompilableData(this._option, displayData);\n  }\n\n  updateLayoutAttribute(): void {\n    const attrs = this._getIndicatorAttrs();\n    this._createOrUpdateIndicatorComponent(attrs);\n\n    super.updateLayoutAttribute();\n  }\n\n  private _getIndicatorAttrs() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    const { x, y } = region.getLayoutStartPoint();\n\n    const contentComponentSpec: IIndicatorItemSpec[] = [];\n    array(this._spec.content).forEach((eachItem: IIndicatorItemSpec) => {\n      const contentSpec = mergeSpec({}, this._theme.content, eachItem);\n      contentComponentSpec.push({\n        visible: contentSpec.visible !== false && (contentSpec.field ? this._activeDatum !== null : true),\n        space: contentSpec.space || this._gap,\n        autoLimit: contentSpec.autoLimit,\n        autoFit: contentSpec.autoFit,\n        fitPercent: contentSpec.fitPercent,\n        style: {\n          ...transformToGraphic(contentSpec.style),\n          text: this._createText(contentSpec.field, contentSpec.style.text)\n        }\n      });\n    });\n\n    return {\n      visible: this._spec.visible !== false && (this._spec.fixed !== false || this._activeDatum !== null),\n      size: {\n        width: width,\n        height: height\n      },\n      zIndex: this.layoutZIndex,\n      x: x,\n      y: y,\n      dx: this._spec.offsetX ? getActualNumValue(this._spec.offsetX, this._computeLayoutRadius()) : 0,\n      dy: this._spec.offsetY ? getActualNumValue(this._spec.offsetY, this._computeLayoutRadius()) : 0,\n      limitRatio: this._spec.limitRatio || Infinity,\n      title: {\n        visible: this._spec.title.visible !== false && (!isValid(this._spec.title.field) || this._activeDatum !== null),\n        space: this._spec.title.space || this._gap,\n        autoLimit: this._spec.title.autoLimit,\n        autoFit: this._spec.title.autoFit,\n        fitPercent: this._spec.title.fitPercent,\n        style: {\n          ...transformToGraphic(this._spec.title.style),\n          text: this._createText(this._spec.title.field, this._spec.title.style.text)\n        }\n      },\n      content: contentComponentSpec\n    } as IndicatorAttributes;\n  }\n\n  private _createOrUpdateIndicatorComponent(attrs: IndicatorAttributes): IndicatorComponents {\n    if (this._indicatorComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._indicatorComponent.setAttributes(attrs);\n      }\n    } else {\n      const container = this.getContainer();\n      //FIXME:类型“IndicatorAttributes”的参数不能赋给类型“Required<IndicatorAttributes>”的参数\n      const indicator = new IndicatorComponents(attrs as any);\n      indicator.name = 'indicator';\n      container.add(indicator as unknown as INode);\n      this._indicatorComponent = indicator;\n      this._indicatorComponent.on('*', (event: any, type: string) =>\n        this._delegateEvent(this._indicatorComponent as unknown as IGraphic, event, type)\n      );\n    }\n    this._cacheAttrs = attrs;\n    return this._indicatorComponent;\n  }\n\n  private _createText(\n    field: string | undefined,\n    text:\n      | string\n      | number\n      | string[]\n      | number[]\n      | IRichTextCharacter[]\n      | FunctionType<number | number[] | string | string[] | IRichTextCharacter[]>\n  ) {\n    if (field) {\n      return this._activeDatum ? this._activeDatum[field] : '';\n    }\n    if (isFunction(text)) {\n      return text(this._activeDatum, undefined) ?? '';\n    }\n    return text ?? '';\n  }\n\n  private _computeLayoutRadius() {\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    return Math.min(width / 2, height / 2);\n  }\n\n  private isRelativeModel(model: IModel) {\n    return eachSeries(this._regions, s => model === s) || this._regions.includes(model as IRegion);\n  }\n\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [this._indicatorComponent] as unknown as IGroup[];\n  }\n\n  clear(): void {\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n\nexport const registerIndicator = () => {\n  Factory.registerComponent(Indicator.type, Indicator);\n};\n"]}

package/cjs/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/cjs/component/interface/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { ISeriesFilter } from '../../region/interface';\nimport type { IAnimate } from '../../animation/interface';\nimport type { ILayoutModel, IModelOption } from '../../model/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IRegion } from '../../region/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { StringOrNumber } from '../../typings';\nimport type { IGraphic } from '@visactor/vrender-core';\n/**\n * 组件作为图表辅助阅读等功能的模块，除了model提供的能力之外，还有以下功能特点\n * 支持对多region的绑定。\n * 能够在resize时正常的重新对内部元素布局。\n * 保持数据独立，模块间的依赖关系，能从数据上处理的应当从数据上处理。\n */\n\nexport interface IComponentOption extends IModelOption {\n  // 区域\n  getAllRegions: () => IRegion[];\n  getRegionsInIndex: (index?: number[]) => IRegion[];\n  getRegionsInIds: (ids: number[]) => IRegion[];\n  getRegionsInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => IRegion[];\n  // series\n  getAllSeries: () => ISeries[];\n  getSeriesInIndex: (index?: number[]) => ISeries[];\n  getSeriesInIds: (ids?: number[]) => ISeries[];\n  getSeriesInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => ISeries[];\n  // component\n  getAllComponents: () => IComponent[];\n  getComponentByIndex: (key: string, index: number) => IComponent | undefined;\n  getComponentByUserId: (userId: StringOrNumber) => IComponent | undefined;\n  getComponentsByKey: (key: string) => IComponent[];\n}\n\nexport interface IComponent extends ILayoutModel {\n  readonly name: string;\n  readonly animate?: IAnimate;\n\n  // 区域\n  getRegions: () => IRegion[];\n  getBindSeriesFilter?: () => ISeriesFilter;\n  changeRegions: (regions: IRegion[]) => void;\n  getVRenderComponents: () => IGraphic[];\n\n  // 清空，用于更新等场景\n  clear: () => void;\n}\n\nexport interface IComponentConstructor {\n  type: string;\n  specKey?: string;\n  createComponent: (spec: any, options: IComponentOption) => IComponent | IComponent[] | undefined;\n  new (spec: any, options: IComponentOption): IComponent;\n}\n"]}
+{"version":3,"sources":["../src/component/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { ISeriesFilter } from '../../region/interface';\nimport type { IAnimate } from '../../animation/interface';\nimport type { ILayoutModel, IModelConstructor, IModelOption, IModelSpecInfo } from '../../model/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { IRegion } from '../../region/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { Maybe, StringOrNumber } from '../../typings';\nimport type { IGraphic } from '@visactor/vrender-core';\nimport type { IChartSpecInfo } from '../../chart/interface';\n/**\n * 组件作为图表辅助阅读等功能的模块，除了model提供的能力之外，还有以下功能特点\n * 支持对多region的绑定。\n * 能够在resize时正常的重新对内部元素布局。\n * 保持数据独立，模块间的依赖关系，能从数据上处理的应当从数据上处理。\n */\n\nexport interface IComponentOption extends IModelOption {\n  // 区域\n  getAllRegions: () => IRegion[];\n  getRegionsInIndex: (index?: number[]) => IRegion[];\n  getRegionsInIds: (ids: number[]) => IRegion[];\n  getRegionsInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => IRegion[];\n  // series\n  getAllSeries: () => ISeries[];\n  getSeriesInIndex: (index?: number[]) => ISeries[];\n  getSeriesInIds: (ids?: number[]) => ISeries[];\n  getSeriesInUserIdOrIndex: (user_ids?: StringOrNumber[], index?: number[]) => ISeries[];\n  // component\n  getAllComponents: () => IComponent[];\n  getComponentByIndex: (key: string, index: number) => IComponent | undefined;\n  getComponentByUserId: (userId: StringOrNumber) => IComponent | undefined;\n  getComponentsByKey: (key: string) => IComponent[];\n}\n\nexport interface IComponent extends ILayoutModel {\n  readonly name: string;\n  readonly animate?: IAnimate;\n\n  // 区域\n  getRegions: () => IRegion[];\n  getBindSeriesFilter?: () => ISeriesFilter;\n  changeRegions: (regions: IRegion[]) => void;\n  getVRenderComponents: () => IGraphic[];\n\n  // 清空，用于更新等场景\n  clear: () => void;\n}\n\nexport interface IComponentConstructor extends IModelConstructor {\n  type: string;\n  specKey?: string;\n  getSpecInfo: (chartSpec: any, chartSpecInfo?: IChartSpecInfo) => Maybe<IModelSpecInfo[]>;\n  createComponent: (specInfo: IModelSpecInfo, options: IComponentOption) => IComponent;\n  new (spec: any, options: IComponentOption): IComponent;\n}\n"]}

package/cjs/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/cjs/component/interface/type.js

@@ -1,10 +1,11 @@
 "use strict";
 
-var ComponentTypeEnum;
+var ComponentTypeEnum, SimplifiedComponentTypeEnum;
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.ComponentTypeEnum = void 0, function(ComponentTypeEnum) {
+}), exports.crosshairComponentTypes = exports.legendComponentTypes = exports.axisComponentTypes = exports.SimplifiedComponentTypeEnum = exports.ComponentTypeEnum = void 0, 
+function(ComponentTypeEnum) {
     ComponentTypeEnum.cartesianAxis = "cartesianAxis", ComponentTypeEnum.cartesianBandAxis = "cartesianAxis-band", 
     ComponentTypeEnum.cartesianLinearAxis = "cartesianAxis-linear", ComponentTypeEnum.cartesianTimeAxis = "cartesianAxis-time", 
     ComponentTypeEnum.cartesianLogAxis = "cartesianAxis-log", ComponentTypeEnum.cartesianSymlogAxis = "cartesianAxis-symlog", 
@@ -20,5 +21,12 @@ Object.defineProperty(exports, "__esModule", {
     ComponentTypeEnum.title = "title", ComponentTypeEnum.player = "player", ComponentTypeEnum.scrollBar = "scrollBar", 
     ComponentTypeEnum.label = "label", ComponentTypeEnum.totalLabel = "totalLabel", 
     ComponentTypeEnum.brush = "brush", ComponentTypeEnum.poptip = "poptip", ComponentTypeEnum.customMark = "customMark";
-}(ComponentTypeEnum = exports.ComponentTypeEnum || (exports.ComponentTypeEnum = {}));
+}(ComponentTypeEnum = exports.ComponentTypeEnum || (exports.ComponentTypeEnum = {})), 
+function(SimplifiedComponentTypeEnum) {
+    SimplifiedComponentTypeEnum.axis = "axis", SimplifiedComponentTypeEnum.legend = "legend", 
+    SimplifiedComponentTypeEnum.crosshair = "crosshair";
+}(SimplifiedComponentTypeEnum = exports.SimplifiedComponentTypeEnum || (exports.SimplifiedComponentTypeEnum = {})), 
+exports.axisComponentTypes = [ ComponentTypeEnum.cartesianAxis, ComponentTypeEnum.cartesianBandAxis, ComponentTypeEnum.cartesianLinearAxis, ComponentTypeEnum.cartesianTimeAxis, ComponentTypeEnum.cartesianLogAxis, ComponentTypeEnum.cartesianSymlogAxis, ComponentTypeEnum.polarAxis, ComponentTypeEnum.polarBandAxis, ComponentTypeEnum.polarLinearAxis ], 
+exports.legendComponentTypes = [ ComponentTypeEnum.discreteLegend, ComponentTypeEnum.continuousLegend, ComponentTypeEnum.colorLegend, ComponentTypeEnum.sizeLegend ], 
+exports.crosshairComponentTypes = [ ComponentTypeEnum.crosshair, ComponentTypeEnum.cartesianCrosshair, ComponentTypeEnum.polarCrosshair ];
 //# sourceMappingURL=type.js.map

package/cjs/component/interface/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/interface/type.ts"],"names":[],"mappings":";;;AAEA,IAAY,iBAoCX;AApCD,WAAY,iBAAiB;IAC3B,oDAA+B,CAAA;IAC/B,6DAAwC,CAAA;IACxC,iEAA4C,CAAA;IAC5C,6DAAwC,CAAA;IACxC,2DAAsC,CAAA;IACtC,iEAA4C,CAAA;IAC5C,4CAAuB,CAAA;IACvB,qDAAgC,CAAA;IAChC,yDAAoC,CAAA;IACpC,4CAAuB,CAAA;IACvB,8DAAyC,CAAA;IACzC,sDAAiC,CAAA;IACjC,0CAAqB,CAAA;IACrB,oDAA+B,CAAA;IAC/B,4CAAuB,CAAA;IACvB,sDAAiC,CAAA;IACjC,0DAAqC,CAAA;IACrC,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,0CAAqB,CAAA;IACrB,0CAAqB,CAAA;IACrB,0CAAqB,CAAA;IACrB,4CAAuB,CAAA;IACvB,wCAAmB,CAAA;IACnB,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,4CAAuB,CAAA;IACvB,oCAAe,CAAA;IACf,8CAAyB,CAAA;IAEzB,oCAAe,CAAA;IAEf,sCAAiB,CAAA;IAEjB,8CAAyB,CAAA;AAC3B,CAAC,EApCW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAoC5B","file":"type.js","sourcesContent":["export type ComponentType = keyof typeof ComponentTypeEnum | string;\n\nexport enum ComponentTypeEnum {\n  cartesianAxis = 'cartesianAxis',\n  cartesianBandAxis = 'cartesianAxis-band',\n  cartesianLinearAxis = 'cartesianAxis-linear',\n  cartesianTimeAxis = 'cartesianAxis-time',\n  cartesianLogAxis = 'cartesianAxis-log',\n  cartesianSymlogAxis = 'cartesianAxis-symlog',\n  polarAxis = 'polarAxis',\n  polarBandAxis = 'polarAxis-band',\n  polarLinearAxis = 'polarAxis-linear',\n  crosshair = 'crosshair',\n  cartesianCrosshair = 'cartesianCrosshair',\n  polarCrosshair = 'polarCrosshair',\n  dataZoom = 'dataZoom',\n  geoCoordinate = 'geoCoordinate',\n  indicator = 'indicator',\n  discreteLegend = 'discreteLegend',\n  continuousLegend = 'continuousLegend',\n  colorLegend = 'colorLegend',\n  sizeLegend = 'sizeLegend',\n  mapLabel = 'mapLabel',\n  markLine = 'markLine',\n  markArea = 'markArea',\n  markPoint = 'markPoint',\n  tooltip = 'tooltip',\n  title = 'title',\n  player = 'player',\n  scrollBar = 'scrollBar',\n  label = 'label',\n  totalLabel = 'totalLabel',\n\n  brush = 'brush',\n\n  poptip = 'poptip',\n\n  customMark = 'customMark'\n}\n"]}
+{"version":3,"sources":["../src/component/interface/type.ts"],"names":[],"mappings":";;;AAEA,IAAY,iBAoCX;AApCD,WAAY,iBAAiB;IAC3B,oDAA+B,CAAA;IAC/B,6DAAwC,CAAA;IACxC,iEAA4C,CAAA;IAC5C,6DAAwC,CAAA;IACxC,2DAAsC,CAAA;IACtC,iEAA4C,CAAA;IAC5C,4CAAuB,CAAA;IACvB,qDAAgC,CAAA;IAChC,yDAAoC,CAAA;IACpC,4CAAuB,CAAA;IACvB,8DAAyC,CAAA;IACzC,sDAAiC,CAAA;IACjC,0CAAqB,CAAA;IACrB,oDAA+B,CAAA;IAC/B,4CAAuB,CAAA;IACvB,sDAAiC,CAAA;IACjC,0DAAqC,CAAA;IACrC,gDAA2B,CAAA;IAC3B,8CAAyB,CAAA;IACzB,0CAAqB,CAAA;IACrB,0CAAqB,CAAA;IACrB,0CAAqB,CAAA;IACrB,4CAAuB,CAAA;IACvB,wCAAmB,CAAA;IACnB,oCAAe,CAAA;IACf,sCAAiB,CAAA;IACjB,4CAAuB,CAAA;IACvB,oCAAe,CAAA;IACf,8CAAyB,CAAA;IAEzB,oCAAe,CAAA;IAEf,sCAAiB,CAAA;IAEjB,8CAAyB,CAAA;AAC3B,CAAC,EApCW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAoC5B;AAMD,IAAY,2BAIX;AAJD,WAAY,2BAA2B;IACrC,4CAAa,CAAA;IACb,gDAAiB,CAAA;IACjB,sDAAuB,CAAA;AACzB,CAAC,EAJW,2BAA2B,GAA3B,mCAA2B,KAA3B,mCAA2B,QAItC;AAKY,QAAA,kBAAkB,GAAwB;IACrD,iBAAiB,CAAC,aAAa;IAC/B,iBAAiB,CAAC,iBAAiB;IACnC,iBAAiB,CAAC,mBAAmB;IACrC,iBAAiB,CAAC,iBAAiB;IACnC,iBAAiB,CAAC,gBAAgB;IAClC,iBAAiB,CAAC,mBAAmB;IACrC,iBAAiB,CAAC,SAAS;IAC3B,iBAAiB,CAAC,aAAa;IAC/B,iBAAiB,CAAC,eAAe;CAClC,CAAC;AAKW,QAAA,oBAAoB,GAAwB;IACvD,iBAAiB,CAAC,cAAc;IAChC,iBAAiB,CAAC,gBAAgB;IAClC,iBAAiB,CAAC,WAAW;IAC7B,iBAAiB,CAAC,UAAU;CAC7B,CAAC;AAKW,QAAA,uBAAuB,GAAwB;IAC1D,iBAAiB,CAAC,SAAS;IAC3B,iBAAiB,CAAC,kBAAkB;IACpC,iBAAiB,CAAC,cAAc;CACjC,CAAC","file":"type.js","sourcesContent":["export type ComponentType = keyof typeof ComponentTypeEnum | string;\n\nexport enum ComponentTypeEnum {\n  cartesianAxis = 'cartesianAxis',\n  cartesianBandAxis = 'cartesianAxis-band',\n  cartesianLinearAxis = 'cartesianAxis-linear',\n  cartesianTimeAxis = 'cartesianAxis-time',\n  cartesianLogAxis = 'cartesianAxis-log',\n  cartesianSymlogAxis = 'cartesianAxis-symlog',\n  polarAxis = 'polarAxis',\n  polarBandAxis = 'polarAxis-band',\n  polarLinearAxis = 'polarAxis-linear',\n  crosshair = 'crosshair',\n  cartesianCrosshair = 'cartesianCrosshair',\n  polarCrosshair = 'polarCrosshair',\n  dataZoom = 'dataZoom',\n  geoCoordinate = 'geoCoordinate',\n  indicator = 'indicator',\n  discreteLegend = 'discreteLegend',\n  continuousLegend = 'continuousLegend',\n  colorLegend = 'colorLegend',\n  sizeLegend = 'sizeLegend',\n  mapLabel = 'mapLabel',\n  markLine = 'markLine',\n  markArea = 'markArea',\n  markPoint = 'markPoint',\n  tooltip = 'tooltip',\n  title = 'title',\n  player = 'player',\n  scrollBar = 'scrollBar',\n  label = 'label',\n  totalLabel = 'totalLabel',\n\n  brush = 'brush',\n\n  poptip = 'poptip',\n\n  customMark = 'customMark'\n}\n\n/**\n * 简化过的组件类型枚举，用于媒体查询。\n * 如果一些组件在 ComponentTypeEnum 里分类太细（如\"cartesianAxis-symlog\"），导致用户对这些具体的 type 字符串不熟悉，那么可以将简化版放进这个枚举\n */\nexport enum SimplifiedComponentTypeEnum {\n  axis = 'axis',\n  legend = 'legend',\n  crosshair = 'crosshair'\n}\n\n/**\n * 所有轴相关的组件类型枚举\n */\nexport const axisComponentTypes: ComponentTypeEnum[] = [\n  ComponentTypeEnum.cartesianAxis,\n  ComponentTypeEnum.cartesianBandAxis,\n  ComponentTypeEnum.cartesianLinearAxis,\n  ComponentTypeEnum.cartesianTimeAxis,\n  ComponentTypeEnum.cartesianLogAxis,\n  ComponentTypeEnum.cartesianSymlogAxis,\n  ComponentTypeEnum.polarAxis,\n  ComponentTypeEnum.polarBandAxis,\n  ComponentTypeEnum.polarLinearAxis\n];\n\n/**\n * 所有图例相关的组件类型枚举\n */\nexport const legendComponentTypes: ComponentTypeEnum[] = [\n  ComponentTypeEnum.discreteLegend,\n  ComponentTypeEnum.continuousLegend,\n  ComponentTypeEnum.colorLegend,\n  ComponentTypeEnum.sizeLegend\n];\n\n/**\n * 所有 crosshair 相关的组件类型枚举\n */\nexport const crosshairComponentTypes: ComponentTypeEnum[] = [\n  ComponentTypeEnum.crosshair,\n  ComponentTypeEnum.cartesianCrosshair,\n  ComponentTypeEnum.polarCrosshair\n];\n"]}

package/cjs/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/cjs/component/label/base-label.js

@@ -25,9 +25,9 @@ class BaseLabelComponent extends base_component_1.BaseComponent {
         return !1 === hover && !1 === hover.enable || (result.hover = !0), !1 === select && !1 === select.enable || (result.select = !0), 
         result;
     }
-    _compareSpec() {
-        const result = super._compareSpec();
-        return result.reRender = !0, (0, vutils_1.isEqual)(this._originalSpec, this._spec) || (result.reMake = !0), 
+    _compareSpec(spec, prevSpec) {
+        const result = super._compareSpec(spec, prevSpec);
+        return result.reRender = !0, (0, vutils_1.isEqual)(prevSpec, spec) || (result.reMake = !0), 
         result;
     }
     onRender(ctx) {}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/base-label.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AAGvD,4CAAsD;AAGtD,6CAA8C;AAG9C,6CAA2C;AAG3C,MAAsB,kBAAsD,SAAQ,8BAAgB;IAQlG,YAAY,IAAO,EAAE,OAAyB;QAC5C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPvB,SAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC;QAC/B,SAAI,GAAW,wBAAiB,CAAC,KAAK,CAAC;QAEvC,eAAU,GAAW,MAAM,CAAC;QAC5B,iBAAY,GAAW,uBAAY,CAAC,KAAK,CAAC;QAIxC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACjE,CAAC;IAES,kBAAkB,CAAC,SAAqB;QAChD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAClC,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;SACxC;QACD,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;QAEvE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;QAC5D,IAAI,KAAK,KAAK,KAAK,IAAK,KAA+B,CAAC,MAAM,KAAK,KAAK,EAAE;YACxE,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;SACrB;QACD,IAAI,MAAM,KAAK,KAAK,IAAK,MAAiC,CAAC,MAAM,KAAK,KAAK,EAAE;YAC3E,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD,YAAY;QACV,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;QACpC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,IAAA,gBAAO,EAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;YAC5C,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,GAAuB;IAEhC,CAAC;IACD,aAAa,CAAC,OAAkB;IAEhC,CAAC;IACS,8BAA8B;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;;AAjDH,gDAkDC;AAjDQ,uBAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC","file":"base-label.js","sourcesContent":["import { BaseComponent } from '../base/base-component';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface/type';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelRenderOption } from '../../model/interface';\nimport { LayoutZIndex } from '../../constant';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface';\nimport { isEqual } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender-core';\n\nexport abstract class BaseLabelComponent<T extends ILabelSpec = ILabelSpec> extends BaseComponent<T> {\n  static type = ComponentTypeEnum.label;\n  type = ComponentTypeEnum.label;\n  name: string = ComponentTypeEnum.label;\n\n  layoutType: 'none' = 'none';\n  layoutZIndex: number = LayoutZIndex.Label;\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._regions = options.getRegionsInIndex([options.specIndex]);\n  }\n\n  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    if (interactive !== true) {\n      return { hover: false, select: false };\n    }\n    const result = { hover: false, select: false, state: labelSpec.state };\n\n    const { hover, select } = this._option.getChart().getSpec();\n    if (hover !== false || (hover as unknown as IHoverSpec).enable !== false) {\n      result.hover = true;\n    }\n    if (select !== false || (select as unknown as ISelectSpec).enable !== false) {\n      result.select = true;\n    }\n    return result;\n  }\n\n  /** Update API **/\n  _compareSpec() {\n    const result = super._compareSpec();\n    result.reRender = true;\n    if (!isEqual(this._originalSpec, this._spec)) {\n      result.reMake = true;\n    }\n\n    return result;\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [];\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/label/base-label.ts"],"names":[],"mappings":";;;AAAA,2DAAuD;AAGvD,4CAAsD;AAGtD,6CAA8C;AAG9C,6CAA2C;AAG3C,MAAsB,kBAA4B,SAAQ,8BAAgB;IAQxE,YAAY,IAAO,EAAE,OAAyB;QAC5C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPvB,SAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC;QAC/B,SAAI,GAAW,wBAAiB,CAAC,KAAK,CAAC;QAEvC,eAAU,GAAW,MAAM,CAAC;QAC5B,iBAAY,GAAW,uBAAY,CAAC,KAAK,CAAC;QAIxC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IACjE,CAAC;IAES,kBAAkB,CAAC,SAAqB;QAChD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAClC,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;SACxC;QACD,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;QAEvE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;QAC5D,IAAI,KAAK,KAAK,KAAK,IAAK,KAA+B,CAAC,MAAM,KAAK,KAAK,EAAE;YACxE,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;SACrB;QACD,IAAI,MAAM,KAAK,KAAK,IAAK,MAAiC,CAAC,MAAM,KAAK,KAAK,EAAE;YAC3E,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAGD,YAAY,CAAC,IAAO,EAAE,QAAW;QAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAClD,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,IAAA,gBAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,EAAE;YAC5B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,GAAuB;IAEhC,CAAC;IACD,aAAa,CAAC,OAAkB;IAEhC,CAAC;IACS,8BAA8B;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;;AAjDH,gDAkDC;AAjDQ,uBAAI,GAAG,wBAAiB,CAAC,KAAK,CAAC","file":"base-label.js","sourcesContent":["import { BaseComponent } from '../base/base-component';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface/type';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelRenderOption } from '../../model/interface';\nimport { LayoutZIndex } from '../../constant';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface';\nimport { isEqual } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender-core';\n\nexport abstract class BaseLabelComponent<T = any> extends BaseComponent<T> {\n  static type = ComponentTypeEnum.label;\n  type = ComponentTypeEnum.label;\n  name: string = ComponentTypeEnum.label;\n\n  layoutType: 'none' = 'none';\n  layoutZIndex: number = LayoutZIndex.Label;\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._regions = options.getRegionsInIndex([options.specIndex]);\n  }\n\n  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    if (interactive !== true) {\n      return { hover: false, select: false };\n    }\n    const result = { hover: false, select: false, state: labelSpec.state };\n\n    const { hover, select } = this._option.getChart().getSpec();\n    if (hover !== false || (hover as unknown as IHoverSpec).enable !== false) {\n      result.hover = true;\n    }\n    if (select !== false || (select as unknown as ISelectSpec).enable !== false) {\n      result.select = true;\n    }\n    return result;\n  }\n\n  /** Update API **/\n  _compareSpec(spec: T, prevSpec: T) {\n    const result = super._compareSpec(spec, prevSpec);\n    result.reRender = true;\n    if (!isEqual(prevSpec, spec)) {\n      result.reMake = true;\n    }\n\n    return result;\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n  protected _getNeedClearVRenderComponents(): IGraphic[] {\n    return [];\n  }\n}\n"]}

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

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

package/cjs/component/label/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './label';\n"]}
+{"version":3,"sources":["../src/component/label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB;AACxB,gDAA8B;AAC9B,sDAAoC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './label';\nexport * from './total-label';\nexport * from './label-transformer';\n"]}

package/cjs/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/cjs/component/label/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { BaseLabelAttrs } from '@visactor/vrender-components';\nimport type { ConvertToMarkStyleSpec, Datum, ITextMarkSpec } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { ISeries } from '../..';\nimport type { IRichTextCharacter } from '@visactor/vrender-core';\nimport type { ILabelMark } from '../../mark/label';\n\nexport interface ILabelFormatMethodContext {\n  series?: ISeries;\n}\n\nexport interface ILabelSpec extends IComponentSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  // 文本类型：text, rich, html (区分于图元类型)\n  textType?: string;\n  /** 格式化函数\n   *  支持返回值为富文本内容, 如textConfig, html\n   */\n  formatMethod?: (\n    text: string | string[],\n    datum?: Datum,\n    ctx?: ILabelFormatMethodContext\n  ) => string | string[] | IRichTextCharacter[];\n  /** 字符串模版\n   *  用{}包裹变量名的字符串模版, 变量名取自数据属性值\n   *  在饼图中支持配置百分比, {_percent_}\n   *  eg: 'type={type},value={value},percent={_percent_}'\n   *  @since 1.7.0\n   */\n  formatter?: string;\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<ITextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<ITextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /** 动画配置 */\n  animation?: BaseLabelAttrs['animation'];\n  /** 自定义标签数据筛选和排序\n   * @since 1.3.0\n   */\n  dataFilter?: BaseLabelAttrs['dataFilter'];\n  /** 自定义标签布局函数。\n   * @description 当配置了 customLayoutFunc 后，默认布局和防重叠逻辑将不再生效。（overlap/position/offset不生效）\n   * @since 1.3.0\n   */\n  customLayoutFunc?: BaseLabelAttrs['customLayoutFunc'];\n  /** 自定义标签躲避函数\n   * @description 当配置了 customOverlapFunc 后，会根据 position 和 offset 进行初始布局。配置的防重叠逻辑(overlap)不生效。\n   * @since 1.3.0\n   */\n  customOverlapFunc?: BaseLabelAttrs['customOverlapFunc'];\n  /** 标签布局 */\n  labelLayout?: 'series' | 'region';\n  /** 中心点偏移距离 */\n  centerOffset?: number;\n  /** 是否支持3D */\n  support3d?: boolean;\n}\n\ntype LabelStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type ITotalLabelSpec = Pick<\n  ILabelSpec,\n  'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state'\n>;\n\nexport interface ITotalLabelTheme\n  extends Pick<ILabelSpec, 'visible' | 'interactive' | 'offset' | 'overlap' | 'smartInvert' | 'animation'> {\n  style?: ITextMarkSpec;\n}\n\n// 内部处理转换后的标签配置\nexport type TransformedLabelSpec = ILabelSpec & { styleHandler: (mark?: ILabelMark) => void };\n"]}
+{"version":3,"sources":["../src/component/label/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { BaseLabelAttrs } from '@visactor/vrender-components';\nimport type { ConvertToMarkStyleSpec, Datum, ITextMarkSpec } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { IRichTextCharacter } from '@visactor/vrender-core';\nimport type { ILabelMark } from '../../mark/label';\nimport type { ISeries } from '../../series';\n\nexport interface ILabelFormatMethodContext {\n  series?: ISeries;\n}\n\nexport interface ILabelSpec extends IComponentSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  // 文本类型：text, rich, html (区分于图元类型)\n  textType?: string;\n  /** 格式化函数\n   *  支持返回值为富文本内容, 如textConfig, html\n   */\n  formatMethod?: (\n    text: string | string[],\n    datum?: Datum,\n    ctx?: ILabelFormatMethodContext\n  ) => string | string[] | IRichTextCharacter[];\n  /** 字符串模版\n   *  用{}包裹变量名的字符串模版, 变量名取自数据属性值\n   *  在饼图中支持配置百分比, {_percent_}\n   *  eg: 'type={type},value={value},percent={_percent_}'\n   *  @since 1.7.0\n   */\n  formatter?: string;\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<ITextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<ITextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /** 动画配置 */\n  animation?: BaseLabelAttrs['animation'];\n  /** 自定义标签数据筛选和排序\n   * @since 1.3.0\n   */\n  dataFilter?: BaseLabelAttrs['dataFilter'];\n  /** 自定义标签布局函数。\n   * @description 当配置了 customLayoutFunc 后，默认布局和防重叠逻辑将不再生效。（overlap/position/offset不生效）\n   * @since 1.3.0\n   */\n  customLayoutFunc?: BaseLabelAttrs['customLayoutFunc'];\n  /** 自定义标签躲避函数\n   * @description 当配置了 customOverlapFunc 后，会根据 position 和 offset 进行初始布局。配置的防重叠逻辑(overlap)不生效。\n   * @since 1.3.0\n   */\n  customOverlapFunc?: BaseLabelAttrs['customOverlapFunc'];\n  /** 标签布局 */\n  labelLayout?: 'series' | 'region';\n  /** 中心点偏移距离 */\n  centerOffset?: number;\n  /** 是否支持3D */\n  support3d?: boolean;\n}\n\ntype LabelStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type ITotalLabelSpec = Pick<\n  ILabelSpec,\n  'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state'\n>;\n\nexport interface ITotalLabelTheme\n  extends Pick<ILabelSpec, 'visible' | 'interactive' | 'offset' | 'overlap' | 'smartInvert' | 'animation'> {\n  style?: ITextMarkSpec;\n}\n\n// 内部处理转换后的标签配置\nexport type TransformedLabelSpec = ILabelSpec & {\n  getStyleHandler: (series: ISeries) => (mark?: ILabelMark) => void;\n};\n"]}

package/cjs/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/cjs/component/label/label-transformer.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LabelSpecTransformer = void 0;
+
+const base_1 = require("../base");
+
+class LabelSpecTransformer extends base_1.BaseComponentSpecTransformer {
+    _initTheme(spec, chartSpec) {
+        return {
+            spec: spec,
+            theme: this._theme
+        };
+    }
+}
+
+exports.LabelSpecTransformer = LabelSpecTransformer;
+//# sourceMappingURL=label-transformer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/label-transformer.ts"],"names":[],"mappings":";;;AACA,kCAAuD;AAEvD,MAAa,oBAA0D,SAAQ,mCAAkC;IACrG,UAAU,CAAC,IAAO,EAAE,SAAc;QAC1C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACtC,CAAC;CACF;AAJD,oDAIC","file":"label-transformer.js","sourcesContent":["import type { IChartSpec } from '../../typings';\nimport { BaseComponentSpecTransformer } from '../base';\n\nexport class LabelSpecTransformer<T extends IChartSpec = any, K = any> extends BaseComponentSpecTransformer<T, K> {\n  protected _initTheme(spec: T, chartSpec: any): { spec: T; theme: K } {\n    return { spec, theme: this._theme };\n  }\n}\n"]}

package/cjs/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/cjs/component/label/label.js

@@ -4,31 +4,37 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.registerLabel = exports.Label = void 0;
 
-const type_1 = require("../interface/type"), constant_1 = require("../../constant"), interface_1 = require("../../mark/interface"), merge_spec_1 = require("../../util/spec/merge-spec"), model_1 = require("../../util/model"), vgrammar_core_1 = require("@visactor/vgrammar-core"), util_1 = require("./util"), component_1 = require("../../mark/component"), base_label_1 = require("./base-label"), vutils_1 = require("@visactor/vutils"), factory_1 = require("../../core/factory"), label_1 = require("../../mark/label");
+const type_1 = require("../interface/type"), constant_1 = require("../../constant"), interface_1 = require("../../mark/interface"), merge_spec_1 = require("../../util/spec/merge-spec"), model_1 = require("../../util/model"), vgrammar_core_1 = require("@visactor/vgrammar-core"), util_1 = require("./util"), component_1 = require("../../mark/component"), base_label_1 = require("./base-label"), vutils_1 = require("@visactor/vutils"), factory_1 = require("../../core/factory"), label_1 = require("../../mark/label"), label_transformer_1 = require("./label-transformer");
 
 class Label extends base_label_1.BaseLabelComponent {
     constructor(spec, options) {
         super(spec, options), this.type = type_1.ComponentTypeEnum.label, this.name = type_1.ComponentTypeEnum.label, 
+        this.specKey = "label", this.transformerConstructor = label_transformer_1.LabelSpecTransformer, 
         this.layoutZIndex = constant_1.LayoutZIndex.Label, this._layoutRule = spec.labelLayout || "series";
     }
-    static createComponent(spec, options) {
-        const regions = options.getAllRegions(), labelComponents = [];
-        for (let i = 0; i < regions.length; i++) {
-            regions[i].getSeries().map((s => s.getMarksWithoutRoot())).flat().some((mark => {
-                var _a;
-                return null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.some((labelSpec => labelSpec.visible));
-            })) && labelComponents.push(new Label(spec, Object.assign(Object.assign({}, options), {
-                specIndex: i
-            })));
-        }
-        return labelComponents;
+    static getSpecInfo(chartSpec, chartSpecInfo) {
+        var _a;
+        const specInfo = [];
+        return null === (_a = null == chartSpecInfo ? void 0 : chartSpecInfo.region) || void 0 === _a || _a.forEach(((regionInfo, i) => {
+            var _a;
+            null === (_a = regionInfo.seriesIndexes) || void 0 === _a || _a.forEach((seriesIndex => {
+                const seriesInfo = chartSpecInfo.series[seriesIndex], {markLabelSpec: markLabelSpec = {}} = seriesInfo;
+                Object.values(markLabelSpec).some((labelSpecList => labelSpecList.some((labelSpec => labelSpec.visible)))) && specInfo.push({
+                    spec: chartSpec,
+                    type: type_1.ComponentTypeEnum.label,
+                    specPath: [ "region", i, "markLabel" ],
+                    specIndex: i
+                });
+            }));
+        })), specInfo;
     }
     init(option) {
         super.init(option), this.initEvent(), this._initTextMark(), this._initLabelComponent(), 
         this._initTextMarkStyle();
     }
-    reInit(theme) {
-        this._labelInfoMap && this._labelInfoMap.clear(), this._initTextMark(), this._initTextMarkStyle();
+    reInit(spec) {
+        super.reInit(spec), this._labelInfoMap && this._labelInfoMap.clear(), this._initTextMark(), 
+        this._initTextMarkStyle();
     }
     initEvent() {
         this.event.on(constant_1.ChartEvent.dataZoomChange, (() => {
@@ -57,25 +63,24 @@ class Label extends base_label_1.BaseLabelComponent {
     }
     _initTextMark() {
         this._labelInfoMap || (this._labelInfoMap = new Map), this._labelComponentMap || (this._labelComponentMap = new Map), 
-        (0, model_1.eachSeries)(this._regions, (s => {
-            var _a;
-            const marks = s.getMarks(), region = s.getRegion();
+        (0, model_1.eachSeries)(this._regions, (series => {
+            const {markLabelSpec: markLabelSpec = {}} = series.getSpecInfo(), markNames = Object.keys(markLabelSpec), region = series.getRegion();
             this._labelInfoMap.get(region) || this._labelInfoMap.set(region, []);
-            for (let i = 0; i < marks.length; i++) {
-                const mark = marks[i];
-                (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.length) > 0 && mark.getLabelSpec().forEach(((labelSpec, index) => {
-                    if (labelSpec.visible) {
+            for (let i = 0; i < markNames.length; i++) {
+                const markName = markNames[i], mark = series.getMarkInName(markName);
+                mark && markLabelSpec[markName].forEach(((spec, index) => {
+                    if (spec.visible) {
                         const info = this._labelInfoMap.get(region), labelMark = this._createMark({
                             type: interface_1.MarkTypeEnum.label,
-                            name: `${mark.name}-label-${index}`
+                            name: `${markName}-label-${index}`
                         }, {
                             noSeparateStyle: !0
                         });
                         labelMark.setTarget(mark), info.push({
                             labelMark: labelMark,
                             baseMark: mark,
-                            series: s,
-                            labelSpec: labelSpec
+                            series: series,
+                            labelSpec: spec
                         });
                     }
                 }));
@@ -115,7 +120,10 @@ class Label extends base_label_1.BaseLabelComponent {
             labelInfos.forEach((info => {
                 var _a, _b;
                 const {labelMark: labelMark, labelSpec: labelSpec, series: series} = info;
-                this.initMarkStyleWithSpec(labelMark, labelSpec, void 0), (0, vutils_1.isFunction)(null == labelSpec ? void 0 : labelSpec.styleHandler) && labelSpec.styleHandler.call(series, labelMark), 
+                if (this.initMarkStyleWithSpec(labelMark, labelSpec, void 0), (0, vutils_1.isFunction)(null == labelSpec ? void 0 : labelSpec.getStyleHandler)) {
+                    const styleHandler = labelSpec.getStyleHandler(series);
+                    null == styleHandler || styleHandler.call(series, labelMark);
+                }
                 (null === (_b = null === (_a = labelMark.stateStyle) || void 0 === _a ? void 0 : _a.normal) || void 0 === _b ? void 0 : _b.lineWidth) && labelMark.setAttribute("stroke", series.getColorAttribute(), "normal", constant_1.AttributeLevel.Base_Series);
             }));
         }));
@@ -189,11 +197,11 @@ class Label extends base_label_1.BaseLabelComponent {
     }
 }
 
-exports.Label = Label, Label.type = type_1.ComponentTypeEnum.label;
+exports.Label = Label, Label.type = type_1.ComponentTypeEnum.label, Label.specKey = "label", 
+Label.transformerConstructor = label_transformer_1.LabelSpecTransformer;
 
 const registerLabel = () => {
-    (0, vgrammar_core_1.registerLabel)(), factory_1.Factory.registerMark(label_1.LabelMark.constructorType, label_1.LabelMark), 
-    factory_1.Factory.registerMark(component_1.ComponentMark.type, component_1.ComponentMark), 
+    (0, vgrammar_core_1.registerLabel)(), (0, label_1.registerLabelMark)(), (0, component_1.registerComponentMark)(), 
     factory_1.Factory.registerComponent(Label.type, Label, !0);
 };