@visactor/vchart 1.3.1 → 1.4.0-alpha.2

package/esm/component/label/label.js

@@ -6,11 +6,17 @@ import { MarkTypeEnum } from "../../mark/interface";
 
 import { eachSeries, mergeSpec } from "../../util";
 
-import { markLabelConfigFunc, textAttribute } from "./util";
+import { labelRuleMap, textAttribute } from "./util";
 
 import { BaseLabelComponent } from "./base-label";
 
-import { pickWithout } from "@visactor/vutils";
+import { isArray, pickWithout } from "@visactor/vutils";
+
+import { VChart } from "../../core";
+
+import { LabelMark } from "../../mark/label";
+
+VChart.useMark([ LabelMark ]);
 
 export class Label extends BaseLabelComponent {
     constructor(spec, options) {
@@ -22,7 +28,7 @@ export class Label extends BaseLabelComponent {
         for (let i = 0; i < regions.length; i++) {
             regions[i].getSeries().map((s => s.getMarksWithoutRoot())).flat().some((mark => {
                 var _a;
-                return !0 === (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible);
+                return null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.some((labelSpec => labelSpec.visible));
             })) && labelComponents.push(new Label(spec, Object.assign(Object.assign({}, options), {
                 specIndex: i,
                 specKey: "label"
@@ -31,7 +37,8 @@ export class Label extends BaseLabelComponent {
         return labelComponents;
     }
     init(option) {
-        super.init(option), this.initEvent(), this._initTextMark(), this._initLabelComponent();
+        super.init(option), this.initEvent(), this._initTextMark(), this._initLabelComponent(), 
+        this._initTextMarkStyle();
     }
     initEvent() {
         this.event.on(ChartEvent.dataZoomChange, (() => {
@@ -59,31 +66,32 @@ export class Label extends BaseLabelComponent {
         }));
     }
     _initTextMark() {
-        this._labelInfo || (this._labelInfo = new Map), this._labelComponentMap || (this._labelComponentMap = new Map), 
+        this._labelInfoMap || (this._labelInfoMap = new Map), this._labelComponentMap || (this._labelComponentMap = new Map), 
         eachSeries(this._regions, (s => {
-            var _a, _b;
+            var _a;
             const marks = s.getMarks(), region = s.getRegion();
-            this._labelInfo.get(region) || this._labelInfo.set(region, []);
+            this._labelInfoMap.get(region) || this._labelInfoMap.set(region, []);
             for (let i = 0; i < marks.length; i++) {
                 const mark = marks[i];
-                if (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible) {
-                    const info = this._labelInfo.get(region), labelMark = this._createMark({
-                        type: MarkTypeEnum.text,
-                        name: `${mark.name}-label`
-                    });
-                    this.initMarkStyleWithSpec(labelMark, mark.getLabelSpec()), null === (_b = s.initLabelMarkStyle) || void 0 === _b || _b.call(s, labelMark);
-                    const labelInfo = {
-                        labelMark: labelMark,
-                        baseMark: mark,
-                        series: s
-                    };
-                    info.push(labelInfo);
-                }
+                (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.length) > 0 && mark.getLabelSpec().forEach(((labelSpec, index) => {
+                    if (labelSpec.visible) {
+                        const info = this._labelInfoMap.get(region), labelMark = this._createMark({
+                            type: MarkTypeEnum.label,
+                            name: `${mark.name}-label-${index}`
+                        });
+                        labelMark.setTarget(mark), info.push({
+                            labelMark: labelMark,
+                            baseMark: mark,
+                            series: s,
+                            labelSpec: labelSpec
+                        });
+                    }
+                }));
             }
         }));
     }
     _initLabelComponent() {
-        this._labelInfo.forEach(((regionLabelInfo, region) => {
+        this._labelInfoMap.forEach(((regionLabelInfo, region) => {
             if ("region" === this._layoutRule) {
                 const component = this._createMark({
                     type: MarkTypeEnum.component,
@@ -92,63 +100,74 @@ export class Label extends BaseLabelComponent {
                     componentType: "label",
                     support3d: this._spec.support3d
                 });
-                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
-                    region: region,
-                    labelInfo: regionLabelInfo
-                }));
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, regionLabelInfo));
             } else regionLabelInfo.forEach((labelInfo => {
                 const component = this._createMark({
                     type: MarkTypeEnum.component,
                     name: `${labelInfo.labelMark.name}-component`
                 }, {
                     componentType: "label",
-                    support3d: this._spec.support3d
+                    support3d: labelInfo.baseMark.getSupport3d()
                 });
-                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
-                    region: region,
-                    labelInfo: [ labelInfo ]
-                }));
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, labelInfo), 
+                labelInfo.labelMark.setComponent(component));
             }));
         }));
     }
-    updateLayoutAttribute() {
-        super.updateLayoutAttribute(), this._labelComponentMap.forEach((({region: region, labelInfo: labelInfo}, labelComponent) => {
-            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
-            }).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 : {}, 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(Object.assign(Object.assign({}, passiveLabelSpec), interactive), {
-                        centerOffset: centerOffset,
-                        pickable: !1
-                    }));
-                }
-            })).encode(((datum, element) => {
+    _initTextMarkStyle() {
+        this._labelInfoMap.forEach((labelInfos => {
+            labelInfos.forEach((info => {
                 var _a;
-                const markId = element.mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
-                return textAttribute(labelInfo[baseMarks.findIndex((mark => mark === baseMark))], datum, null === (_a = baseMark.getLabelSpec()) || void 0 === _a ? void 0 : _a.formatMethod);
-            })).size((() => region.getLayoutRect()));
+                const {labelMark: labelMark, labelSpec: labelSpec, series: series} = info;
+                this.initMarkStyleWithSpec(labelMark, labelSpec), null === (_a = series.initLabelMarkStyle) || void 0 === _a || _a.call(series, labelMark);
+            }));
+        }));
+    }
+    updateLayoutAttribute() {
+        super.updateLayoutAttribute(), this._labelComponentMap.forEach(((labelInfo, labelComponent) => {
+            isArray(labelInfo) ? this._updateMultiLabelAttribute(labelInfo, labelComponent) : this._updateSingleLabelAttribute(labelInfo, labelComponent);
         }));
     }
