@visactor/vrender-components 0.17.0-alpha.8 → 0.17.0

package/es/label/dataLabel.js

@@ -12,17 +12,28 @@ import { ArcLabel } from "./arc";
 
 import { LabelBase as PointLabel } from "./base";
 
+import { LineDataLabel } from "./line-data";
+
+import { LineLabel } from "./line";
+
+import { AreaLabel } from "./area";
+
 const labelComponentMap = {
     rect: RectLabel,
     symbol: SymbolLabel,
-    arc: ArcLabel
+    arc: ArcLabel,
+    line: LineLabel,
+    area: AreaLabel,
+    "line-data": LineDataLabel
 };
 
 export class DataLabel extends AbstractComponent {
-    constructor(attributes) {
-        super(merge({}, DataLabel.defaultAttributes, attributes)), this.name = "data-label";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, DataLabel.defaultAttributes, attributes)), 
+        this.name = "data-label";
     }
     render() {
+        var _a;
         const {dataLabels: dataLabels, size: size} = this.attribute;
         if (!dataLabels || 0 === dataLabels.length) return;
         const {width: width = 0, height: height = 0} = size || {};
@@ -32,12 +43,12 @@ export class DataLabel extends AbstractComponent {
         for (let i = 0; i < dataLabels.length; i++) {
             const dataLabel = dataLabels[i], labelComponent = labelComponentMap[dataLabel.type] || PointLabel;
             if (labelComponent) {
-                const {baseMarkGroupName: baseMarkGroupName} = dataLabel;
-                let component = this._componentMap.get(baseMarkGroupName);
+                const {baseMarkGroupName: baseMarkGroupName, type: type} = dataLabel, id = null !== (_a = dataLabel.id) && void 0 !== _a ? _a : `${baseMarkGroupName}-${type}-${i}`;
+                let component = this._componentMap.get(id);
                 component ? (component.setBitmapTool(tool), component.setBitmap(bitmap), component.setAttributes(dataLabel), 
-                currentComponentMap.set(baseMarkGroupName, component)) : (component = new labelComponent(dataLabel), 
+                currentComponentMap.set(id, component)) : (component = new labelComponent(dataLabel), 
                 component.setBitmap(bitmap), component.setBitmapTool(tool), this.add(component), 
-                currentComponentMap.set(baseMarkGroupName, component));
+                currentComponentMap.set(id, component));
             }
         }
         prevComponentMap.forEach(((cp, key) => {

package/es/label/dataLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/dataLabel.ts"],"names":[],"mappings":"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","file":"dataLabel.js","sourcesContent":["import { isValidNumber, merge } from '@visactor/vutils';\nimport type { IGraphic, INode } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { PointLocationCfg } from '../core/type';\nimport { bitmapTool } from './overlap';\nimport { RectLabel } from './rect';\nimport { SymbolLabel } from './symbol';\nimport { ArcLabel } from './arc';\nimport type { DataLabelAttrs } from './type';\nimport type { LabelBase } from './base';\nimport { LabelBase as PointLabel } from './base';\n\nconst labelComponentMap = {\n  rect: RectLabel,\n  symbol: SymbolLabel,\n  arc: ArcLabel\n};\n\nexport class DataLabel extends AbstractComponent<DataLabelAttrs> {\n  name = 'data-label';\n\n  private _componentMap: Map<string, LabelBase<any>>;\n\n  private static defaultAttributes: Partial<DataLabelAttrs> = {\n    pickable: false\n  };\n\n  constructor(attributes: DataLabelAttrs) {\n    super(merge({}, DataLabel.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const { dataLabels, size } = this.attribute;\n    if (!dataLabels || dataLabels.length === 0) {\n      return;\n    }\n    const { width = 0, height = 0 } = size || {};\n\n    if (!width || !height || !isValidNumber(height * width)) {\n      return;\n    }\n\n    if (!this._componentMap) {\n      this._componentMap = new Map();\n    }\n    const tool = bitmapTool(width, height);\n    const bitmap = tool.bitmap();\n\n    const currentComponentMap = new Map();\n    const prevComponentMap = this._componentMap;\n\n    for (let i = 0; i < dataLabels.length; i++) {\n      const dataLabel = dataLabels[i];\n      const labelComponent = labelComponentMap[dataLabel.type] || PointLabel;\n      if (labelComponent) {\n        const { baseMarkGroupName } = dataLabel;\n        let component = this._componentMap.get(baseMarkGroupName);\n        if (component) {\n          component.setBitmapTool(tool);\n          component.setBitmap(bitmap);\n          component.setAttributes(dataLabel);\n          currentComponentMap.set(baseMarkGroupName, component);\n        } else {\n          component = new labelComponent(dataLabel as any);\n          component.setBitmap(bitmap);\n          component.setBitmapTool(tool);\n          this.add(component as unknown as INode);\n          currentComponentMap.set(baseMarkGroupName, component);\n        }\n      }\n    }\n\n    prevComponentMap.forEach((cp, key) => {\n      if (!currentComponentMap.get(key)) {\n        this.removeChild(cp as unknown as IGraphic);\n      }\n    });\n\n    this._componentMap = currentComponentMap;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    this.translateTo(point.x, point.y);\n  }\n\n  disableAnimation() {\n    this._componentMap.forEach(component => {\n      component.disableAnimation();\n    });\n  }\n\n  enableAnimation() {\n    this._componentMap.forEach(component => {\n      component.enableAnimation();\n    });\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/dataLabel.ts"],"names":[],"mappings":"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","file":"dataLabel.js","sourcesContent":["import { isValidNumber, merge } from '@visactor/vutils';\nimport type { IGraphic, INode } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../core/base';\nimport type { PointLocationCfg } from '../core/type';\nimport { bitmapTool } from './overlap';\nimport { RectLabel } from './rect';\nimport { SymbolLabel } from './symbol';\nimport { ArcLabel } from './arc';\nimport type { DataLabelAttrs } from './type';\nimport type { LabelBase } from './base';\nimport { LabelBase as PointLabel } from './base';\nimport { LineDataLabel } from './line-data';\nimport { LineLabel } from './line';\nimport { AreaLabel } from './area';\nimport type { ComponentOptions } from '../interface';\n\nconst labelComponentMap = {\n  rect: RectLabel,\n  symbol: SymbolLabel,\n  arc: ArcLabel,\n  line: LineLabel,\n  area: AreaLabel,\n  'line-data': LineDataLabel\n};\n\nexport class DataLabel extends AbstractComponent<DataLabelAttrs> {\n  name = 'data-label';\n\n  private _componentMap: Map<string, LabelBase<any>>;\n\n  private static defaultAttributes: Partial<DataLabelAttrs> = {\n    pickable: false\n  };\n\n  constructor(attributes: DataLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, DataLabel.defaultAttributes, attributes));\n  }\n\n  protected render(): void {\n    const { dataLabels, size } = this.attribute;\n    if (!dataLabels || dataLabels.length === 0) {\n      return;\n    }\n    const { width = 0, height = 0 } = size || {};\n\n    if (!width || !height || !isValidNumber(height * width)) {\n      return;\n    }\n\n    if (!this._componentMap) {\n      this._componentMap = new Map();\n    }\n    const tool = bitmapTool(width, height);\n    const bitmap = tool.bitmap();\n\n    const currentComponentMap = new Map();\n    const prevComponentMap = this._componentMap;\n\n    for (let i = 0; i < dataLabels.length; i++) {\n      const dataLabel = dataLabels[i];\n      const labelComponent = labelComponentMap[dataLabel.type] || PointLabel;\n      if (labelComponent) {\n        const { baseMarkGroupName, type } = dataLabel;\n        const id = dataLabel.id ?? `${baseMarkGroupName}-${type}-${i}`;\n\n        let component = this._componentMap.get(id);\n        if (component) {\n          component.setBitmapTool(tool);\n          component.setBitmap(bitmap);\n          component.setAttributes(dataLabel);\n          currentComponentMap.set(id, component);\n        } else {\n          component = new labelComponent(dataLabel as any);\n          component.setBitmap(bitmap);\n          component.setBitmapTool(tool);\n          this.add(component as unknown as INode);\n          currentComponentMap.set(id, component);\n        }\n      }\n    }\n\n    prevComponentMap.forEach((cp, key) => {\n      if (!currentComponentMap.get(key)) {\n        this.removeChild(cp as unknown as IGraphic);\n      }\n    });\n\n    this._componentMap = currentComponentMap;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    this.translateTo(point.x, point.y);\n  }\n\n  disableAnimation() {\n    this._componentMap.forEach(component => {\n      component.disableAnimation();\n    });\n  }\n\n  enableAnimation() {\n    this._componentMap.forEach(component => {\n      component.enableAnimation();\n    });\n  }\n}\n"]}

package/es/label/index.d.ts

@@ -4,4 +4,6 @@ export * from './rect';
 export * from './line';
 export * from './base';
 export * from './arc';
+export * from './area';
+export * from './line-data';
 export * from './dataLabel';

package/es/label/index.js

@@ -10,5 +10,9 @@ export * from "./base";
 
 export * from "./arc";
 
+export * from "./area";
+
+export * from "./line-data";
+
 export * from "./dataLabel";
 //# sourceMappingURL=index.js.map

package/es/label/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AAEtB,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './type';\nexport * from './symbol';\nexport * from './rect';\nexport * from './line';\nexport * from './base';\nexport * from './arc';\n\nexport * from './dataLabel';\n"]}
+{"version":3,"sources":["../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAE5B,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './type';\nexport * from './symbol';\nexport * from './rect';\nexport * from './line';\nexport * from './base';\nexport * from './arc';\nexport * from './area';\nexport * from './line-data';\n\nexport * from './dataLabel';\n"]}

package/es/label/line-data.d.ts

@@ -0,0 +1,13 @@
+import type { IBoundsLike } from '@visactor/vutils';
+import type { LineDataLabelAttrs } from './type';
+import { LabelBase } from './base';
+import type { ComponentOptions } from '../interface';
+export declare class LineDataLabel extends LabelBase<LineDataLabelAttrs> {
+    name: string;
+    static defaultAttributes: Partial<LineDataLabelAttrs>;
+    constructor(attributes: LineDataLabelAttrs, options?: ComponentOptions);
+    protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
+        x: number;
+        y: number;
+    };
+}

package/es/label/line-data.js

@@ -0,0 +1,29 @@
+import { merge } from "@visactor/vutils";
+
+import { LabelBase } from "./base";
+
+import { labelingPoint } from "./util";
+
+export class LineDataLabel extends LabelBase {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineDataLabel.defaultAttributes, attributes)), 
+        this.name = "line-data-label";
+    }
+    labeling(textBounds, graphicBounds, position = "top", offset = 0) {
+        return labelingPoint(textBounds, graphicBounds, position, offset);
+    }
+}
+
+LineDataLabel.defaultAttributes = {
+    textStyle: {
+        fontSize: 12,
+        fill: "#000",
+        textAlign: "center",
+        textBaseline: "middle",
+        boundsPadding: [ -1, 0, -1, 0 ]
+    },
+    position: "top",
+    offset: 5,
+    pickable: !1
+};
+//# sourceMappingURL=line-data.js.map

package/es/label/line-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label/line-data.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAgB9D,YAAY,UAA8B,EAAE,OAA0B;QACpE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhBpG,SAAI,GAAG,iBAAiB,CAAC;IAiBzB,CAAC;IAES,QAAQ,CAAC,UAAuB,EAAE,aAA0B,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,CAAC;QAClG,OAAO,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpE,CAAC;;AAnBM,+BAAiB,GAAgC;IACtD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"line-data.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { LineDataLabelAttrs } from './type';\nimport { LabelBase } from './base';\nimport { labelingPoint } from './util';\nimport type { ComponentOptions } from '../interface';\n\nexport class LineDataLabel extends LabelBase<LineDataLabelAttrs> {\n  name = 'line-data-label';\n\n  static defaultAttributes: Partial<LineDataLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'top',\n    offset: 5,\n    pickable: false\n  };\n\n  constructor(attributes: LineDataLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, LineDataLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position = 'top', offset = 0) {\n    return labelingPoint(textBounds, graphicBounds, position, offset);\n  }\n}\n"]}

package/es/label/line.d.ts

@@ -3,12 +3,13 @@ import type { ILine } from '@visactor/vrender-core';
 import type { PointLocationCfg } from '../core/type';
 import type { LineLabelAttrs } from './type';
 import { LabelBase } from './base';
+import type { ComponentOptions } from '../interface';
 export declare class LineLabel extends LabelBase<LineLabelAttrs> {
     name: string;
     static defaultAttributes: Partial<LineLabelAttrs>;
-    constructor(attributes: LineLabelAttrs);
-    protected getGraphicBounds(graphic: ILine, point?: Partial<PointLocationCfg>): IBoundsLike;
-    protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: LineLabelAttrs['position'], offset?: number): {
+    constructor(attributes: LineLabelAttrs, options?: ComponentOptions);
+    protected getGraphicBounds(graphic: ILine, point?: Partial<PointLocationCfg>, position?: string): IBoundsLike;
+    protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
         x: number;
         y: number;
     };

package/es/label/line.js

@@ -2,14 +2,17 @@ import { merge } from "@visactor/vutils";
 
 import { LabelBase } from "./base";
 
+import { labelingLineOrArea } from "./util";
+
 export class LineLabel extends LabelBase {
-    constructor(attributes) {
-        super(merge({}, LineLabel.defaultAttributes, attributes)), this.name = "line-label";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineLabel.defaultAttributes, attributes)), 
+        this.name = "line-label";
     }
-    getGraphicBounds(graphic, point = {}) {
+    getGraphicBounds(graphic, point = {}, position = "end") {
         var _a;
-        if ("line" !== graphic.type) return super.getGraphicBounds(graphic, point);
-        const {position: position = "end"} = this.attribute, points = (null === (_a = null == graphic ? void 0 : graphic.attribute) || void 0 === _a ? void 0 : _a.points) || [ point ], index = "start" === position ? 0 : points.length - 1;
+        if (!graphic || "line" !== graphic.type) return super.getGraphicBounds(graphic, point);
+        const points = (null === (_a = null == graphic ? void 0 : graphic.attribute) || void 0 === _a ? void 0 : _a.points) || [ point ], index = "start" === position ? 0 : points.length - 1;
         return {
             x1: points[index].x,
             x2: points[index].x,
@@ -18,14 +21,7 @@ export class LineLabel extends LabelBase {
         };
     }
     labeling(textBounds, graphicBounds, position = "end", offset = 0) {
-        if (!textBounds || !graphicBounds) return;
-        const {x1: x1, x2: x2} = textBounds, width = Math.abs(x2 - x1), anchorX = graphicBounds.x1;
-        let x = anchorX;
-        return "end" === position ? x = anchorX + width / 2 + offset : "start" === position && (x = anchorX - width / 2 - offset), 
-        {
-            x: x,
-            y: graphicBounds.y1
-        };
+        return labelingLineOrArea(textBounds, graphicBounds, position, offset);
     }
 }
 

package/es/label/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAgBtD,YAAY,UAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhB5D,SAAI,GAAG,YAAY,CAAC;IAiBpB,CAAC;IAES,gBAAgB,CAAC,OAAc,EAAE,QAAmC,EAAE;;QAC9E,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;YAC3B,OAAO,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC/C;QACD,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5C,MAAM,MAAM,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,KAAI,CAAC,KAAK,CAAC,CAAC;QACrD,MAAM,KAAK,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3D,OAAO;YACL,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;SAC9B,CAAC;IACJ,CAAC;IAES,QAAQ,CAChB,UAAuB,EACvB,aAA0B,EAC1B,WAAuC,KAAK,EAC5C,MAAM,GAAG,CAAC;QAEV,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,EAAE;YACjC,OAAO;SACR;QAED,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAEhC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,CAAC;QAEjC,IAAI,CAAC,GAAG,OAAO,CAAC;QAChB,MAAM,CAAC,GAAG,OAAO,CAAC;QAElB,IAAI,QAAQ,KAAK,KAAK,EAAE;YACtB,CAAC,GAAG,OAAO,GAAG,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC;SAClC;aAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;YAC/B,CAAC,GAAG,OAAO,GAAG,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC;SAClC;QAED,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,CAAC;;AA1DM,2BAAiB,GAA4B;IAClD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"line.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { ILine } from '@visactor/vrender-core';\nimport type { PointLocationCfg } from '../core/type';\nimport type { LineLabelAttrs } from './type';\nimport { LabelBase } from './base';\n\nexport class LineLabel extends LabelBase<LineLabelAttrs> {\n  name = 'line-label';\n\n  static defaultAttributes: Partial<LineLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'end',\n    offset: 6,\n    pickable: false\n  };\n\n  constructor(attributes: LineLabelAttrs) {\n    super(merge({}, LineLabel.defaultAttributes, attributes));\n  }\n\n  protected getGraphicBounds(graphic: ILine, point: Partial<PointLocationCfg> = {}) {\n    if (graphic.type !== 'line') {\n      return super.getGraphicBounds(graphic, point);\n    }\n    const { position = 'end' } = this.attribute;\n    const points = graphic?.attribute?.points || [point];\n    const index = position === 'start' ? 0 : points.length - 1;\n    return {\n      x1: points[index].x as number,\n      x2: points[index].x as number,\n      y1: points[index].y as number,\n      y2: points[index].y as number\n    };\n  }\n\n  protected labeling(\n    textBounds: IBoundsLike,\n    graphicBounds: IBoundsLike,\n    position: LineLabelAttrs['position'] = 'end',\n    offset = 0\n  ) {\n    if (!textBounds || !graphicBounds) {\n      return;\n    }\n\n    const { x1, x2 } = textBounds;\n    const width = Math.abs(x2 - x1);\n\n    const anchorX = graphicBounds.x1;\n    const anchorY = graphicBounds.y1;\n\n    let x = anchorX;\n    const y = anchorY;\n\n    if (position === 'end') {\n      x = anchorX + width / 2 + offset;\n    } else if (position === 'start') {\n      x = anchorX - width / 2 - offset;\n    }\n\n    return { x, y };\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAgBtD,YAAY,UAA0B,EAAE,OAA0B;QAChE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhBhG,SAAI,GAAG,YAAY,CAAC;IAiBpB,CAAC;IAES,gBAAgB,CAAC,OAAc,EAAE,QAAmC,EAAE,EAAE,QAAQ,GAAG,KAAK;;QAChG,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;YACvC,OAAO,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SAC/C;QACD,MAAM,MAAM,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,0CAAE,MAAM,KAAI,CAAC,KAAK,CAAC,CAAC;QACrD,MAAM,KAAK,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3D,OAAO;YACL,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;YAC7B,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAW;SAC9B,CAAC;IACJ,CAAC;IAES,QAAQ,CAAC,UAAuB,EAAE,aAA0B,EAAE,WAAmB,KAAK,EAAE,MAAM,GAAG,CAAC;QAC1G,OAAO,kBAAkB,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACzE,CAAC;;AAjCM,2BAAiB,GAA4B;IAClD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"line.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { ILine } from '@visactor/vrender-core';\nimport type { PointLocationCfg } from '../core/type';\nimport type { LineLabelAttrs } from './type';\nimport { LabelBase } from './base';\nimport { labelingLineOrArea } from './util';\nimport type { ComponentOptions } from '../interface';\n\nexport class LineLabel extends LabelBase<LineLabelAttrs> {\n  name = 'line-label';\n\n  static defaultAttributes: Partial<LineLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'end',\n    offset: 6,\n    pickable: false\n  };\n\n  constructor(attributes: LineLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, LineLabel.defaultAttributes, attributes));\n  }\n\n  protected getGraphicBounds(graphic: ILine, point: Partial<PointLocationCfg> = {}, position = 'end') {\n    if (!graphic || graphic.type !== 'line') {\n      return super.getGraphicBounds(graphic, point);\n    }\n    const points = graphic?.attribute?.points || [point];\n    const index = position === 'start' ? 0 : points.length - 1;\n    return {\n      x1: points[index].x as number,\n      x2: points[index].x as number,\n      y1: points[index].y as number,\n      y2: points[index].y as number\n    };\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position: string = 'end', offset = 0) {\n    return labelingLineOrArea(textBounds, graphicBounds, position, offset);\n  }\n}\n"]}

