@visactor/vchart 1.2.3 → 1.3.0-beta.10

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

@@ -11,6 +11,9 @@ export interface ILabelSpec {
     overlap?: BaseLabelAttrs['overlap'];
     smartInvert?: BaseLabelAttrs['smartInvert'];
     animation?: BaseLabelAttrs['animation'];
+    dataFilter?: BaseLabelAttrs['dataFilter'];
+    customLayoutFunc?: BaseLabelAttrs['customLayoutFunc'];
+    customOverlapFunc?: BaseLabelAttrs['customOverlapFunc'];
 }
 type LabelStateStyle<T> = {
     hover?: T;
@@ -18,4 +21,8 @@ type LabelStateStyle<T> = {
     selected?: T;
     selected_reverse?: T;
 };
+export type ITotalLabelSpec = Pick<ILabelSpec, 'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state'>;
+export interface ITotalLabelTheme extends Pick<ILabelSpec, 'visible' | 'interactive' | 'offset' | 'overlap' | 'smartInvert' | 'animation'> {
+    style?: ITextMarkSpec;
+}
 export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { BaseLabelAttrs } from '@visactor/vrender-components';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings';\n\nexport interface ILabelSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  /** 格式化函数 */\n  formatMethod?: (text: string | string[], datum?: any) => string | string[];\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<ITextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<ITextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /** 动画配置 */\n  animation?: BaseLabelAttrs['animation'];\n}\n\ntype LabelStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n"]}
+{"version":3,"sources":["../src/component/label/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { BaseLabelAttrs } from '@visactor/vrender-components';\nimport type { ConvertToMarkStyleSpec, ITextMarkSpec } from '../../typings';\n\nexport interface ILabelSpec {\n  /** 默认不显示标签 */\n  visible?: boolean;\n  /** 是否支持交互。@default false */\n  interactive?: boolean;\n  /** 格式化函数 */\n  formatMethod?: (text: string | string[], datum?: any) => string | string[];\n  /** 标签与其对应数据图元的间距 */\n  offset?: number;\n  /** 标签位置 */\n  position?: string;\n  /** 标签样式配置 */\n  style?: ConvertToMarkStyleSpec<ITextMarkSpec>;\n  /** 交互样式配置 */\n  state?: LabelStateStyle<Partial<ITextMarkSpec>>;\n  /** 标签防重叠配置 */\n  overlap?: BaseLabelAttrs['overlap'];\n  /** 标签智能反色配置 */\n  smartInvert?: BaseLabelAttrs['smartInvert'];\n  /** 动画配置 */\n  animation?: BaseLabelAttrs['animation'];\n  /** 自定义标签数据筛选和排序\n   * @since 1.3.0\n   */\n  dataFilter?: BaseLabelAttrs['dataFilter'];\n  /** 自定义标签布局函数。\n   * @description 当配置了 customLayoutFunc 后，默认布局和防重叠逻辑将不再生效。（overlap/position/offset不生效）\n   * @since 1.3.0\n   */\n  customLayoutFunc?: BaseLabelAttrs['customLayoutFunc'];\n  /** 自定义标签躲避函数\n   * @description 当配置了 customOverlapFunc 后，会根据 position 和 offset 进行初始布局。配置的防重叠逻辑(overlap)不生效。\n   * @since 1.3.0\n   */\n  customOverlapFunc?: BaseLabelAttrs['customOverlapFunc'];\n}\n\ntype LabelStateStyle<T> = {\n  hover?: T;\n  hover_reverse?: T;\n  selected?: T;\n  selected_reverse?: T;\n};\n\nexport type ITotalLabelSpec = Pick<\n  ILabelSpec,\n  'visible' | 'formatMethod' | 'interactive' | 'offset' | 'style' | 'state'\n>;\n\nexport interface ITotalLabelTheme\n  extends Pick<ILabelSpec, 'visible' | 'interactive' | 'offset' | 'overlap' | 'smartInvert' | 'animation'> {\n  style?: ITextMarkSpec;\n}\n"]}

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

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

package/esm/component/label/label.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/component/label/label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAc,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAgB5D,MAAM,OAAO,KAAM,SAAQ,aAAa;IActC,YAAY,IAAS,EAAE,OAAyB;QAC9C,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAbvB,SAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC;QAC/B,SAAI,GAAW,iBAAiB,CAAC,KAAK,CAAC;QAEvC,eAAU,GAA6B,UAAU,CAAC;QAClD,iBAAY,GAA+B,YAAY,CAAC,KAAK,CAAC;QAU5D,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,IAAI,QAAQ,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,eAAe,CAAC,IAAS,EAAE,OAAyB;QACzD,MAAM,OAAO,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC;QACxC,MAAM,eAAe,GAAG,EAAE,CAAC;QAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACvC,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;iBACrB,SAAS,EAAE;iBACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC;iBACjC,IAAI,EAAE,CAAC;YACV,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,IAAI,CAAC,YAAY,EAAE,0CAAE,OAAO,MAAK,IAAI,CAAA,EAAA,CAAC,CAAC;YAC/E,IAAI,YAAY,EAAE;gBAChB,eAAe,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,kCAAO,OAAO,KAAE,SAAS,EAAE,CAAC,IAAG,CAAC,CAAC;gBACpE,SAAS;aACV;SACF;QACD,OAAO,eAAe,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,MAAwB;QAC3B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,IAAI,CAAC,SAAS,EAAE,CAAC;QAEjB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,GAAG,EAAE;YAC5C,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC,mBAAmB,EAAE,CAAC;gBACjE,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,gBAAgB,EAAE,CAAC;iBAChC;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;QACH,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;gBAClD,MAAM,WAAW,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC,mBAAmB,EAAE,CAAC;gBACjE,IAAI,WAAW,EAAE;oBACf,WAAW,CAAC,eAAe,EAAE,CAAC;iBAC/B;YACH,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,eAAe,CAAC,CAAC;QAC7E,CAAC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;SAC7B;QAED,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,kBAAkB,GAAG,IAAI,GAAG,EAAE,CAAC;SACrC;QACD,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAU,EAAE,EAAE;;YACvC,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC;YAE7B,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAChC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;aACjC;YACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACrC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBACtB,IAAI,MAAA,IAAI,CAAC,YAAY,EAAE,0CAAE,OAAO,EAAE;oBAChC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;oBACzC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,QAAQ,EAAE,CAAC,CAAC;oBAC5F,IAAI,CAAC,qBAAqB,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;oBAC3D,MAAA,CAAC,CAAC,kBAAkB,kDAAG,SAAS,CAAC,CAAC;oBAClC,MAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;oBAC3D,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;iBACtB;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,mBAAmB;QAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,MAAM,EAAE,EAAE;YAClD,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;gBACjC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAChC,EAAE,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,IAAI,kBAAkB,EAAE,EACvF;oBACE,aAAa,EAAE,OAAO;oBACtB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;iBAChC,CACF,CAAC;gBACF,IAAI,SAAS,EAAE;oBACb,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;oBAC/B,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;iBAChF;aACF;iBAAM;gBACL,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;oBAClC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAChC,EAAE,IAAI,EAAE,YAAY,CAAC,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,YAAY,EAAE,EAC/E;wBACE,aAAa,EAAE,OAAO;wBACtB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;qBAChC,CACF,CAAC;oBACF,IAAI,SAAS,EAAE;wBACb,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBAC/B,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;qBAC5E;gBACH,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACS,kBAAkB,CAAC,SAAqB;QAChD,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;QAClC,IAAI,WAAW,KAAK,IAAI,EAAE;YACxB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;SACxC;QACD,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;QAEvE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC;QAC5D,IAAI,KAAK,KAAK,KAAK,IAAK,KAA+B,CAAC,MAAM,KAAK,KAAK,EAAE;YACxE,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;SACrB;QACD,IAAI,MAAM,KAAK,KAAK,IAAK,MAAiC,CAAC,MAAM,KAAK,KAAK,EAAE;YAC3E,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,sBAAsB;IAEtB,CAAC;IAED,qBAAqB;QACnB,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAC9B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,cAAc,EAAE,EAAE;YACxE,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACvD,MAAM,SAAS,GAAG,cAAc,CAAC,UAAU,EAAgC,CAAC;YAC5E,SAAS;iBACN,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;iBAChD,SAAS,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;iBACjC,UAAU,CAAC,IAAI,CAAC,EAAE;;gBACjB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;gBACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7D,IAAI,QAAQ,EAAE;oBACZ,MAAM,UAAU,GAAG,MAAA,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,mCAAI,mBAAmB,CAAC,MAAM,CAAC;oBACpF,MAAM,SAAS,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,mCAAI,EAAE,CAAC;oBAChD,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;oBAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;oBACvD,OAAO,KAAK,CACV;wBACE,SAAS,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,WAAW,KAAK,IAAI,EAAE;qBACxD,EACD,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,kBAEnE,WAAW;wBACX,MAAM;wBACN,SAAS;wBACT,OAAO,IACJ,WAAW,EAEjB,CAAC;iBACH;YACH,CAAC,CAAC;iBACD,MAAM,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7D,OAAO,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YACzF,CAAC,CAAC;iBACD,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY;QACV,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;YAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,UAAU,EAAgB,CAAC;YAC9F,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;IAGD,UAAU,CAAC,IAAS;QAClB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,QAAQ,CAAC,GAAuB;IAEhC,CAAC;IACD,aAAa,CAAC,OAAkB;IAEhC,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAC;QAEd,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;YAChD,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;gBACrB,IAAI,CAAC,UAAU,EAAE,CAAC,OAAO,EAAE,CAAC;aAC7B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;;AA9NM,UAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC","file":"label.js","sourcesContent":["import { BaseComponent } from '../base';\nimport type { IComponentOption } from '../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IModelInitOption, IModelRenderOption } 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, merge } 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 type { ILabelSpec } from './interface';\nimport type { IHoverSpec, ISelectSpec } from '../../interaction/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 extends BaseComponent {\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: any, options: IComponentOption) {\n    super(spec, options);\n    this._regions = options.getRegionsInIndex([options.specIndex]);\n    this.layoutBindRegionID = this._regions.map(x => x.id);\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 }));\n        continue;\n      }\n    }\n    return labelComponents;\n  }\n\n  init(option: IModelInitOption): void {\n    super.init(option);\n    this.initEvent();\n\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\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  protected _interactiveConfig(labelSpec: ILabelSpec) {\n    const { interactive } = labelSpec;\n    if (interactive !== true) {\n      return { hover: false, select: false };\n    }\n    const result = { hover: false, select: false, state: labelSpec.state };\n\n    const { hover, select } = this._option.getChart().getSpec();\n    if (hover !== false || (hover as unknown as IHoverSpec).enable !== false) {\n      result.hover = true;\n    }\n    if (select !== false || (select as unknown as ISelectSpec).enable !== false) {\n      result.select = true;\n    }\n    return result;\n  }\n\n  setLayoutStartPosition() {\n    // do nothing\n  }\n\n  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      component\n        .target(baseMarks.map(mark => mark.getProduct()))\n        .configure({ interactive: false })\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 { smartInvert, offset, overlap, animation } = labelSpec;\n            const interactive = this._interactiveConfig(labelSpec);\n            return merge(\n              {\n                textStyle: { pickable: labelSpec.interactive === true }\n              },\n              configFunc(labelInfo[baseMarks.findIndex(mark => mark === baseMark)]),\n              {\n                smartInvert,\n                offset,\n                animation,\n                overlap,\n                ...interactive\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(labelInfo[baseMarks.findIndex(mark => mark === baseMark)], datum);\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  /** Update API **/\n  updateSpec(spec: any) {\n    const result = super.updateSpec(spec);\n    result.reRender = true;\n    result.reMake = true;\n    return result;\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  clear(): void {\n    super.clear();\n\n    this._labelComponentMap.forEach((context, mark) => {\n      if (mark.getProduct()) {\n        mark.getProduct().release();\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, type IMark } from '../../mark/interface';\nimport type { ITextMark } from '../../mark/text';\nimport { eachSeries, merge } 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';\nimport { pickWithout } from '@visactor/vutils';\nimport type { IGroup, IText } from '@visactor/vrender';\nimport type { LabelItem } from '@visactor/vrender-components';\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 extends BaseLabelComponent {\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: any, 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 merge(\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  clear(): void {\n    super.clear();\n\n    this._labelComponentMap.forEach((context, mark) => {\n      if (mark.getProduct()) {\n        mark.getProduct().release();\n      }\n    });\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { isString } from "@visactor/vutils";
+
+export 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 : isString(labelPosition) && labelPosition.includes("inside"), 
+    {
+        position: position,
+        smartInvert: smartInvert
+    };
+}
+//# sourceMappingURL=pie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/component/label/pie.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAM5C,MAAM,UAAU,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,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC3E;IAED,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AACnC,CAAC","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/esm/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/esm/component/label/totalLabel.js

@@ -0,0 +1,110 @@
+import { ComponentTypeEnum } from "../interface";
+
+import { AttributeLevel, LayoutZIndex, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_TOP } from "../../constant";
+
+import { MarkTypeEnum } from "../../mark/interface";
+
+import { getSeries, merge } from "../../util";
+
+import { textAttribute } from "./util";
+
+import { BaseLabelComponent } from "./base-label";
+
+export class TotalLabel extends BaseLabelComponent {
+    constructor() {
+        super(...arguments), this.type = ComponentTypeEnum.totalLabel, this.name = ComponentTypeEnum.totalLabel, 
+        this.layoutType = "absolute", this.layoutZIndex = LayoutZIndex.Label;
+    }
+    static createComponent(spec, options) {
+        const regions = options.getAllRegions(), labelComponents = [];
+        for (let i = 0; i < regions.length; i++) {
+            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([ MarkTypeEnum.rect, MarkTypeEnum.symbol ])[0], textMark = this._createMark({
+                type: 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[STACK_FIELD_TOTAL]
+        }, "normal", AttributeLevel.Default);
+    }
+    _initLabelComponent() {
+        const component = this._createMark({
+            type: 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 merge({
+                        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[STACK_FIELD_TOTAL_TOP]))
+                    }, interactive));
+                }
+            })).encode(((datum, element) => 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
+                }
+            });
+        }));
+    }
+}
+
+TotalLabel.type = ComponentTypeEnum.totalLabel;
+
+export function totalLabelPosition(series, type) {
+    let position;
+    if ("rect" === type) position = "horizontal" === series.direction ? "right" : "top"; else position = "top";
+    return position;
+}
+//# sourceMappingURL=totalLabel.js.map

