@visactor/vrender-components 0.18.10-alpha.0 → 0.18.10-alpha.2

package/cjs/marker/polar/area.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PolarMarkArea = void 0;
+
+const vrender_core_1 = require("@visactor/vrender-core"), vutils_1 = require("@visactor/vutils"), tag_1 = require("../../tag"), base_1 = require("../base"), config_1 = require("../config"), type_1 = require("../type"), limit_shape_1 = require("../../util/limit-shape"), register_1 = require("../register"), constant_1 = require("../../constant");
+
+(0, register_1.loadPolarMarkAreaComponent)();
+
+class PolarMarkArea extends base_1.Marker {
+    getArea() {
+        return this._area;
+    }
+    getLabel() {
+        return this._label;
+    }
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, PolarMarkArea.defaultAttributes, attributes)), 
+        this.name = "polarMarkArea";
+    }
+    getPositionByDirection(direction) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, label: label} = this.attribute, {refX: refX = 0, refY: refY = 0} = label, labelRectHeight = Math.abs((null !== (_b = null === (_a = this._label.getTextShape().AABBBounds) || void 0 === _a ? void 0 : _a.y2) && void 0 !== _b ? _b : 0) - (null !== (_d = null === (_c = this._label.getTextShape()) || void 0 === _c ? void 0 : _c.AABBBounds.y1) && void 0 !== _d ? _d : 0)), labelTextHeight = Math.abs((null !== (_f = null === (_e = this._label.getBgRect().AABBBounds) || void 0 === _e ? void 0 : _e.y2) && void 0 !== _f ? _f : 0) - (null !== (_h = null === (_g = this._label.getBgRect()) || void 0 === _g ? void 0 : _g.AABBBounds.y1) && void 0 !== _h ? _h : 0)), labelHeight = Math.max(labelRectHeight, labelTextHeight);
+        let radius, angle, orthogonalOffsetDirection;
+        switch (direction) {
+          case type_1.IPolarMarkLabelPosition.center:
+            radius = (innerRadius + outerRadius) / 2, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = 0;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcInnerStart:
+            radius = innerRadius, angle = startAngle, orthogonalOffsetDirection = -1;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcOuterStart:
+            radius = outerRadius, angle = startAngle, orthogonalOffsetDirection = 1;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcInnerEnd:
+            radius = innerRadius, angle = endAngle, orthogonalOffsetDirection = -1;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcOuterEnd:
+            radius = outerRadius, angle = endAngle, orthogonalOffsetDirection = 1;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcInnerMiddle:
+            radius = innerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = -1;
+            break;
+
+          case type_1.IPolarMarkLabelPosition.arcOuterMiddle:
+            radius = outerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = 1;
+            break;
+
+          default:
+            radius = innerRadius, angle = (startAngle + endAngle) / 2, orthogonalOffsetDirection = -1;
+        }
+        return {
+            position: {
+                x: center.x + (radius + orthogonalOffsetDirection * labelHeight / 2 + refY) * Math.cos(angle) + refX * Math.cos(angle - Math.PI / 2),
+                y: center.y + (radius + orthogonalOffsetDirection * labelHeight / 2 + refY) * Math.sin(angle) + refX * Math.sin(angle - Math.PI / 2)
+            },
+            angle: angle
+        };
+    }
+    setLabelPos() {
+        var _a;
+        if (this._label && this._area) {
+            const {label: label = {}} = this.attribute, {position: labelPosition = "arcInnerMiddle", autoRotate: autoRotate = !0} = label, labelAttr = this.getPositionByDirection(labelPosition);
+            if (this._label.setAttributes(Object.assign(Object.assign({}, labelAttr.position), {
+                angle: autoRotate ? labelAttr.angle - Math.PI / 2 + (null !== (_a = label.refAngle) && void 0 !== _a ? _a : 0) : 0
+            })), this.attribute.limitRect && label.confine) {
+                const {x: x, y: y, width: width, height: height} = this.attribute.limitRect;
+                (0, limit_shape_1.limitShapeInBounds)(this._label, {
+                    x1: x,
+                    y1: y,
+                    x2: x + width,
+                    y2: y + height
+                });
+            }
+        }
+    }
+    initMarker(container) {
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, areaStyle: areaStyle, label: label, state: state} = this.attribute, area = vrender_core_1.graphicCreator.arc(Object.assign({
+            x: center.x,
+            y: center.y,
+            innerRadius: innerRadius,
+            outerRadius: outerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }, areaStyle));
+        area.states = (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.area), 
+        area.name = "polar-mark-area-area", this._area = area, container.add(area);
+        const markLabel = new tag_1.Tag(Object.assign(Object.assign({}, label), {
+            state: {
+                panel: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.labelBackground),
+                text: (0, vutils_1.merge)({}, constant_1.DEFAULT_STATES, null == state ? void 0 : state.label)
+            }
+        }));
+        markLabel.name = "mark-area-label", this._label = markLabel, container.add(markLabel), 
+        this.setLabelPos();
+    }
+    updateMarker() {
+        const {center: center, innerRadius: innerRadius, outerRadius: outerRadius, startAngle: startAngle, endAngle: endAngle, areaStyle: areaStyle, label: label} = this.attribute;
+        this._area && this._area.setAttributes(Object.assign({
+            x: center.x,
+            y: center.y,
+            innerRadius: innerRadius,
+            outerRadius: outerRadius,
+            startAngle: startAngle,
+            endAngle: endAngle
+        }, areaStyle)), this._area && this._label.setAttributes(Object.assign({
+            dx: 0,
+            dy: 0
+        }, label)), this.setLabelPos();
+    }
+    isValidPoints() {
+        return !0;
+    }
+}
+
+exports.PolarMarkArea = PolarMarkArea, PolarMarkArea.defaultAttributes = config_1.DEFAULT_POLAR_MARK_AREA_THEME;
+//# sourceMappingURL=area.js.map