package/es/label/polygon.d.ts

@@ -1,10 +1,11 @@
 import type { IBoundsLike } from '@visactor/vutils';
 import type { PolygonLabelAttrs } from './type';
 import { LabelBase } from './base';
+import type { ComponentOptions } from '../interface';
 export declare class PolygonLabel extends LabelBase<PolygonLabelAttrs> {
     name: string;
     static defaultAttributes: Partial<PolygonLabelAttrs>;
-    constructor(attributes: PolygonLabelAttrs);
+    constructor(attributes: PolygonLabelAttrs, options?: ComponentOptions);
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: PolygonLabelAttrs['position'], offset?: number): {
         x: number;
         y: number;

package/es/label/polygon.js

@@ -3,8 +3,9 @@ import { merge } from "@visactor/vutils";
 import { LabelBase } from "./base";
 
 export class PolygonLabel extends LabelBase {
-    constructor(attributes) {
-        super(merge({}, PolygonLabel.defaultAttributes, attributes)), this.name = "polygon-label";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, PolygonLabel.defaultAttributes, attributes)), 
+        this.name = "polygon-label";
     }
     labeling(textBounds, graphicBounds, position = "center", offset = 0) {
         if (!textBounds || !graphicBounds) return;

package/es/label/polygon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,OAAO,YAAa,SAAQ,SAA4B;IAgB5D,YAAY,UAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhB/D,SAAI,GAAG,eAAe,CAAC;IAiBvB,CAAC;IAES,QAAQ,CAChB,UAAuB,EACvB,aAA0B,EAC1B,WAA0C,QAAQ,EAClD,MAAM,GAAG,CAAC;QAEV,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,EAAE;YACjC,OAAO;SACR;QAED,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QAEtC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACxB,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAExB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,CAAC;;AAjCM,8BAAiB,GAA+B;IACrD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"polygon.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { PolygonLabelAttrs } from './type';\nimport { LabelBase } from './base';\n\nexport class PolygonLabel extends LabelBase<PolygonLabelAttrs> {\n  name = 'polygon-label';\n\n  static defaultAttributes: Partial<PolygonLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'center',\n    offset: 6,\n    pickable: false\n  };\n\n  constructor(attributes: PolygonLabelAttrs) {\n    super(merge({}, PolygonLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(\n    textBounds: IBoundsLike,\n    graphicBounds: IBoundsLike,\n    position: PolygonLabelAttrs['position'] = 'center',\n    offset = 0\n  ) {\n    if (!textBounds || !graphicBounds) {\n      return;\n    }\n\n    const { x1, x2, y2, y1 } = textBounds;\n\n    const x = (x1 + x2) / 2;\n    const y = (y1 + y2) / 2;\n\n    return { x, y };\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/polygon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnC,MAAM,OAAO,YAAa,SAAQ,SAA4B;IAgB5D,YAAY,UAA6B,EAAE,OAA0B;QACnE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,YAAY,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhBnG,SAAI,GAAG,eAAe,CAAC;IAiBvB,CAAC;IAES,QAAQ,CAChB,UAAuB,EACvB,aAA0B,EAC1B,WAA0C,QAAQ,EAClD,MAAM,GAAG,CAAC;QAEV,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,EAAE;YACjC,OAAO;SACR;QAED,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QAEtC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QACxB,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;QAExB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,CAAC;;AAjCM,8BAAiB,GAA+B;IACrD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"polygon.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { PolygonLabelAttrs } from './type';\nimport { LabelBase } from './base';\nimport type { ComponentOptions } from '../interface';\n\nexport class PolygonLabel extends LabelBase<PolygonLabelAttrs> {\n  name = 'polygon-label';\n\n  static defaultAttributes: Partial<PolygonLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'center',\n    offset: 6,\n    pickable: false\n  };\n\n  constructor(attributes: PolygonLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, PolygonLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(\n    textBounds: IBoundsLike,\n    graphicBounds: IBoundsLike,\n    position: PolygonLabelAttrs['position'] = 'center',\n    offset = 0\n  ) {\n    if (!textBounds || !graphicBounds) {\n      return;\n    }\n\n    const { x1, x2, y2, y1 } = textBounds;\n\n    const x = (x1 + x2) / 2;\n    const y = (y1 + y2) / 2;\n\n    return { x, y };\n  }\n}\n"]}

package/es/label/rect.d.ts

@@ -1,10 +1,11 @@
 import type { IBoundsLike } from '@visactor/vutils';
 import type { RectLabelAttrs } from './type';
 import { LabelBase } from './base';
+import type { ComponentOptions } from '../interface';
 export declare class RectLabel extends LabelBase<RectLabelAttrs> {
     static tag: string;
     static defaultAttributes: Partial<RectLabelAttrs>;
-    constructor(attributes: RectLabelAttrs);
+    constructor(attributes: RectLabelAttrs, options?: ComponentOptions);
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
         x: number;
         y: number;

package/es/label/rect.js

@@ -3,8 +3,8 @@ import { merge } from "@visactor/vutils";
 import { LabelBase } from "./base";
 
 export class RectLabel extends LabelBase {
-    constructor(attributes) {
-        super(merge({}, RectLabel.defaultAttributes, attributes));
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, RectLabel.defaultAttributes, attributes));
     }
     labeling(textBounds, graphicBounds, position = "top", offset = 0) {
         if (!textBounds || !graphicBounds) return;
@@ -29,11 +29,37 @@ export class RectLabel extends LabelBase {
           case "right":
           case "inside-right":
             sx = .5;
+            break;
+
+          case "top-right":
+            sx = .5, sy = -.5;
+            break;
+
+          case "top-left":
+            sx = -.5, sy = -.5;
+            break;
+
+          case "bottom-right":
+            sx = .5, sy = .5;
+            break;
+
+          case "bottom-left":
+            sx = -.5, sy = .5;
         }
         anchorX += sx * rectWidth, anchorY += sy * rectHeight;
         let vx = 0, vy = 0;
         const isInside = position.includes("inside");
-        position.includes("top") ? vy = isInside ? 1 : -1 : position.includes("bottom") ? vy = isInside ? -1 : 1 : position.includes("left") ? vx = isInside ? 1 : -1 : position.includes("right") && (vx = isInside ? -1 : 1);
+        switch (position.includes("top") ? vy = isInside ? 1 : -1 : position.includes("bottom") ? vy = isInside ? -1 : 1 : position.includes("left") ? vx = isInside ? 1 : -1 : position.includes("right") && (vx = isInside ? -1 : 1), 
+        position) {
+          case "top-right":
+          case "bottom-right":
+            vx = -1;
+            break;
+
+          case "top-left":
+          case "bottom-left":
+            vx = 1;
+        }
         return {
             x: anchorX + vx * offset + vx * width / 2,
             y: anchorY + vy * offset + vy * height / 2

package/es/label/rect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/rect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,MAAM,OAAO,SAAU,SAAQ,SAAyB;IAgBtD,YAAY,UAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAC5D,CAAC;IAES,QAAQ,CAAC,UAAuB,EAAE,aAA0B,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,CAAC;QAClG,IAAI,CAAC,UAAU,IAAI,CAAC,aAAa,EAAE;YACjC,OAAO;SACR;QAED,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,UAAU,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAEjC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;QACjE,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACxD,IAAI,OAAO,GAAG,CAAC,aAAa,CAAC,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QAExD,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QAEX,QAAQ,QAAQ,EAAE;YAChB,KAAK,KAAK,CAAC;YACX,KAAK,YAAY;gBACf,EAAE,GAAG,CAAC,GAAG,CAAC;gBACV,MAAM;YACR,KAAK,QAAQ,CAAC;YACd,KAAK,eAAe;gBAClB,EAAE,GAAG,GAAG,CAAC;gBACT,MAAM;YACR,KAAK,MAAM,CAAC;YACZ,KAAK,aAAa;gBAChB,EAAE,GAAG,CAAC,GAAG,CAAC;gBACV,MAAM;YACR,KAAK,OAAO,CAAC;YACb,KAAK,cAAc;gBACjB,EAAE,GAAG,GAAG,CAAC;gBACT,MAAM;SACT;QAED,OAAO,IAAI,EAAE,GAAG,SAAS,CAAC;QAC1B,OAAO,IAAI,EAAE,GAAG,UAAU,CAAC;QAE3B,IAAI,EAAE,GAAG,CAAC,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,CAAC;QAEX,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAE7C,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC5B,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB;aAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACtC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB;aAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YACpC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB;aAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YACrC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACxB;QAED,MAAM,CAAC,GAAG,OAAO,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACnD,MAAM,CAAC,GAAG,OAAO,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAEpD,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IAClB,CAAC;;AA7EM,aAAG,GAAG,YAAY,CAAC;AAEnB,2BAAiB,GAA4B;IAClD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"rect.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { RectLabelAttrs } from './type';\nimport { LabelBase } from './base';\n\nexport class RectLabel extends LabelBase<RectLabelAttrs> {\n  static tag = 'rect-label';\n\n  static defaultAttributes: Partial<RectLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'top',\n    offset: 5,\n    pickable: false\n  };\n\n  constructor(attributes: RectLabelAttrs) {\n    super(merge({}, RectLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position = 'top', offset = 0) {\n    if (!textBounds || !graphicBounds) {\n      return;\n    }\n\n    const { x1, y1, x2, y2 } = textBounds;\n    const width = Math.abs(x2 - x1);\n    const height = Math.abs(y2 - y1);\n\n    const rectWidth = Math.abs(graphicBounds.x2 - graphicBounds.x1);\n    const rectHeight = Math.abs(graphicBounds.y2 - graphicBounds.y1);\n    let anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2;\n    let anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;\n\n    let sx = 0;\n    let sy = 0;\n\n    switch (position) {\n      case 'top':\n      case 'inside-top':\n        sy = -0.5;\n        break;\n      case 'bottom':\n      case 'inside-bottom':\n        sy = 0.5;\n        break;\n      case 'left':\n      case 'inside-left':\n        sx = -0.5;\n        break;\n      case 'right':\n      case 'inside-right':\n        sx = 0.5;\n        break;\n    }\n\n    anchorX += sx * rectWidth;\n    anchorY += sy * rectHeight;\n\n    let vx = 0;\n    let vy = 0;\n\n    const isInside = position.includes('inside');\n\n    if (position.includes('top')) {\n      vy = isInside ? 1 : -1;\n    } else if (position.includes('bottom')) {\n      vy = isInside ? -1 : 1;\n    } else if (position.includes('left')) {\n      vx = isInside ? 1 : -1;\n    } else if (position.includes('right')) {\n      vx = isInside ? -1 : 1;\n    }\n\n    const x = anchorX + vx * offset + (vx * width) / 2;\n    const y = anchorY + vy * offset + (vy * height) / 2;\n\n    return { x, y };\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/rect.ts"],"names":[],"mappings":"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","file":"rect.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { RectLabelAttrs } from './type';\nimport { LabelBase } from './base';\nimport type { ComponentOptions } from '../interface';\n\nexport class RectLabel extends LabelBase<RectLabelAttrs> {\n  static tag = 'rect-label';\n\n  static defaultAttributes: Partial<RectLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'top',\n    offset: 5,\n    pickable: false\n  };\n\n  constructor(attributes: RectLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, RectLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position = 'top', offset = 0) {\n    if (!textBounds || !graphicBounds) {\n      return;\n    }\n\n    const { x1, y1, x2, y2 } = textBounds;\n    const width = Math.abs(x2 - x1);\n    const height = Math.abs(y2 - y1);\n\n    const rectWidth = Math.abs(graphicBounds.x2 - graphicBounds.x1);\n    const rectHeight = Math.abs(graphicBounds.y2 - graphicBounds.y1);\n    let anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2;\n    let anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;\n\n    let sx = 0;\n    let sy = 0;\n\n    switch (position) {\n      case 'top':\n      case 'inside-top':\n        sy = -0.5;\n        break;\n      case 'bottom':\n      case 'inside-bottom':\n        sy = 0.5;\n        break;\n      case 'left':\n      case 'inside-left':\n        sx = -0.5;\n        break;\n      case 'right':\n      case 'inside-right':\n        sx = 0.5;\n        break;\n      case 'top-right':\n        sx = 0.5;\n        sy = -0.5;\n        break;\n      case 'top-left':\n        sx = -0.5;\n        sy = -0.5;\n        break;\n      case 'bottom-right':\n        sx = 0.5;\n        sy = 0.5;\n        break;\n      case 'bottom-left':\n        sx = -0.5;\n        sy = 0.5;\n    }\n\n    anchorX += sx * rectWidth;\n    anchorY += sy * rectHeight;\n\n    let vx = 0;\n    let vy = 0;\n\n    const isInside = position.includes('inside');\n\n    if (position.includes('top')) {\n      vy = isInside ? 1 : -1;\n    } else if (position.includes('bottom')) {\n      vy = isInside ? -1 : 1;\n    } else if (position.includes('left')) {\n      vx = isInside ? 1 : -1;\n    } else if (position.includes('right')) {\n      vx = isInside ? -1 : 1;\n    }\n\n    switch (position) {\n      case 'top-right':\n      case 'bottom-right':\n        vx = -1;\n        break;\n      case 'top-left':\n      case 'bottom-left':\n        vx = 1;\n        break;\n      default:\n        break;\n    }\n\n    const x = anchorX + vx * offset + (vx * width) / 2;\n    const y = anchorY + vy * offset + (vy * height) / 2;\n\n    return { x, y };\n  }\n}\n"]}