+    _updateMultiLabelAttribute(labelInfo, labelComponent) {
+        this._updateLabelComponentAttribute(labelComponent.getProduct(), labelInfo.map((({baseMark: baseMark}) => baseMark.getProduct())), labelInfo[0]);
+    }
+    _updateSingleLabelAttribute(labelInfo, labelComponent) {
+        const {baseMark: baseMark} = labelInfo;
+        this._updateLabelComponentAttribute(labelComponent.getProduct(), baseMark.getProduct(), labelInfo);
+    }
+    _updateLabelComponentAttribute(component, target, labelInfo) {
+        const {baseMark: baseMark, labelSpec: labelSpec, series: series, labelMark: labelMark} = labelInfo, dependCmp = this._option.getAllComponents().filter((cmp => "totalLabel" === cmp.type));
+        component.target(target).configure({
+            interactive: !1
+        }).depend(dependCmp.map((cmp => cmp.getMarks()[0].getProduct()))).labelStyle((() => {
+            var _a, _b, _c;
+            const rule = labelMark.getRule() || baseMark.type, configFunc = null !== (_a = labelRuleMap[rule]) && void 0 !== _a ? _a : labelRuleMap.point, interactive = this._interactiveConfig(labelSpec), passiveLabelSpec = pickWithout(labelSpec, [ "position", "style", "state" ]), centerOffset = null !== (_c = null === (_b = this._spec) || void 0 === _b ? void 0 : _b.centerOffset) && void 0 !== _c ? _c : 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), Object.assign(Object.assign(Object.assign({}, passiveLabelSpec), interactive), {
+                centerOffset: centerOffset
+            }));
+        })).encode((datum => labelMark.skipEncode ? {
+            data: datum
+        } : textAttribute(labelInfo, datum, labelSpec.formatMethod))).size((() => series.getRegion().getLayoutRect()));
+    }
     compileMarks() {
         this.getMarks().forEach((m => {
             var _a;
-            const group = this._labelComponentMap.get(m).region.getGroupMark().getProduct();
+            const labelInfo = this._labelComponentMap.get(m);
+            let group;
+            group = isArray(labelInfo) ? labelInfo[0].series.getRegion().getGroupMark().getProduct() : labelInfo.series.getRegion().getGroupMark().getProduct(), 
             m.compile({
                 group: group
             }), null === (_a = m.getProduct()) || void 0 === _a || _a.configure({
                 context: {
-                    model: this
+                    model: this,
+                    labelInfo: labelInfo
                 }
             });
         }));

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelInitOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { ChartEvent, LayoutZIndex, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport { MarkTypeEnum, type IMark } from '../../mark/interface';\nimport type { ITextMark } from '../../mark/text';\nimport { eachSeries, mergeSpec } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport type { IGroupMark, IView } from '@visactor/vgrammar';\nimport { markLabelConfigFunc, textAttribute } from './util';\nimport type { IComponentMark } from '../../mark/component';\nimport { BaseLabelComponent } from './base-label';\nimport type { LooseFunction } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { pickWithout } from '@visactor/vutils';\nimport type { IGroup, IText } from '@visactor/vrender';\nimport type { LabelItem } from '@visactor/vrender-components';\nimport type { ILabelSpec } from './interface';\n\nexport interface ILabelInfo {\n  baseMark: IMark;\n  labelMark: ITextMark;\n  series: ISeries;\n}\n\nexport interface ILabelComponentContext {\n  region: IRegion;\n  labelInfo: ILabelInfo[];\n}\n\nexport class Label<T extends ILabelSpec = ILabelSpec> extends BaseLabelComponent<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  protected _labelInfo: Map<IRegion, ILabelInfo[]>;\n\n  protected _labelComponentMap: Map<IComponentMark, ILabelComponentContext>;\n\n  protected _layoutRule: 'series' | 'region';\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._layoutRule = spec.labelLayout || 'series';\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const regions = options.getAllRegions();\n    const labelComponents = [];\n    for (let i = 0; i < regions.length; i++) {\n      const marks = regions[i]\n        .getSeries()\n        .map(s => s.getMarksWithoutRoot())\n        .flat();\n      const labelVisible = marks.some(mark => mark.getLabelSpec()?.visible === true);\n      if (labelVisible) {\n        labelComponents.push(new Label(spec, { ...options, specIndex: i, specKey: 'label' }));\n        continue;\n      }\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this.initEvent();\n    this._initTextMark();\n    this._initLabelComponent();\n  }\n\n  initEvent() {\n    this.event.on(ChartEvent.dataZoomChange, () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.disableAnimation();\n        }\n      });\n      this.event.on(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    });\n    const enableAnimation = () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.enableAnimation();\n        }\n      });\n      this.event.off(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    };\n\n    this.event.on('afterElementEncode', eventParams => {\n      const mark = eventParams.item;\n\n      if (this._option.getChart().getLayoutTag() === false && mark.context?.model === this) {\n        this._delegateLabelEvent(mark.getGroupGraphicItem());\n      }\n    });\n  }\n\n  protected _delegateLabelEvent(component: IGroup) {\n    const textNodes = component\n      ?.findAll(node => node.type === 'text', true)\n      // label 组件的底层实现是有 text 图元复用的，这里为了避免重复的事件监听\n      .filter(text => !(text as any).__vchart_event) as IText[];\n    if (textNodes && textNodes.length > 0) {\n      textNodes.forEach(text => {\n        text.__vchart_event = true;\n        text.addEventListener('*', ((event: any, type: string) =>\n          this._delegateEvent(component, event, type, text, (text.attribute as LabelItem).data)) as LooseFunction);\n      });\n    }\n  }\n\n  protected _initTextMark() {\n    if (!this._labelInfo) {\n      this._labelInfo = new Map();\n    }\n\n    if (!this._labelComponentMap) {\n      this._labelComponentMap = new Map();\n    }\n    eachSeries(this._regions, (s: ISeries) => {\n      const marks = s.getMarks();\n      const region = s.getRegion();\n\n      if (!this._labelInfo.get(region)) {\n        this._labelInfo.set(region, []);\n      }\n      for (let i = 0; i < marks.length; i++) {\n        const mark = marks[i];\n        if (mark.getLabelSpec()?.visible) {\n          const info = this._labelInfo.get(region);\n          const labelMark = this._createMark({ type: MarkTypeEnum.text, name: `${mark.name}-label` });\n          this.initMarkStyleWithSpec(labelMark, mark.getLabelSpec());\n          s.initLabelMarkStyle?.(labelMark);\n          const labelInfo = { labelMark, baseMark: mark, series: s };\n          info.push(labelInfo);\n        }\n      }\n    });\n  }\n\n  protected _initLabelComponent() {\n    this._labelInfo.forEach((regionLabelInfo, region) => {\n      if (this._layoutRule === 'region') {\n        const component = this._createMark(\n          { type: MarkTypeEnum.component, name: `${region.getGroupMark().name}-label-component` },\n          {\n            componentType: 'label',\n            support3d: this._spec.support3d\n          }\n        );\n        if (component) {\n          this._marks.addMark(component);\n          this._labelComponentMap.set(component, { region, labelInfo: regionLabelInfo });\n        }\n      } else {\n        regionLabelInfo.forEach(labelInfo => {\n          const component = this._createMark(\n            { type: MarkTypeEnum.component, name: `${labelInfo.labelMark.name}-component` },\n            {\n              componentType: 'label',\n              support3d: this._spec.support3d\n            }\n          );\n          if (component) {\n            this._marks.addMark(component);\n            this._labelComponentMap.set(component, { region, labelInfo: [labelInfo] });\n          }\n        });\n      }\n    });\n  }\n\n  updateLayoutAttribute(): void {\n    super.updateLayoutAttribute();\n    this._labelComponentMap.forEach(({ region, labelInfo }, labelComponent) => {\n      const baseMarks = labelInfo.map(info => info.baseMark);\n      const component = labelComponent.getProduct() as ReturnType<IView['label']>;\n      const dependCmp = this._option.getAllComponents().filter(cmp => cmp.type === 'totalLabel');\n\n      component\n        .target(baseMarks.map(mark => mark.getProduct()))\n        .configure({ interactive: false })\n        .depend(dependCmp.map(cmp => cmp.getMarks()[0].getProduct()))\n        .labelStyle(mark => {\n          const markId = mark.context.markId;\n          const baseMark = this._option.getChart().getMarkById(markId);\n          if (baseMark) {\n            const configFunc = markLabelConfigFunc[baseMark.type] ?? markLabelConfigFunc.symbol;\n            const labelSpec = baseMark.getLabelSpec() ?? {};\n            const interactive = this._interactiveConfig(labelSpec);\n            const passiveLabelSpec = pickWithout(labelSpec, ['position', 'style', 'state']);\n            /** arc label When setting the centerOffset of the spec, the label also needs to be offset accordingly, and the centerOffset is not in the labelSpec */\n            const centerOffset = this._spec?.centerOffset ?? 0;\n\n            return mergeSpec(\n              {\n                textStyle: { pickable: labelSpec.interactive === true, ...labelSpec.style },\n                overlap: {\n                  avoidMarks: this._option\n                    .getAllComponents()\n                    .filter(cmp => cmp.type === 'totalLabel')\n                    .map(cmp => cmp.getMarks()[0].getProductId())\n                }\n              },\n              configFunc(labelInfo[baseMarks.findIndex(mark => mark === baseMark)]),\n              {\n                ...passiveLabelSpec,\n                ...interactive,\n                centerOffset,\n                pickable: false\n              }\n            );\n          }\n        })\n        .encode((datum, element) => {\n          const markId = element.mark.context.markId;\n          const baseMark = this._option.getChart().getMarkById(markId);\n          return textAttribute(\n            labelInfo[baseMarks.findIndex(mark => mark === baseMark)],\n            datum,\n            baseMark.getLabelSpec()?.formatMethod\n          );\n        })\n        .size(() => region.getLayoutRect());\n    });\n  }\n\n  compileMarks() {\n    this.getMarks().forEach(m => {\n      const group = this._labelComponentMap.get(m).region.getGroupMark().getProduct() as IGroupMark;\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/component/label/label.ts"],"names":[],"mappings":"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","file":"label.js","sourcesContent":["import type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelInitOption } from '../../model/interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { ChartEvent, LayoutZIndex, VGRAMMAR_HOOK_EVENT } from '../../constant';\nimport { MarkTypeEnum } from '../../mark/interface';\nimport { eachSeries, mergeSpec } from '../../util';\nimport type { ISeries } from '../../series/interface';\nimport type { IGroupMark, ILabel, IMark } from '@visactor/vgrammar';\nimport { labelRuleMap, textAttribute } from './util';\nimport type { IComponentMark } from '../../mark/component';\nimport { BaseLabelComponent } from './base-label';\nimport type { LooseFunction } from '@visactor/vutils';\nimport { isArray, pickWithout } from '@visactor/vutils';\nimport type { IGroup, IText } from '@visactor/vrender';\nimport type { LabelItem } from '@visactor/vrender-components';\nimport type { ILabelSpec } from './interface';\nimport { VChart } from '../../core';\nimport { LabelMark, type ILabelMark } from '../../mark/label';\nimport type { ICompilableMark } from '../../compile/mark';\n\nexport interface ILabelInfo {\n  baseMark: ICompilableMark;\n  labelMark: ILabelMark;\n  series: ISeries;\n  labelSpec: ILabelSpec;\n}\n\nexport interface ILabelComponentContext {\n  region: IRegion;\n  labelInfo: ILabelInfo[];\n}\n\nVChart.useMark([LabelMark]);\n\nexport class Label<T extends ILabelSpec = ILabelSpec> extends BaseLabelComponent<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  protected _labelInfoMap: Map<IRegion, ILabelInfo[]>;\n\n  protected _labelComponentMap: Map<IComponentMark, ILabelInfo | ILabelInfo[]>;\n\n  protected _layoutRule: 'series' | 'region';\n\n  constructor(spec: T, options: IComponentOption) {\n    super(spec, options);\n    this._layoutRule = spec.labelLayout || 'series';\n  }\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const regions = options.getAllRegions();\n    const labelComponents = [];\n    for (let i = 0; i < regions.length; i++) {\n      const marks = regions[i]\n        .getSeries()\n        .map(s => s.getMarksWithoutRoot())\n        .flat();\n      const labelVisible = marks.some(mark => {\n        return mark.getLabelSpec()?.some(labelSpec => labelSpec.visible);\n      });\n      if (labelVisible) {\n        labelComponents.push(new Label(spec, { ...options, specIndex: i, specKey: 'label' }));\n        continue;\n      }\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this.initEvent();\n    this._initTextMark();\n    this._initLabelComponent();\n    this._initTextMarkStyle();\n  }\n\n  initEvent() {\n    this.event.on(ChartEvent.dataZoomChange, () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.disableAnimation();\n        }\n      });\n      this.event.on(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    });\n    const enableAnimation = () => {\n      this._labelComponentMap.forEach((info, component) => {\n        const graphicItem = component.getProduct().getGroupGraphicItem();\n        if (graphicItem) {\n          graphicItem.enableAnimation();\n        }\n      });\n      this.event.off(VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);\n    };\n\n    this.event.on('afterElementEncode', eventParams => {\n      const mark = eventParams.item;\n\n      if (this._option.getChart().getLayoutTag() === false && mark.context?.model === this) {\n        this._delegateLabelEvent(mark.getGroupGraphicItem());\n      }\n    });\n  }\n\n  protected _delegateLabelEvent(component: IGroup) {\n    const textNodes = component\n      ?.findAll(node => node.type === 'text', true)\n      // label 组件的底层实现是有 text 图元复用的，这里为了避免重复的事件监听\n      .filter(text => !(text as any).__vchart_event) as IText[];\n    if (textNodes && textNodes.length > 0) {\n      textNodes.forEach(text => {\n        text.__vchart_event = true;\n        text.addEventListener('*', ((event: any, type: string) =>\n          this._delegateEvent(component, event, type, text, (text.attribute as LabelItem).data)) as LooseFunction);\n      });\n    }\n  }\n\n  protected _initTextMark() {\n    if (!this._labelInfoMap) {\n      this._labelInfoMap = new Map();\n    }\n\n    if (!this._labelComponentMap) {\n      this._labelComponentMap = new Map();\n    }\n    eachSeries(this._regions, (s: ISeries) => {\n      const marks = s.getMarks();\n      const region = s.getRegion();\n\n      if (!this._labelInfoMap.get(region)) {\n        this._labelInfoMap.set(region, []);\n      }\n      for (let i = 0; i < marks.length; i++) {\n        const mark = marks[i];\n        if (mark.getLabelSpec()?.length > 0) {\n          mark.getLabelSpec().forEach((labelSpec, index) => {\n            if (labelSpec.visible) {\n              const info = this._labelInfoMap.get(region);\n              const labelMark = this._createMark({\n                type: MarkTypeEnum.label,\n                name: `${mark.name}-label-${index}`\n              }) as ILabelMark;\n              labelMark.setTarget(mark);\n              info.push({ labelMark, baseMark: mark, series: s, labelSpec });\n            }\n          });\n        }\n      }\n    });\n  }\n\n  protected _initLabelComponent() {\n    this._labelInfoMap.forEach((regionLabelInfo, region) => {\n      if (this._layoutRule === 'region') {\n        const component = this._createMark(\n          { type: MarkTypeEnum.component, name: `${region.getGroupMark().name}-label-component` },\n          {\n            componentType: 'label',\n            support3d: this._spec.support3d\n          }\n        );\n        if (component) {\n          this._marks.addMark(component);\n          this._labelComponentMap.set(component, regionLabelInfo);\n        }\n      } else {\n        regionLabelInfo.forEach(labelInfo => {\n          const component = this._createMark(\n            { type: MarkTypeEnum.component, name: `${labelInfo.labelMark.name}-component` },\n            {\n              componentType: 'label',\n              support3d: labelInfo.baseMark.getSupport3d()\n            }\n          );\n          if (component) {\n            this._marks.addMark(component);\n            this._labelComponentMap.set(component, labelInfo);\n            labelInfo.labelMark.setComponent(component);\n          }\n        });\n      }\n    });\n  }\n\n  protected _initTextMarkStyle() {\n    this._labelInfoMap.forEach(labelInfos => {\n      labelInfos.forEach(info => {\n        const { labelMark, labelSpec, series } = info;\n        this.initMarkStyleWithSpec(labelMark, labelSpec);\n        series.initLabelMarkStyle?.(labelMark);\n      });\n    });\n  }\n\n  updateLayoutAttribute(): void {\n    super.updateLayoutAttribute();\n    this._labelComponentMap.forEach((labelInfo, labelComponent) => {\n      if (isArray(labelInfo)) {\n        this._updateMultiLabelAttribute(labelInfo, labelComponent);\n      } else {\n        this._updateSingleLabelAttribute(labelInfo, labelComponent);\n      }\n    });\n  }\n\n  protected _updateMultiLabelAttribute(labelInfo: ILabelInfo[], labelComponent: IComponentMark) {\n    this._updateLabelComponentAttribute(\n      labelComponent.getProduct() as ILabel,\n      labelInfo.map(({ baseMark }) => baseMark.getProduct()),\n      labelInfo[0]\n    );\n  }\n\n  protected _updateSingleLabelAttribute(labelInfo: ILabelInfo, labelComponent: IComponentMark) {\n    const { baseMark } = labelInfo;\n    this._updateLabelComponentAttribute(labelComponent.getProduct() as ILabel, baseMark.getProduct(), labelInfo);\n  }\n\n  protected _updateLabelComponentAttribute(component: ILabel, target: IMark | IMark[], labelInfo: ILabelInfo) {\n    const { baseMark, labelSpec, series, labelMark } = labelInfo;\n    const dependCmp = this._option.getAllComponents().filter(cmp => cmp.type === 'totalLabel');\n    component\n      .target(target)\n      .configure({ interactive: false })\n      .depend(dependCmp.map(cmp => cmp.getMarks()[0].getProduct()))\n      .labelStyle(() => {\n        const rule = labelMark.getRule() || baseMark.type;\n        const configFunc = labelRuleMap[rule] ?? labelRuleMap.point;\n        const interactive = this._interactiveConfig(labelSpec);\n        const passiveLabelSpec = pickWithout(labelSpec, ['position', 'style', 'state']);\n        /** arc label When setting the centerOffset of the spec, the label also needs to be offset accordingly, and the centerOffset is not in the labelSpec */\n        const centerOffset = this._spec?.centerOffset ?? 0;\n        return mergeSpec(\n          {\n            textStyle: { pickable: labelSpec.interactive === true, ...labelSpec.style },\n            overlap: {\n              avoidMarks: this._option\n                .getAllComponents()\n                .filter(cmp => cmp.type === 'totalLabel')\n                .map(cmp => cmp.getMarks()[0].getProductId())\n            }\n          },\n          configFunc(labelInfo),\n          {\n            ...passiveLabelSpec,\n            ...interactive,\n            centerOffset\n          }\n        );\n      })\n      .encode(datum => {\n        return labelMark.skipEncode ? { data: datum } : textAttribute(labelInfo, datum, labelSpec.formatMethod);\n      })\n      .size(() => series.getRegion().getLayoutRect());\n  }\n\n  compileMarks() {\n    this.getMarks().forEach(m => {\n      const labelInfo = this._labelComponentMap.get(m);\n      let group;\n      if (isArray(labelInfo)) {\n        group = labelInfo[0].series.getRegion().getGroupMark().getProduct() as IGroupMark;\n      } else {\n        group = labelInfo.series.getRegion().getGroupMark().getProduct() as IGroupMark;\n      }\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this,\n          labelInfo\n        }\n      });\n    });\n  }\n}\n"]}

package/esm/component/label/totalLabel.js

@@ -38,7 +38,7 @@ export class TotalLabel extends BaseLabelComponent {
         var _a;
         if (null === (_a = this.series.getSpec().totalLabel) || void 0 === _a ? void 0 : _a.visible) {
             const mark = this.series.getMarksInType([ MarkTypeEnum.rect, MarkTypeEnum.symbol ])[0], textMark = this._createMark({
-                type: MarkTypeEnum.text,
+                type: MarkTypeEnum.label,
                 name: `${mark.name}-total-label`
             });
             this._baseMark = mark, this._textMark = textMark, this._initTextMarkStyle();
@@ -78,10 +78,11 @@ export class TotalLabel extends BaseLabelComponent {
                         dataFilter: data => data.filter((d => d.data[STACK_FIELD_TOTAL_TOP]))
                     }, interactive));
                 }
