@visactor/vchart 1.13.7-alpha.0 → 2.0.0-alpha.0

package/esm/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 { LayoutLevel, LayoutZIndex } from '../../constant/layout';\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 } from './interface';\nimport type { Maybe } from '../../typings';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport { transformIndicatorStyle } from '../../util/style';\nimport { getActualNumValue } from '../../util/space';\nimport { isEqual, isValid, isFunction, array, pickWithout } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { 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';\nimport { getSpecInfo } from '../util';\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    return getSpecInfo<IIndicatorSpec>(chartSpec, this.specKey, this.type, (s: IIndicatorSpec) => {\n      return s && s.visible !== false;\n    });\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    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    const trigger = this._spec.trigger;\n    if (trigger === 'none') {\n      return;\n    }\n\n    const view = this.getCompiler()?.getVGrammarView();\n\n    if (!view) {\n      return;\n    }\n\n    if (this._spec.trigger === 'hover') {\n      view.addEventListener('element-highlight:start', (params: any) => {\n        if (this.isRelativeModel(params.options.regionId)) {\n          this.updateDatum(params.elements[0].getDatum());\n        }\n      });\n      view.addEventListener('element-highlight:reset', (params: any) => {\n        if (this.isRelativeModel(params.options.regionId)) {\n          this.updateDatum(null);\n        }\n      });\n    } else {\n      view.addEventListener('element-select:start', (params: any) => {\n        if (this.isRelativeModel(params.options.regionId)) {\n          this.updateDatum(params.elements[0].getDatum());\n        }\n      });\n      view.addEventListener('element-select:reset', (params: any) => {\n        if (this.isRelativeModel(params.options.regionId)) {\n          this.updateDatum(null);\n        }\n      });\n    }\n  }\n\n  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    if (this._spec.visible === false || (this._spec.fixed === false && this._activeDatum === null)) {\n      return {\n        visible: false\n      } as IndicatorAttributes;\n    }\n\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    const { x, y } = region.getLayoutStartPoint();\n    const { content, offsetX, offsetY, limitRatio, title, ...restSpec } = this._spec;\n\n    const contentComponentSpec: IIndicatorItemSpec[] = [];\n    array(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        fitStrategy: contentSpec.fitStrategy,\n        style: {\n          ...transformIndicatorStyle(pickWithout(contentSpec.style, ['text']), this._activeDatum),\n          text: this._createText(contentSpec.field, contentSpec.style.text)\n        }\n      });\n    });\n\n    return {\n      visible: true,\n      size: {\n        width: width,\n        height: height\n      },\n      zIndex: this.layoutZIndex,\n      x: x,\n      y: y,\n      dx: offsetX ? getActualNumValue(offsetX, this._computeLayoutRadius()) : 0,\n      dy: offsetY ? getActualNumValue(offsetY, this._computeLayoutRadius()) : 0,\n      limitRatio: limitRatio || Infinity,\n      title: {\n        visible: title.visible !== false && (!isValid(title.field) || this._activeDatum !== null),\n        space: title.space || this._gap,\n        autoLimit: title.autoLimit,\n        autoFit: title.autoFit,\n        fitPercent: title.fitPercent,\n        fitStrategy: title.fitStrategy,\n        style: {\n          ...transformIndicatorStyle(pickWithout(title.style, ['text']), this._activeDatum),\n          text: this._createText(title.field, title.style.text as any) // FIXME: type\n        }\n      },\n      content: contentComponentSpec,\n      ...(restSpec as unknown as IndicatorAttributes)\n    } as IndicatorAttributes;\n  }\n\n  private _createOrUpdateIndicatorComponent(attrs: IndicatorAttributes) {\n    if (attrs.visible === false) {\n      // 按照vrender-component 的设置，只切换visible: false，并不会更新组件，所以强制删掉节点\n      if (this._indicatorComponent && this._indicatorComponent.parent) {\n        this._indicatorComponent.parent.removeChild(this._indicatorComponent);\n      }\n      this._indicatorComponent = null;\n      return;\n    }\n\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  }\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(regionId: number) {\n    return this._regions.some(region => region.id === regionId);\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  getIndicatorComponent(): IndicatorComponents {\n    return this._indicatorComponent;\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 { LayoutLevel, LayoutZIndex } from '../../constant/layout';\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 } from './interface';\nimport type { Datum, Maybe } from '../../typings';\nimport { mergeSpec } from '@visactor/vutils-extension';\nimport { transformIndicatorStyle } from '../../util/style';\nimport { getActualNumValue } from '../../util/space';\nimport { isEqual, isValid, isFunction, array, pickWithout } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { 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';\nimport { getSpecInfo } from '../util';\nimport { getDatumOfGraphic } from '../../util/mark';\nimport type { IMarkGraphic } from '../../mark/interface';\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    return getSpecInfo<IIndicatorSpec>(chartSpec, this.specKey, this.type, (s: IIndicatorSpec) => {\n      return s && s.visible !== false;\n    });\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    if (this._option.disableTriggerEvent) {\n      return;\n    }\n    const trigger = this._spec.trigger;\n    if (trigger === 'none') {\n      return;\n    }\n\n    if (this._spec.trigger === 'hover') {\n      this.event.on('element-highlight:start', (params: any) => {\n        const g = params.graphics[0];\n\n        if (this.isRelativeModel(g)) {\n          this.updateDatum(getDatumOfGraphic(g) as Datum[]);\n        }\n      });\n      this.event.on('element-highlight:reset', (params: any) => {\n        if (this._activeDatum) {\n          this.updateDatum(null);\n        }\n      });\n    } else {\n      this.event.on('element-select:start', (params: any) => {\n        const g = params.graphics[0];\n\n        if (this.isRelativeModel(g)) {\n          this.updateDatum(getDatumOfGraphic(g) as Datum[]);\n        }\n      });\n      this.event.on('element-select:reset', (params: any) => {\n        if (this._activeDatum) {\n          this.updateDatum(null);\n        }\n      });\n    }\n  }\n\n  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    if (this._spec.visible === false || (this._spec.fixed === false && this._activeDatum === null)) {\n      return {\n        visible: false\n      } as IndicatorAttributes;\n    }\n\n    const region = this._regions[0];\n    const { width, height } = region.getLayoutRect();\n    const { x, y } = region.getLayoutStartPoint();\n    const { content, offsetX, offsetY, limitRatio, title, ...restSpec } = this._spec;\n\n    const contentComponentSpec: IIndicatorItemSpec[] = [];\n    array(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        fitStrategy: contentSpec.fitStrategy,\n        style: {\n          ...transformIndicatorStyle(pickWithout(contentSpec.style, ['text']), this._activeDatum),\n          text: this._createText(contentSpec.field, contentSpec.style.text)\n        }\n      });\n    });\n\n    return {\n      visible: true,\n      size: {\n        width: width,\n        height: height\n      },\n      zIndex: this.layoutZIndex,\n      x: x,\n      y: y,\n      dx: offsetX ? getActualNumValue(offsetX, this._computeLayoutRadius()) : 0,\n      dy: offsetY ? getActualNumValue(offsetY, this._computeLayoutRadius()) : 0,\n      limitRatio: limitRatio || Infinity,\n      title: {\n        visible: title.visible !== false && (!isValid(title.field) || this._activeDatum !== null),\n        space: title.space || this._gap,\n        autoLimit: title.autoLimit,\n        autoFit: title.autoFit,\n        fitPercent: title.fitPercent,\n        fitStrategy: title.fitStrategy,\n        style: {\n          ...transformIndicatorStyle(pickWithout(title.style, ['text']), this._activeDatum),\n          text: this._createText(title.field, title.style.text as any) // FIXME: type\n        }\n      },\n      content: contentComponentSpec,\n      ...(restSpec as unknown as IndicatorAttributes)\n    } as IndicatorAttributes;\n  }\n\n  private _createOrUpdateIndicatorComponent(attrs: IndicatorAttributes) {\n    if (attrs.visible === false) {\n      // 按照vrender-component 的设置，只切换visible: false，并不会更新组件，所以强制删掉节点\n      if (this._indicatorComponent && this._indicatorComponent.parent) {\n        this._indicatorComponent.parent.removeChild(this._indicatorComponent);\n      }\n      this._indicatorComponent = null;\n      return;\n    }\n\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  }\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(g: IMarkGraphic) {\n    return this._regions.some(region => !!region.getSeriesInId(g.context.modelId));\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  getIndicatorComponent(): IndicatorComponents {\n    return this._indicatorComponent;\n  }\n}\n\nexport const registerIndicator = () => {\n  Factory.registerComponent(Indicator.type, Indicator);\n};\n"]}

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

@@ -5,6 +5,9 @@ import type { IRegion } from '../../region/interface';
 import type { IModelRenderOption } from '../../model/interface';
 import type { ILabelSpec } from './interface';
 import type { IGraphic } from '@visactor/vrender-core';
+import type { IComponentMark } from '../../mark/interface/mark';
+import type { ICompilableMark } from '../../compile/mark/interface';
+import type { IMark } from '../../mark/interface/common';
 export declare abstract class BaseLabelComponent<T = any> extends BaseComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
@@ -29,6 +32,8 @@ export declare abstract class BaseLabelComponent<T = any> extends BaseComponent<
         reSize: boolean;
         reCompile: boolean;
     };
+    _getDataLabelType(baseMark: ICompilableMark, type?: string): string;
+    _setTransformOfComponent(labelComponent: IComponentMark, baseMark: IMark | IMark[]): void;
     onRender(ctx: IModelRenderOption): void;
     changeRegions(regions: IRegion[]): void;
     protected _getNeedClearVRenderComponents(): IGraphic[];

package/esm/component/label/base-label.js

@@ -4,7 +4,11 @@ import { ComponentTypeEnum } from "../interface/type";
 
 import { LayoutZIndex } from "../../constant/layout";
 
-import { isEqual } from "@visactor/vutils";
+import { array, isEqual, isNil, isPlainObject } from "@visactor/vutils";
+
+import { DiffState } from "../../mark/interface/enum";
+
+import { getActualColor } from "../../core";
 
 export class BaseLabelComponent extends BaseComponent {
     constructor(spec, options) {
@@ -26,6 +30,50 @@ export class BaseLabelComponent extends BaseComponent {
         const result = super._compareSpec(spec, prevSpec);
         return result.reRender = !0, isEqual(prevSpec, spec) || (result.reMake = !0), result;
     }
+    _getDataLabelType(baseMark, type) {
+        const markType = baseMark.type;
+        return "line" === markType || "area" === markType ? null != type ? type : "line-data" : "rect" === markType || "rect3d" === markType ? "rect" : "arc" === markType || "arc3d" === markType ? "arc" : "symbol" === markType || "cell" === markType ? "symbol" : "";
+    }
+    _setTransformOfComponent(labelComponent, baseMark) {
+        labelComponent.setAttributeTransform((({labelStyle: labelStyle, size: size, itemEncoder: itemEncoder}) => {
+            const regionSize = size(), defaultFill = getActualColor({
+                type: "palette",
+                key: "secondaryFontColor"
+            }, this.getColorScheme());
+            return {
+                dataLabels: array(baseMark).map(((mark, labelIndex) => {
+                    const labelStyleRes = labelStyle(labelIndex), labelData = [], graphics = mark.getGraphics();
+                    if (graphics) return labelStyleRes.data && labelStyleRes.data.length ? labelStyleRes.data.forEach(((d, index) => {
+                        if (graphics[index]) {
+                            const formattedDatum = itemEncoder(d, {
+                                labelIndex: labelIndex
+                            });
+                            isNil(formattedDatum.fill) && (formattedDatum.fill = defaultFill), isNil(formattedDatum.data) && (formattedDatum.data = d), 
+                            labelData.push(formattedDatum);
+                        }
+                    })) : graphics.forEach((g => {
+                        const {data: data, diffState: diffState} = g.context;
+                        diffState !== DiffState.exit && data.forEach(((datum, {}) => {
+                            const formattedDatum = itemEncoder(datum, {
+                                labelIndex: labelIndex
+                            });
+                            isNil(formattedDatum.fill) && (formattedDatum.fill = defaultFill), isNil(formattedDatum.data) && (formattedDatum.data = datum), 
+                            labelData.push(formattedDatum);
+                        }));
+                    })), isPlainObject(labelStyleRes.overlap) && isNil(labelStyleRes.overlap.size) && (labelStyleRes.overlap.size = Object.assign({}, regionSize)), 
+                    Object.assign(Object.assign({
+                        smartInvert: !1,
+                        baseMarkGroupName: mark.getProductId(),
+                        getBaseMarks: () => graphics
+                    }, labelStyleRes), {
+                        type: this._getDataLabelType(mark, labelStyleRes.type),
+                        data: labelData
+                    });
+                })),
+                size: regionSize
+            };
+        }));
+    }
     onRender(ctx) {}
     changeRegions(regions) {}
     _getNeedClearVRenderComponents() {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/base-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,MAAM,OAAgB,kBAA4B,SAAQ,aAAgB;IAQxE,YAAY,IAAO,EAAE,OAAyB;QAC5C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPvB,SAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;QAC/B,SAAI,GAAW,iBAAiB,CAAC,KAAK,CAAC;QAEvC,eAAU,GAAW,MAAM,CAAC;QAC5B,iBAAY,GAAW,YAAY,CAAC,KAAK,CAAC;QAIxC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnE,CAAC;IAES,kBAAkB,CAAC,SAAqB;QAChD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAClC,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;QACvE,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,OAAO,MAAM,CAAC;SACf;QAED,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,OAAO,CAAC,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;;AAhDM,uBAAI,GAAG,iBAAiB,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/layout';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface';\nimport type { LooseFunction } from '@visactor/vutils';\nimport { isEqual } from '@visactor/vutils';\nimport type { IGraphic, IGroup } 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.regionIndexes);\n  }\n\n  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    const result = { hover: false, select: false, state: labelSpec.state };\n    if (interactive !== true) {\n      return result;\n    }\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"]}
+{"version":3,"sources":["../src/component/label/base-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIxE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAE5C,MAAM,OAAgB,kBAA4B,SAAQ,aAAgB;IAQxE,YAAY,IAAO,EAAE,OAAyB;QAC5C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAPvB,SAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;QAC/B,SAAI,GAAW,iBAAiB,CAAC,KAAK,CAAC;QAEvC,eAAU,GAAW,MAAM,CAAC;QAC5B,iBAAY,GAAW,YAAY,CAAC,KAAK,CAAC;QAIxC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnE,CAAC;IAES,kBAAkB,CAAC,SAAqB;QAChD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAClC,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;QACvE,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,OAAO,MAAM,CAAC;SACf;QAED,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,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE;YAC5B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,iBAAiB,CAAC,QAAyB,EAAE,IAAa;QACxD,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC;QAE/B,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,MAAM,EAAE;YAC9C,OAAO,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,WAAW,CAAC;SAC5B;QACD,IAAI,QAAQ,WAAsB,IAAI,QAAQ,aAAwB,EAAE;YACtE,OAAO,MAAM,CAAC;SACf;QAED,IAAI,QAAQ,UAAqB,IAAI,QAAQ,YAAuB,EAAE;YACpE,OAAO,KAAK,CAAC;SACd;QAED,IAAI,QAAQ,aAAwB,IAAI,QAAQ,WAAsB,EAAE;YACtE,OAAO,QAAQ,CAAC;SACjB;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,wBAAwB,CAAC,cAA8B,EAAE,QAAyB;QAChF,cAAc,CAAC,qBAAqB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE;YACzE,MAAM,UAAU,GAAG,IAAI,EAAE,CAAC;YAC1B,MAAM,WAAW,GAAG,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;YAC1G,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAW,EAAE,UAAkB,EAAE,EAAE;gBACzE,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;gBAC7C,MAAM,SAAS,GAAU,EAAE,CAAC;gBAC5B,MAAM,QAAQ,GAAI,IAAY,CAAC,WAAW,EAAE,CAAC;gBAE7C,IAAI,CAAC,QAAQ,EAAE;oBACb,OAAO;iBACR;gBAED,IAAI,aAAa,CAAC,IAAI,IAAI,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE;oBACnD,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAQ,EAAE,KAAa,EAAE,EAAE;wBACrD,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE;4BACnB,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;4BAEtD,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;gCAC9B,cAAc,CAAC,IAAI,GAAG,WAAW,CAAC;6BACnC;4BACD,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;gCAC9B,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC;6BACzB;4BAED,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;yBAChC;oBACH,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAW,EAAE,EAAE;wBAC/B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;wBAEtC,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,EAAE;4BAChC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAY,EAAE,EAAE,EAAE,EAAE;gCAChC,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;gCAE1D,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;oCAC9B,cAAc,CAAC,IAAI,GAAG,WAAW,CAAC;iCACnC;gCACD,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;oCAC9B,cAAc,CAAC,IAAI,GAAG,KAAK,CAAC;iCAC7B;gCAED,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;4BACjC,CAAC,CAAC,CAAC;yBACJ;oBACH,CAAC,CAAC,CAAC;iBACJ;gBAED,IAAI,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBAC7E,aAAa,CAAC,OAAO,CAAC,IAAI,qBACrB,UAAU,CACd,CAAC;iBACH;gBAED,qCACE,WAAW,EAAE,KAAK,EAClB,iBAAiB,EAAE,IAAI,CAAC,YAAY,EAAE,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IACzB,aAAa,KAChB,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,EACtD,IAAI,EAAE,SAAS,IACf;YACJ,CAAC,CAAC,CAAC;YAEH,OAAO;gBACL,UAAU;gBACV,IAAI,EAAE,UAAU;aACjB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAuB;IAEhC,CAAC;IACD,aAAa,CAAC,OAAkB;IAEhC,CAAC;IACS,8BAA8B;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;;AA7IM,uBAAI,GAAG,iBAAiB,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/layout';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface/spec';\nimport { array, isEqual, isNil, isPlainObject } from '@visactor/vutils';\nimport type { IGraphic } from '@visactor/vrender-core';\nimport type { IComponentMark } from '../../mark/interface/mark';\nimport type { ICompilableMark } from '../../compile/mark/interface';\nimport { DiffState } from '../../mark/interface/enum';\nimport type { Datum } from '../../typings/common';\nimport { MarkTypeEnum } from '../../mark/interface/type';\nimport type { IMark } from '../../mark/interface/common';\nimport { getActualColor } from '../../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.regionIndexes);\n  }\n\n  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    const result = { hover: false, select: false, state: labelSpec.state };\n    if (interactive !== true) {\n      return result;\n    }\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  _getDataLabelType(baseMark: ICompilableMark, type?: string) {\n    const markType = baseMark.type;\n\n    if (markType === 'line' || markType === 'area') {\n      return type ?? 'line-data';\n    }\n    if (markType === MarkTypeEnum.rect || markType === MarkTypeEnum.rect3d) {\n      return 'rect';\n    }\n\n    if (markType === MarkTypeEnum.arc || markType === MarkTypeEnum.arc3d) {\n      return 'arc';\n    }\n\n    if (markType === MarkTypeEnum.symbol || markType === MarkTypeEnum.cell) {\n      return 'symbol';\n    }\n\n    return '';\n  }\n\n  _setTransformOfComponent(labelComponent: IComponentMark, baseMark: IMark | IMark[]) {\n    labelComponent.setAttributeTransform(({ labelStyle, size, itemEncoder }) => {\n      const regionSize = size();\n      const defaultFill = getActualColor({ type: 'palette', key: 'secondaryFontColor' }, this.getColorScheme());\n      const dataLabels = array(baseMark).map((mark: IMark, labelIndex: number) => {\n        const labelStyleRes = labelStyle(labelIndex);\n        const labelData: any[] = [];\n        const graphics = (mark as any).getGraphics();\n\n        if (!graphics) {\n          return;\n        }\n\n        if (labelStyleRes.data && labelStyleRes.data.length) {\n          labelStyleRes.data.forEach((d: Datum, index: number) => {\n            if (graphics[index]) {\n              const formattedDatum = itemEncoder(d, { labelIndex });\n\n              if (isNil(formattedDatum.fill)) {\n                formattedDatum.fill = defaultFill;\n              }\n              if (isNil(formattedDatum.data)) {\n                formattedDatum.data = d;\n              }\n\n              labelData.push(formattedDatum);\n            }\n          });\n        } else {\n          graphics.forEach((g: IGraphic) => {\n            const { data, diffState } = g.context;\n\n            if (diffState !== DiffState.exit) {\n              data.forEach((datum: Datum, {}) => {\n                const formattedDatum = itemEncoder(datum, { labelIndex });\n\n                if (isNil(formattedDatum.fill)) {\n                  formattedDatum.fill = defaultFill;\n                }\n                if (isNil(formattedDatum.data)) {\n                  formattedDatum.data = datum;\n                }\n\n                labelData.push(formattedDatum);\n              });\n            }\n          });\n        }\n\n        if (isPlainObject(labelStyleRes.overlap) && isNil(labelStyleRes.overlap.size)) {\n          labelStyleRes.overlap.size = {\n            ...regionSize\n          };\n        }\n\n        return {\n          smartInvert: false, // 之前在vgrammar 中设置的默认值\n          baseMarkGroupName: mark.getProductId(),\n          getBaseMarks: () => graphics,\n          ...labelStyleRes,\n          type: this._getDataLabelType(mark, labelStyleRes.type),\n          data: labelData\n        };\n      });\n\n      return {\n        dataLabels,\n        size: regionSize\n      };\n    });\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/esm/component/label/interface.d.ts

@@ -1,12 +1,11 @@
 import type { BaseLabelAttrs } from '@visactor/vrender-components';
 import type { ConvertToMarkStyleSpec, Datum, IComposedTextMarkSpec, IFormatMethod, ITextMarkSpec } from '../../typings';
 import type { IComponentSpec } from '../base/interface';
-import type { ILabelMark } from '../../mark/interface';
+import type { ILabelMark, IMark } from '../../mark/interface';
 import type { ISeries } from '../../series/interface';
-import type { ICompilableMark } from '../../compile/mark/interface';
 import type { IRegion } from '../../region/interface';
 export interface ILabelInfo {
-    baseMark: ICompilableMark;
+    baseMark: IMark;
     labelMark: ILabelMark;
     series: ISeries;
     labelSpec: TransformedLabelSpec;

package/esm/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, IComposedTextMarkSpec, IFormatMethod, ITextMarkSpec } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { ILabelMark } from '../../mark/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { ICompilableMark } from '../../compile/mark/interface';\nimport type { IRegion } from '../../region/interface';\n\nexport interface ILabelInfo {\n  baseMark: ICompilableMark;\n  labelMark: ILabelMark;\n  series: ISeries;\n  labelSpec: TransformedLabelSpec;\n}\n\nexport interface ILabelComponentContext {\n  region: IRegion;\n  labelInfo: ILabelInfo[];\n}\n\nexport interface ILabelFormatMethodContext {\n  series?: ISeries;\n}\n\n/**\n * 系列图元标签配置，一般用于展示数据项\n */\nexport interface ILabelSpec extends IComponentSpec, ILabelAnimationSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /**\n   * 是否支持交互。\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * 文本类型：text, rich,\n   * @since 1.7.0\n   * @deprecated\n   */\n  textType?: 'text' | 'rich';\n  /**\n   * 格式化函数\n   * @since 1.10.0 支持返回结构 `{type:'rich', text: [{text:'some text', fill:'black', fontSize: 20}]}\n   */\n  formatMethod?: IFormatMethod<[text: string | string[], datum?: Datum, ctx?: ILabelFormatMethodContext]>;\n  /**\n   * 字符串模版\n   * 用{}包裹变量名的字符串模版, 变量名取自数据属性值\n   * eg: 'type={type},value={value}'\n   * @since 1.7.0\n   */\n  formatter?: string | string[];\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<IComposedTextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<IComposedTextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /**\n   * 堆积数据过滤类型\n   * @since 1.12.0\n   */\n  stackDataFilterType?: 'min' | 'max';\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   * 防重叠计算完成后的回调函数\n   * @since 1.13.5\n   */\n  onAfterOverlapping?: BaseLabelAttrs['onAfterOverlapping'];\n  /**\n   * 标签布局\n   */\n  labelLayout?: 'series' | 'region';\n  /**\n   * 是否支持3D\n   */\n  support3d?: boolean;\n  /**\n   * 是否同步数据图元的状态变化\n   * @default false\n   * @since 1.9.0\n   */\n  syncState?: boolean;\n  /**\n   * 是否显示标签关联图元的 mark tooltip\n   * @default false\n   * @since 1.13.5\n   */\n  showRelatedMarkTooltip?: boolean;\n}\n\nexport type ILabelAnimationSpec = Pick<\n  BaseLabelAttrs,\n  'animation' | 'animationEnter' | 'animationUpdate' | 'animationExit'\n>;\nexport type IMultiLabelSpec<T extends Omit<ILabelSpec, 'position'>> = T | T[];\n\ntype LabelStateStyle<T> = {\n  /**\n   * 标签hover状态样式配置\n   */\n  hover?: T;\n  /**\n   * 标签hover_reverse状态样式配置\n   */\n  hover_reverse?: T;\n  /**\n   * 标签选中状态样式配置\n   */\n  selected?: T;\n  /**\n   * 标签未选中状态样式配置\n   */\n  selected_reverse?: T;\n};\n\nexport type ITotalLabelSpec = Pick<\n  ILabelSpec,\n  'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state' | 'textType' | 'overlap'\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, spec?: any) => void;\n};\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, IComposedTextMarkSpec, IFormatMethod, ITextMarkSpec } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\nimport type { ILabelMark, IMark } from '../../mark/interface';\nimport type { ISeries } from '../../series/interface';\nimport type { IRegion } from '../../region/interface';\n\nexport interface ILabelInfo {\n  baseMark: IMark;\n  labelMark: ILabelMark;\n  series: ISeries;\n  labelSpec: TransformedLabelSpec;\n}\n\nexport interface ILabelComponentContext {\n  region: IRegion;\n  labelInfo: ILabelInfo[];\n}\n\nexport interface ILabelFormatMethodContext {\n  series?: ISeries;\n}\n\n/**\n * 系列图元标签配置，一般用于展示数据项\n */\nexport interface ILabelSpec extends IComponentSpec, ILabelAnimationSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /**\n   * 是否支持交互。\n   * @default false\n   */\n  interactive?: boolean;\n  /**\n   * 文本类型：text, rich,\n   * @since 1.7.0\n   * @deprecated\n   */\n  textType?: 'text' | 'rich';\n  /**\n   * 格式化函数\n   * @since 1.10.0 支持返回结构 `{type:'rich', text: [{text:'some text', fill:'black', fontSize: 20}]}\n   */\n  formatMethod?: IFormatMethod<[text: string | string[], datum?: Datum, ctx?: ILabelFormatMethodContext]>;\n  /**\n   * 字符串模版\n   * 用{}包裹变量名的字符串模版, 变量名取自数据属性值\n   * eg: 'type={type},value={value}'\n   * @since 1.7.0\n   */\n  formatter?: string | string[];\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<IComposedTextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<IComposedTextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /**\n   * 堆积数据过滤类型\n   * @since 1.12.0\n   */\n  stackDataFilterType?: 'min' | 'max';\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   * 防重叠计算完成后的回调函数\n   * @since 1.13.5\n   */\n  onAfterOverlapping?: BaseLabelAttrs['onAfterOverlapping'];\n  /**\n   * 标签布局\n   */\n  labelLayout?: 'series' | 'region';\n  /**\n   * 是否支持3D\n   */\n  support3d?: boolean;\n  /**\n   * 是否同步数据图元的状态变化\n   * @default false\n   * @since 1.9.0\n   */\n  syncState?: boolean;\n  /**\n   * 是否显示标签关联图元的 mark tooltip\n   * @default false\n   * @since 1.13.5\n   */\n  showRelatedMarkTooltip?: boolean;\n}\n\nexport type ILabelAnimationSpec = Pick<\n  BaseLabelAttrs,\n  'animation' | 'animationEnter' | 'animationUpdate' | 'animationExit'\n>;\nexport type IMultiLabelSpec<T extends Omit<ILabelSpec, 'position'>> = T | T[];\n\ntype LabelStateStyle<T> = {\n  /**\n   * 标签hover状态样式配置\n   */\n  hover?: T;\n  /**\n   * 标签hover_reverse状态样式配置\n   */\n  hover_reverse?: T;\n  /**\n   * 标签选中状态样式配置\n   */\n  selected?: T;\n  /**\n   * 标签未选中状态样式配置\n   */\n  selected_reverse?: T;\n};\n\nexport type ITotalLabelSpec = Pick<\n  ILabelSpec,\n  'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state' | 'textType' | 'overlap'\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, spec?: any) => void;\n};\n"]}

package/esm/component/label/label.d.ts

@@ -2,8 +2,8 @@ import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface/type';
 import type { IRegion } from '../../region/interface';
 import type { IModelInitOption, IModelSpecInfo } from '../../model/interface';
-import type { IComponentMark } from '../../mark/interface';
-import type { ILabel, IMark as IVGrammarMark } from '@visactor/vgrammar-core';
+import type { IMark } from '../../mark/interface';
+import { type IComponentMark } from '../../mark/interface';
 import { BaseLabelComponent } from './base-label';
 import type { Maybe } from '@visactor/vutils';
 import type { ILabelInfo } from './interface';
@@ -34,7 +34,7 @@ export declare class Label<T extends IChartSpec = any> extends BaseLabelComponen
     updateLayoutAttribute(): void;
     protected _updateMultiLabelAttribute(labelInfo: ILabelInfo[], labelComponent: IComponentMark): void;
     protected _updateSingleLabelAttribute(labelInfo: ILabelInfo, labelComponent: IComponentMark): void;
-    protected _updateLabelComponentAttribute(component: ILabel, target: IVGrammarMark | IVGrammarMark[], labelInfos: ILabelInfo[]): void;
+    protected _updateLabelComponentAttribute(labelComponent: IComponentMark, baseMark: IMark | IMark[], labelInfos: ILabelInfo[]): void;
     compileMarks(): void;
     getVRenderComponents(): any[];
     getLabelInfoByTextGraphic(text: IGraphic): ILabelInfo;

package/esm/component/label/label.js

@@ -2,7 +2,7 @@ import { ComponentTypeEnum } from "../interface/type";
 
 import { STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_TOP } from "../../constant/data";
 
-import { ChartEvent, VGRAMMAR_HOOK_EVENT } from "../../constant/event";
+import { ChartEvent, HOOK_EVENT } from "../../constant/event";
 
 import { AttributeLevel } from "../../constant/attribute";
 
@@ -12,8 +12,6 @@ import { mergeSpec } from "@visactor/vutils-extension";
 
 import { eachSeries } from "../../util/model";
 
-import { registerLabel as registerVGrammarLabel } from "@visactor/vgrammar-core";
-
 import { defaultLabelConfig, textAttribute } from "./util";
 
 import { registerComponentMark } from "../../mark/component";
@@ -28,6 +26,8 @@ import { registerLabelMark } from "../../mark/label";
 
 import { LabelSpecTransformer } from "./label-transformer";
 
+import { DataLabel } from "@visactor/vrender-components";
+
 export class Label extends BaseLabelComponent {
     constructor(spec, options) {
         super(spec, options), this.type = ComponentTypeEnum.label, this.name = ComponentTypeEnum.label, 
@@ -53,21 +53,25 @@ export class Label extends BaseLabelComponent {
         this._initTextMarkStyle();
     }
     reInit(spec) {
-        super.reInit(spec), this._labelInfoMap && this._labelInfoMap.clear(), this._initTextMark(), 
-        this._initTextMarkStyle();
+        super.reInit(spec), this._labelInfoMap && (this._labelInfoMap.forEach((labelInfos => {
+            labelInfos.forEach((({labelMark: labelMark}) => {
+                labelMark.release();
+            }));
+        })), this._labelInfoMap.clear()), this._labelInfoMap && this._labelInfoMap.clear(), 
+        this._initTextMark(), this._initLabelComponent(), this._initTextMarkStyle();
     }
     initEvent() {
         this.event.on(ChartEvent.dataZoomChange, (() => {
             this._labelComponentMap.forEach(((info, component) => {
-                const graphicItem = component.getProduct().getGroupGraphicItem();
+                const graphicItem = component.getComponent();
                 graphicItem && graphicItem.disableAnimation();
-            })), this.event.on(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
+            })), this.event.on(HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
         }));
         const enableAnimation = () => {
             this._labelComponentMap.forEach(((info, component) => {
-                const graphicItem = component.getProduct().getGroupGraphicItem();
+                const graphicItem = component.getComponent();
                 graphicItem && graphicItem.enableAnimation();
-            })), this.event.off(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
+            })), this.event.off(HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
         };
     }
     _initTextMark() {
@@ -84,7 +88,6 @@ export class Label extends BaseLabelComponent {
                             type: "label",
                             name: `${markName}-label-${index}`
                         }, {
-                            noSeparateStyle: !0,
                             attributeContext: series.getMarkAttributeContext()
                         });
                         spec.showRelatedMarkTooltip && (null === (_b = null === (_a = series.tooltipHelper) || void 0 === _a ? void 0 : _a.activeTriggerSet.mark) || void 0 === _b || _b.add(labelMark)), 
@@ -100,34 +103,52 @@ export class Label extends BaseLabelComponent {
         }));
     }
     _initLabelComponent() {
-        this._labelInfoMap.forEach(((regionLabelInfo, region) => {
+        const removedComponents = {};
+        this._labelComponentMap.forEach(((labelInfo, comp) => {
+            removedComponents[comp.name] = comp;
+        })), this._labelInfoMap.forEach(((regionLabelInfo, region) => {
             if ("region" === this._layoutRule) {
-                const component = this._createMark({
+                let isNew = !1;
+                const labelName = `${region.getGroupMark().name}-label-component`;
+                let component = removedComponents[labelName];
+                component || (isNew = !0, component = this._createMark({
                     type: "component",
-                    name: `${region.getGroupMark().name}-label-component`
+                    name: labelName
                 }, {
-                    componentType: "label",
-                    noSeparateStyle: !0
+                    componentType: "label"
                 }, {
                     support3d: this._spec.support3d
-                });
-                component && (component.setSkipBeforeLayouted(!0), regionLabelInfo[0] && isValid(regionLabelInfo[0].labelSpec.zIndex) && component.setMarkConfig({
+                })), component && (isNew && (component.setSkipBeforeLayouted(!0), this._marks.addMark(component), 
+                regionLabelInfo.forEach((labelInfo => {
+                    var _a;
+                    null === (_a = labelInfo.baseMark.getData()) || void 0 === _a || _a.addRelatedMark(component);
+                }))), regionLabelInfo[0] && isValid(regionLabelInfo[0].labelSpec.zIndex) && component.setMarkConfig({
                     zIndex: regionLabelInfo[0].labelSpec.zIndex
-                }), this._marks.addMark(component), this._labelComponentMap.set(component, (() => this._labelInfoMap.get(region))));
+                }), this._labelComponentMap.set(component, (() => this._labelInfoMap.get(region))), 
+                removedComponents[labelName] = null);
             } else regionLabelInfo.forEach(((labelInfo, i) => {
-                const component = this._createMark({
+                var _a;
+                let isNew = !1;
+                const labelName = `${labelInfo.labelMark.name}-component`;
+                let component = removedComponents[labelName];
+                component || (isNew = !0, component = this._createMark({
                     type: "component",
-                    name: `${labelInfo.labelMark.name}-component`
+                    name: labelName
                 }, {
                     componentType: "label",
                     noSeparateStyle: !0
                 }, {
                     support3d: labelInfo.baseMark.getMarkConfig().support3d
-                });
-                component && (isValid(labelInfo.labelSpec.zIndex) && component.setMarkConfig({
+                })), component && (isValid(labelInfo.labelSpec.zIndex) && component.setMarkConfig({
                     zIndex: labelInfo.labelSpec.zIndex
-                }), component.setSkipBeforeLayouted(!0), this._marks.addMark(component), this._labelComponentMap.set(component, (() => this._labelInfoMap.get(region)[i])));
+                }), isNew && (component.setSkipBeforeLayouted(!0), this._marks.addMark(component), 
+                null === (_a = labelInfo.baseMark.getData()) || void 0 === _a || _a.addRelatedMark(component)), 
+                this._labelComponentMap.set(component, (() => this._labelInfoMap.get(region)[i])), 
+                removedComponents[labelName] = null);
             }));
+        })), Object.keys(removedComponents).forEach((name => {
+            const comp = removedComponents[name];
+            comp && (comp.release(), this._labelComponentMap.delete(comp));
         }));
     }
     _initTextMarkStyle() {
@@ -139,7 +160,7 @@ export class Label extends BaseLabelComponent {
             labelInfos.forEach((info => {
                 var _a, _b;
                 const {labelMark: labelMark, labelSpec: labelSpec, series: series} = info;
-                if (this.initMarkStyleWithSpec(labelMark, labelSpec, void 0), isFunction(null == labelSpec ? void 0 : labelSpec.getStyleHandler)) {
+                if (this.initMarkStyleWithSpec(labelMark, labelSpec), isFunction(null == labelSpec ? void 0 : labelSpec.getStyleHandler)) {
                     const styleHandler = labelSpec.getStyleHandler(series);
                     null == styleHandler || styleHandler.call(series, labelMark, labelSpec);
                 }
@@ -154,27 +175,26 @@ export class Label extends BaseLabelComponent {
         }));
     }
     _updateMultiLabelAttribute(labelInfo, labelComponent) {
-        this._updateLabelComponentAttribute(labelComponent.getProduct(), labelInfo.map((({baseMark: baseMark}) => baseMark.getProduct())), labelInfo);
+        this._updateLabelComponentAttribute(labelComponent, labelInfo.map((({baseMark: baseMark}) => baseMark)), labelInfo);
     }
     _updateSingleLabelAttribute(labelInfo, labelComponent) {
         const {baseMark: baseMark} = labelInfo;
-        this._updateLabelComponentAttribute(labelComponent.getProduct(), baseMark.getProduct(), [ labelInfo ]);
+        this._updateLabelComponentAttribute(labelComponent, baseMark, [ labelInfo ]);
     }
-    _updateLabelComponentAttribute(component, target, labelInfos) {
-        const dependCmp = this._option.getComponentsByType("totalLabel");
-        component.target(target).configure({
+    _updateLabelComponentAttribute(labelComponent, baseMark, labelInfos) {
+        const totalLabels = this._option.getComponentsByType("totalLabel");
+        labelComponent.setMarkConfig({
             interactive: !1
-        }).depend(dependCmp.map((cmp => cmp.getMarks()[0].getProduct()))).labelStyle(((mark, params) => {
-            var _a, _b;
-            const labelInfo = labelInfos[params.labelIndex];
-            if (labelInfo) {
-                const {labelSpec: labelSpec, labelMark: labelMark, series: series} = labelInfo, rule = labelMark.getRule(), interactive = this._interactiveConfig(labelSpec), centerOffset = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.centerOffset) && void 0 !== _b ? _b : 0;
+        }), labelComponent.setSimpleStyle({
+            labelStyle: labelIndex => {
+                var _a, _b;
+                const labelInfo = labelInfos[labelIndex], {labelSpec: labelSpec, labelMark: labelMark, series: series} = labelInfo, rule = labelMark.getRule(), interactive = this._interactiveConfig(labelSpec), centerOffset = null !== (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.centerOffset) && void 0 !== _b ? _b : 0;
                 let spec = mergeSpec({
                     textStyle: Object.assign({
                         pickable: !0 === labelSpec.interactive
                     }, labelSpec.style),
                     overlap: {
-                        avoidMarks: dependCmp.map((cmp => cmp.getMarks()[0].getProductId()))
+                        avoidMarks: totalLabels.map((cmp => cmp.getMarks()[0].getProductId()))
                     }
                 }, defaultLabelConfig(rule, labelInfo), Object.assign(Object.assign(Object.assign({}, pickWithout(labelSpec, [ "position", "style", "state", "type", "stackDataFilterType", "getStyleHandler" ])), interactive), {
                     centerOffset: centerOffset
@@ -183,15 +203,10 @@ export class Label extends BaseLabelComponent {
                 } : {});
                 return series && series.parseLabelStyle && (spec = series.parseLabelStyle(spec, labelSpec, labelMark)), 
                 "line" !== rule && "area" !== rule || (spec.type = rule), spec;
-            }
-        })).encode(((datum, element, params) => {
-            if (labelInfos[params.labelIndex]) {
-                const {labelSpec: labelSpec, labelMark: labelMark} = labelInfos[params.labelIndex];
-                return labelMark.skipEncode ? {
-                    data: datum
-                } : textAttribute(labelInfos[params.labelIndex], datum, labelSpec.formatMethod, labelSpec.formatter);
-            }
-        })).size((() => labelInfos[0].series.getRegion().getLayoutRect()));
+            },
+            size: () => labelInfos[0].series.getRegion().getLayoutRect(),
+            itemEncoder: (datum, {labelIndex: labelIndex}) => labelInfos[labelIndex] && !labelInfos[labelIndex].labelMark.skipEncode ? textAttribute(labelInfos[labelIndex], datum, labelInfos[labelIndex].labelSpec.formatMethod, labelInfos[labelIndex].labelSpec.formatter) : {}
+        }), this._setTransformOfComponent(labelComponent, baseMark);
     }
     compileMarks() {
         this.getMarks().forEach((m => {
@@ -199,18 +214,14 @@ export class Label extends BaseLabelComponent {
             let group;
             group = isArray(labelInfo) ? labelInfo[0].series.getRegion().getGroupMark().getProduct() : labelInfo.series.getRegion().getGroupMark().getProduct(), 
             m.compile({
-                group: group,
-                context: {
-                    model: this,
-                    labelInfo: labelInfo
-                }
+                group: group
             });
         }));
     }
     getVRenderComponents() {
         const labels = [];
         return this._labelComponentMap.forEach(((infoFunc, component) => {
-            const graphicItem = component.getProduct().getGroupGraphicItem();
+            const graphicItem = component.getComponent();
             graphicItem && labels.push(graphicItem);
         })), labels;
     }
@@ -220,7 +231,7 @@ export class Label extends BaseLabelComponent {
         if (vrenderDataLabel) {
             const labelIndex = vrenderDataLabel.getChildren().indexOf(vrenderLabel);
             this._labelComponentMap.forEach(((infoFunc, component) => {
-                component.getProduct().getGroupGraphicItem() === vrenderDataLabel && (labelInfo = array(infoFunc())[labelIndex]);
+                component.getComponent() === vrenderDataLabel && (labelInfo = array(infoFunc())[labelIndex]);
             }));
         }
         return labelInfo;
@@ -230,6 +241,7 @@ export class Label extends BaseLabelComponent {
 Label.type = ComponentTypeEnum.label, Label.specKey = "label", Label.transformerConstructor = LabelSpecTransformer;
 
 export const registerLabel = () => {
-    registerVGrammarLabel(), registerLabelMark(), registerComponentMark(), Factory.registerComponent(Label.type, Label, !0);
+    Factory.registerGraphicComponent(Label.type, (attrs => new DataLabel(attrs))), registerLabelMark(), 
+    registerComponentMark(), Factory.registerComponent(Label.type, Label, !0, 1 / 0);
 };
 //# sourceMappingURL=label.js.map