@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/component/label/label.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Label = void 0;
+
+const interface_1 = require("../interface"), constant_1 = require("../../constant"), interface_2 = require("../../mark/interface"), util_1 = require("../../util"), util_2 = require("./util"), base_label_1 = require("./base-label"), vutils_1 = require("@visactor/vutils");
+
+class Label extends base_label_1.BaseLabelComponent {
+    constructor(spec, options) {
+        super(spec, options), this.type = interface_1.ComponentTypeEnum.label, this.name = interface_1.ComponentTypeEnum.label, 
+        this.layoutType = "absolute", this.layoutZIndex = constant_1.LayoutZIndex.Label, 
+        this._layoutRule = spec.labelLayout || "series";
+    }
+    static createComponent(spec, options) {
+        const regions = options.getAllRegions(), labelComponents = [];
+        for (let i = 0; i < regions.length; i++) {
+            regions[i].getSeries().map((s => s.getMarksWithoutRoot())).flat().some((mark => {
+                var _a;
+                return !0 === (null === (_a = mark.getLabelSpec()) || void 0 === _a ? void 0 : _a.visible);
+            })) && labelComponents.push(new Label(spec, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: "label"
+            })));
+        }
+        return labelComponents;
+    }
+    init(option) {
+        super.init(option), this.initEvent(), this._initTextMark(), this._initLabelComponent();
+    }
+    initEvent() {
+        this.event.on(constant_1.ChartEvent.dataZoomChange, (() => {
+            this._labelComponentMap.forEach(((info, component) => {
+                const graphicItem = component.getProduct().getGroupGraphicItem();
+                graphicItem && graphicItem.disableAnimation();
+            })), this.event.on(constant_1.VGRAMMAR_HOOK_EVENT.AFTER_MARK_RENDER_END, enableAnimation);
+        }));
+        const enableAnimation = () => {
+            this._labelComponentMap.forEach(((info, component) => {
+                const graphicItem = component.getProduct().getGroupGraphicItem();
+                graphicItem && graphicItem.enableAnimation();
+            })), this.event.off(constant_1.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), 
+        (0, util_1.eachSeries)(this._regions, (s => {
+            var _a, _b;
+            const marks = s.getMarks(), region = s.getRegion();
+            this._labelInfo.get(region) || this._labelInfo.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: interface_2.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);
+                }
+            }
+        }));
+    }
+    _initLabelComponent() {
+        this._labelInfo.forEach(((regionLabelInfo, region) => {
+            if ("region" === this._layoutRule) {
+                const component = this._createMark({
+                    type: interface_2.MarkTypeEnum.component,
+                    name: `${region.getGroupMark().name}-label-component`
+                }, {
+                    componentType: "label",
+                    support3d: this._spec.support3d
+                });
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
+                    region: region,
+                    labelInfo: regionLabelInfo
+                }));
+            } else regionLabelInfo.forEach((labelInfo => {
+                const component = this._createMark({
+                    type: interface_2.MarkTypeEnum.component,
+                    name: `${labelInfo.labelMark.name}-component`
+                }, {
+                    componentType: "label",
+                    support3d: this._spec.support3d
+                });
+                component && (this._marks.addMark(component), this._labelComponentMap.set(component, {
+                    region: region,
+                    labelInfo: [ labelInfo ]
+                }));
+            }));
+        }));
+    }
+    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 = util_2.markLabelConfigFunc[baseMark.type]) && void 0 !== _a ? _a : util_2.markLabelConfigFunc.symbol, labelSpec = null !== (_b = baseMark.getLabelSpec()) && void 0 !== _b ? _b : {}, interactive = this._interactiveConfig(labelSpec), passiveLabelSpec = (0, 
+                    vutils_1.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 (0, util_1.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) => {
+                var _a;
+                const markId = element.mark.context.markId, baseMark = this._option.getChart().getMarkById(markId);
+                return (0, util_2.textAttribute)(labelInfo[baseMarks.findIndex((mark => mark === baseMark))], datum, null === (_a = baseMark.getLabelSpec()) || void 0 === _a ? void 0 : _a.formatMethod);
+            })).size((() => region.getLayoutRect()));
+        }));
+    }
+    compileMarks() {
+        this.getMarks().forEach((m => {
+            var _a;
+            const group = this._labelComponentMap.get(m).region.getGroupMark().getProduct();
+            m.compile({
+                group: group
+            }), null === (_a = m.getProduct()) || void 0 === _a || _a.configure({
+                context: {
+                    model: this
+                }
+            });
+        }));
+    }
+}
+
+exports.Label = Label, Label.type = interface_1.ComponentTypeEnum.label;
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,5 @@
+import type { ILabelInfo } from './label';
+export declare function pieLabel(labelInfo: ILabelInfo): {
+    position: import("@visactor/vrender-components").Functional<string>;
+    smartInvert: boolean | import("@visactor/vrender-components").SmartInvertAttrs;
+};