-            })).encode(((datum, element) => textAttribute({
+            })).encode((datum => textAttribute({
                 baseMark: this._baseMark,
                 labelMark: this._textMark,
-                series: this.series
+                series: this.series,
+                labelSpec: this.series.getSpec().totalLabel
             }, datum, this._spec.formatMethod))).size((() => this._regions[0].getLayoutRect()));
         }));
     }

package/esm/component/label/totalLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/totalLabel.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAExG,OAAO,EAAE,YAAY,EAAc,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,MAAM,OAAO,UAAW,SAAQ,kBAAkB;IAAlD;;QAEE,SAAI,GAAG,iBAAiB,CAAC,UAAU,CAAC;QACpC,SAAI,GAAW,iBAAiB,CAAC,UAAU,CAAC;QAE5C,eAAU,GAA6B,UAAU,CAAC;QAClD,iBAAY,GAA+B,YAAY,CAAC,KAAK,CAAC;IAsHhE,CAAC;IA7GC,MAAM,CAAC,eAAe,CAAC,IAAqB,EAAE,OAAyB;QACrE,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;QACxC,MAAM,eAAe,GAAiB,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;YAClC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;gBACjB,IAAI,MAAA,MAAA,CAAC,CAAC,OAAO,EAAE,0CAAE,UAAU,0CAAE,OAAO,EAAE;oBACpC,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,UAAU,kCAAO,OAAO,KAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,IAAG,CAAC;oBACxG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;oBACf,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;SACJ;QACD,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,MAAwB;QAC3B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAES,aAAa;;QACrB,IAAI,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,UAAU,0CAAE,OAAO,EAAE;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrF,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,cAAc,EAAE,CAAC,CAAC;YACjG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;IACH,CAAC;IAED,kBAAkB;QAChB,KAAK,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,IAAI,CAAC,YAAY,CACf,IAAI,CAAC,SAAS,EACd;YACE,IAAI,EAAE,KAAK,CAAC,EAAE;gBACZ,OAAO,KAAK,CAAC,iBAAiB,CAAC,CAAC;YAClC,CAAC;SACF,EACD,QAAQ,EACR,cAAc,CAAC,OAAO,CACvB,CAAC;IACJ,CAAC;IAES,mBAAmB;QAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAChC,EAAE,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,wBAAwB,EAAE,EACnF;YACE,aAAa,EAAE,OAAO;YACtB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;SAChC,CACF,CAAC;QACF,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SAChC;IACH,CAAC;IAED,qBAAqB;QACnB,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;YAC3C,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,EAAgC,CAAC;YAC3E,SAAS;iBACN,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;iBACnC,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;iBACjC,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,IAAI,CAAC,SAAS,EAAE;oBAClB,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;oBAClD,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBACxD,OAAO,SAAS,CACd;wBACE,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,EAAE;wBACxD,QAAQ,EAAE,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;qBAC/D,kBAEC,MAAM;wBACN,SAAS;wBACT,OAAO,EACP,UAAU,EAAE,CAAC,IAAS,EAAE,EAAE;4BACxB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC;wBAChE,CAAC,IACE,WAAW,EAEjB,CAAC;iBACH;YACH,CAAC,CAAC;iBACD,MAAM,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBACzB,OAAO,aAAa,CAClB,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAC5E,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,YAAY,CACxB,CAAC;YACJ,CAAC,CAAC;iBACD,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,UAAU,EAAgB,CAAC;YACzE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YACrB,MAAA,CAAC,CAAC,UAAU,EAAE,0CAAE,SAAS,CAAC;gBACxB,OAAO,EAAE;oBACP,KAAK,EAAE,IAAI;iBACZ;aACF,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;;AA1HM,eAAI,GAAG,iBAAiB,CAAC,UAAU,CAAC;AA6H7C,MAAM,UAAU,kBAAkB,CAAC,MAAe,EAAE,IAAc;IAChE,IAAI,QAAQ,CAAC;IACb,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM;YACT,QAAQ,GAAI,MAA2B,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;YACrF,MAAM;QACR,KAAK,QAAQ,CAAC;QACd;YACE,QAAQ,GAAG,KAAK,CAAC;KACpB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC","file":"totalLabel.js","sourcesContent":["import type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { AttributeLevel, LayoutZIndex, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_TOP } from '../../constant';\nimport type { MarkType } from '../../mark/interface';\nimport { MarkTypeEnum, type IMark } from '../../mark/interface';\nimport type { ITextMark } from '../../mark/text';\nimport { getSeries, mergeSpec } from '../../util';\nimport type { ICartesianSeries, ISeries } from '../../series/interface';\nimport type { IGroupMark, IView } from '@visactor/vgrammar';\nimport { textAttribute } from './util';\nimport { BaseLabelComponent } from './base-label';\nimport type { ITotalLabelSpec, ITotalLabelTheme } from './interface';\nimport type { IModelInitOption } from '../../model/interface';\n\nexport class TotalLabel extends BaseLabelComponent {\n  static type = ComponentTypeEnum.totalLabel;\n  type = ComponentTypeEnum.totalLabel;\n  name: string = ComponentTypeEnum.totalLabel;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Label;\n\n  private _textMark?: ITextMark;\n  private _baseMark?: IMark;\n\n  series: ISeries;\n\n  protected declare _theme: ITotalLabelTheme;\n\n  static createComponent(spec: ITotalLabelSpec, options: IComponentOption) {\n    const regions = options.getAllRegions();\n    const labelComponents: TotalLabel[] = [];\n    for (let i = 0; i < regions.length; i++) {\n      const series = getSeries(regions);\n      series.forEach(s => {\n        if (s.getSpec()?.totalLabel?.visible) {\n          const cmp = new TotalLabel(s.getSpec().totalLabel, { ...options, specIndex: i, specKey: 'totalLabel' });\n          cmp.series = s;\n          labelComponents.push(cmp);\n        }\n      });\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this._initTextMark();\n    this._initLabelComponent();\n  }\n\n  protected _initTextMark() {\n    if (this.series.getSpec().totalLabel?.visible) {\n      const mark = this.series.getMarksInType([MarkTypeEnum.rect, MarkTypeEnum.symbol])[0];\n      const textMark = this._createMark({ type: MarkTypeEnum.text, name: `${mark.name}-total-label` });\n      this._baseMark = mark;\n      this._textMark = textMark;\n      this._initTextMarkStyle();\n    }\n  }\n\n  _initTextMarkStyle() {\n    super.initMarkStyleWithSpec(this._textMark, this._spec);\n    this.setMarkStyle(\n      this._textMark,\n      {\n        text: datum => {\n          return datum[STACK_FIELD_TOTAL];\n        }\n      },\n      'normal',\n      AttributeLevel.Default\n    );\n  }\n\n  protected _initLabelComponent() {\n    const component = this._createMark(\n      { type: MarkTypeEnum.component, name: `${this.series.name}-total-label-component` },\n      {\n        componentType: 'label',\n        support3d: this._spec.support3d\n      }\n    );\n    if (component) {\n      this._marks.addMark(component);\n    }\n  }\n\n  updateLayoutAttribute(): void {\n    super.updateLayoutAttribute();\n    this._marks.forEach((componentMark, index) => {\n      const component = componentMark.getProduct() as ReturnType<IView['label']>;\n      component\n        .target(this._baseMark.getProduct())\n        .configure({ interactive: false })\n        .labelStyle(() => {\n          if (this._baseMark) {\n            const { offset, animation, overlap } = this._spec;\n            const interactive = this._interactiveConfig(this._spec);\n            return mergeSpec(\n              {\n                textStyle: { pickable: this._spec.interactive === true },\n                position: totalLabelPosition(this.series, this._baseMark.type)\n              },\n              {\n                offset,\n                animation,\n                overlap,\n                dataFilter: (data: any) => {\n                  return data.filter((d: any) => d.data[STACK_FIELD_TOTAL_TOP]);\n                },\n                ...interactive\n              }\n            );\n          }\n        })\n        .encode((datum, element) => {\n          return textAttribute(\n            { baseMark: this._baseMark, labelMark: this._textMark, series: this.series },\n            datum,\n            this._spec.formatMethod\n          );\n        })\n        .size(() => this._regions[0].getLayoutRect());\n    });\n  }\n\n  compileMarks() {\n    this.getMarks().forEach(m => {\n      const group = this._regions[0].getGroupMark().getProduct() as IGroupMark;\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n}\n\nexport function totalLabelPosition(series: ISeries, type: MarkType) {\n  let position;\n  switch (type) {\n    case 'rect':\n      position = (series as ICartesianSeries).direction === 'horizontal' ? 'right' : 'top';\n      break;\n    case 'symbol':\n    default:\n      position = 'top';\n  }\n  return position;\n}\n"]}
+{"version":3,"sources":["../src/component/label/totalLabel.ts"],"names":[],"mappings":"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","file":"totalLabel.js","sourcesContent":["import type { ILabelMark } from './../../mark/label';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { LayoutItem } from '../../model/layout-item';\nimport { AttributeLevel, LayoutZIndex, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_TOP } from '../../constant';\nimport type { MarkType } from '../../mark/interface';\nimport { MarkTypeEnum, type IMark } from '../../mark/interface';\nimport { getSeries, mergeSpec } from '../../util';\nimport type { ICartesianSeries, ISeries } from '../../series/interface';\nimport type { IGroupMark, IView } from '@visactor/vgrammar';\nimport { textAttribute } from './util';\nimport { BaseLabelComponent } from './base-label';\nimport type { ITotalLabelSpec, ITotalLabelTheme } from './interface';\nimport type { IModelInitOption } from '../../model/interface';\nimport type { Datum } from '../../typings';\n\nexport class TotalLabel extends BaseLabelComponent {\n  static type = ComponentTypeEnum.totalLabel;\n  type = ComponentTypeEnum.totalLabel;\n  name: string = ComponentTypeEnum.totalLabel;\n\n  layoutType: LayoutItem['layoutType'] = 'absolute';\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.Label;\n\n  private _textMark?: ILabelMark;\n  private _baseMark?: IMark;\n\n  series: ISeries;\n\n  protected declare _theme: ITotalLabelTheme;\n\n  static createComponent(spec: ITotalLabelSpec, options: IComponentOption) {\n    const regions = options.getAllRegions();\n    const labelComponents: TotalLabel[] = [];\n    for (let i = 0; i < regions.length; i++) {\n      const series = getSeries(regions);\n      series.forEach(s => {\n        if (s.getSpec()?.totalLabel?.visible) {\n          const cmp = new TotalLabel(s.getSpec().totalLabel, { ...options, specIndex: i, specKey: 'totalLabel' });\n          cmp.series = s;\n          labelComponents.push(cmp);\n        }\n      });\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this._initTextMark();\n    this._initLabelComponent();\n  }\n\n  protected _initTextMark() {\n    if (this.series.getSpec().totalLabel?.visible) {\n      const mark = this.series.getMarksInType([MarkTypeEnum.rect, MarkTypeEnum.symbol])[0];\n      const textMark = this._createMark({ type: MarkTypeEnum.label, name: `${mark.name}-total-label` }) as ILabelMark;\n      this._baseMark = mark;\n      this._textMark = textMark;\n      this._initTextMarkStyle();\n    }\n  }\n\n  _initTextMarkStyle() {\n    super.initMarkStyleWithSpec(this._textMark, this._spec);\n    this.setMarkStyle(\n      this._textMark,\n      {\n        text: (datum: Datum) => {\n          return datum[STACK_FIELD_TOTAL];\n        }\n      },\n      'normal',\n      AttributeLevel.Default\n    );\n  }\n\n  protected _initLabelComponent() {\n    const component = this._createMark(\n      { type: MarkTypeEnum.component, name: `${this.series.name}-total-label-component` },\n      {\n        componentType: 'label',\n        support3d: this._spec.support3d\n      }\n    );\n    if (component) {\n      this._marks.addMark(component);\n    }\n  }\n\n  updateLayoutAttribute(): void {\n    super.updateLayoutAttribute();\n    this._marks.forEach((componentMark, index) => {\n      const component = componentMark.getProduct() as ReturnType<IView['label']>;\n      component\n        .target(this._baseMark.getProduct())\n        .configure({ interactive: false })\n        .labelStyle(() => {\n          if (this._baseMark) {\n            const { offset, animation, overlap } = this._spec;\n            const interactive = this._interactiveConfig(this._spec);\n            return mergeSpec(\n              {\n                textStyle: { pickable: this._spec.interactive === true },\n                position: totalLabelPosition(this.series, this._baseMark.type)\n              },\n              {\n                offset,\n                animation,\n                overlap,\n                dataFilter: (data: any) => {\n                  return data.filter((d: any) => d.data[STACK_FIELD_TOTAL_TOP]);\n                },\n                ...interactive\n              }\n            );\n          }\n        })\n        .encode(datum => {\n          return textAttribute(\n            {\n              baseMark: this._baseMark,\n              labelMark: this._textMark,\n              series: this.series,\n              labelSpec: this.series.getSpec().totalLabel\n            },\n            datum,\n            this._spec.formatMethod\n          );\n        })\n        .size(() => this._regions[0].getLayoutRect());\n    });\n  }\n\n  compileMarks() {\n    this.getMarks().forEach(m => {\n      const group = this._regions[0].getGroupMark().getProduct() as IGroupMark;\n      m.compile({ group });\n      m.getProduct()?.configure({\n        context: {\n          model: this\n        }\n      });\n    });\n  }\n}\n\nexport function totalLabelPosition(series: ISeries, type: MarkType) {\n  let position;\n  switch (type) {\n    case 'rect':\n      position = (series as ICartesianSeries).direction === 'horizontal' ? 'right' : 'top';\n      break;\n    case 'symbol':\n    default:\n      position = 'top';\n  }\n  return position;\n}\n"]}

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

@@ -1,11 +1,49 @@
-import type { Datum } from '../../typings';
+import { type Datum } from '../../typings';
 import type { ILabelInfo } from './label';
-import { barLabel } from './bar';
-import { symbolLabel } from './symbol';
-import { pieLabel } from './pie';
-export declare const markLabelConfigFunc: {
+import type { LabelItem, Strategy } from '@visactor/vrender-components';
+export declare const labelRuleMap: {
     rect: typeof barLabel;
     symbol: typeof symbolLabel;
     arc: typeof pieLabel;
+    point: typeof pointLabel;
+    stackLabel: typeof stackLabel;
+};
+export declare enum LabelRule {
+    rect = "rect",
+    symbol = "symbol",
+    arc = "arc",
+    point = "point",
+    stackLabel = "stackLabel"
+}
+export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum, formatMethod?: (text: string | string[], datum?: any) => string | string[]): any;
+export declare function symbolLabel(labelInfo: ILabelInfo): {
+    position: string;
+    overlap: boolean | {
+        strategy: Strategy[];
+        avoidBaseMark: boolean;
+    };
+};
+export declare function barLabel(labelInfo: ILabelInfo): {
+    position: string | ((data: any) => string);
+    overlap: boolean | {
+        strategy: Strategy[];
+    };
+    smartInvert: boolean;
+};
+export declare function pointLabel(labelInfo: ILabelInfo): {
+    position: string;
+    overlap: boolean | {
+        avoidBaseMark: boolean;
+    };
+};
+export declare function pieLabel(labelInfo: ILabelInfo): {
+    position: import("@visactor/vrender-components").Functional<string>;
+    smartInvert: boolean | import("@visactor/vrender-components").SmartInvertAttrs;
+};
+export declare function stackLabel(labelInfo: ILabelInfo): {
+    customLayoutFunc: (labels: LabelItem[]) => import("@visactor/vrender").IText[];
+    dataFilter: (labels: LabelItem[]) => LabelItem[];
+    overlap: {
+        strategy: any;
+    };
 };
-export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum, formatMethod: (text: string | string[], datum?: any) => string | string[]): any;

package/esm/component/label/util.js

@@ -1,15 +1,24 @@
-import { barLabel } from "./bar";
+import { Direction } from "../../typings";
 
-import { symbolLabel } from "./symbol";
+import { isString } from "@visactor/vutils";
 
-import { pieLabel } from "./pie";
+import { createText } from "@visactor/vrender";
 
-export const markLabelConfigFunc = {
+export const labelRuleMap = {
     rect: barLabel,
     symbol: symbolLabel,
-    arc: pieLabel
+    arc: pieLabel,
+    point: pointLabel,
+    stackLabel: stackLabel
 };
 
+export var LabelRule;
+
+!function(LabelRule) {
+    LabelRule.rect = "rect", LabelRule.symbol = "symbol", LabelRule.arc = "arc", LabelRule.point = "point", 
+    LabelRule.stackLabel = "stackLabel";
+}(LabelRule || (LabelRule = {}));
+
 export function textAttribute(labelInfo, datum, formatMethod) {
     const {labelMark: labelMark, series: series} = labelInfo, textAttribute = {
         text: datum[series.getMeasureField()[0]],
@@ -21,4 +30,111 @@ export function textAttribute(labelInfo, datum, formatMethod) {
     }
     return textAttribute;
 }
+
+export function symbolLabel(labelInfo) {
+    var _a, _b, _c;
+    const {series: series, labelSpec: labelSpec} = labelInfo, defaultPosition = "horizontal" === series.direction ? "right" : "top", position = null !== (_a = labelSpec.position) && void 0 !== _a ? _a : defaultPosition;
+    let overlap;
+    return overlap = !1 !== labelSpec.overlap && {
+        strategy: null !== (_c = null === (_b = labelSpec.overlap) || void 0 === _b ? void 0 : _b.strategy) && void 0 !== _c ? _c : symbolLabelOverlapStrategy(),
+        avoidBaseMark: "center" !== position
+    }, {
+        position: position,
+        overlap: overlap
+    };
+}
+
+function symbolLabelOverlapStrategy() {
+    return [ {
+        type: "position",
+        position: [ "top", "bottom", "right", "left", "top-right", "top-left", "bottom-left", "bottom-right" ]
+    } ];
+}
+
+export function barLabel(labelInfo) {
+    var _a, _b, _c, _d, _e, _f;
+    const {series: series, labelSpec: labelSpec = {}} = labelInfo, labelPosition = null !== (_a = labelSpec.position) && void 0 !== _a ? _a : "outside", direction = null !== (_b = series.direction) && void 0 !== _b ? _b : "vertical", isInverse = "horizontal" === series.direction ? null === (_c = series.getXAxisHelper()) || void 0 === _c ? void 0 : _c.isInverse() : null === (_d = series.getYAxisHelper()) || void 0 === _d ? void 0 : _d.isInverse();
+    let overlap, position = labelPosition;
+    "inside" !== position && (position = data => {
+        const {data: datum} = data, dataField = series.getMeasureField()[0];
+        if ("outside" === labelPosition) {
+            const positionMap = {
+                vertical: [ "top", "bottom" ],
+                horizontal: [ "right", "left" ]
+            }, index = (null == datum ? void 0 : datum[dataField]) >= 0 && isInverse || (null == datum ? void 0 : datum[dataField]) < 0 && !isInverse ? 1 : 0;
+            return positionMap[direction][index];
+        }
+        return "inside-bottom" === labelPosition ? "horizontal" === series.direction ? "inside-left" : "inside-bottom" : "inside-top" === labelPosition ? "horizontal" === series.direction ? "inside-right" : "inside-top" : labelPosition;
+    }), overlap = !1 !== labelSpec.overlap && {
+        strategy: null !== (_f = null === (_e = labelSpec.overlap) || void 0 === _e ? void 0 : _e.strategy) && void 0 !== _f ? _f : barLabelOverlapStrategy(series)
+    };
+    let smartInvert = !1;
+    return isString(labelPosition) && labelPosition.includes("inside") && (smartInvert = !0), 
+    {
+        position: position,
+        overlap: overlap,
+        smartInvert: smartInvert
+    };
+}
+
+function barLabelOverlapStrategy(series) {
+    return [ {
+        type: "position",
+        position: data => {
+            var _a, _b;
+            const {data: datum} = data, dataField = series.getMeasureField()[0];
+            return ("horizontal" === series.direction ? null === (_a = series.getXAxisHelper()) || void 0 === _a ? void 0 : _a.isInverse() : null === (_b = series.getYAxisHelper()) || void 0 === _b ? void 0 : _b.isInverse()) ? (null == datum ? void 0 : datum[dataField]) >= 0 ? "horizontal" === series.direction ? [ "left", "inside-left" ] : [ "bottom", "inside-bottom" ] : "horizontal" === series.direction ? [ "right", "inside-right" ] : [ "top", "inside-top" ] : (null == datum ? void 0 : datum[dataField]) >= 0 ? "horizontal" === series.direction ? [ "right", "inside-right" ] : [ "top", "inside-top" ] : "horizontal" === series.direction ? [ "left", "inside-left" ] : [ "bottom", "inside-bottom" ];
+        }
+    } ];
+}
+
+export function pointLabel(labelInfo) {
+    const {labelSpec: labelSpec} = labelInfo;
+    let overlap;
+    return overlap = !1 !== labelSpec.overlap && {
+        avoidBaseMark: !1
+    }, {
+        position: "center",
+        overlap: overlap
+    };
+}
+
+export function pieLabel(labelInfo) {
+    var _a;
+    const {labelSpec: labelSpec} = labelInfo, labelPosition = null !== (_a = labelSpec.position) && void 0 !== _a ? _a : "outside", position = labelPosition;
+    let smartInvert;
+    return smartInvert = labelSpec.smartInvert ? labelSpec.smartInvert : isString(labelPosition) && labelPosition.includes("inside"), 
+    {
+        position: position,
+        smartInvert: smartInvert
+    };
+}
+
+export function stackLabel(labelInfo) {
+    const series = labelInfo.series, labelSpec = labelInfo.labelSpec || {}, totalData = series.getTotalData();
+    return {
+        customLayoutFunc: labels => labels.map((label => {
+            const pos = labelSpec.position || "withChange", offset = labelSpec.offset || 0, datum = label.data, attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);
+            return attribute.x = (datum => series.direction === Direction.vertical ? series.totalPositionX(datum, "index", .5) : "middle" === pos ? .5 * (series.totalPositionX(datum, "end") + series.totalPositionY(datum, "start")) : "max" === pos ? series.totalPositionX(datum, datum.end >= datum.start ? "end" : "start") + offset : "min" === pos ? series.totalPositionX(datum, datum.end >= datum.start ? "start" : "end") - offset : series.totalPositionX(datum, "end") + (datum.end >= datum.start ? offset : -offset))(datum), 
+            attribute.y = (datum => series.direction === Direction.vertical ? "middle" === pos ? .5 * (series.totalPositionY(datum, "end") + series.totalPositionY(datum, "start")) : "max" === pos ? series.totalPositionY(datum, datum.end >= datum.start ? "end" : "start") - offset : "min" === pos ? series.totalPositionY(datum, datum.end >= datum.start ? "start" : "end") + offset : series.totalPositionY(datum, "end") + (datum.end >= datum.start ? -offset : offset) : series.totalPositionY(datum, "index", .5))(datum), 
+            series.direction === Direction.vertical ? attribute.textBaseline = "middle" === pos ? pos : "withChange" === pos && datum.end - datum.start >= 0 || "max" === pos ? "bottom" : "top" : attribute.textAlign = "middle" === pos ? "center" : "withChange" === pos && datum.end - datum.start >= 0 || "max" === pos ? "left" : "right", 
+            createText(Object.assign(Object.assign({}, attribute), {
+                id: label.id
+            }));
+        })),
+        dataFilter: labels => {
+            const result = [];
+            return totalData.forEach((total => {
+                const label = labels.find((labelItem => {
+                    var _a;
+                    return total.index === (null === (_a = labelItem.data) || void 0 === _a ? void 0 : _a[series.getDimensionField()[0]]);
+                }));
+                label && (label.data = total, result.push(label));
+            })), result;
+        },
+        overlap: {
+            strategy: []
+        }
+    };
+}
 //# sourceMappingURL=util.js.map

package/esm/component/label/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,WAAW;IACnB,GAAG,EAAE,QAAQ;CACd,CAAC;AAEF,MAAM,UAAU,aAAa,CAC3B,SAAqB,EACrB,KAAY,EACZ,YAAyE;IAEzE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAS,CAAC;IAEjE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IAC5D,KAAK,MAAM,GAAG,IAAI,UAAU,EAAE;QAC5B,MAAM,IAAI,GAAG,SAAS,CAAC,YAAY,CAAC,GAAU,EAAE,KAAK,CAAC,CAAC;QACvD,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;QAC1B,IAAI,GAAG,KAAK,MAAM,IAAI,YAAY,EAAE;YAClC,aAAa,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;SAC9D;KACF;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","file":"util.js","sourcesContent":["import type { Datum } from '../../typings';\nimport type { ILabelInfo } from './label';\nimport { barLabel } from './bar';\nimport { symbolLabel } from './symbol';\nimport { pieLabel } from './pie';\n\nexport const markLabelConfigFunc = {\n  rect: barLabel,\n  symbol: symbolLabel,\n  arc: pieLabel\n};\n\nexport function textAttribute(\n  labelInfo: ILabelInfo,\n  datum: Datum,\n  formatMethod: (text: string | string[], datum?: any) => string | string[]\n) {\n  const { labelMark, series } = labelInfo;\n  const field = series.getMeasureField()[0];\n  const textAttribute = { text: datum[field], data: datum } as any;\n\n  const attributes = Object.keys(labelMark.stateStyle.normal);\n  for (const key of attributes) {\n    const attr = labelMark.getAttribute(key as any, datum);\n    textAttribute[key] = attr;\n    if (key === 'text' && formatMethod) {\n      textAttribute[key] = formatMethod(textAttribute[key], datum);\n    }\n  }\n  return textAttribute;\n}\n"]}
+{"version":3,"sources":["../src/component/label/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import type { WaterfallSeries } from './../../series/waterfall/waterfall';\nimport { Direction, type Datum } from '../../typings';\nimport type { ILabelInfo } from './label';\nimport type { BaseLabelAttrs, LabelItem, Strategy } from '@visactor/vrender-components';\nimport type { ICartesianSeries } from '../../series/interface';\nimport { isString } from '@visactor/vutils';\nimport { createText } from '@visactor/vrender';\nimport type { IWaterfallSeriesSpec } from '../../series/waterfall/interface';\n\nexport const labelRuleMap = {\n  rect: barLabel,\n  symbol: symbolLabel,\n  arc: pieLabel,\n  point: pointLabel,\n\n  stackLabel: stackLabel\n};\n\nexport enum LabelRule {\n  rect = 'rect',\n  symbol = 'symbol',\n  arc = 'arc',\n  point = 'point',\n  stackLabel = 'stackLabel'\n}\n\nexport function textAttribute(\n  labelInfo: ILabelInfo,\n  datum: Datum,\n  formatMethod?: (text: string | string[], datum?: any) => string | string[]\n) {\n  const { labelMark, series } = labelInfo;\n  const field = series.getMeasureField()[0];\n  const textAttribute = { text: datum[field], data: datum } as any;\n\n  const attributes = Object.keys(labelMark.stateStyle.normal);\n  for (const key of attributes) {\n    const attr = labelMark.getAttribute(key as any, datum);\n    textAttribute[key] = attr;\n    if (key === 'text' && formatMethod) {\n      textAttribute[key] = formatMethod(textAttribute[key], datum);\n    }\n  }\n  return textAttribute;\n}\n\n/**\n * symbol 图元标签规则。\n */\nexport function symbolLabel(labelInfo: ILabelInfo) {\n  const { series, labelSpec } = labelInfo;\n\n  // encode position config\n  const defaultPosition = (series as ICartesianSeries).direction === 'horizontal' ? 'right' : 'top';\n  const position = labelSpec.position ?? defaultPosition;\n\n  // encode overlap config\n  let overlap;\n  if (labelSpec.overlap === false) {\n    overlap = false;\n  } else {\n    overlap = {\n      strategy: labelSpec.overlap?.strategy ?? symbolLabelOverlapStrategy(),\n      avoidBaseMark: position !== 'center'\n    };\n  }\n\n  return { position, overlap };\n}\n\nfunction symbolLabelOverlapStrategy() {\n  const strategy: Strategy[] = [\n    {\n      type: 'position',\n      position: ['top', 'bottom', 'right', 'left', 'top-right', 'top-left', 'bottom-left', 'bottom-right']\n    }\n  ];\n\n  return strategy;\n}\n\n/**\n *\n */\nexport function barLabel(labelInfo: ILabelInfo) {\n  const { series, labelSpec = {} } = labelInfo;\n\n  // encode position config\n  const labelPosition = labelSpec.position ?? 'outside';\n  const direction = (series as ICartesianSeries).direction ?? 'vertical';\n  const isInverse =\n    (series as ICartesianSeries).direction === 'horizontal'\n      ? (series as ICartesianSeries).getXAxisHelper()?.isInverse()\n      : (series as ICartesianSeries).getYAxisHelper()?.isInverse();\n\n  let position = labelPosition as BaseLabelAttrs['position'];\n\n  if (position !== 'inside') {\n    position = (data: Datum) => {\n      const { data: datum } = data;\n      const dataField = series.getMeasureField()[0];\n      if (labelPosition === 'outside') {\n        const positionMap = { vertical: ['top', 'bottom'], horizontal: ['right', 'left'] };\n        const index = (datum?.[dataField] >= 0 && isInverse) || (datum?.[dataField] < 0 && !isInverse) ? 1 : 0;\n        return positionMap[direction][index];\n      }\n      if (labelPosition === 'inside-bottom') {\n        return (series as ICartesianSeries).direction === 'horizontal' ? 'inside-left' : 'inside-bottom';\n      }\n      if (labelPosition === 'inside-top') {\n        return (series as ICartesianSeries).direction === 'horizontal' ? 'inside-right' : 'inside-top';\n      }\n      return labelPosition;\n    };\n  }\n  // encode overlap config\n  let overlap;\n  if (labelSpec.overlap === false) {\n    overlap = false;\n  } else {\n    overlap = {\n      strategy: labelSpec.overlap?.strategy ?? barLabelOverlapStrategy(series as ICartesianSeries)\n    };\n  }\n\n  // encode smartInvert\n  let smartInvert = false;\n  if (isString(labelPosition) && labelPosition.includes('inside')) {\n    smartInvert = true;\n  }\n\n  return { position, overlap, smartInvert };\n}\n\nfunction barLabelOverlapStrategy(series: ICartesianSeries) {\n  const strategy: Strategy[] = [\n    {\n      type: 'position',\n      position: (data: any) => {\n        const { data: datum } = data;\n        const dataField = series.getMeasureField()[0];\n        const isInverse =\n          (series as ICartesianSeries).direction === 'horizontal'\n            ? (series as ICartesianSeries).getXAxisHelper()?.isInverse()\n            : (series as ICartesianSeries).getYAxisHelper()?.isInverse();\n        if (isInverse) {\n          if (datum?.[dataField] >= 0) {\n            return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];\n          }\n          return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];\n        }\n        if (datum?.[dataField] >= 0) {\n          return series.direction === 'horizontal' ? ['right', 'inside-right'] : ['top', 'inside-top'];\n        }\n        return series.direction === 'horizontal' ? ['left', 'inside-left'] : ['bottom', 'inside-bottom'];\n      }\n    }\n  ];\n\n  return strategy;\n}\n\n/**\n * 无关图元，指定x/y坐标的标签配置规则\n */\nexport function pointLabel(labelInfo: ILabelInfo) {\n  const { labelSpec } = labelInfo;\n\n  // encode overlap config\n  let overlap;\n  if (labelSpec.overlap === false) {\n    overlap = false;\n  } else {\n    overlap = {\n      avoidBaseMark: false\n    };\n  }\n\n  return { position: 'center', overlap };\n}\n\n/**\n * pie 图元标签配置规则\n */\n\nexport function pieLabel(labelInfo: ILabelInfo) {\n  const { labelSpec } = labelInfo;\n  // encode position config\n  const labelPosition = labelSpec.position ?? 'outside';\n  const position = labelPosition as BaseLabelAttrs['position'];\n\n  // encode smartInvert\n  let smartInvert;\n  if (labelSpec.smartInvert) {\n    smartInvert = labelSpec.smartInvert;\n  } else {\n    smartInvert = isString(labelPosition) && labelPosition.includes('inside');\n  }\n\n  return { position, smartInvert };\n}\n\n/**\n * 瀑布图堆积标签配置规则\n */\n\nexport function stackLabel(labelInfo: ILabelInfo) {\n  const series = labelInfo.series as WaterfallSeries;\n  const labelSpec = labelInfo.labelSpec || ({} as IWaterfallSeriesSpec['stackLabel']);\n  const totalData = series.getTotalData();\n  return {\n    customLayoutFunc: (labels: LabelItem[]) => {\n      return labels.map(label => {\n        const pos = labelSpec.position || 'withChange';\n        const offset = labelSpec.offset || 0;\n\n        const datum = label.data;\n        const attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);\n        const x = (datum: any) => {\n          if (series.direction === Direction.vertical) {\n            return series.totalPositionX(datum, 'index', 0.5);\n          }\n          if (pos === 'middle') {\n            return (series.totalPositionX(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;\n          } else if (pos === 'max') {\n            return series.totalPositionX(datum, datum.end >= datum.start ? 'end' : 'start') + offset;\n          } else if (pos === 'min') {\n            return series.totalPositionX(datum, datum.end >= datum.start ? 'start' : 'end') - offset;\n          }\n          return series.totalPositionX(datum, 'end') + (datum.end >= datum.start ? offset : -offset);\n        };\n        const y = (datum: any) => {\n          if (series.direction === Direction.vertical) {\n            if (pos === 'middle') {\n              return (series.totalPositionY(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;\n            } else if (pos === 'max') {\n              return series.totalPositionY(datum, datum.end >= datum.start ? 'end' : 'start') - offset;\n            } else if (pos === 'min') {\n              return series.totalPositionY(datum, datum.end >= datum.start ? 'start' : 'end') + offset;\n            }\n            return series.totalPositionY(datum, 'end') + (datum.end >= datum.start ? -offset : offset);\n          }\n          return series.totalPositionY(datum, 'index', 0.5);\n        };\n        attribute.x = x(datum);\n        attribute.y = y(datum);\n        if (series.direction === Direction.vertical) {\n          attribute.textBaseline =\n            pos === 'middle'\n              ? pos\n              : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'\n              ? 'bottom'\n              : 'top';\n        } else {\n          attribute.textAlign =\n            pos === 'middle'\n              ? 'center'\n              : (pos === 'withChange' && datum.end - datum.start >= 0) || pos === 'max'\n              ? 'left'\n              : 'right';\n        }\n        return createText({ ...attribute, id: label.id });\n      });\n    },\n    dataFilter: (labels: LabelItem[]) => {\n      const result: LabelItem[] = [];\n      totalData.forEach((total: any) => {\n        const label = labels.find(labelItem => {\n          return total.index === labelItem.data?.[series.getDimensionField()[0]];\n        });\n        if (label) {\n          label.data = total;\n          result.push(label);\n        }\n      });\n      return result;\n    },\n    overlap: {\n      strategy: [] as any\n    }\n  };\n}\n"]}

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

@@ -16,7 +16,7 @@ export declare abstract class BaseLegend<T extends ILegendCommonSpec> extends Ba
     protected _visible: boolean;
     get visible(): boolean;
     protected _position: 'start' | 'middle' | 'end';
-    get position(): "middle" | "start" | "end";
+    get position(): "start" | "end" | "middle";
     get layoutOrient(): IOrientType;
     set layoutOrient(v: IOrientType);
     protected _legendData: CompilableData;