@visactor/vchart 1.2.3 → 1.3.0-beta.0

package/esm/component/indicator/indicator.js

@@ -6,7 +6,7 @@ import { ComponentTypeEnum } from "../interface";
 
 import { BaseComponent } from "../base";
 
-import { isValid, isFunction, array, merge, eachSeries } from "../../util";
+import { isValid, isFunction, array, mergeSpec, eachSeries, transformToGraphic, getActualNumValue } from "../../util";
 
 import { isEqual } from "@visactor/vutils";
 
@@ -18,8 +18,6 @@ import { CompilableData } from "../../compile/data";
 
 import { Indicator as IndicatorComponents } from "@visactor/vrender-components";
 
-import { transformToGraphic } from "../../util/style";
-
 export class Indicator extends BaseComponent {
     constructor() {
         super(...arguments), this.type = ComponentTypeEnum.indicator, this.name = ComponentTypeEnum.indicator, 
@@ -39,7 +37,7 @@ export class Indicator extends BaseComponent {
     }
     setAttrFromSpec() {
         super.setAttrFromSpec(), this._gap = this._spec.gap || 0, this._title = this._spec.title, 
-        this._content = this._spec.content, this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));
+        this._content = array(this._spec.content), this._regions = this._option.getRegionsInUserIdOrIndex(array(this._spec.regionId), array(this._spec.regionIndex));
     }
     onRender(ctx) {}
     changeRegions(regions) {}