package/cjs/component/label/pie.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.pieLabel = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function pieLabel(labelInfo) {
+    var _a, _b;
+    const {series: series, baseMark: baseMark} = labelInfo, labelSpec = null !== (_a = baseMark.getLabelSpec()) && void 0 !== _a ? _a : {}, labelPosition = null !== (_b = labelSpec.position) && void 0 !== _b ? _b : "outside", position = labelPosition;
+    let smartInvert;
+    return smartInvert = labelSpec.smartInvert ? labelSpec.smartInvert : (0, vutils_1.isString)(labelPosition) && labelPosition.includes("inside"), 
+    {
+        position: position,
+        smartInvert: smartInvert
+    };
+}
+
+exports.pieLabel = pieLabel;
+//# sourceMappingURL=pie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/pie.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAM5C,SAAgB,QAAQ,CAAC,SAAqB;;IAC5C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,mCAAI,EAAE,CAAC;IAGhD,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,QAAQ,mCAAI,SAAS,CAAC;IACtD,MAAM,QAAQ,GAAG,aAA2C,CAAC;IAG7D,IAAI,WAAW,CAAC;IAChB,IAAI,SAAS,CAAC,WAAW,EAAE;QACzB,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;KACrC;SAAM;QACL,WAAW,GAAG,IAAA,iBAAQ,EAAC,aAAa,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC3E;IAED,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACnC,CAAC;AAjBD,4BAiBC","file":"pie.js","sourcesContent":["import { isString } from '@visactor/vutils';\nimport type { ILabelInfo } from './label';\nimport type { BaseLabelAttrs, Strategy } from '@visactor/vrender-components';\nimport type { ICartesianSeries } from '../../series/interface';\nimport type { Datum } from '../../typings';\n\nexport function pieLabel(labelInfo: ILabelInfo) {\n  const { series, baseMark } = labelInfo;\n  const labelSpec = baseMark.getLabelSpec() ?? {};\n\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"]}

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

@@ -0,0 +1,9 @@
+import type { ILabelInfo } from './label';
+import type { Strategy } from '@visactor/vrender-components';
+export declare function symbolLabel(labelInfo: ILabelInfo): {
+    position: string;
+    overlap: boolean | {
+        strategy: Strategy[];
+        avoidBaseMark: boolean;
+    };
+};

package/cjs/component/label/symbol.js