package/cjs/marker/polar/area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/polar/area.ts"],"names":[],"mappings":";;;AAEA,yDAAwD;AACxD,6CAAyC;AAGzC,mCAAgC;AAChC,kCAAiC;AACjC,sCAA0D;AAC1D,kCAA2E;AAC3E,wDAA4D;AAE5D,0CAAyD;AACzD,6CAAgD;AAEhD,IAAA,qCAA0B,GAAE,CAAC;AAC7B,MAAa,aAAc,SAAQ,aAA0B;IAK3D,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,YAAY,UAA8B,EAAE,OAA0B;QACpE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,aAAa,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAbpG,SAAI,GAAG,eAAe,CAAC;IAcvB,CAAC;IAES,sBAAsB,CAAC,SAAiB;;QAChD,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;QAC/G,MAAM,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;QAErC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAC9B,CAAC,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,UAAU,0CAAE,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,0CAAE,UAAU,CAAC,EAAE,mCAAI,CAAC,CAAC,CACpG,CAAC;QAEF,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAC9B,CAAC,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,UAAU,0CAAE,EAAE,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,0CAAE,UAAU,CAAC,EAAE,mCAAI,CAAC,CAAC,CAC9F,CAAC;QACF,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;QAE/D,IAAI,MAAM,CAAC;QACX,IAAI,KAAK,CAAC;QAGV,IAAI,yBAAyB,CAAC;QAE9B,QAAQ,SAAS,EAAE;YACjB,KAAK,8BAAuB,CAAC,MAAM;gBACjC,MAAM,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;gBACzC,KAAK,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACpC,yBAAyB,GAAG,CAAC,CAAC;gBAC9B,MAAM;YACR,KAAK,8BAAuB,CAAC,aAAa;gBACxC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,UAAU,CAAC;gBACnB,yBAAyB,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM;YACR,KAAK,8BAAuB,CAAC,aAAa;gBACxC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,UAAU,CAAC;gBACnB,yBAAyB,GAAG,CAAC,CAAC;gBAC9B,MAAM;YACR,KAAK,8BAAuB,CAAC,WAAW;gBACtC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,QAAQ,CAAC;gBACjB,yBAAyB,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM;YACR,KAAK,8BAAuB,CAAC,WAAW;gBACtC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,QAAQ,CAAC;gBACjB,yBAAyB,GAAG,CAAC,CAAC;gBAC9B,MAAM;YACR,KAAK,8BAAuB,CAAC,cAAc;gBACzC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACpC,yBAAyB,GAAG,CAAC,CAAC,CAAC;gBAC/B,MAAM;YACR,KAAK,8BAAuB,CAAC,cAAc;gBACzC,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACpC,yBAAyB,GAAG,CAAC,CAAC;gBAC9B,MAAM;YACR;gBACE,MAAM,GAAG,WAAW,CAAC;gBACrB,KAAK,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACpC,yBAAyB,GAAG,CAAC,CAAC,CAAC;SAClC;QAED,OAAO;YACL,QAAQ,EAAE;gBACR,CAAC,EACC,MAAM,CAAC,CAAC;oBACR,CAAC,MAAM,GAAG,CAAC,yBAAyB,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;oBACjF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;gBACtC,CAAC,EACC,MAAM,CAAC,CAAC;oBACR,CAAC,MAAM,GAAG,CAAC,yBAAyB,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;oBACjF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;aACvC;YACD,KAAK;SACN,CAAC;IACJ,CAAC;IAES,WAAW;;QACnB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE;YAC7B,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAA+B,CAAC;YAC5D,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,gBAAgB,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;YAChF,MAAM,SAAS,GAAG,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,CAAC;YAE7D,IAAI,CAAC,MAAM,CAAC,aAAa,iCACpB,SAAS,CAAC,QAAQ,KACrB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAA,KAAK,CAAC,QAAQ,mCAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAC7E,CAAC;YAEH,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,IAAI,KAAK,CAAC,OAAO,EAAE;gBAC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;gBACzD,IAAA,gCAAkB,EAAC,IAAI,CAAC,MAAM,EAAE;oBAC9B,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC,GAAG,KAAK;oBACb,EAAE,EAAE,CAAC,GAAG,MAAM;iBACf,CAAC,CAAC;aACJ;SACF;IACH,CAAC;IAES,UAAU,CAAC,SAAiB;QACpC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI;aAC7F,SAA+B,CAAC;QACnC,MAAM,IAAI,GAAG,6BAAc,CAAC,GAAG,iBAC7B,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,WAAW;YACX,WAAW;YACX,UAAU;YACV,QAAQ,IACL,SAAS,EACZ,CAAC;QACH,IAAI,CAAC,MAAM,GAAG,IAAA,cAAK,EAAC,EAAE,EAAE,yBAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEpB,MAAM,SAAS,GAAG,IAAI,SAAG,iCACnB,KAAuB,KAC3B,KAAK,EAAE;gBACL,KAAK,EAAE,IAAA,cAAK,EAAC,EAAE,EAAE,yBAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC;gBACxD,IAAI,EAAE,IAAA,cAAK,EAAC,EAAE,EAAE,yBAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;aAC9C,IACD,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,iBAAiB,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,SAAS,CAAC,GAAG,CAAC,SAA6B,CAAC,CAAC;QAC7C,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,YAAY;QACpB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI;aACtF,SAA+B,CAAC;QACnC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,aAAa,iBACtB,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,WAAW;gBACX,WAAW;gBACX,UAAU;gBACV,QAAQ,IACL,SAAS,EACZ,CAAC;SACJ;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,MAAM,CAAC,aAAa,iBACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IACD,KAAuB,EAC3B,CAAC;SACJ;QACD,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC;IACd,CAAC;;AA5KH,sCA6KC;AA3KQ,+BAAiB,GAAG,sCAA6B,CAAC","file":"area.js","sourcesContent":["import type { IArc, IGroup, INode } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { TagAttributes } from '../../tag';\n// eslint-disable-next-line no-duplicate-imports\nimport { Tag } from '../../tag';\nimport { Marker } from '../base';\nimport { DEFAULT_POLAR_MARK_AREA_THEME } from '../config';\nimport { IPolarMarkLabelPosition, type PolarMarkAreaAttrs } from '../type';\nimport { limitShapeInBounds } from '../../util/limit-shape';\nimport type { ComponentOptions } from '../../interface';\nimport { loadPolarMarkAreaComponent } from '../register';\nimport { DEFAULT_STATES } from '../../constant';\n\nloadPolarMarkAreaComponent();\nexport class PolarMarkArea extends Marker<PolarMarkAreaAttrs> {\n  name = 'polarMarkArea';\n  static defaultAttributes = DEFAULT_POLAR_MARK_AREA_THEME;\n  private _area!: IArc;\n\n  getArea() {\n    return this._area;\n  }\n\n  getLabel() {\n    return this._label;\n  }\n\n  constructor(attributes: PolarMarkAreaAttrs, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, PolarMarkArea.defaultAttributes, attributes));\n  }\n\n  protected getPositionByDirection(direction: string) {\n    const { center, innerRadius, outerRadius, startAngle, endAngle, label } = this.attribute as PolarMarkAreaAttrs;\n    const { refX = 0, refY = 0 } = label;\n    // eslint-disable-next-line max-len\n    const labelRectHeight = Math.abs(\n      (this._label.getTextShape().AABBBounds?.y2 ?? 0) - (this._label.getTextShape()?.AABBBounds.y1 ?? 0)\n    );\n    // eslint-disable-next-line max-len\n    const labelTextHeight = Math.abs(\n      (this._label.getBgRect().AABBBounds?.y2 ?? 0) - (this._label.getBgRect()?.AABBBounds.y1 ?? 0)\n    );\n    const labelHeight = Math.max(labelRectHeight, labelTextHeight);\n\n    let radius;\n    let angle;\n    // tag在正交方向是向内偏移，还是向外偏移\n    // 不偏移: 0, 内: -1, 外: 1\n    let orthogonalOffsetDirection;\n\n    switch (direction) {\n      case IPolarMarkLabelPosition.center:\n        radius = (innerRadius + outerRadius) / 2;\n        angle = (startAngle + endAngle) / 2;\n        orthogonalOffsetDirection = 0;\n        break;\n      case IPolarMarkLabelPosition.arcInnerStart:\n        radius = innerRadius;\n        angle = startAngle;\n        orthogonalOffsetDirection = -1;\n        break;\n      case IPolarMarkLabelPosition.arcOuterStart:\n        radius = outerRadius;\n        angle = startAngle;\n        orthogonalOffsetDirection = 1;\n        break;\n      case IPolarMarkLabelPosition.arcInnerEnd:\n        radius = innerRadius;\n        angle = endAngle;\n        orthogonalOffsetDirection = -1;\n        break;\n      case IPolarMarkLabelPosition.arcOuterEnd:\n        radius = outerRadius;\n        angle = endAngle;\n        orthogonalOffsetDirection = 1;\n        break;\n      case IPolarMarkLabelPosition.arcInnerMiddle:\n        radius = innerRadius;\n        angle = (startAngle + endAngle) / 2;\n        orthogonalOffsetDirection = -1;\n        break;\n      case IPolarMarkLabelPosition.arcOuterMiddle:\n        radius = outerRadius;\n        angle = (startAngle + endAngle) / 2;\n        orthogonalOffsetDirection = 1;\n        break;\n      default: // default arcInnerMiddle\n        radius = innerRadius;\n        angle = (startAngle + endAngle) / 2;\n        orthogonalOffsetDirection = -1;\n    }\n\n    return {\n      position: {\n        x:\n          center.x +\n          (radius + (orthogonalOffsetDirection * labelHeight) / 2 + refY) * Math.cos(angle) +\n          refX * Math.cos(angle - Math.PI / 2),\n        y:\n          center.y +\n          (radius + (orthogonalOffsetDirection * labelHeight) / 2 + refY) * Math.sin(angle) +\n          refX * Math.sin(angle - Math.PI / 2)\n      },\n      angle\n    };\n  }\n\n  protected setLabelPos() {\n    if (this._label && this._area) {\n      const { label = {} } = this.attribute as PolarMarkAreaAttrs;\n      const { position: labelPosition = 'arcInnerMiddle', autoRotate = true } = label;\n      const labelAttr = this.getPositionByDirection(labelPosition);\n\n      this._label.setAttributes({\n        ...labelAttr.position,\n        angle: autoRotate ? labelAttr.angle - Math.PI / 2 + (label.refAngle ?? 0) : 0\n      });\n\n      if (this.attribute.limitRect && label.confine) {\n        const { x, y, width, height } = this.attribute.limitRect;\n        limitShapeInBounds(this._label, {\n          x1: x,\n          y1: y,\n          x2: x + width,\n          y2: y + height\n        });\n      }\n    }\n  }\n\n  protected initMarker(container: IGroup) {\n    const { center, innerRadius, outerRadius, startAngle, endAngle, areaStyle, label, state } = this\n      .attribute as PolarMarkAreaAttrs;\n    const area = graphicCreator.arc({\n      x: center.x,\n      y: center.y,\n      innerRadius,\n      outerRadius,\n      startAngle,\n      endAngle,\n      ...areaStyle\n    });\n    area.states = merge({}, DEFAULT_STATES, state?.area);\n    area.name = 'polar-mark-area-area';\n    this._area = area;\n    container.add(area);\n\n    const markLabel = new Tag({\n      ...(label as TagAttributes),\n      state: {\n        panel: merge({}, DEFAULT_STATES, state?.labelBackground),\n        text: merge({}, DEFAULT_STATES, state?.label)\n      }\n    });\n    markLabel.name = 'mark-area-label';\n    this._label = markLabel;\n    container.add(markLabel as unknown as INode);\n    this.setLabelPos();\n  }\n\n  protected updateMarker() {\n    const { center, innerRadius, outerRadius, startAngle, endAngle, areaStyle, label } = this\n      .attribute as PolarMarkAreaAttrs;\n    if (this._area) {\n      this._area.setAttributes({\n        x: center.x,\n        y: center.y,\n        innerRadius,\n        outerRadius,\n        startAngle,\n        endAngle,\n        ...areaStyle\n      });\n    }\n    if (this._area) {\n      this._label.setAttributes({\n        dx: 0,\n        dy: 0, // 需要进行复位\n        ...(label as TagAttributes)\n      });\n    }\n    this.setLabelPos();\n  }\n\n  protected isValidPoints() {\n    return true;\n  }\n}\n"]}