package/es/label/symbol.d.ts

@@ -1,10 +1,11 @@
 import type { IBoundsLike } from '@visactor/vutils';
 import type { SymbolLabelAttrs } from './type';
 import { LabelBase } from './base';
+import type { ComponentOptions } from '../interface';
 export declare class SymbolLabel extends LabelBase<SymbolLabelAttrs> {
     name: string;
     static defaultAttributes: Partial<SymbolLabelAttrs>;
-    constructor(attributes: SymbolLabelAttrs);
+    constructor(attributes: SymbolLabelAttrs, options?: ComponentOptions);
     protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position?: string, offset?: number): {
         x: number;
         y: number;

package/es/label/symbol.js

@@ -2,52 +2,15 @@ import { merge } from "@visactor/vutils";
 
 import { LabelBase } from "./base";
 
+import { labelingPoint } from "./util";
+
 export class SymbolLabel extends LabelBase {
-    constructor(attributes) {
-        super(merge({}, SymbolLabel.defaultAttributes, attributes)), this.name = "symbol-label";
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, SymbolLabel.defaultAttributes, attributes)), 
+        this.name = "symbol-label";
     }
     labeling(textBounds, graphicBounds, position = "top", offset = 0) {
-        if (!textBounds) return;
-        const {x1: x1, y1: y1, x2: x2, y2: y2} = textBounds, width = Math.abs(x2 - x1), height = Math.abs(y2 - y1), anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2, anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;
-        let sx = 0, sy = 0, offsetX = 0, offsetY = 0;
-        graphicBounds && (offsetX = Math.abs(graphicBounds.x1 - graphicBounds.x2) / 2, offsetY = Math.abs(graphicBounds.y1 - graphicBounds.y2) / 2);
-        const angle = {
-            "top-right": -235,
-            "top-left": 235,
-            "bottom-right": 45,
-            "bottom-left": -45
-        };
-        switch (position) {
-          case "top":
-            sy = -1;
-            break;
-
-          case "bottom":
-            sy = 1;
-            break;
-
-          case "left":
-            sx = -1;
-            break;
-
-          case "right":
-            sx = 1;
-            break;
-
-          case "bottom-left":
-          case "bottom-right":
-          case "top-left":
-          case "top-right":
-            sx = Math.sin(angle[position] * (Math.PI / 180)), sy = Math.cos(angle[position] * (Math.PI / 180));
-            break;
-
-          case "center":
-            sx = 0, sy = 0;
-        }
-        return {
-            x: anchorX + sx * (offset + offsetX) + Math.sign(sx) * (width / 2),
-            y: anchorY + sy * (offset + offsetY) + Math.sign(sy) * (height / 2)
-        };
+        return labelingPoint(textBounds, graphicBounds, position, offset);
     }
 }
 