@@ -0,0 +1,26 @@
+"use strict";
+
+function symbolLabel(labelInfo) {
+    var _a, _b, _c, _d;
+    const {series: series, baseMark: baseMark} = labelInfo, labelSpec = null !== (_a = baseMark.getLabelSpec()) && void 0 !== _a ? _a : {}, defaultPosition = "horizontal" === series.direction ? "right" : "top", position = null !== (_b = labelSpec.position) && void 0 !== _b ? _b : defaultPosition;
+    let overlap;
+    return overlap = !1 !== labelSpec.overlap && {
+        strategy: null !== (_d = null === (_c = labelSpec.overlap) || void 0 === _c ? void 0 : _c.strategy) && void 0 !== _d ? _d : 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" ]
+    } ];
+}
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.symbolLabel = void 0, exports.symbolLabel = symbolLabel;
+//# sourceMappingURL=symbol.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/symbol.ts"],"names":[],"mappings":";;;AAIA,SAAgB,WAAW,CAAC,SAAqB;;IAC/C,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IACvC,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,mCAAI,EAAE,CAAC;IAGhD,MAAM,eAAe,GAAI,MAA2B,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;IAClG,MAAM,QAAQ,GAAG,MAAA,SAAS,CAAC,QAAQ,mCAAI,eAAe,CAAC;IAGvD,IAAI,OAAO,CAAC;IACZ,IAAI,SAAS,CAAC,OAAO,KAAK,KAAK,EAAE;QAC/B,OAAO,GAAG,KAAK,CAAC;KACjB;SAAM;QACL,OAAO,GAAG;YACR,QAAQ,EAAE,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,mCAAI,0BAA0B,EAAE;YACrE,aAAa,EAAE,QAAQ,KAAK,QAAQ;SACrC,CAAC;KACH;IAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;AAC/B,CAAC;AApBD,kCAoBC;AAED,SAAS,0BAA0B;IACjC,MAAM,QAAQ,GAAe;QAC3B;YACE,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,CAAC;SACrG;KACF,CAAC;IAEF,OAAO,QAAQ,CAAC;AAClB,CAAC","file":"symbol.js","sourcesContent":["import type { ILabelInfo } from './label';\nimport type { Strategy } from '@visactor/vrender-components';\nimport type { ICartesianSeries } from '../../series/interface';\n\nexport function symbolLabel(labelInfo: ILabelInfo) {\n  const { series, baseMark } = labelInfo;\n  const labelSpec = baseMark.getLabelSpec() ?? {};\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"]}

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

@@ -0,0 +1,27 @@
+import type { IComponentOption } from '../interface';
+import { ComponentTypeEnum } from '../interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { MarkType } from '../../mark/interface';
+import type { ISeries } from '../../series/interface';
+import { BaseLabelComponent } from './base-label';
+import type { ITotalLabelSpec, ITotalLabelTheme } from './interface';
+import type { IModelInitOption } from '../../model/interface';
+export declare class TotalLabel extends BaseLabelComponent {
+    static type: ComponentTypeEnum;
+    type: ComponentTypeEnum;
+    name: string;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    private _textMark?;
+    private _baseMark?;
+    series: ISeries;
+    protected _theme: ITotalLabelTheme;
+    static createComponent(spec: ITotalLabelSpec, options: IComponentOption): TotalLabel[];
+    init(option: IModelInitOption): void;
+    protected _initTextMark(): void;
+    _initTextMarkStyle(): void;
+    protected _initLabelComponent(): void;
+    updateLayoutAttribute(): void;
+    compileMarks(): void;
+}
+export declare function totalLabelPosition(series: ISeries, type: MarkType): string;