package/cjs/marker/polar/line.d.ts

@@ -0,0 +1 @@
+

package/cjs/marker/polar/line.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=line.js.map

package/cjs/marker/polar/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/marker/polar/line.ts"],"names":[],"mappings":"","file":"line.js","sourcesContent":["// import { merge } from '@visactor/vutils';\n// import { DEFAULT_COMMON_MARK_LINE_THEME } from '../config';\n// import type { PolarMarkLineAttrs } from '../type';\n// import { DEFAULT_STATES } from '../../constant';\n// import { BaseMarkLine } from '../base-line';\n// import { loadPolarMarkLineComponent } from '../register';\n\n// loadPolarMarkLineComponent();\n// export class PolarMarkLine extends BaseMarkLine {\n//   name = 'polarMarkLine';\n//   static defaultAttributes: Partial<PolarMarkLineAttrs> = DEFAULT_COMMON_MARK_LINE_THEME;\n//   protected isValidPoints() {\n//     return true\n//   }\n\n//   protected createSegment() {\n//     const {\n//       center,\n//       radius,\n//       startAngle,\n//       endAngle,\n//       startSymbol,\n//       endSymbol,\n//       lineStyle,\n//       state\n//     } = this.attribute as PolarMarkLineAttrs;\n//     return new ArcSegment({\n//       center,\n//       radius,\n//       startAngle,\n//       endAngle,\n//       startSymbol,\n//       endSymbol,\n//       lineStyle,\n//       state: {\n//         line: merge({}, DEFAULT_STATES, state?.line),\n//         startSymbol: merge({}, DEFAULT_STATES, state?.lineStartSymbol),\n//         endSymbol: merge({}, DEFAULT_STATES, state?.lineEndSymbol)\n//       }\n//     })\n//   }\n\n//   protected setLineAttributes() {\n//     const {\n//       center,\n//       radius,\n//       startAngle,\n//       endAngle,\n//       startSymbol,\n//       endSymbol,\n//       lineStyle,\n//     } = this.attribute as PolarMarkArcLineAttrs;\n//     if (this._line) {\n//       (this._line as any).setAttributes({\n//         center,\n//         radius,\n//         startAngle,\n//         endAngle,\n//         startSymbol,\n//         endSymbol,\n//         lineStyle\n//       });\n//     }\n//   }\n// }\n"]}

package/cjs/marker/register.d.ts

@@ -1,3 +1,6 @@
-export declare function loadMarkLineComponent(): void;
-export declare function loadMarkAreaComponent(): void;
+export declare function loadCartesianMarkLineComponent(): void;
+export declare function loadPolarMarkLineComponent(): void;
+export declare function loadPolarMarkArcLineComponent(): void;
+export declare function loadCartesianMarkAreaComponent(): void;
+export declare function loadPolarMarkAreaComponent(): void;
 export declare function loadMarkPointComponent(): void;

package/cjs/marker/register.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.loadMarkPointComponent = exports.loadMarkAreaComponent = exports.loadMarkLineComponent = void 0;
+}), exports.loadMarkPointComponent = exports.loadPolarMarkAreaComponent = exports.loadCartesianMarkAreaComponent = exports.loadPolarMarkArcLineComponent = exports.loadPolarMarkLineComponent = exports.loadCartesianMarkLineComponent = void 0;
 
 const vrender_kits_1 = require("@visactor/vrender-kits"), register_1 = require("../tag/register"), register_2 = require("../segment/register");
 
@@ -10,19 +10,32 @@ function loadBaseMarker() {
     (0, vrender_kits_1.registerGroup)(), (0, register_1.loadTagComponent)();
 }
 
-function loadMarkLineComponent() {
+function loadCartesianMarkLineComponent() {
     loadBaseMarker(), (0, register_2.loadSegmentComponent)();
 }
 
-function loadMarkAreaComponent() {
+function loadPolarMarkLineComponent() {
+    loadBaseMarker(), (0, register_2.loadSegmentComponent)();
+}
+
+function loadPolarMarkArcLineComponent() {
+    loadBaseMarker(), (0, register_2.loadArcSegmentComponent)();
+}
+
+function loadCartesianMarkAreaComponent() {
     loadBaseMarker(), (0, vrender_kits_1.registerPolygon)();
 }
 
+function loadPolarMarkAreaComponent() {
+    loadBaseMarker(), (0, vrender_kits_1.registerArc)();
+}
+
 function loadMarkPointComponent() {
     loadBaseMarker(), (0, register_2.loadSegmentComponent)(), (0, vrender_kits_1.registerSymbol)(), 
     (0, vrender_kits_1.registerImage)(), (0, vrender_kits_1.registerLine)();
 }
 
-exports.loadMarkLineComponent = loadMarkLineComponent, exports.loadMarkAreaComponent = loadMarkAreaComponent, 
-exports.loadMarkPointComponent = loadMarkPointComponent;
+exports.loadCartesianMarkLineComponent = loadCartesianMarkLineComponent, exports.loadPolarMarkLineComponent = loadPolarMarkLineComponent, 
+exports.loadPolarMarkArcLineComponent = loadPolarMarkArcLineComponent, exports.loadCartesianMarkAreaComponent = loadCartesianMarkAreaComponent, 
+exports.loadPolarMarkAreaComponent = loadPolarMarkAreaComponent, exports.loadMarkPointComponent = loadMarkPointComponent;
 //# sourceMappingURL=register.js.map

package/cjs/marker/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":";;;AAAA,yDAAqH;AACrH,8CAAmD;AACnD,kDAA2D;AAC3D,SAAS,cAAc;IACrB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;AACrB,CAAC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;AACzB,CAAC;AAHD,sDAGC;AAED,SAAgB,qBAAqB;IACnC,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAe,GAAE,CAAC;AACpB,CAAC;AAHD,sDAGC;AAED,SAAgB,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAND,wDAMC","file":"register.js","sourcesContent":["import { registerGroup, registerImage, registerLine, registerPolygon, registerSymbol } from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadSegmentComponent } from '../segment/register';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n}\n"]}
+{"version":3,"sources":["../src/marker/register.ts"],"names":[],"mappings":";;;AAAA,yDAOgC;AAChC,8CAAmD;AACnD,kDAAoF;AACpF,SAAS,cAAc;IACrB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAgB,GAAE,CAAC;AACrB,CAAC;AAED,SAAgB,8BAA8B;IAC5C,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;AACzB,CAAC;AAHD,wEAGC;AAED,SAAgB,0BAA0B;IACxC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;AACzB,CAAC;AAHD,gEAGC;AAED,SAAgB,6BAA6B;IAC3C,cAAc,EAAE,CAAC;IACjB,IAAA,kCAAuB,GAAE,CAAC;AAC5B,CAAC;AAHD,sEAGC;AAED,SAAgB,8BAA8B;IAC5C,cAAc,EAAE,CAAC;IACjB,IAAA,8BAAe,GAAE,CAAC;AACpB,CAAC;AAHD,wEAGC;AAED,SAAgB,0BAA0B;IACxC,cAAc,EAAE,CAAC;IACjB,IAAA,0BAAW,GAAE,CAAC;AAChB,CAAC;AAHD,gEAGC;AAED,SAAgB,sBAAsB;IACpC,cAAc,EAAE,CAAC;IACjB,IAAA,+BAAoB,GAAE,CAAC;IACvB,IAAA,6BAAc,GAAE,CAAC;IACjB,IAAA,4BAAa,GAAE,CAAC;IAChB,IAAA,2BAAY,GAAE,CAAC;AACjB,CAAC;AAND,wDAMC","file":"register.js","sourcesContent":["import {\n  registerArc,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPolygon,\n  registerSymbol\n} from '@visactor/vrender-kits';\nimport { loadTagComponent } from '../tag/register';\nimport { loadArcSegmentComponent, loadSegmentComponent } from '../segment/register';\nfunction loadBaseMarker() {\n  registerGroup();\n  loadTagComponent();\n}\n\nexport function loadCartesianMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadPolarMarkLineComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n}\n\nexport function loadPolarMarkArcLineComponent() {\n  loadBaseMarker();\n  loadArcSegmentComponent();\n}\n\nexport function loadCartesianMarkAreaComponent() {\n  loadBaseMarker();\n  registerPolygon();\n}\n\nexport function loadPolarMarkAreaComponent() {\n  loadBaseMarker();\n  registerArc();\n}\n\nexport function loadMarkPointComponent() {\n  loadBaseMarker();\n  loadSegmentComponent();\n  registerSymbol();\n  registerImage();\n  registerLine();\n}\n"]}

package/cjs/marker/type.d.ts