package/esm/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, merge } 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 merge(\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/esm/component/label/util.d.ts

@@ -2,8 +2,10 @@ 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): any;
+export declare function textAttribute(labelInfo: ILabelInfo, datum: Datum, formatMethod: (text: string | string[], datum?: any) => string | string[]): any;

package/esm/component/label/util.js

@@ -2,14 +2,16 @@ import { barLabel } from "./bar";
 
 import { symbolLabel } from "./symbol";
 
+import { pieLabel } from "./pie";
+
 export const markLabelConfigFunc = {
     rect: barLabel,
-    symbol: symbolLabel
+    symbol: symbolLabel,
+    arc: pieLabel
 };
 
-export function textAttribute(labelInfo, datum) {
-    var _a;
-    const {labelMark: labelMark, series: series, baseMark: baseMark} = labelInfo, formatMethod = null === (_a = baseMark.getLabelSpec()) || void 0 === _a ? void 0 : _a.formatMethod, textAttribute = {
+export 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);

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;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,SAAqB,EAAE,KAAY;;IAC/D,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAClD,MAAM,YAAY,GAAG,MAAA,QAAQ,CAAC,YAAY,EAAE,0CAAE,YAAY,CAAC;IAC3D,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';\n\nexport const markLabelConfigFunc = {\n  rect: barLabel,\n  symbol: symbolLabel\n};\n\nexport function textAttribute(labelInfo: ILabelInfo, datum: Datum) {\n  const { labelMark, series, baseMark } = labelInfo;\n  const formatMethod = baseMark.getLabelSpec()?.formatMethod;\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":"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"]}

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

@@ -36,6 +36,7 @@ export declare abstract class BaseLegend extends BaseComponent implements ILegen
     updateSpec(spec: any): {
         change: boolean;
         reMake: boolean;
+        reMakeData: boolean;
         reRender: boolean;
         reSize: boolean;
         reCompile: boolean;

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

@@ -35,6 +35,12 @@ export declare abstract class BaseMarker extends BaseComponent {
     updateLayoutAttribute(): void;
     protected _getSeriesByIdOrIndex(seriesUserId: StringOrNumber, seriesIndex: number): ICartesianSeries;
     protected _bindSeries(): void;
+    protected _computeClipRange(regions: IRegion[]): {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
     protected abstract _initDataView(): void;
     protected abstract _createMarkerComponent(): void;
     protected abstract _markerLayout(): void;

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

@@ -76,6 +76,20 @@ export class BaseMarker extends BaseComponent {
         this._startRelativeSeries = this._getSeriesByIdOrIndex(spec.startRelativeSeriesId, spec.startRelativeSeriesIndex), 
         this._endRelativeSeries = this._getSeriesByIdOrIndex(spec.endRelativeSeriesId, spec.endRelativeSeriesIndex);
     }
+    _computeClipRange(regions) {
+        let minX = 1 / 0, maxX = -1 / 0, minY = 1 / 0, maxY = -1 / 0;
+        return regions.forEach((region => {
+            region.getLayoutStartPoint().x < minX && (minX = region.getLayoutStartPoint().x), 
+            region.getLayoutStartPoint().x + region.getLayoutRect().width > maxX && (maxX = region.getLayoutStartPoint().x + region.getLayoutRect().width), 
+            region.getLayoutStartPoint().y < minY && (minY = region.getLayoutStartPoint().y), 
+            region.getLayoutStartPoint().y + region.getLayoutRect().height > maxY && (maxY = region.getLayoutStartPoint().y + region.getLayoutRect().height);
+        })), {
+            minX: minX,
+            maxX: maxX,
+            minY: minY,
+            maxY: maxY
+        };
+    }
     initEvent() {}
     onRender(ctx) {}
     changeRegions(regions) {}