package/cjs/component/label/totalLabel.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.totalLabelPosition = exports.TotalLabel = void 0;
+
+const interface_1 = require("../interface"), constant_1 = require("../../constant"), interface_2 = require("../../mark/interface"), util_1 = require("../../util"), util_2 = require("./util"), base_label_1 = require("./base-label");
+
+class TotalLabel extends base_label_1.BaseLabelComponent {
+    constructor() {
+        super(...arguments), this.type = interface_1.ComponentTypeEnum.totalLabel, this.name = interface_1.ComponentTypeEnum.totalLabel, 
+        this.layoutType = "absolute", this.layoutZIndex = constant_1.LayoutZIndex.Label;
+    }
+    static createComponent(spec, options) {
+        const regions = options.getAllRegions(), labelComponents = [];
+        for (let i = 0; i < regions.length; i++) {
+            (0, util_1.getSeries)(regions).forEach((s => {
+                var _a, _b;
+                if (null === (_b = null === (_a = s.getSpec()) || void 0 === _a ? void 0 : _a.totalLabel) || void 0 === _b ? void 0 : _b.visible) {
+                    const cmp = new TotalLabel(s.getSpec().totalLabel, Object.assign(Object.assign({}, options), {
+                        specIndex: i,
+                        specKey: "totalLabel"
+                    }));
+                    cmp.series = s, labelComponents.push(cmp);
+                }
+            }));
+        }
+        return labelComponents;
+    }
+    init(option) {
+        super.init(option), this._initTextMark(), this._initLabelComponent();
+    }
+    _initTextMark() {
+        var _a;
+        if (null === (_a = this.series.getSpec().totalLabel) || void 0 === _a ? void 0 : _a.visible) {
+            const mark = this.series.getMarksInType([ interface_2.MarkTypeEnum.rect, interface_2.MarkTypeEnum.symbol ])[0], textMark = this._createMark({
+                type: interface_2.MarkTypeEnum.text,
+                name: `${mark.name}-total-label`
+            });
+            this._baseMark = mark, this._textMark = textMark, this._initTextMarkStyle();
+        }
+    }
+    _initTextMarkStyle() {
+        super.initMarkStyleWithSpec(this._textMark, this._spec), this.setMarkStyle(this._textMark, {
+            text: datum => datum[constant_1.STACK_FIELD_TOTAL]
+        }, "normal", constant_1.AttributeLevel.Default);
+    }
+    _initLabelComponent() {
+        const component = this._createMark({
+            type: interface_2.MarkTypeEnum.component,
+            name: `${this.series.name}-total-label-component`
+        }, {
+            componentType: "label",
+            support3d: this._spec.support3d
+        });
+        component && this._marks.addMark(component);
+    }
+    updateLayoutAttribute() {
+        super.updateLayoutAttribute(), this._marks.forEach(((componentMark, index) => {
+            componentMark.getProduct().target(this._baseMark.getProduct()).configure({
+                interactive: !1
+            }).labelStyle((() => {
+                if (this._baseMark) {
+                    const {offset: offset, animation: animation, overlap: overlap} = this._spec, interactive = this._interactiveConfig(this._spec);
+                    return (0, util_1.mergeSpec)({
+                        textStyle: {
+                            pickable: !0 === this._spec.interactive
+                        },
+                        position: totalLabelPosition(this.series, this._baseMark.type)
+                    }, Object.assign({
+                        offset: offset,
+                        animation: animation,
+                        overlap: overlap,
+                        dataFilter: data => data.filter((d => d.data[constant_1.STACK_FIELD_TOTAL_TOP]))
+                    }, interactive));
+                }
+            })).encode(((datum, element) => (0, util_2.textAttribute)({
+                baseMark: this._baseMark,
+                labelMark: this._textMark,
+                series: this.series
+            }, datum, this._spec.formatMethod))).size((() => this._regions[0].getLayoutRect()));
+        }));
+    }
+    compileMarks() {
+        this.getMarks().forEach((m => {
+            var _a;
+            const group = this._regions[0].getGroupMark().getProduct();
+            m.compile({
+                group: group
+            }), null === (_a = m.getProduct()) || void 0 === _a || _a.configure({
+                context: {
+                    model: this
+                }
+            });
+        }));
+    }
+}
+
+function totalLabelPosition(series, type) {
+    let position;
+    if ("rect" === type) position = "horizontal" === series.direction ? "right" : "top"; else position = "top";
+    return position;
+}
+
+exports.TotalLabel = TotalLabel, TotalLabel.type = interface_1.ComponentTypeEnum.totalLabel, 
+exports.totalLabelPosition = totalLabelPosition;
+//# sourceMappingURL=totalLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/totalLabel.ts"],"names":[],"mappings":"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","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"]}

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