@@ -1,8 +1,8 @@
-import type { EasingType, IGroup, IGroupGraphicAttribute, IImageGraphicAttribute, ILineGraphicAttribute, IPolygonAttribute, IPolygonGraphicAttribute, IRectGraphicAttribute, IRichTextGraphicAttribute, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
-import type { ILineGraphicWithCornerRadius, SegmentAttributes, SymbolAttributes } from '../segment';
+import type { EasingType, IArcGraphicAttribute, IGroup, IGroupGraphicAttribute, IImageGraphicAttribute, ILineGraphicAttribute, IPolygonAttribute, IPolygonGraphicAttribute, IRectGraphicAttribute, IRichTextGraphicAttribute, ISymbolGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender-core';
+import type { CommonSegmentAttributes, ILineGraphicWithCornerRadius, SegmentAttributes, SymbolAttributes } from '../segment';
 import type { TagAttributes } from '../tag';
 import type { Point, State } from '../core/type';
-export declare enum IMarkLineLabelPosition {
+export declare enum ICartesianMarkLineLabelPosition {
     start = "start",
     middle = "middle",
     end = "end",
@@ -13,7 +13,7 @@ export declare enum IMarkLineLabelPosition {
     insideEndTop = "insideEndTop",
     insideEndBottom = "insideEndBottom"
 }
-export declare enum IMarkAreaLabelPosition {
+export declare enum ICartesianMarkAreaLabelPosition {
     left = "left",
     right = "right",
     top = "top",
@@ -24,6 +24,15 @@ export declare enum IMarkAreaLabelPosition {
     insideTop = "insideTop",
     insideBottom = "insideBottom"
 }
+export declare enum IPolarMarkLabelPosition {
+    arcInnerStart = "arcInnerStart",
+    arcInnerEnd = "arcInnerEnd",
+    arcInnerMiddle = "arcInnerMiddle",
+    arcOuterStart = "arcOuterStart",
+    arcOuterEnd = "arcOuterEnd",
+    arcOuterMiddle = "arcOuterMiddle",
+    center = "center"
+}
 export declare enum IMarkPointItemPosition {
     top = "top",
     bottom = "bottom",
@@ -47,7 +56,7 @@ export type IMarkRef = {
     refAngle?: number;
 };
 export type MarkerAttrs = IGroupGraphicAttribute & {
-    type?: 'line' | 'area' | 'point';
+    type?: 'cartesian-line' | 'polar-line' | 'polar-arc-line' | 'cartesian-area' | 'polar-area' | 'point';
     interactive?: boolean;
     select?: boolean;
     hover?: boolean;
@@ -70,26 +79,31 @@ export type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerUpdateAnimatio
 export type MarkerUpdateAnimation<T> = {
     type: T;
 } & MarkerExitAnimation;
-export type MarkLineAnimationType = 'clipIn' | 'fadeIn';
-export type MarkAreaAnimationType = 'fadeIn';
+export type CommonMarkLineAnimationType = 'clipIn' | 'fadeIn';
+export type CommonMarkAreaAnimationType = 'fadeIn';
 export type MarkPointAnimationType = 'callIn' | 'fadeIn';
 export type MarkerExitAnimation = {
     duration?: number;
     delay?: number;
     easing?: EasingType;
 };
-export type MarkLineState = {
-    line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;
+export type CommonMarkLineState = {
+    line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[] | IArcGraphicAttribute>;
     lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;
     lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;
     label?: State<Partial<ITextGraphicAttribute>>;
     labelBackground?: State<Partial<IRectGraphicAttribute>>;
 };
-export type MarkAreaState = {
+export type CartesianMarkAreaState = {
     area?: State<Partial<IPolygonGraphicAttribute>>;
     label?: State<Partial<ITextGraphicAttribute>>;
     labelBackground?: State<Partial<IRectGraphicAttribute>>;
 };
+export type PolarMarkAreaState = {
+    area?: State<Partial<IArcGraphicAttribute>>;
+    label?: State<Partial<ITextGraphicAttribute>>;
+    labelBackground?: State<Partial<IRectGraphicAttribute>>;
+};
 export type MarkPointState = {
     line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;
     lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;
@@ -101,25 +115,63 @@ export type MarkPointState = {
     richText?: State<Partial<IRichTextGraphicAttribute>>;
     customMark?: State<Partial<IGroupGraphicAttribute>>;
 };
-export type MarkLineAttrs = MarkerAttrs & Omit<SegmentAttributes, 'state'> & {
-    type?: 'line';
-    points: Point[] | Point[][];
+export type CommonMarkLineAttrs<T> = MarkerAttrs & Omit<CommonSegmentAttributes, 'state' | 'lineStyle'> & {
     label?: {
-        position?: keyof typeof IMarkLineLabelPosition;
+        position?: T;
         confine?: boolean;
     } & IMarkRef & IMarkLabel;
-    state?: MarkLineState;
-} & BaseMarkerAnimation<MarkLineAnimationType>;
-export type MarkAreaAttrs = MarkerAttrs & {
-    type?: 'area';
+    state?: CommonMarkLineState;
+} & BaseMarkerAnimation<CommonMarkLineAnimationType>;
+export type CartesianMarkLineAttrs = CommonMarkLineAttrs<keyof typeof ICartesianMarkLineLabelPosition> & {
+    type?: 'cartesian-line';
+    multiSegment?: boolean;
+    mainSegmentIndex?: number;
+    points: Point[] | Point[][];
+    lineStyle?: ILineGraphicAttribute;
+};
+export type PolarMarkLineAttrs = CommonMarkLineAttrs<keyof typeof ICartesianMarkLineLabelPosition> & {
+    type?: 'polar-line';
+    points: Point[] | Point[][];
+    lineStyle?: ILineGraphicAttribute;
+};
+export type PolarMarkArcLineAttrs = CommonMarkLineAttrs<keyof typeof IPolarMarkLabelPosition> & {
+    type?: 'polar-arc-line';
+    center: {
+        x: number;
+        y: number;
+    };
+    radius: number;
+    startAngle: number;
+    endAngle: number;
+    lineStyle?: IArcGraphicAttribute;
+};
+export type CartesianMarkAreaAttrs = MarkerAttrs & {
+    type?: 'cartesian-area';
     points: Point[];
     label?: {
-        position?: keyof typeof IMarkAreaLabelPosition;
+        position?: keyof typeof ICartesianMarkAreaLabelPosition;
         confine?: boolean;
     } & IMarkLabel;
     areaStyle?: IPolygonAttribute;
-    state?: MarkAreaState;
-} & BaseMarkerAnimation<MarkAreaAnimationType>;
+    state?: CartesianMarkAreaState;
+} & BaseMarkerAnimation<CommonMarkAreaAnimationType>;
+export type PolarMarkAreaAttrs = MarkerAttrs & {
+    type?: 'polar-area';
+    center: {
+        x: number;
+        y: number;
+    };
+    innerRadius: number;
+    outerRadius: number;
+    startAngle: number;
+    endAngle: number;
+    label?: {
+        position?: keyof typeof IPolarMarkLabelPosition;
+        confine?: boolean;
+    } & IMarkRef & IMarkLabel;
+    areaStyle?: IArcGraphicAttribute;
+    state?: PolarMarkAreaState;
+} & BaseMarkerAnimation<CommonMarkAreaAnimationType>;
 export type IItemContent = IMarkRef & {
     type?: 'symbol' | 'text' | 'image' | 'richText' | 'custom';
     position?: keyof typeof IMarkPointItemPosition;

package/cjs/marker/type.js

@@ -1,23 +1,30 @@
 "use strict";
 
-var IMarkLineLabelPosition, IMarkAreaLabelPosition, IMarkPointItemPosition;
+var ICartesianMarkLineLabelPosition, ICartesianMarkAreaLabelPosition, IPolarMarkLabelPosition, IMarkPointItemPosition;
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.IMarkPointItemPosition = exports.IMarkAreaLabelPosition = exports.IMarkLineLabelPosition = void 0, 
-function(IMarkLineLabelPosition) {
-    IMarkLineLabelPosition.start = "start", IMarkLineLabelPosition.middle = "middle", 
-    IMarkLineLabelPosition.end = "end", IMarkLineLabelPosition.insideStartTop = "insideStartTop", 
-    IMarkLineLabelPosition.insideStartBottom = "insideStartBottom", IMarkLineLabelPosition.insideMiddleTop = "insideMiddleTop", 
-    IMarkLineLabelPosition.insideMiddleBottom = "insideMiddleBottom", IMarkLineLabelPosition.insideEndTop = "insideEndTop", 
-    IMarkLineLabelPosition.insideEndBottom = "insideEndBottom";
-}(IMarkLineLabelPosition = exports.IMarkLineLabelPosition || (exports.IMarkLineLabelPosition = {})), 
-function(IMarkAreaLabelPosition) {
-    IMarkAreaLabelPosition.left = "left", IMarkAreaLabelPosition.right = "right", IMarkAreaLabelPosition.top = "top", 
-    IMarkAreaLabelPosition.bottom = "bottom", IMarkAreaLabelPosition.middle = "middle", 
-    IMarkAreaLabelPosition.insideLeft = "insideLeft", IMarkAreaLabelPosition.insideRight = "insideRight", 
-    IMarkAreaLabelPosition.insideTop = "insideTop", IMarkAreaLabelPosition.insideBottom = "insideBottom";
-}(IMarkAreaLabelPosition = exports.IMarkAreaLabelPosition || (exports.IMarkAreaLabelPosition = {})), 
+}), exports.IMarkPointItemPosition = exports.IPolarMarkLabelPosition = exports.ICartesianMarkAreaLabelPosition = exports.ICartesianMarkLineLabelPosition = void 0, 
+function(ICartesianMarkLineLabelPosition) {
+    ICartesianMarkLineLabelPosition.start = "start", ICartesianMarkLineLabelPosition.middle = "middle", 
+    ICartesianMarkLineLabelPosition.end = "end", ICartesianMarkLineLabelPosition.insideStartTop = "insideStartTop", 
+    ICartesianMarkLineLabelPosition.insideStartBottom = "insideStartBottom", ICartesianMarkLineLabelPosition.insideMiddleTop = "insideMiddleTop", 
+    ICartesianMarkLineLabelPosition.insideMiddleBottom = "insideMiddleBottom", ICartesianMarkLineLabelPosition.insideEndTop = "insideEndTop", 
+    ICartesianMarkLineLabelPosition.insideEndBottom = "insideEndBottom";
+}(ICartesianMarkLineLabelPosition = exports.ICartesianMarkLineLabelPosition || (exports.ICartesianMarkLineLabelPosition = {})), 
+function(ICartesianMarkAreaLabelPosition) {
+    ICartesianMarkAreaLabelPosition.left = "left", ICartesianMarkAreaLabelPosition.right = "right", 
+    ICartesianMarkAreaLabelPosition.top = "top", ICartesianMarkAreaLabelPosition.bottom = "bottom", 
+    ICartesianMarkAreaLabelPosition.middle = "middle", ICartesianMarkAreaLabelPosition.insideLeft = "insideLeft", 
+    ICartesianMarkAreaLabelPosition.insideRight = "insideRight", ICartesianMarkAreaLabelPosition.insideTop = "insideTop", 
+    ICartesianMarkAreaLabelPosition.insideBottom = "insideBottom";
+}(ICartesianMarkAreaLabelPosition = exports.ICartesianMarkAreaLabelPosition || (exports.ICartesianMarkAreaLabelPosition = {})), 
+function(IPolarMarkLabelPosition) {
+    IPolarMarkLabelPosition.arcInnerStart = "arcInnerStart", IPolarMarkLabelPosition.arcInnerEnd = "arcInnerEnd", 
+    IPolarMarkLabelPosition.arcInnerMiddle = "arcInnerMiddle", IPolarMarkLabelPosition.arcOuterStart = "arcOuterStart", 
+    IPolarMarkLabelPosition.arcOuterEnd = "arcOuterEnd", IPolarMarkLabelPosition.arcOuterMiddle = "arcOuterMiddle", 
+    IPolarMarkLabelPosition.center = "center";
+}(IPolarMarkLabelPosition = exports.IPolarMarkLabelPosition || (exports.IPolarMarkLabelPosition = {})), 
 function(IMarkPointItemPosition) {
     IMarkPointItemPosition.top = "top", IMarkPointItemPosition.bottom = "bottom", IMarkPointItemPosition.middle = "middle", 
     IMarkPointItemPosition.insideTop = "insideTop", IMarkPointItemPosition.insideBottom = "insideBottom", 

package/cjs/marker/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/type.ts"],"names":[],"mappings":";;;AAiBA,IAAY,sBAUX;AAVD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,2CAAiB,CAAA;IACjB,qCAAW,CAAA;IACX,2DAAiC,CAAA;IACjC,iEAAuC,CAAA;IACvC,6DAAmC,CAAA;IACnC,mEAAyC,CAAA;IACzC,uDAA6B,CAAA;IAC7B,6DAAmC,CAAA;AACrC,CAAC,EAVW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAUjC;AAED,IAAY,sBAUX;AAVD,WAAY,sBAAsB;IAChC,uCAAa,CAAA;IACb,yCAAe,CAAA;IACf,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,2CAAiB,CAAA;IACjB,mDAAyB,CAAA;IACzB,qDAA2B,CAAA;IAC3B,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;AAC/B,CAAC,EAVW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAUjC;AAED,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;AAC/B,CAAC,EAPW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAOjC","file":"type.js","sourcesContent":["import type {\n  EasingType,\n  IGroup,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPolygonAttribute,\n  IPolygonGraphicAttribute,\n  IRectGraphicAttribute,\n  IRichTextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type { ILineGraphicWithCornerRadius, SegmentAttributes, SymbolAttributes } from '../segment';\nimport type { TagAttributes } from '../tag';\nimport type { Point, State } from '../core/type';\n\nexport enum IMarkLineLabelPosition {\n  start = 'start',\n  middle = 'middle',\n  end = 'end',\n  insideStartTop = 'insideStartTop',\n  insideStartBottom = 'insideStartBottom',\n  insideMiddleTop = 'insideMiddleTop',\n  insideMiddleBottom = 'insideMiddleBottom',\n  insideEndTop = 'insideEndTop',\n  insideEndBottom = 'insideEndBottom'\n}\n\nexport enum IMarkAreaLabelPosition {\n  left = 'left',\n  right = 'right',\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideLeft = 'insideLeft',\n  insideRight = 'insideRight',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom'\n}\n\nexport enum IMarkPointItemPosition {\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideMiddle = 'insideMiddle'\n}\n\nexport type IMarkBackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * TODO: 根据文字宽度进行背景 panel size自适应\n   */\n  autoHeight?: boolean;\n  /**\n   * TODO: 根据文高度度进行背景 panel size自适应\n   */\n  autoWidth?: boolean;\n} & Partial<SymbolAttributes>;\n\nexport type IMarkLabel = Omit<TagAttributes, 'x' | 'y' | 'panel'> & {\n  /**\n   * 标签的背景面板配置\n   */\n  panel?: IMarkBackgroundAttributes;\n};\n\nexport type IMarkRef = {\n  /**\n   * 自动旋转，沿着线的方向，默认 true\n   */\n  autoRotate?: boolean;\n  /**\n   * label 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n};\n\nexport type MarkerAttrs = IGroupGraphicAttribute & {\n  type?: 'line' | 'area' | 'point';\n  /**\n   * 是否支持交互\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 是否显示marker组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否将组件在绘制区域内进行剪切\n   * @default true\n   */\n  clipInRange?: boolean;\n  /**\n   * 组件绘制范围配置\n   */\n  limitRect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n};\n\n/** animation type */\nexport type BaseMarkerAnimation<T> = {\n  animation?: MarkerAnimation<T> | boolean;\n  animationEnter?: MarkerUpdateAnimation<T>;\n  animationUpdate?: MarkerUpdateAnimation<T>;\n  animationExit?: MarkerExitAnimation;\n};\nexport type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerUpdateAnimation<T>;\n\nexport type MarkerUpdateAnimation<T> = {\n  type: T;\n} & MarkerExitAnimation;\n\nexport type MarkLineAnimationType = 'clipIn' | 'fadeIn';\n\nexport type MarkAreaAnimationType = 'fadeIn';\n\nexport type MarkPointAnimationType = 'callIn' | 'fadeIn';\n\nexport type MarkerExitAnimation = {\n  duration?: number;\n  delay?: number;\n  easing?: EasingType;\n};\n\n/** state type */\nexport type MarkLineState = {\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  label?: State<Partial<ITextGraphicAttribute>>;\n  labelBackground?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type MarkAreaState = {\n  area?: State<Partial<IPolygonGraphicAttribute>>;\n  label?: State<Partial<ITextGraphicAttribute>>;\n  labelBackground?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type MarkPointState = {\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  image?: State<Partial<IImageGraphicAttribute>>;\n  text?: State<Partial<ITextGraphicAttribute>>;\n  textBackground?: State<Partial<IRectGraphicAttribute>>;\n  richText?: State<Partial<IRichTextGraphicAttribute>>;\n  customMark?: State<Partial<IGroupGraphicAttribute>>;\n};\n\nexport type MarkLineAttrs = MarkerAttrs &\n  Omit<SegmentAttributes, 'state'> & {\n    type?: 'line';\n    /**\n     * 构成line的点: 如果是两个点，则为直线；多个点则为曲线\n     */\n    points: Point[] | Point[][];\n\n    /**\n     * 标签\n     */\n    label?: {\n      /**\n       * label 相对line的位置\n       */\n      position?: keyof typeof IMarkLineLabelPosition;\n      /**\n       * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n       * @default false\n       */\n      confine?: boolean;\n    } & IMarkRef &\n      IMarkLabel;\n\n    state?: MarkLineState;\n  } & BaseMarkerAnimation<MarkLineAnimationType>;\n\nexport type MarkAreaAttrs = MarkerAttrs & {\n  type?: 'area';\n  /**\n   * 构成area的点\n   */\n  points: Point[];\n  /**\n   * 标签\n   */\n  label?: {\n    position?: keyof typeof IMarkAreaLabelPosition;\n    /**\n     * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n     * @default false\n     */\n    confine?: boolean;\n  } & IMarkLabel;\n  /**\n   * area的样式\n   */\n  areaStyle?: IPolygonAttribute;\n\n  state?: MarkAreaState;\n} & BaseMarkerAnimation<MarkAreaAnimationType>;\n\nexport type IItemContent = IMarkRef & {\n  /**\n   * 标注类型\n   * Tips: 保留'richText'与之前的定义做兼容\n   */\n  type?: 'symbol' | 'text' | 'image' | 'richText' | 'custom';\n  position?: keyof typeof IMarkPointItemPosition;\n  /**\n   * x 方向偏移量\n   */\n  offsetX?: number;\n  /**\n   * y 方向偏移量\n   */\n  offsetY?: number;\n  /**\n   * type为symbol时, symbol的样式\n   */\n  symbolStyle?: ISymbolGraphicAttribute;\n  /**\n   * type为image时, image的样式\n   */\n  imageStyle?: IImageGraphicAttribute;\n  /**\n   * type为text时, text的配置\n   * 'text'类型的ItemContent新增三种子类型：'text','rich','html'。配置在textStyle.type上，继承自TagAttributes。\n   */\n  textStyle?: IMarkLabel;\n  /**\n   * type为rich text时, rich text的样式\n   */\n  richTextStyle?: IRichTextGraphicAttribute;\n  /**\n   * type为custom时，允许以callback的方式传入需要render的item\n   */\n  renderCustomCallback?: () => IGroup;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n};\n\nexport type IItemLine = {\n  /** TODO：'type-opo' */\n  type?: 'type-s' | 'type-do' | 'type-po' | 'type-op';\n  visible?: boolean;\n  /**\n   * 垂直于引导线的装饰线，参考案例: https://observablehq.com/@mikelotis/edmonton-population-history-line-chart\n   */\n  decorativeLine?: {\n    visible?: boolean;\n    length?: number;\n  };\n} & Omit<SegmentAttributes, 'points'>;\n\nexport type MarkPointAttrs = Omit<MarkerAttrs, 'labelStyle'> & {\n  /**\n   * markPoint的位置（也是path的起点）\n   */\n  position: Point;\n  /**\n   * 标注引导线\n   */\n  itemLine?: IItemLine;\n\n  /**\n   * 标注内容\n   */\n  itemContent?: IItemContent;\n\n  state?: MarkPointState;\n} & BaseMarkerAnimation<MarkPointAnimationType>;\n"]}
+{"version":3,"sources":["../src/marker/type.ts"],"names":[],"mappings":";;;AAwBA,IAAY,+BAUX;AAVD,WAAY,+BAA+B;IACzC,kDAAe,CAAA;IACf,oDAAiB,CAAA;IACjB,8CAAW,CAAA;IACX,oEAAiC,CAAA;IACjC,0EAAuC,CAAA;IACvC,sEAAmC,CAAA;IACnC,4EAAyC,CAAA;IACzC,gEAA6B,CAAA;IAC7B,sEAAmC,CAAA;AACrC,CAAC,EAVW,+BAA+B,GAA/B,uCAA+B,KAA/B,uCAA+B,QAU1C;AAED,IAAY,+BAUX;AAVD,WAAY,+BAA+B;IACzC,gDAAa,CAAA;IACb,kDAAe,CAAA;IACf,8CAAW,CAAA;IACX,oDAAiB,CAAA;IACjB,oDAAiB,CAAA;IACjB,4DAAyB,CAAA;IACzB,8DAA2B,CAAA;IAC3B,0DAAuB,CAAA;IACvB,gEAA6B,CAAA;AAC/B,CAAC,EAVW,+BAA+B,GAA/B,uCAA+B,KAA/B,uCAA+B,QAU1C;AAED,IAAY,uBAQX;AARD,WAAY,uBAAuB;IACjC,0DAA+B,CAAA;IAC/B,sDAA2B,CAAA;IAC3B,4DAAiC,CAAA;IACjC,0DAA+B,CAAA;IAC/B,sDAA2B,CAAA;IAC3B,4DAAiC,CAAA;IACjC,4CAAiB,CAAA;AACnB,CAAC,EARW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAQlC;AAED,IAAY,sBAOX;AAPD,WAAY,sBAAsB;IAChC,qCAAW,CAAA;IACX,2CAAiB,CAAA;IACjB,2CAAiB,CAAA;IACjB,iDAAuB,CAAA;IACvB,uDAA6B,CAAA;IAC7B,uDAA6B,CAAA;AAC/B,CAAC,EAPW,sBAAsB,GAAtB,8BAAsB,KAAtB,8BAAsB,QAOjC","file":"type.js","sourcesContent":["import type {\n  EasingType,\n  IArcGraphicAttribute,\n  IGroup,\n  IGroupGraphicAttribute,\n  IImageGraphicAttribute,\n  ILineGraphicAttribute,\n  IPolygonAttribute,\n  IPolygonGraphicAttribute,\n  IRectGraphicAttribute,\n  IRichTextGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender-core';\nimport type {\n  ArcSegmentAttributes,\n  CommonSegmentAttributes,\n  ILineGraphicWithCornerRadius,\n  SegmentAttributes,\n  SymbolAttributes\n} from '../segment';\nimport type { TagAttributes } from '../tag';\nimport type { Point, State } from '../core/type';\n\nexport enum ICartesianMarkLineLabelPosition {\n  start = 'start',\n  middle = 'middle',\n  end = 'end',\n  insideStartTop = 'insideStartTop',\n  insideStartBottom = 'insideStartBottom',\n  insideMiddleTop = 'insideMiddleTop',\n  insideMiddleBottom = 'insideMiddleBottom',\n  insideEndTop = 'insideEndTop',\n  insideEndBottom = 'insideEndBottom'\n}\n\nexport enum ICartesianMarkAreaLabelPosition {\n  left = 'left',\n  right = 'right',\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideLeft = 'insideLeft',\n  insideRight = 'insideRight',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom'\n}\n\nexport enum IPolarMarkLabelPosition {\n  arcInnerStart = 'arcInnerStart',\n  arcInnerEnd = 'arcInnerEnd',\n  arcInnerMiddle = 'arcInnerMiddle',\n  arcOuterStart = 'arcOuterStart',\n  arcOuterEnd = 'arcOuterEnd',\n  arcOuterMiddle = 'arcOuterMiddle',\n  center = 'center'\n}\n\nexport enum IMarkPointItemPosition {\n  top = 'top',\n  bottom = 'bottom',\n  middle = 'middle',\n  insideTop = 'insideTop',\n  insideBottom = 'insideBottom',\n  insideMiddle = 'insideMiddle'\n}\n\nexport type IMarkBackgroundAttributes = {\n  /**\n   * 是否绘制背景层\n   */\n  visible: boolean;\n  /**\n   * TODO: 根据文字宽度进行背景 panel size自适应\n   */\n  autoHeight?: boolean;\n  /**\n   * TODO: 根据文高度度进行背景 panel size自适应\n   */\n  autoWidth?: boolean;\n} & Partial<SymbolAttributes>;\n\nexport type IMarkLabel = Omit<TagAttributes, 'x' | 'y' | 'panel'> & {\n  /**\n   * 标签的背景面板配置\n   */\n  panel?: IMarkBackgroundAttributes;\n};\n\nexport type IMarkRef = {\n  /**\n   * 自动旋转，沿着线的方向，默认 true\n   */\n  autoRotate?: boolean;\n  /**\n   * label 相对line平行方向上的偏移\n   */\n  refX?: number;\n  /**\n   * label 相对line正交方向上的偏移\n   */\n  refY?: number;\n  /**\n   * label 相对默认角度的偏移 （label跟随line的角度做自动旋转时，默认按照line的平行向量作为初始角度）\n   */\n  refAngle?: number;\n};\n\nexport type MarkerAttrs = IGroupGraphicAttribute & {\n  type?: 'cartesian-line' | 'polar-line' | 'polar-arc-line' | 'cartesian-area' | 'polar-area' | 'point';\n  /**\n   * 是否支持交互\n   * @default true\n   */\n  interactive?: boolean;\n  /**\n   * 是否开启选中交互\n   * @default false\n   */\n  select?: boolean;\n  /**\n   * 是否开启 hover 交互\n   * @default false\n   */\n  hover?: boolean;\n  /**\n   * 是否显示marker组件\n   * @default true\n   */\n  visible?: boolean;\n  /**\n   * 是否将组件在绘制区域内进行剪切\n   * @default true\n   */\n  clipInRange?: boolean;\n  /**\n   * 组件绘制范围配置\n   */\n  limitRect?: {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  };\n};\n\n/** animation type */\nexport type BaseMarkerAnimation<T> = {\n  animation?: MarkerAnimation<T> | boolean;\n  animationEnter?: MarkerUpdateAnimation<T>;\n  animationUpdate?: MarkerUpdateAnimation<T>;\n  animationExit?: MarkerExitAnimation;\n};\nexport type MarkerAnimation<T> = MarkerUpdateAnimation<T> | MarkerUpdateAnimation<T>;\n\nexport type MarkerUpdateAnimation<T> = {\n  type: T;\n} & MarkerExitAnimation;\n\nexport type CommonMarkLineAnimationType = 'clipIn' | 'fadeIn';\n\nexport type CommonMarkAreaAnimationType = 'fadeIn';\n\nexport type MarkPointAnimationType = 'callIn' | 'fadeIn';\n\nexport type MarkerExitAnimation = {\n  duration?: number;\n  delay?: number;\n  easing?: EasingType;\n};\n\n/** state type */\nexport type CommonMarkLineState = {\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[] | IArcGraphicAttribute>;\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  label?: State<Partial<ITextGraphicAttribute>>;\n  labelBackground?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type CartesianMarkAreaState = {\n  area?: State<Partial<IPolygonGraphicAttribute>>;\n  label?: State<Partial<ITextGraphicAttribute>>;\n  labelBackground?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type PolarMarkAreaState = {\n  area?: State<Partial<IArcGraphicAttribute>>;\n  label?: State<Partial<ITextGraphicAttribute>>;\n  labelBackground?: State<Partial<IRectGraphicAttribute>>;\n};\n\nexport type MarkPointState = {\n  line?: State<ILineGraphicWithCornerRadius | Partial<ILineGraphicAttribute>[]>;\n  lineStartSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  lineEndSymbol?: State<Partial<ISymbolGraphicAttribute>>;\n  symbol?: State<Partial<ISymbolGraphicAttribute>>;\n  image?: State<Partial<IImageGraphicAttribute>>;\n  text?: State<Partial<ITextGraphicAttribute>>;\n  textBackground?: State<Partial<IRectGraphicAttribute>>;\n  richText?: State<Partial<IRichTextGraphicAttribute>>;\n  customMark?: State<Partial<IGroupGraphicAttribute>>;\n};\n\nexport type CommonMarkLineAttrs<T> = MarkerAttrs &\n  Omit<CommonSegmentAttributes, 'state' | 'lineStyle'> & {\n    /**\n     * 标签\n     */\n    label?: {\n      /**\n       * label 相对line的位置\n       */\n      position?: T;\n      /**\n       * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n       * @default false\n       */\n      confine?: boolean;\n    } & IMarkRef &\n      IMarkLabel;\n    state?: CommonMarkLineState;\n  } & BaseMarkerAnimation<CommonMarkLineAnimationType>;\n\nexport type CartesianMarkLineAttrs = CommonMarkLineAttrs<keyof typeof ICartesianMarkLineLabelPosition> & {\n  type?: 'cartesian-line';\n  /**\n   * 是否对 points 进行多段处理，默认为 false，即直接将所有的点连接成线。\n   * 如果需要进行多段处理，需要将 points 属性配置为 Point[][] 类型\n   * @default false\n   */\n  multiSegment?: boolean;\n  /**\n   * 在 `multiSegment` 属性开启的前提下，用于声明那一段线段用来作为主线段，如果不声明，默认全段为主线段\n   */\n  mainSegmentIndex?: number;\n  /**\n   * 构成line的点: 如果是两个点，则为直线；多个点则为曲线\n   */\n  points: Point[] | Point[][];\n  lineStyle?: ILineGraphicAttribute;\n};\n\nexport type PolarMarkLineAttrs = CommonMarkLineAttrs<keyof typeof ICartesianMarkLineLabelPosition> & {\n  type?: 'polar-line';\n  /**\n   * 构成line的点: 如果是两个点，则为直线；多个点则为曲线\n   */\n  points: Point[] | Point[][];\n  lineStyle?: ILineGraphicAttribute;\n};\n\nexport type PolarMarkArcLineAttrs = CommonMarkLineAttrs<keyof typeof IPolarMarkLabelPosition> & {\n  type?: 'polar-arc-line';\n  /**\n   * 弧线中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 弧线半径\n   */\n  radius: number;\n  /**\n   * 弧线起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 弧线终点角度（弧度）\n   */\n  endAngle: number;\n  lineStyle?: IArcGraphicAttribute;\n};\n\nexport type CartesianMarkAreaAttrs = MarkerAttrs & {\n  type?: 'cartesian-area';\n  /**\n   * 构成area的点\n   */\n  points: Point[];\n  /**\n   * 标签\n   */\n  label?: {\n    position?: keyof typeof ICartesianMarkAreaLabelPosition;\n    /**\n     * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n     * @default false\n     */\n    confine?: boolean;\n  } & IMarkLabel;\n  /**\n   * area的样式\n   */\n  areaStyle?: IPolygonAttribute;\n\n  state?: CartesianMarkAreaState;\n} & BaseMarkerAnimation<CommonMarkAreaAnimationType>;\n\nexport type PolarMarkAreaAttrs = MarkerAttrs & {\n  type?: 'polar-area';\n  /**\n   * 扇区中心位置\n   */\n  center: {\n    x: number;\n    y: number;\n  };\n  /**\n   * 扇区内半径\n   */\n  innerRadius: number;\n  /**\n   * 扇区外半径\n   */\n  outerRadius: number;\n  /**\n   * 扇区起始角度（弧度）\n   */\n  startAngle: number;\n  /**\n   * 扇区终点角度（弧度）\n   */\n  endAngle: number;\n  /**\n   * 标签\n   */\n  label?: {\n    position?: keyof typeof IPolarMarkLabelPosition;\n    /**\n     * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n     * @default false\n     */\n    confine?: boolean;\n  } & IMarkRef &\n    IMarkLabel;\n  /**\n   * area的样式\n   */\n  areaStyle?: IArcGraphicAttribute;\n\n  state?: PolarMarkAreaState;\n} & BaseMarkerAnimation<CommonMarkAreaAnimationType>;\n\nexport type IItemContent = IMarkRef & {\n  /**\n   * 标注类型\n   * Tips: 保留'richText'与之前的定义做兼容\n   */\n  type?: 'symbol' | 'text' | 'image' | 'richText' | 'custom';\n  position?: keyof typeof IMarkPointItemPosition;\n  /**\n   * x 方向偏移量\n   */\n  offsetX?: number;\n  /**\n   * y 方向偏移量\n   */\n  offsetY?: number;\n  /**\n   * type为symbol时, symbol的样式\n   */\n  symbolStyle?: ISymbolGraphicAttribute;\n  /**\n   * type为image时, image的样式\n   */\n  imageStyle?: IImageGraphicAttribute;\n  /**\n   * type为text时, text的配置\n   * 'text'类型的ItemContent新增三种子类型：'text','rich','html'。配置在textStyle.type上，继承自TagAttributes。\n   */\n  textStyle?: IMarkLabel;\n  /**\n   * type为rich text时, rich text的样式\n   */\n  richTextStyle?: IRichTextGraphicAttribute;\n  /**\n   * type为custom时，允许以callback的方式传入需要render的item\n   */\n  renderCustomCallback?: () => IGroup;\n  /**\n   * 当 mark 配置了 limitRect 之后，label 是否自动调整位置\n   * @default false\n   */\n  confine?: boolean;\n};\n\nexport type IItemLine = {\n  /** TODO：'type-opo' */\n  type?: 'type-s' | 'type-do' | 'type-po' | 'type-op';\n  visible?: boolean;\n  /**\n   * 垂直于引导线的装饰线，参考案例: https://observablehq.com/@mikelotis/edmonton-population-history-line-chart\n   */\n  decorativeLine?: {\n    visible?: boolean;\n    length?: number;\n  };\n} & Omit<SegmentAttributes, 'points'>;\n\nexport type MarkPointAttrs = Omit<MarkerAttrs, 'labelStyle'> & {\n  /**\n   * markPoint的位置（也是path的起点）\n   */\n  position: Point;\n  /**\n   * 标注引导线\n   */\n  itemLine?: IItemLine;\n\n  /**\n   * 标注内容\n   */\n  itemContent?: IItemContent;\n\n  state?: MarkPointState;\n} & BaseMarkerAnimation<MarkPointAnimationType>;\n"]}

package/cjs/segment/arc-segment.d.ts

@@ -0,0 +1,13 @@
+import type { IArc } from '@visactor/vrender-core';
+import type { ArcSegmentAttributes } from './type';
+import type { Point } from '../core/type';
+import type { ComponentOptions } from '../interface';
+import { Segment } from './segment';
+export declare class ArcSegment extends Segment {
+    name: string;
+    line?: IArc;
+    constructor(attributes: ArcSegmentAttributes, options?: ComponentOptions);
+    getMainSegmentPoints(): Point[];
+    protected _computeRotate(angle: number): number;
+    protected render(): void;
+}

package/cjs/segment/arc-segment.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ArcSegment = void 0;
+
+const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core"), register_1 = require("./register"), segment_1 = require("./segment");
+
+(0, register_1.loadArcSegmentComponent)();
+
+class ArcSegment extends segment_1.Segment {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, segment_1.Segment.defaultAttributes, attributes)), 
+        this.name = "arc-segment";
+    }
+    getMainSegmentPoints() {
+        return this._mainSegmentPoints;
+    }
+    _computeRotate(angle) {
+        return angle + Math.PI;
+    }
+    render() {
+        this.removeAllChild(!0), this._reset();
+        const {startSymbol: startSymbol, endSymbol: endSymbol, lineStyle: lineStyle, state: state, visible: visible = !0, radius: radius, startAngle: startAngle, endAngle: endAngle, center: center} = this.attribute;
+        if (!visible) return;
+        this._startAngle = startAngle, this._endAngle = endAngle;
+        const startPoint = {
+            x: center.x + radius * Math.cos(this._startAngle),
+            y: center.y + radius * Math.sin(this._startAngle)
+        }, endPoint = {
+            x: center.x + radius * Math.cos(this._endAngle),
+            y: center.y + radius * Math.sin(this._endAngle)
+        };
+        this._mainSegmentPoints = [ startPoint, endPoint ];
+        const startSymbolShape = this._renderSymbol(startSymbol, this._mainSegmentPoints, "start"), endSymbolShape = this._renderSymbol(endSymbol, this._mainSegmentPoints, "end");
+        this.startSymbol = startSymbolShape, this.endSymbol = endSymbolShape;
+        const line = vrender_core_1.graphicCreator.arc(Object.assign({
+            x: center.x,
+            y: center.y,
+            startAngle: startAngle,
+            endAngle: endAngle,
+            innerRadius: radius,
+            outerRadius: radius
+        }, lineStyle));
+        line.name = `${this.name}-line`, line.id = this._getNodeId("arc"), (0, vutils_1.isEmpty)(null == state ? void 0 : state.line) || (line.states = [].concat(state.line)[0]), 
+        this.add(line), this.line = line;
+    }
+}
+
+exports.ArcSegment = ArcSegment;
+//# sourceMappingURL=arc-segment.js.map

package/cjs/segment/arc-segment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segment/arc-segment.ts"],"names":[],"mappings":";;;AAGA,6CAAkD;AAGlD,yDAAwD;AAIxD,yCAAqD;AACrD,uCAAoC;AAEpC,IAAA,kCAAuB,GAAE,CAAC;AAC1B,MAAa,UAAW,SAAQ,iBAAO;IAIrC,YAAY,UAAgC,EAAE,OAA0B;QACtE,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,cAAK,EAAC,EAAE,EAAE,iBAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;QAJ9F,SAAI,GAAG,aAAa,CAAC;IAKrB,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAES,cAAc,CAAC,KAAa;QACpC,OAAO,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;IACzB,CAAC;IAES,MAAM;QACd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM,EAEJ,WAAW,EACX,SAAS,EACT,SAAS,EACT,KAAK,EACL,OAAO,GAAG,IAAI,EACd,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACP,GAAG,IAAI,CAAC,SAAiC,CAAC;QAE3C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;QAC9B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAG1B,MAAM,UAAU,GAAU;YACxB,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;YACjD,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;SAClD,CAAC;QACF,MAAM,QAAQ,GAAU;YACtB,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;YAC/C,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;SAChD,CAAC;QACF,IAAI,CAAC,kBAAkB,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAEjD,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,WAA+B,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;QAC/G,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC,SAA6B,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QAEzG,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAEhC,MAAM,IAAI,GAAG,6BAAc,CAAC,GAAG,iBAC7B,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,CAAC,EAAE,MAAM,CAAC,CAAC,EACX,UAAU;YACV,QAAQ,EACR,WAAW,EAAE,MAAM,EACnB,WAAW,EAAE,MAAM,IAChB,SAAS,EACZ,CAAC;QAEH,IAAI,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,OAAO,CAAC;QAChC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,IAAA,gBAAO,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,EAAE;YACzB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;SACxC;QACD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;CACF;AA1ED,gCA0EC","file":"arc-segment.js","sourcesContent":["/**\n * @description 标签组件\n */\nimport { isEmpty, merge } from '@visactor/vutils';\nimport type { IArc } from '@visactor/vrender-core';\n// eslint-disable-next-line no-duplicate-imports\nimport { graphicCreator } from '@visactor/vrender-core';\nimport type { ArcSegmentAttributes, SymbolAttributes } from './type';\nimport type { Point } from '../core/type';\nimport type { ComponentOptions } from '../interface';\nimport { loadArcSegmentComponent } from './register';\nimport { Segment } from './segment';\n\nloadArcSegmentComponent();\nexport class ArcSegment extends Segment {\n  name = 'arc-segment';\n  line?: IArc;\n\n  constructor(attributes: ArcSegmentAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Segment.defaultAttributes, attributes));\n  }\n\n  getMainSegmentPoints() {\n    return this._mainSegmentPoints;\n  }\n\n  protected _computeRotate(angle: number) {\n    return angle + Math.PI;\n  }\n\n  protected render() {\n    this.removeAllChild(true);\n    this._reset();\n    const {\n      // points,\n      startSymbol,\n      endSymbol,\n      lineStyle,\n      state,\n      visible = true,\n      radius,\n      startAngle,\n      endAngle,\n      center\n    } = this.attribute as ArcSegmentAttributes;\n\n    if (!visible) {\n      return;\n    }\n\n    this._startAngle = startAngle;\n    this._endAngle = endAngle;\n\n    // 绘制start和end symbol\n    const startPoint: Point = {\n      x: center.x + radius * Math.cos(this._startAngle),\n      y: center.y + radius * Math.sin(this._startAngle)\n    };\n    const endPoint: Point = {\n      x: center.x + radius * Math.cos(this._endAngle),\n      y: center.y + radius * Math.sin(this._endAngle)\n    };\n    this._mainSegmentPoints = [startPoint, endPoint];\n\n    const startSymbolShape = this._renderSymbol(startSymbol as SymbolAttributes, this._mainSegmentPoints, 'start');\n    const endSymbolShape = this._renderSymbol(endSymbol as SymbolAttributes, this._mainSegmentPoints, 'end');\n\n    this.startSymbol = startSymbolShape;\n    this.endSymbol = endSymbolShape;\n\n    const line = graphicCreator.arc({\n      x: center.x,\n      y: center.y,\n      startAngle,\n      endAngle,\n      innerRadius: radius,\n      outerRadius: radius,\n      ...lineStyle\n    });\n\n    line.name = `${this.name}-line`;\n    line.id = this._getNodeId('arc');\n    if (!isEmpty(state?.line)) {\n      line.states = [].concat(state.line)[0];\n    }\n    this.add(line);\n    this.line = line;\n  }\n}\n"]}

package/cjs/segment/index.d.ts

@@ -1,2 +1,3 @@
 export * from './segment';
+export * from './arc-segment';
 export * from './type';

package/cjs/segment/index.js

@@ -17,5 +17,6 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), __exportStar(require("./segment"), exports), __exportStar(require("./type"), exports);
+}), __exportStar(require("./segment"), exports), __exportStar(require("./arc-segment"), exports), 
+__exportStar(require("./type"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/segment/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/segment/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,4CAA0B;AAC1B,yCAAuB","file":"index.js","sourcesContent":["/**\n * @description 线，两端可带箭头等 symbol\n */\nexport * from './segment';\nexport * from './type';\n"]}
+{"version":3,"sources":["../src/segment/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAGA,4CAA0B;AAC1B,gDAA8B;AAC9B,yCAAuB","file":"index.js","sourcesContent":["/**\n * @description 线，两端可带箭头等 symbol\n */\nexport * from './segment';\nexport * from './arc-segment';\nexport * from './type';\n"]}

package/cjs/segment/register.d.ts

@@ -1 +1,2 @@
 export declare function loadSegmentComponent(enableAnimation?: boolean): void;
+export declare function loadArcSegmentComponent(enableAnimation?: boolean): void;

package/cjs/segment/register.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.loadSegmentComponent = void 0;
+}), exports.loadArcSegmentComponent = exports.loadSegmentComponent = void 0;
 
 const vrender_kits_1 = require("@visactor/vrender-kits");
 
@@ -11,5 +11,10 @@ function loadSegmentComponent(enableAnimation = !1) {
     (0, vrender_kits_1.registerSymbol)();
 }
 
-exports.loadSegmentComponent = loadSegmentComponent;
+function loadArcSegmentComponent(enableAnimation = !1) {
+    (0, vrender_kits_1.registerGroup)(), (0, vrender_kits_1.registerLine)(), (0, vrender_kits_1.registerArc)(), 
+    (0, vrender_kits_1.registerSymbol)();
+}
+
+exports.loadSegmentComponent = loadSegmentComponent, exports.loadArcSegmentComponent = loadArcSegmentComponent;
 //# sourceMappingURL=register.js.map