package/es/label/symbol.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/label/symbol.ts"],"names":[],"mappings":"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","file":"symbol.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { SymbolLabelAttrs } from './type';\nimport { LabelBase } from './base';\n\nexport class SymbolLabel extends LabelBase<SymbolLabelAttrs> {\n  name = 'symbol-label';\n\n  static defaultAttributes: Partial<SymbolLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'top',\n    offset: 5,\n    pickable: false\n  };\n\n  constructor(attributes: SymbolLabelAttrs) {\n    super(merge({}, SymbolLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position = 'top', offset = 0) {\n    if (!textBounds) {\n      return;\n    }\n\n    const { x1, y1, x2, y2 } = textBounds;\n    const width = Math.abs(x2 - x1);\n    const height = Math.abs(y2 - y1);\n\n    const anchorX = (graphicBounds.x1 + graphicBounds.x2) / 2;\n    const anchorY = (graphicBounds.y1 + graphicBounds.y2) / 2;\n\n    let sx = 0;\n    let sy = 0;\n    let offsetX = 0;\n    let offsetY = 0;\n    if (graphicBounds) {\n      offsetX = Math.abs(graphicBounds.x1 - graphicBounds.x2) / 2;\n      offsetY = Math.abs(graphicBounds.y1 - graphicBounds.y2) / 2;\n    }\n\n    const angle = {\n      'top-right': -235,\n      'top-left': 235,\n      'bottom-right': 45,\n      'bottom-left': -45\n    };\n\n    switch (position) {\n      case 'top':\n        sy = -1;\n        break;\n      case 'bottom':\n        sy = 1;\n        break;\n      case 'left':\n        sx = -1;\n        break;\n      case 'right':\n        sx = 1;\n        break;\n      case 'bottom-left':\n      case 'bottom-right':\n      case 'top-left':\n      case 'top-right':\n        sx = Math.sin(angle[position] * (Math.PI / 180));\n        sy = Math.cos(angle[position] * (Math.PI / 180));\n        break;\n      case 'center':\n        sx = 0;\n        sy = 0;\n        break;\n    }\n\n    const x = anchorX + sx * (offset + offsetX) + Math.sign(sx) * (width / 2);\n    const y = anchorY + sy * (offset + offsetY) + Math.sign(sy) * (height / 2);\n\n    return { x, y };\n  }\n}\n"]}
+{"version":3,"sources":["../src/label/symbol.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,WAAY,SAAQ,SAA2B;IAgB1D,YAAY,UAA4B,EAAE,OAA0B;QAClE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,WAAW,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAhBlG,SAAI,GAAG,cAAc,CAAC;IAiBtB,CAAC;IAES,QAAQ,CAAC,UAAuB,EAAE,aAA0B,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,GAAG,CAAC;QAClG,OAAO,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;IACpE,CAAC;;AAnBM,6BAAiB,GAA8B;IACpD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,QAAQ;QACnB,YAAY,EAAE,QAAQ;QACtB,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;KAC9B;IACD,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,KAAK;CAChB,CAAC","file":"symbol.js","sourcesContent":["import type { IBoundsLike } from '@visactor/vutils';\nimport { merge } from '@visactor/vutils';\nimport type { SymbolLabelAttrs } from './type';\nimport { LabelBase } from './base';\nimport { labelingPoint } from './util';\nimport type { ComponentOptions } from '../interface';\n\nexport class SymbolLabel extends LabelBase<SymbolLabelAttrs> {\n  name = 'symbol-label';\n\n  static defaultAttributes: Partial<SymbolLabelAttrs> = {\n    textStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'center',\n      textBaseline: 'middle',\n      boundsPadding: [-1, 0, -1, 0] // to ignore the textBound buf\n    },\n    position: 'top',\n    offset: 5,\n    pickable: false\n  };\n\n  constructor(attributes: SymbolLabelAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, SymbolLabel.defaultAttributes, attributes));\n  }\n\n  protected labeling(textBounds: IBoundsLike, graphicBounds: IBoundsLike, position = 'top', offset = 0) {\n    return labelingPoint(textBounds, graphicBounds, position, offset);\n  }\n}\n"]}

package/es/label/type.d.ts

@@ -1,15 +1,21 @@
-import type { EasingType, IGraphic, IGroupGraphicAttribute, ITextGraphicAttribute, Text, TextAlignType, TextBaselineType, ILineGraphicAttribute } from '@visactor/vrender-core';
+import type { EasingType, IGraphic, IGroupGraphicAttribute, ITextGraphicAttribute, IRichTextGraphicAttribute, Text, TextAlignType, TextBaselineType, ILineGraphicAttribute, IRichTextCharacter, RichText } from '@visactor/vrender-core';
+import type { IPointLike } from '@visactor/vutils';
 export type LabelItemStateStyle<T> = {
     hover?: T;
     hover_reverse?: T;
     selected?: T;
     selected_reverse?: T;
+    [key: string]: T;
 };
 export type LabelItem = {
     id?: string;
     data?: any;
     [key: string]: any;
-} & ITextGraphicAttribute;
+    textType?: string;
+    text?: string | string[] | number | number[] | IRichTextCharacter[];
+    textAlign?: 'left' | 'right' | 'center' | 'start' | 'end';
+    textBaseline?: 'top' | 'middle' | 'bottom' | 'alphabetic';
+} & Omit<Partial<ITextGraphicAttribute>, 'textAlign' | 'textBaseline'> & Omit<Partial<IRichTextGraphicAttribute>, 'textAlign' | 'textBaseline'>;
 export interface BaseLabelAttrs extends IGroupGraphicAttribute {
     type: string;
     baseMarkGroupName: string;
@@ -19,14 +25,21 @@ export interface BaseLabelAttrs extends IGroupGraphicAttribute {
     data: LabelItem[];
     textStyle?: Partial<ITextGraphicAttribute>;
     state?: LabelItemStateStyle<ITextGraphicAttribute>;
+    labelLineState?: LabelItemStateStyle<ILineGraphicAttribute>;
+    syncState?: boolean;
     position?: Functional<string>;
     offset?: number;
     overlap?: OverlapAttrs | false;
     smartInvert?: SmartInvertAttrs | false;
     animation?: ILabelAnimation | false;
+    animationEnter?: ILabelUpdateAnimation;
+    animationUpdate?: ILabelUpdateAnimation | ILabelUpdateChannelAnimation[];
+    animationExit?: ILabelExitAnimation;
     dataFilter?: (data: LabelItem[]) => LabelItem[];
-    customLayoutFunc?: (data: LabelItem[], getRelatedGraphic: (data: LabelItem) => IGraphic) => Text[];
-    customOverlapFunc?: (label: Text[], getRelatedGraphic: (data: LabelItem) => IGraphic) => Text[];
+    customLayoutFunc?: (data: LabelItem[], getRelatedGraphic: (data: LabelItem) => IGraphic, getRelatedPoint?: (data: LabelItem) => IPointLike) => (Text | RichText)[];
+    customOverlapFunc?: (label: (Text | RichText)[], getRelatedGraphic: (data: LabelItem) => IGraphic, getRelatedPoint?: (data: LabelItem) => IPointLike) => (Text | RichText)[];
+    disableTriggerEvent?: boolean;
+    id?: string;
 }
 export interface OverlapAttrs {
     size?: {
@@ -41,6 +54,7 @@ export interface OverlapAttrs {
     overlapPadding?: number;
 }
 export interface SmartInvertAttrs {
+    mode?: string;
     textType?: string;
     contrastRatiosThreshold?: number;
     alternativeColors?: string | string[];
@@ -74,12 +88,20 @@ export interface SymbolLabelAttrs extends BaseLabelAttrs {
 }
 export interface RectLabelAttrs extends BaseLabelAttrs {
     type: 'rect';
-    position?: Functional<'top' | 'bottom' | 'left' | 'right' | 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left'>;
+    position?: Functional<'top' | 'bottom' | 'left' | 'right' | 'inside' | 'inside-top' | 'inside-bottom' | 'inside-right' | 'inside-left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'>;
 }
 export interface LineLabelAttrs extends BaseLabelAttrs {
     type: 'line';
     position?: Functional<'start' | 'end'>;
 }
+export interface AreaLabelAttrs extends BaseLabelAttrs {
+    type: 'area';
+    position?: Functional<'start' | 'end'>;
+}
+export interface LineDataLabelAttrs extends BaseLabelAttrs {
+    type: 'line-data';
+    position?: Functional<'top' | 'bottom' | 'left' | 'right' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center'>;
+}
 export interface PolygonLabelAttrs extends BaseLabelAttrs {
     type: 'polygon';
     position?: Functional<'center'>;
@@ -120,20 +142,32 @@ export interface IArcLabelLayoutSpec {
     tangentConstraint?: boolean;
 }
 export interface DataLabelAttrs extends IGroupGraphicAttribute {
-    dataLabels: (RectLabelAttrs | SymbolLabelAttrs | ArcLabelAttrs)[];
+    dataLabels: (RectLabelAttrs | SymbolLabelAttrs | ArcLabelAttrs | LineDataLabelAttrs)[];
     size: {
         width: number;
         height: number;
     };
 }
 export type Functional<T> = T | ((data: any) => T);
-export interface ILabelAnimation {
-    mode?: 'same-time' | 'after' | 'after-all';
+export interface ILabelExitAnimation {
     duration?: number;
     delay?: number;
     easing?: EasingType;
+}
+export interface ILabelEnterAnimation extends ILabelExitAnimation {
+    mode?: 'same-time' | 'after' | 'after-all';
+}
+export interface ILabelUpdateAnimation extends ILabelExitAnimation {
     increaseEffect?: boolean;
 }
+export interface ILabelUpdateChannelAnimation extends ILabelUpdateAnimation {
+    channel?: string[];
+    options?: {
+        excludeChannels?: string[];
+    };
+}
+export interface ILabelAnimation extends ILabelEnterAnimation, ILabelExitAnimation, ILabelUpdateAnimation {
+}
 export interface IPoint {
     x: number;
     y: number;

package/es/label/type.js

@@ -1,2 +1 @@
-export { };
-//# sourceMappingURL=type.js.map
+export { };