@@ -0,0 +1,11 @@
+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: {
+    rect: typeof barLabel;
+    symbol: typeof symbolLabel;
+    arc: typeof pieLabel;
+};
+export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum, formatMethod: (text: string | string[], datum?: any) => string | string[]): any;

package/cjs/component/label/util.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.textAttribute = exports.markLabelConfigFunc = void 0;
+
+const bar_1 = require("./bar"), symbol_1 = require("./symbol"), pie_1 = require("./pie");
+
+function textAttribute(labelInfo, datum, formatMethod) {
+    const {labelMark: labelMark, series: series} = labelInfo, textAttribute = {
+        text: datum[series.getMeasureField()[0]],
+        data: datum
+    }, attributes = Object.keys(labelMark.stateStyle.normal);
+    for (const key of attributes) {
+        const attr = labelMark.getAttribute(key, datum);
+        textAttribute[key] = attr, "text" === key && formatMethod && (textAttribute[key] = formatMethod(textAttribute[key], datum));
+    }
+    return textAttribute;
+}
+
+exports.markLabelConfigFunc = {
+    rect: bar_1.barLabel,
+    symbol: symbol_1.symbolLabel,
+    arc: pie_1.pieLabel
+}, exports.textAttribute = textAttribute;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/util.ts"],"names":[],"mappings":";;;AAEA,+BAAiC;AACjC,qCAAuC;AACvC,+BAAiC;AAEpB,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,cAAQ;IACd,MAAM,EAAE,oBAAW;IACnB,GAAG,EAAE,cAAQ;CACd,CAAC;AAEF,SAAgB,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;AAlBD,sCAkBC","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"]}

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

@@ -0,0 +1,60 @@
+import type { DataView } from '@visactor/vdataset';
+import type { IRegion } from '../../region/interface';
+import { BaseComponent } from '../base';
+import type { IEffect, ILayoutRect } from '../../model/interface';
+import type { LayoutItem } from '../../model/layout-item';
+import type { IOrientType, IPoint, StringOrNumber } from '../../typings';
+import { CompilableData } from '../../compile/data';
+import type { ILegend, ILegendCommonSpec } from './interface';
+import type { IGroup } from '@visactor/vrender';
+export declare abstract class BaseLegend<T extends ILegendCommonSpec> extends BaseComponent<T> implements ILegend {
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    layoutLevel: number;
+    protected _orient: IOrientType;
+    get orient(): IOrientType;
+    protected _visible: boolean;
+    get visible(): boolean;
+    protected _position: 'start' | 'middle' | 'end';
+    get position(): "middle" | "start" | "end";
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    protected _legendData: CompilableData;
+    getLegendData(): any;
+    protected _selectedData: StringOrNumber[];
+    getSelectedData(): StringOrNumber[];
+    protected _legendComponent: IGroup;
+    private _cacheAttrs;
+    effect: IEffect;
+    protected _seriesUserId?: StringOrNumber[];
+    protected _seriesIndex?: number[];
+    protected _regionUserId?: StringOrNumber[];
+    protected _regionUserIndex?: number[];
+    setAttrFromSpec(): void;
+    created(): void;
+    onRender(ctx: any): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reMakeData: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    changeRegions(regions: IRegion[]): void;
+    protected abstract _initLegendData(): DataView;
+    protected abstract _initSelectedData(): void;
+    protected abstract _getLegendAttributes(rect: ILayoutRect): any;
+    protected abstract _getLegendConstructor(): any;
+    protected abstract _initEvent(): void;
+    protected initData(): void;
+    setSelectedData(selectedData: StringOrNumber[]): void;
+    setLayoutStartPosition(pos: Partial<IPoint>): void;
+    boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    clear(): void;
+}