@@ -76,10 +74,9 @@ export class Indicator extends BaseComponent {
         this._createOrUpdateIndicatorComponent(attrs), super.updateLayoutAttribute();
     }
     _getIndicatorAttrs() {
-        var _a, _b;
         const region = this._regions[0], {width: width, height: height} = region.getLayoutRect(), {x: x, y: y} = region.getLayoutStartPoint(), contentComponentSpec = [];
         return array(this._spec.content).forEach((eachItem => {
-            const contentSpec = merge({}, this._theme.content, eachItem);
+            const contentSpec = mergeSpec({}, this._theme.content, eachItem);
             contentComponentSpec.push({
                 visible: !1 !== contentSpec.visible && (!contentSpec.field || null !== this._activeDatum),
                 space: contentSpec.space || this._gap,
@@ -99,8 +96,8 @@ export class Indicator extends BaseComponent {
             zIndex: this.layoutZIndex,
             x: x,
             y: y,
-            dx: null !== (_a = this._spec.offsetX) && void 0 !== _a ? _a : 0,
-            dy: null !== (_b = this._spec.offsetY) && void 0 !== _b ? _b : 0,
+            dx: this._spec.offsetX ? getActualNumValue(this._spec.offsetX, this._computeLayoutRadius()) : 0,
+            dy: this._spec.offsetY ? getActualNumValue(this._spec.offsetY, this._computeLayoutRadius()) : 0,
             limitRatio: this._spec.limitRatio || 1 / 0,
             title: {
                 visible: !1 !== this._spec.title.visible && (!isValid(this._spec.title.field) || null !== this._activeDatum),
@@ -127,6 +124,10 @@ export class Indicator extends BaseComponent {
         var _a;
         return field ? this._activeDatum ? this._activeDatum[field] : "" : isFunction(text) ? null !== (_a = text(this._activeDatum, void 0)) && void 0 !== _a ? _a : "" : null != text ? text : "";
     }
+    _computeLayoutRadius() {
+        const region = this._regions[0], {width: width, height: height} = region.getLayoutRect();
+        return Math.min(width / 2, height / 2);
+    }
     isRelativeModel(model) {
         return eachSeries(this._regions, (s => model === s)) || this._regions.includes(model);
     }

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 type { IComponentOption } from '../interface';\nimport { LayoutLevel, LayoutZIndex } from '../../constant';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { BaseComponent } from '../base';\nimport type { IRegion } from '../../region/interface';\nimport type { IIndicator, IIndicatorItemSpec, IIndicatorTheme } from './interface';\nimport type { Maybe } from '../../typings';\nimport { isValid, isFunction, array, merge, eachSeries } from '../../util';\nimport { isEqual } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { IModel } from '../../model/interface';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { CompilableData } from '../../compile/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 { INode } from '@visactor/vrender';\nimport { transformToGraphic } from '../../util/style';\nimport type { IVisualScale, IVisualSpecStyle, VisualType, FunctionType } from '../../typings/visual';\n\nexport class Indicator extends BaseComponent implements IIndicator {\n  static speckey = 'indicator';\n  static type = ComponentTypeEnum.indicator;\n  type = ComponentTypeEnum.indicator;\n  name: string = ComponentTypeEnum.indicator;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\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 || options.defaultSpec;\n    const indicators: IIndicator[] = array(indicatorSpec)\n      .filter(s => s && s.visible !== false)\n      .map((s, index) => new Indicator(s, { ...options, specIndex: index, specKey: Indicator.speckey }));\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 = 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);\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 = merge({}, 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    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 ?? 0,\n      dy: this._spec.offsetY ?? 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 INode, 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      | IVisualScale\n      | VisualType<string>[]\n      | FunctionType<string | number | string[]>\n      | IVisualSpecStyle<unknown, string | number | string[]>\n      | undefined\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 isRelativeModel(model: IModel) {\n    return eachSeries(this._regions, s => model === s) || this._regions.includes(model as IRegion);\n  }\n\n  clear(): void {\n    if (this._indicatorComponent) {\n      this._container.removeChild(this._indicatorComponent as unknown as INode);\n      this._indicatorComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\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';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { BaseComponent } from '../base';\nimport type { IRegion } from '../../region/interface';\nimport type { IIndicator, IIndicatorItemSpec, IIndicatorSpec, IIndicatorTheme } from './interface';\nimport type { Maybe } from '../../typings';\nimport { isValid, isFunction, array, mergeSpec, eachSeries, transformToGraphic, getActualNumValue } from '../../util';\nimport { isEqual } from '@visactor/vutils';\nimport { indicatorMapper } from './util';\nimport type { IModel } from '../../model/interface';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport { CompilableData } from '../../compile/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 } from '@visactor/vrender';\nimport type { IVisualScale, IVisualSpecStyle, VisualType, FunctionType } from '../../typings/visual';\n\nexport class Indicator<T extends IIndicatorSpec> extends BaseComponent<T> implements IIndicator {\n  static speckey = 'indicator';\n  static type = ComponentTypeEnum.indicator;\n  type = ComponentTypeEnum.indicator;\n  name: string = ComponentTypeEnum.indicator;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\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 || options.defaultSpec;\n    const indicators: IIndicator[] = array(indicatorSpec)\n      .filter(s => s && s.visible !== false)\n      .map((s, index) => new Indicator(s, { ...options, specIndex: index, specKey: Indicator.speckey }));\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);\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      | IVisualScale\n      | VisualType<string>[]\n      | FunctionType<string | number | string[]>\n      | IVisualSpecStyle<unknown, string | number | string[]>\n      | undefined\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  clear(): void {\n    if (this._indicatorComponent) {\n      this._container.removeChild(this._indicatorComponent as unknown as INode);\n      this._indicatorComponent = null;\n    }\n    this._cacheAttrs = null;\n    super.clear();\n  }\n}\n"]}

package/esm/component/indicator/interface.d.ts

@@ -1,5 +1,6 @@
-import type { IModelSpec } from '../../model/interface';
+import type { IPercent } from '../../model/interface';
 import type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings/visual';
+import type { IComponentSpec } from '../base/interface';
 import type { IComponent } from '../interface';
 export interface IIndicatorItemSpec {
     visible?: boolean;
@@ -11,13 +12,13 @@ export interface IIndicatorItemSpec {
     style?: Omit<ConvertToMarkStyleSpec<ITextMarkSpec>, 'visible'>;
 }
 export type IIndicator = IComponent;
-export interface IIndicatorSpec extends IModelSpec {
+export interface IIndicatorSpec extends IComponentSpec {
     visible?: boolean;
     fixed?: boolean;
     trigger?: 'hover' | 'select' | 'none';
     gap?: number;
-    offsetX?: number;
-    offsetY?: number;
+    offsetX?: number | IPercent;
+    offsetY?: number | IPercent;
     limitRatio?: number;
     title?: IIndicatorItemSpec;
     content?: IIndicatorItemSpec[] | IIndicatorItemSpec;

package/esm/component/indicator/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/indicator/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IModelSpec } from '../../model/interface';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings/visual';\nimport type { IComponent } from '../interface';\n\nexport interface IIndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 文字内容字段\n   * 优先级高于样式中 text 配置\n   */\n  field?: string;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   * 兼容gap\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: Omit<ConvertToMarkStyleSpec<ITextMarkSpec>, 'visible'>;\n}\n\nexport type IIndicator = IComponent;\n\nexport interface IIndicatorSpec extends IModelSpec {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 保持指标卡内容显示 / 交互后才显示\n   * @default true\n   */\n  fixed?: boolean;\n  /**\n   * 交互触发类型\n   * @default 'select'\n   */\n  trigger?: 'hover' | 'select' | 'none';\n  /**\n   * 指标卡文字间隔\n   * @deparated 已弃用，请使用 title.space 或者 content.space\n   * @default 0\n   */\n  gap?: number;\n  /**\n   * 指标卡 x 方向偏移\n   * @default 0\n   */\n  offsetX?: number;\n  /**\n   * 指标卡 y 方向偏移\n   * @default 0\n   */\n  offsetY?: number;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemSpec[] | IIndicatorItemSpec;\n}\n\nexport interface IIndicatorItemTheme extends IIndicatorItemSpec {\n  style?: Omit<ITextMarkSpec, 'visible'>;\n}\n\nexport interface IIndicatorTheme extends IIndicatorSpec {\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemTheme;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemTheme;\n}\n"]}
+{"version":3,"sources":["../src/component/indicator/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IPercent } from '../../model/interface';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings/visual';\nimport type { IComponentSpec } from '../base/interface';\nimport type { IComponent } from '../interface';\n\nexport interface IIndicatorItemSpec {\n  /**\n   * 是否显示当前项\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 文字内容字段\n   * 优先级高于样式中 text 配置\n   */\n  field?: string;\n  /**\n   * title.space: title 和 content 之间的间距\n   * contentItem.space: content 之间的间距\n   * 兼容gap\n   */\n  space?: number;\n  /**\n   * 是否自适应文字空间进行缩略\n   * @default false\n   */\n  autoLimit?: boolean;\n  /**\n   * 是否自适应文字空间缩放文字大小\n   * @default false\n   */\n  autoFit?: boolean;\n  /**\n   * 自适应文字宽度与可用空间的比例\n   * @default 0.5\n   */\n  fitPercent?: number;\n  /**\n   * 文字样式\n   */\n  style?: Omit<ConvertToMarkStyleSpec<ITextMarkSpec>, 'visible'>;\n}\n\nexport type IIndicator = IComponent;\n\nexport interface IIndicatorSpec extends IComponentSpec {\n  /**\n   * 是否显示指标卡组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 保持指标卡内容显示 / 交互后才显示\n   * @default true\n   */\n  fixed?: boolean;\n  /**\n   * 交互触发类型\n   * @default 'select'\n   */\n  trigger?: 'hover' | 'select' | 'none';\n  /**\n   * 指标卡文字间隔\n   * @deparated 已弃用，请使用 title.space 或者 content.space\n   * @default 0\n   */\n  gap?: number;\n  /**\n   * 指标卡 x 方向偏移\n   * 支持两种格式：像素值、百分比\n   * @default 0\n   */\n  offsetX?: number | IPercent;\n  /**\n   * 指标卡 y 方向偏移\n   * 支持两种格式：像素值、百分比\n   * @default 0\n   */\n  offsetY?: number | IPercent;\n  /**\n   * 指标卡宽度占内容区域的最大比值（从0到1）\n   */\n  limitRatio?: number;\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemSpec;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemSpec[] | IIndicatorItemSpec;\n}\n\nexport interface IIndicatorItemTheme extends IIndicatorItemSpec {\n  style?: Omit<ITextMarkSpec, 'visible'>;\n}\n\nexport interface IIndicatorTheme extends IIndicatorSpec {\n  /**\n   * 指标卡标题文字配置\n   */\n  title?: IIndicatorItemTheme;\n  /**\n   * 指标卡内容文字配置\n   */\n  content?: IIndicatorItemTheme;\n}\n"]}

package/esm/component/interface/theme.d.ts

@@ -1,4 +1,3 @@
-import type { PopTipAttributes } from '@visactor/vrender-components';
 import type { IAxisCommonTheme, ICartesianAxisCommonTheme, IPolarAxisCommonTheme } from '../axis';
 import type { IBrushTheme } from '../brush';
 import type { ICrosshairTheme } from '../crosshair/interface';
@@ -13,6 +12,8 @@ import type { IPlayerTheme } from '../player';
 import type { ITitleTheme } from '../title';
 import type { ITooltipTheme } from '../tooltip/interface';
 import type { ComponentTypeEnum } from './type';
+import type { ITotalLabelTheme } from '../label';
+import type { IPoptipTheme } from '../poptip/interface';
 export interface IComponentTheme {
     axis?: IAxisCommonTheme;
     axisBand?: IAxisCommonTheme;
@@ -36,5 +37,6 @@ export interface IComponentTheme {
     [ComponentTypeEnum.brush]?: IBrushTheme;
     [ComponentTypeEnum.title]?: ITitleTheme;
     [ComponentTypeEnum.mapLabel]?: IMapLabelTheme;
-    [ComponentTypeEnum.poptip]?: PopTipAttributes;
+    [ComponentTypeEnum.poptip]?: IPoptipTheme;
+    [ComponentTypeEnum.totalLabel]?: ITotalLabelTheme;
 }

package/esm/component/interface/theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { PopTipAttributes } from '@visactor/vrender-components';\nimport type { IAxisCommonTheme, ICartesianAxisCommonTheme, IPolarAxisCommonTheme } from '../axis';\nimport type { IBrushTheme } from '../brush';\nimport type { ICrosshairTheme } from '../crosshair/interface';\nimport type { IDataZoomTheme, IScrollBarTheme } from '../data-zoom';\nimport type { IIndicatorTheme } from '../indicator/interface';\nimport type { IDiscreteLegendTheme, IColorLegendTheme, ISizeLegendTheme } from '../legend';\nimport type { IMapLabelTheme } from '../map-label';\nimport type { IMarkAreaTheme } from '../marker/mark-area/interface';\nimport type { IMarkLineTheme } from '../marker/mark-line/interface';\nimport type { IMarkPointTheme } from '../marker/mark-point/interface';\nimport type { IPlayerTheme } from '../player';\nimport type { ITitleTheme } from '../title';\nimport type { ITooltipTheme } from '../tooltip/interface';\nimport type { ComponentTypeEnum } from './type';\n\nexport interface IComponentTheme {\n  /**\n   * 通用坐标轴配置\n   */\n  axis?: IAxisCommonTheme;\n  /**\n   * 离散轴的通用配置\n   */\n  axisBand?: IAxisCommonTheme;\n  /**\n   * 连续轴的通用配置\n   */\n  axisLinear?: IAxisCommonTheme;\n  /**\n   * 笛卡尔坐标系下 x 轴的配置\n   */\n  axisX?: ICartesianAxisCommonTheme;\n  /**\n   * 笛卡尔坐标系下 y 轴配置\n   */\n  axisY?: ICartesianAxisCommonTheme;\n  /**\n   * 极坐标系下半径轴配置\n   */\n  axisRadius?: IPolarAxisCommonTheme;\n  /**\n   * 极坐标系下角度轴配置\n   */\n  axisAngle?: IPolarAxisCommonTheme;\n  /**\n   * 离散图例配置\n   */\n  [ComponentTypeEnum.discreteLegend]?: IDiscreteLegendTheme;\n  /**\n   * 连续颜色图例配置\n   */\n  [ComponentTypeEnum.colorLegend]?: IColorLegendTheme;\n  /**\n   * 连续尺寸图例配置\n   */\n  [ComponentTypeEnum.sizeLegend]?: ISizeLegendTheme;\n  /**\n   * markLine 标记配置\n   */\n  [ComponentTypeEnum.markLine]?: IMarkLineTheme;\n  /**\n   * markArea 标记配置\n   */\n  [ComponentTypeEnum.markArea]?: IMarkAreaTheme;\n  /**\n   * markPoint 标记配置\n   */\n  [ComponentTypeEnum.markPoint]?: IMarkPointTheme;\n  /**\n   * tooltip 组件配置\n   */\n  [ComponentTypeEnum.tooltip]?: ITooltipTheme;\n  /**\n   * crosshair 配置\n   */\n  [ComponentTypeEnum.crosshair]?: ICrosshairTheme;\n  /**\n   * dataZoom 配置\n   */\n  [ComponentTypeEnum.dataZoom]?: IDataZoomTheme;\n  /**\n   * scrollbar 滚动条配置\n   */\n  [ComponentTypeEnum.scrollBar]?: IScrollBarTheme;\n  /**\n   * 指标卡组件配置\n   */\n  [ComponentTypeEnum.indicator]?: IIndicatorTheme;\n  /**\n   * 播放器配置\n   */\n  [ComponentTypeEnum.player]?: IPlayerTheme;\n  /**\n   * 框选配置\n   */\n  [ComponentTypeEnum.brush]?: IBrushTheme;\n  /**\n   * 图表标题配置\n   */\n  [ComponentTypeEnum.title]?: ITitleTheme;\n  /**\n   * 地图标签配置\n   */\n  [ComponentTypeEnum.mapLabel]?: IMapLabelTheme;\n  /**\n   * 省略文本配置\n   */\n  [ComponentTypeEnum.poptip]?: PopTipAttributes;\n}\n"]}
+{"version":3,"sources":["../src/component/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { IAxisCommonTheme, ICartesianAxisCommonTheme, IPolarAxisCommonTheme } from '../axis';\nimport type { IBrushTheme } from '../brush';\nimport type { ICrosshairTheme } from '../crosshair/interface';\nimport type { IDataZoomTheme, IScrollBarTheme } from '../data-zoom';\nimport type { IIndicatorTheme } from '../indicator/interface';\nimport type { IDiscreteLegendTheme, IColorLegendTheme, ISizeLegendTheme } from '../legend';\nimport type { IMapLabelTheme } from '../map-label';\nimport type { IMarkAreaTheme } from '../marker/mark-area/interface';\nimport type { IMarkLineTheme } from '../marker/mark-line/interface';\nimport type { IMarkPointTheme } from '../marker/mark-point/interface';\nimport type { IPlayerTheme } from '../player';\nimport type { ITitleTheme } from '../title';\nimport type { ITooltipTheme } from '../tooltip/interface';\nimport type { ComponentTypeEnum } from './type';\nimport type { ITotalLabelTheme } from '../label';\nimport type { IPoptipTheme } from '../poptip/interface';\n\nexport interface IComponentTheme {\n  /**\n   * 通用坐标轴配置\n   */\n  axis?: IAxisCommonTheme;\n  /**\n   * 离散轴的通用配置\n   */\n  axisBand?: IAxisCommonTheme;\n  /**\n   * 连续轴的通用配置\n   */\n  axisLinear?: IAxisCommonTheme;\n  /**\n   * 笛卡尔坐标系下 x 轴的配置\n   */\n  axisX?: ICartesianAxisCommonTheme;\n  /**\n   * 笛卡尔坐标系下 y 轴配置\n   */\n  axisY?: ICartesianAxisCommonTheme;\n  /**\n   * 极坐标系下半径轴配置\n   */\n  axisRadius?: IPolarAxisCommonTheme;\n  /**\n   * 极坐标系下角度轴配置\n   */\n  axisAngle?: IPolarAxisCommonTheme;\n  /**\n   * 离散图例配置\n   */\n  [ComponentTypeEnum.discreteLegend]?: IDiscreteLegendTheme;\n  /**\n   * 连续颜色图例配置\n   */\n  [ComponentTypeEnum.colorLegend]?: IColorLegendTheme;\n  /**\n   * 连续尺寸图例配置\n   */\n  [ComponentTypeEnum.sizeLegend]?: ISizeLegendTheme;\n  /**\n   * markLine 标记配置\n   */\n  [ComponentTypeEnum.markLine]?: IMarkLineTheme;\n  /**\n   * markArea 标记配置\n   */\n  [ComponentTypeEnum.markArea]?: IMarkAreaTheme;\n  /**\n   * markPoint 标记配置\n   */\n  [ComponentTypeEnum.markPoint]?: IMarkPointTheme;\n  /**\n   * tooltip 组件配置\n   */\n  [ComponentTypeEnum.tooltip]?: ITooltipTheme;\n  /**\n   * crosshair 配置\n   */\n  [ComponentTypeEnum.crosshair]?: ICrosshairTheme;\n  /**\n   * dataZoom 配置\n   */\n  [ComponentTypeEnum.dataZoom]?: IDataZoomTheme;\n  /**\n   * scrollbar 滚动条配置\n   */\n  [ComponentTypeEnum.scrollBar]?: IScrollBarTheme;\n  /**\n   * 指标卡组件配置\n   */\n  [ComponentTypeEnum.indicator]?: IIndicatorTheme;\n  /**\n   * 播放器配置\n   */\n  [ComponentTypeEnum.player]?: IPlayerTheme;\n  /**\n   * 框选配置\n   */\n  [ComponentTypeEnum.brush]?: IBrushTheme;\n  /**\n   * 图表标题配置\n   */\n  [ComponentTypeEnum.title]?: ITitleTheme;\n  /**\n   * 地图标签配置\n   */\n  [ComponentTypeEnum.mapLabel]?: IMapLabelTheme;\n  /**\n   * 省略文本配置\n   */\n  [ComponentTypeEnum.poptip]?: IPoptipTheme;\n  /**\n   * 堆叠总计标签配置\n   * @since 1.3.0\n   */\n  [ComponentTypeEnum.totalLabel]?: ITotalLabelTheme;\n}\n"]}

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

@@ -5,6 +5,7 @@ export declare enum ComponentTypeEnum {
     cartesianLinearAxis = "cartesianAxis-linear",
     cartesianTimeAxis = "cartesianAxis-time",
     cartesianLogAxis = "cartesianAxis-log",
+    cartesianSymlogAxis = "cartesianAxis-symlog",
     polarAxis = "polarAxis",
     polarBandAxis = "polarAxis-band",
     polarLinearAxis = "polarAxis-linear",
@@ -27,6 +28,7 @@ export declare enum ComponentTypeEnum {
     player = "player",
     scrollBar = "scrollBar",
     label = "label",
+    totalLabel = "totalLabel",
     brush = "brush",
     poptip = "poptip",
     customMark = "customMark"

package/esm/component/interface/type.js

@@ -3,17 +3,18 @@ export var ComponentTypeEnum;
 !function(ComponentTypeEnum) {
     ComponentTypeEnum.cartesianAxis = "cartesianAxis", ComponentTypeEnum.cartesianBandAxis = "cartesianAxis-band", 
     ComponentTypeEnum.cartesianLinearAxis = "cartesianAxis-linear", ComponentTypeEnum.cartesianTimeAxis = "cartesianAxis-time", 
-    ComponentTypeEnum.cartesianLogAxis = "cartesianAxis-log", ComponentTypeEnum.polarAxis = "polarAxis", 
-    ComponentTypeEnum.polarBandAxis = "polarAxis-band", ComponentTypeEnum.polarLinearAxis = "polarAxis-linear", 
-    ComponentTypeEnum.crosshair = "crosshair", ComponentTypeEnum.cartesianCrosshair = "cartesianCrosshair", 
-    ComponentTypeEnum.polarCrosshair = "polarCrosshair", ComponentTypeEnum.dataZoom = "dataZoom", 
-    ComponentTypeEnum.geoCoordinate = "geoCoordinate", ComponentTypeEnum.indicator = "indicator", 
-    ComponentTypeEnum.discreteLegend = "discreteLegend", ComponentTypeEnum.continuousLegend = "continuousLegend", 
-    ComponentTypeEnum.colorLegend = "colorLegend", ComponentTypeEnum.sizeLegend = "sizeLegend", 
-    ComponentTypeEnum.mapLabel = "mapLabel", ComponentTypeEnum.markLine = "markLine", 
-    ComponentTypeEnum.markArea = "markArea", ComponentTypeEnum.markPoint = "markPoint", 
-    ComponentTypeEnum.tooltip = "tooltip", ComponentTypeEnum.title = "title", ComponentTypeEnum.player = "player", 
-    ComponentTypeEnum.scrollBar = "scrollBar", ComponentTypeEnum.label = "label", ComponentTypeEnum.brush = "brush", 
-    ComponentTypeEnum.poptip = "poptip", ComponentTypeEnum.customMark = "customMark";
+    ComponentTypeEnum.cartesianLogAxis = "cartesianAxis-log", ComponentTypeEnum.cartesianSymlogAxis = "cartesianAxis-symlog", 
+    ComponentTypeEnum.polarAxis = "polarAxis", ComponentTypeEnum.polarBandAxis = "polarAxis-band", 
+    ComponentTypeEnum.polarLinearAxis = "polarAxis-linear", ComponentTypeEnum.crosshair = "crosshair", 
+    ComponentTypeEnum.cartesianCrosshair = "cartesianCrosshair", ComponentTypeEnum.polarCrosshair = "polarCrosshair", 
+    ComponentTypeEnum.dataZoom = "dataZoom", ComponentTypeEnum.geoCoordinate = "geoCoordinate", 
+    ComponentTypeEnum.indicator = "indicator", ComponentTypeEnum.discreteLegend = "discreteLegend", 
+    ComponentTypeEnum.continuousLegend = "continuousLegend", ComponentTypeEnum.colorLegend = "colorLegend", 
+    ComponentTypeEnum.sizeLegend = "sizeLegend", ComponentTypeEnum.mapLabel = "mapLabel", 
+    ComponentTypeEnum.markLine = "markLine", ComponentTypeEnum.markArea = "markArea", 
+    ComponentTypeEnum.markPoint = "markPoint", ComponentTypeEnum.tooltip = "tooltip", 
+    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 || (ComponentTypeEnum = {}));
 //# sourceMappingURL=type.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/interface/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,iBAiCX;AAjCD,WAAY,iBAAiB;IAC3B,oDAA+B,CAAA;IAC/B,6DAAwC,CAAA;IACxC,iEAA4C,CAAA;IAC5C,6DAAwC,CAAA;IACxC,2DAAsC,CAAA;IACtC,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,oCAAe,CAAA;IAEf,sCAAiB,CAAA;IAEjB,8CAAyB,CAAA;AAC3B,CAAC,EAjCW,iBAAiB,KAAjB,iBAAiB,QAiC5B","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  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  brush = 'brush',\n\n  poptip = 'poptip',\n\n  customMark = 'customMark'\n}\n"]}
+{"version":3,"sources":["../src/component/interface/type.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,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,KAAjB,iBAAiB,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"]}

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

@@ -0,0 +1,39 @@
+import { BaseComponent } from '../base';
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { IRegion } from '../../region/interface';
+import type { IModelRenderOption } from '../../model/interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { ILabelSpec } from './interface';
+export declare abstract class BaseLabelComponent<T extends ILabelSpec = ILabelSpec> extends BaseComponent<T> {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    constructor(spec: T, options: IComponentOption);
+    protected _interactiveConfig(labelSpec: ILabelSpec): {
+        hover: boolean;
+        select: boolean;
+        state: {
+            hover?: Partial<import("../..").ITextMarkSpec>;
+            hover_reverse?: Partial<import("../..").ITextMarkSpec>;
+            selected?: Partial<import("../..").ITextMarkSpec>;
+            selected_reverse?: Partial<import("../..").ITextMarkSpec>;
+        };
+    } | {
+        hover: boolean;
+        select: boolean;
+    };
+    setLayoutStartPosition(): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reMakeData: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    onRender(ctx: IModelRenderOption): void;
+    changeRegions(regions: IRegion[]): void;
+}

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

@@ -0,0 +1,37 @@
+import { BaseComponent } from "../base";
+
+import { ComponentTypeEnum } from "../interface";
+
+import { LayoutZIndex } from "../../constant";
+
+export class BaseLabelComponent extends BaseComponent {
+    constructor(spec, options) {
+        super(spec, options), this.type = ComponentTypeEnum.label, this.name = ComponentTypeEnum.label, 
+        this.layoutType = "absolute", this.layoutZIndex = LayoutZIndex.Label, this._regions = options.getRegionsInIndex([ options.specIndex ]), 
+        this.layoutBindRegionID = this._regions.map((x => x.id));
+    }
+    _interactiveConfig(labelSpec) {
+        const {interactive: interactive} = labelSpec;
+        if (!0 !== interactive) return {
+            hover: !1,
+            select: !1
+        };
+        const result = {
+            hover: !1,
+            select: !1,
+            state: labelSpec.state
+        }, {hover: hover, select: select} = this._option.getChart().getSpec();
+        return !1 === hover && !1 === hover.enable || (result.hover = !0), !1 === select && !1 === select.enable || (result.select = !0), 
+        result;
+    }
+    setLayoutStartPosition() {}
+    updateSpec(spec) {
+        const result = super.updateSpec(spec);
+        return result.reRender = !0, result.reMake = !0, result;
+    }
+    onRender(ctx) {}
+    changeRegions(regions) {}
+}
+
+BaseLabelComponent.type = ComponentTypeEnum.label;
+//# sourceMappingURL=base-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/base-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,OAAgB,kBAAsD,SAAQ,aAAgB;IAQlG,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,GAA6B,UAAU,CAAC;QAClD,iBAAY,GAA+B,YAAY,CAAC,KAAK,CAAC;QAI5D,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzD,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;IAED,sBAAsB;IAEtB,CAAC;IAGD,UAAU,CAAC,IAAS;QAClB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,GAAuB;IAEhC,CAAC;IACD,aAAa,CAAC,OAAkB;IAEhC,CAAC;;AA/CM,uBAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC","file":"base-label.js","sourcesContent":["import { BaseComponent } from '../base';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelRenderOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { LayoutZIndex } from '../../constant';\nimport type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/interface';\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: LayoutItem['layoutType'] = 'absolute';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Label;\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._regions = options.getRegionsInIndex([options.specIndex]);\n    this.layoutBindRegionID = this._regions.map(x => x.id);\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  setLayoutStartPosition() {\n    // do nothing\n  }\n\n  /** Update API **/\n  updateSpec(spec: any) {\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    result.reMake = true;\n    return result;\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import type { BaseLabelAttrs } from '@visactor/vrender-components';
 import type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings';
-export interface ILabelSpec {
+import type { IComponentSpec } from '../base/interface';
+export interface ILabelSpec extends IComponentSpec {
     visible?: boolean;
     interactive?: boolean;
     formatMethod?: (text: string | string[], datum?: any) => string | string[];
@@ -11,6 +12,12 @@ export interface ILabelSpec {
     overlap?: BaseLabelAttrs['overlap'];
     smartInvert?: BaseLabelAttrs['smartInvert'];
     animation?: BaseLabelAttrs['animation'];
+    dataFilter?: BaseLabelAttrs['dataFilter'];
+    customLayoutFunc?: BaseLabelAttrs['customLayoutFunc'];
+    customOverlapFunc?: BaseLabelAttrs['customOverlapFunc'];
+    labelLayout?: 'series' | 'region';
+    centerOffset?: number;
+    support3d?: boolean;
 }
 type LabelStateStyle<T> = {
     hover?: T;
@@ -18,4 +25,8 @@ type LabelStateStyle<T> = {
     selected?: T;
     selected_reverse?: T;
 };
+export type ITotalLabelSpec = Pick<ILabelSpec, 'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state'>;
+export interface ITotalLabelTheme extends Pick<ILabelSpec, 'visible' | 'interactive' | 'offset' | 'overlap' | 'smartInvert' | 'animation'> {
+    style?: ITextMarkSpec;
+}
 export {};

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, ITextMarkSpec } from '../../typings';\n\nexport interface ILabelSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  /** 格式化函数 */\n  formatMethod?: (text: string | string[], datum?: any) => string | 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\ntype LabelStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\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, ITextMarkSpec } from '../../typings';\nimport type { IComponentSpec } from '../base/interface';\n\nexport interface ILabelSpec extends IComponentSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  /** 格式化函数 */\n  formatMethod?: (text: string | string[], datum?: any) => string | 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"]}

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

@@ -1,13 +1,14 @@
-import { BaseComponent } from '../base';
 import type { IComponentOption } from '../interface';
 import { ComponentTypeEnum } from '../interface';
 import type { IRegion } from '../../region/interface';
-import type { IModelInitOption, IModelRenderOption } from '../../model/interface';
+import type { IModelInitOption } from '../../model/interface';
 import type { LayoutItem } from '../../model/layout-item';
 import { type IMark } from '../../mark/interface';
 import type { ITextMark } from '../../mark/text';
 import type { ISeries } from '../../series/interface';
 import type { IComponentMark } from '../../mark/component';
+import { BaseLabelComponent } from './base-label';
+import type { IGroup } from '@visactor/vrender';
 import type { ILabelSpec } from './interface';
 export interface ILabelInfo {
     baseMark: IMark;
@@ -18,7 +19,7 @@ export interface ILabelComponentContext {
     region: IRegion;
     labelInfo: ILabelInfo[];
 }
-export declare class Label extends BaseComponent {
+export declare class Label<T extends ILabelSpec = ILabelSpec> extends BaseLabelComponent<T> {
     static type: ComponentTypeEnum;
     type: ComponentTypeEnum;
     name: string;
@@ -27,36 +28,13 @@ export declare class Label extends BaseComponent {
     protected _labelInfo: Map<IRegion, ILabelInfo[]>;
     protected _labelComponentMap: Map<IComponentMark, ILabelComponentContext>;
     protected _layoutRule: 'series' | 'region';
-    constructor(spec: any, options: IComponentOption);
-    static createComponent(spec: any, options: IComponentOption): Label[];
+    constructor(spec: T, options: IComponentOption);
+    static createComponent(spec: any, options: IComponentOption): Label<any>[];
     init(option: IModelInitOption): void;
     initEvent(): void;
+    protected _delegateLabelEvent(component: IGroup): void;
     protected _initTextMark(): void;
     protected _initLabelComponent(): void;
-    protected _interactiveConfig(labelSpec: ILabelSpec): {
-        hover: boolean;
-        select: boolean;
-        state: {
-            hover?: Partial<import("../..").ITextMarkSpec>;
-            hover_reverse?: Partial<import("../..").ITextMarkSpec>;
-            selected?: Partial<import("../..").ITextMarkSpec>;
-            selected_reverse?: Partial<import("../..").ITextMarkSpec>;
-        };
-    } | {
-        hover: boolean;
-        select: boolean;
-    };
-    setLayoutStartPosition(): void;
     updateLayoutAttribute(): void;
     compileMarks(): void;
-    updateSpec(spec: any): {
-        change: boolean;
-        reMake: boolean;
-        reRender: boolean;
-        reSize: boolean;
-        reCompile: boolean;
-    };
-    onRender(ctx: IModelRenderOption): void;
-    changeRegions(regions: IRegion[]): void;
-    clear(): void;
 }

package/esm/component/label/label.js

@@ -1,20 +1,21 @@
-import { BaseComponent } from "../base";
-
 import { ComponentTypeEnum } from "../interface";
 
 import { ChartEvent, LayoutZIndex, VGRAMMAR_HOOK_EVENT } from "../../constant";
 
 import { MarkTypeEnum } from "../../mark/interface";
 
-import { eachSeries, merge } from "../../util";
+import { eachSeries, mergeSpec } from "../../util";
 
 import { markLabelConfigFunc, textAttribute } from "./util";
 
-export class Label extends BaseComponent {
+import { BaseLabelComponent } from "./base-label";
+
+import { pickWithout } from "@visactor/vutils";
+
+export class Label extends BaseLabelComponent {
     constructor(spec, options) {
         super(spec, options), this.type = ComponentTypeEnum.label, this.name = ComponentTypeEnum.label, 
-        this.layoutType = "absolute", this.layoutZIndex = LayoutZIndex.Label, this._regions = options.getRegionsInIndex([ options.specIndex ]), 
-        this.layoutBindRegionID = this._regions.map((x => x.id)), this._layoutRule = spec.labelLayout || "series";
+        this.layoutType = "absolute", this.layoutZIndex = LayoutZIndex.Label, this._layoutRule = spec.labelLayout || "series";
     }
     static createComponent(spec, options) {
         const regions = options.getAllRegions(), labelComponents = [];
@@ -23,7 +24,8 @@ export class Label extends BaseComponent {
                 var _a;
                 return !0 === (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible);
             })) && labelComponents.push(new Label(spec, Object.assign(Object.assign({}, options), {
-                specIndex: i
+                specIndex: i,
+                specKey: "label"
             })));
         }
         return labelComponents;
@@ -44,6 +46,17 @@ export class Label extends BaseComponent {
                 graphicItem && graphicItem.enableAnimation();
             })), this.event.off(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
         };
+        this.event.on("afterElementEncode", (eventParams => {
+            var _a;
+            const mark = eventParams.item;
+            !1 === this._option.getChart().getLayoutTag() && (null === (_a = mark.context) || void 0 === _a ? void 0 : _a.model) === this && this._delegateLabelEvent(mark.getGroupGraphicItem());
+        }));
+    }
+    _delegateLabelEvent(component) {
+        const textNodes = null == component ? void 0 : component.findAll((node => "text" === node.type), !0).filter((text => !text.__vchart_event));
+        textNodes && textNodes.length > 0 && textNodes.forEach((text => {
+            text.__vchart_event = !0, text.addEventListener("*", ((event, type) => this._delegateEvent(component, event, type, text, text.attribute.data)));
+        }));
     }
     _initTextMark() {
         this._labelInfo || (this._labelInfo = new Map), this._labelComponentMap || (this._labelComponentMap = new Map), 
@@ -98,45 +111,32 @@ export class Label extends BaseComponent {
             }));
         }));
     }
-    _interactiveConfig(labelSpec) {
-        const {interactive: interactive} = labelSpec;
-        if (!0 !== interactive) return {
-            hover: !1,
-            select: !1
-        };
-        const result = {
-            hover: !1,
-            select: !1,
-            state: labelSpec.state
-        }, {hover: hover, select: select} = this._option.getChart().getSpec();
-        return !1 === hover && !1 === hover.enable || (result.hover = !0), !1 === select && !1 === select.enable || (result.select = !0), 
-        result;
-    }
-    setLayoutStartPosition() {}
     updateLayoutAttribute() {
         super.updateLayoutAttribute(), this._labelComponentMap.forEach((({region: region, labelInfo: labelInfo}, labelComponent) => {
-            const baseMarks = labelInfo.map((info => info.baseMark));
-            labelComponent.getProduct().target(baseMarks.map((mark => mark.getProduct()))).configure({
+            const baseMarks = labelInfo.map((info => info.baseMark)), component = labelComponent.getProduct(), dependCmp = this._option.getAllComponents().filter((cmp => "totalLabel" === cmp.type));
+            component.target(baseMarks.map((mark => mark.getProduct()))).configure({
                 interactive: !1
-            }).labelStyle((mark => {
-                var _a, _b;
+            }).depend(dependCmp.map((cmp => cmp.getMarks()[0].getProduct()))).labelStyle((mark => {
+                var _a, _b, _c, _d;
                 const markId = mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
                 if (baseMark) {
-                    const configFunc = null !== (_a = markLabelConfigFunc[baseMark.type]) && void 0 !== _a ? _a : markLabelConfigFunc.symbol, labelSpec = null !== (_b = baseMark.getLabelSpec()) && void 0 !== _b ? _b : {}, {smartInvert: smartInvert, offset: offset, overlap: overlap, animation: animation} = labelSpec, interactive = this._interactiveConfig(labelSpec);
-                    return merge({
-                        textStyle: {
+                    const configFunc = null !== (_a = markLabelConfigFunc[baseMark.type]) && void 0 !== _a ? _a : markLabelConfigFunc.symbol, labelSpec = null !== (_b = baseMark.getLabelSpec()) && void 0 !== _b ? _b : {}, interactive = this._interactiveConfig(labelSpec), passiveLabelSpec = pickWithout(labelSpec, [ "position", "style", "state" ]), centerOffset = null !== (_d = null === (_c = this._spec) || void 0 === _c ? void 0 : _c.centerOffset) && void 0 !== _d ? _d : 0;
+                    return mergeSpec({
+                        textStyle: Object.assign({
                             pickable: !0 === labelSpec.interactive
+                        }, labelSpec.style),
+                        overlap: {
+                            avoidMarks: this._option.getAllComponents().filter((cmp => "totalLabel" === cmp.type)).map((cmp => cmp.getMarks()[0].getProductId()))
                         }
-                    }, configFunc(labelInfo[baseMarks.findIndex((mark => mark === baseMark))]), Object.assign({
-                        smartInvert: smartInvert,
-                        offset: offset,
-                        animation: animation,
-                        overlap: overlap
-                    }, interactive));
+                    }, configFunc(labelInfo[baseMarks.findIndex((mark => mark === baseMark))]), Object.assign(Object.assign(Object.assign({}, passiveLabelSpec), interactive), {
+                        centerOffset: centerOffset,
+                        pickable: !1
+                    }));
                 }
             })).encode(((datum, element) => {
+                var _a;
                 const markId = element.mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
-                return textAttribute(labelInfo[baseMarks.findIndex((mark => mark === baseMark))], datum);
+                return textAttribute(labelInfo[baseMarks.findIndex((mark => mark === baseMark))], datum, null === (_a = baseMark.getLabelSpec()) || void 0 === _a ? void 0 : _a.formatMethod);
             })).size((() => region.getLayoutRect()));
         }));
     }
@@ -153,17 +153,6 @@ export class Label extends BaseComponent {
             });
         }));
     }
-    updateSpec(spec) {
-        const result = super.updateSpec(spec);
-        return result.reRender = !0, result.reMake = !0, result;
-    }
-    onRender(ctx) {}
-    changeRegions(regions) {}
-    clear() {
-        super.clear(), this._labelComponentMap.forEach(((context, mark) => {
-            mark.getProduct() && mark.getProduct().release();
-        }));
-    }
 }
 
 Label.type = ComponentTypeEnum.label;