@visactor/vrender-components 0.19.6-alpha.1 → 0.19.6-alpha.2

package/dist/index.es.js

@@ -781,7 +781,7 @@ class Hook {
   }
   unTap(options, fn) {
     const name = "string" == typeof options ? options.trim() : options.name;
-    name && (this.taps = this.taps.filter(tap => tap.name !== name && (!fn || tap.fn === fn)));
+    name && (this.taps = this.taps.filter(tap => !(tap.name === name && (!fn || tap.fn === fn))));
   }
   _parseOptions(type, options, fn) {
     let _options;
@@ -3452,7 +3452,7 @@ class Node extends EventEmitter {
     if (!this._idMap.has(child._uid)) return null;
     if (this._idMap.delete(child._uid), this._nodeList) {
       const idx = this._nodeList.findIndex(n => n === child);
-      idx > 0 && this._nodeList.splice(idx, 1);
+      idx >= 0 && this._nodeList.splice(idx, 1);
     }
     return child._prev ? child._prev._next = child._next : this._firstChild = child._next, child._next ? child._next._prev = child._prev : this._lastChild = child._prev, child.parent = null, child._prev = null, child._next = null, this._structEdit = !0, this.setCount(-child.count), child;
   }
@@ -3461,6 +3461,7 @@ class Node extends EventEmitter {
   }
   removeAllChild(deep) {
     if (!this._idMap) return;
+    this._nodeList && (this._nodeList.length = 0);
     let child = this._firstChild;
     for (; child;) {
       const next = child._next;
@@ -3727,7 +3728,7 @@ class FederatedEvent {
     return !this.manager || this.path && this.path[this.path.length - 1] === this.target || (this.path = this.target ? this.manager.propagationPath(this.target) : []), this.composedDetailPath(), this.path;
   }
   composedDetailPath() {
-    this.pickParams && this.pickParams.graphic && (this.detailPath = this.path.slice(), this._composedDetailPath(this.pickParams));
+    return this.pickParams && this.pickParams.graphic ? (this.detailPath = this.path.slice(), this._composedDetailPath(this.pickParams)) : this.detailPath = this.path.slice(), this.detailPath;
   }
   _composedDetailPath(params) {
     if (params && params.graphic) {
@@ -4497,7 +4498,7 @@ _defineProperty(ColorStore, "store1", {});
 
 function colorArrayToString(color) {
   let alphaChannel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-  return Array.isArray(color) ? alphaChannel ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})` : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})` : color;
+  return Array.isArray(color) && isNumber(color[0]) ? alphaChannel ? `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])},${color[3].toFixed(2)})` : `rgb(${Math.round(color[0])},${Math.round(color[1])},${Math.round(color[2])})` : color;
 }
 function interpolateColor(from, to, ratio, alphaChannel, cb) {
   if (!from || !to) return from && colorArrayToString(from) || to && colorArrayToString(to) || !1;
@@ -15541,33 +15542,14 @@ function removeRepeatPoint(points) {
     }
     return result;
 }
-function isPostiveXAxis(angle) {
-    return (angle >= 0 && angle < Math.PI / 2) || (angle > (Math.PI * 3) / 2 && angle <= Math.PI * 2);
+function isPostiveXAxisCartes(angle) {
+    return angle > -Math.PI / 2 && angle < Math.PI / 2;
 }
-function fuzzyEqualNumber(a, b, delta) {
-    return Math.abs(a - b) < delta;
-}
-function getTextAlignAttrOfVerticalDir(autoRotate, lineEndAngle, itemPosition) {
-    if (autoRotate) {
-        return {
-            textAlign: 'right',
-            textBaseline: 'middle'
-        };
+function isPostiveXAxisPolar(angle, isReverse) {
+    if (isReverse) {
+        return (angle > 0 && angle < Math.PI / 2) || (angle < 0 && angle > -Math.PI * 2);
     }
-    return {
-        textAlign: (lineEndAngle < Math.PI && itemPosition.toLocaleLowerCase().includes('top')) ||
-            (lineEndAngle > Math.PI && itemPosition.toLocaleLowerCase().includes('bottom'))
-            ? 'left'
-            :
-                (lineEndAngle < Math.PI && itemPosition.toLocaleLowerCase().includes('bottom')) ||
-                    (lineEndAngle > Math.PI && itemPosition.toLocaleLowerCase().includes('top'))
-                    ? 'right'
-                    : 'center',
-        textBaseline: (lineEndAngle < Math.PI && itemPosition.includes('inside')) ||
-            (lineEndAngle > Math.PI && !itemPosition.includes('inside'))
-            ? 'bottom'
-            : 'top'
-    };
+    return (angle > 0 && angle < Math.PI / 2) || (angle > (Math.PI * 3) / 2 && angle < Math.PI * 2);
 }
 
 const defaultAlternativeColors = ['#ffffff', '#000000'];
@@ -18852,18 +18834,10 @@ function loadArcSegmentComponent() {
 loadSegmentComponent();
 class Segment extends AbstractComponent {
     getStartAngle() {
-        return this._startAngle < 0
-            ? this._startAngle + Math.PI * 2
-            : this._startAngle > Math.PI * 2
-                ? this._startAngle - Math.PI * 2
-                : this._startAngle;
+        return this._startAngle;
     }
     getEndAngle() {
-        return this._endAngle < 0
-            ? this._endAngle + Math.PI * 2
-            : this._endAngle > Math.PI * 2
-                ? this._endAngle - Math.PI * 2
-                : this._endAngle;
+        return this._endAngle;
     }
     getMainSegmentPoints() {
         return this._mainSegmentPoints;
@@ -18938,8 +18912,8 @@ class Segment extends AbstractComponent {
         const { autoRotate = true } = attribute;
         let symbol;
         if (attribute && attribute.visible) {
-            const startAngle = this.getStartAngle();
-            const endAngle = this.getEndAngle();
+            const startAngle = this._startAngle;
+            const endAngle = this._endAngle;
             const { state } = this.attribute;
             const start = points[0];
             const end = points[points.length - 1];
@@ -18953,14 +18927,14 @@ class Segment extends AbstractComponent {
                     y: start.y +
                         (isValidNumber(startAngle) ? refX * Math.sin(startAngle) + refY * Math.sin(startAngle - Math.PI / 2) : 0)
                 };
-                rotate = this._computeStartRotate(this._startAngle);
+                rotate = this._computeStartRotate(startAngle);
             }
             else {
                 position = {
                     x: end.x + (isValidNumber(endAngle) ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),
                     y: end.y + (isValidNumber(endAngle) ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)
                 };
-                rotate = this._computeEndRotate(this._endAngle);
+                rotate = this._computeEndRotate(endAngle);
             }
             symbol = graphicCreator.symbol(Object.assign(Object.assign(Object.assign({}, position), { symbolType: symbolType, size, angle: autoRotate ? rotate + refAngle : 0, strokeBoundsBuffer: 0 }), style));
             symbol.name = `${this.name}-${dim}-symbol`;
@@ -19090,12 +19064,12 @@ class ArcSegment extends Segment {
         this.isReverseArc = false;
     }
     getStartAngle() {
-        const tangAng = this.isReverseArc ? this._startAngle + Math.PI / 2 : this._startAngle - Math.PI / 2;
-        return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;
+        const startAngle = this.isReverseArc ? this._startAngle + Math.PI / 2 : this._startAngle - Math.PI / 2;
+        return startAngle > Math.PI * 2 ? startAngle - Math.PI * 2 : startAngle;
     }
     getEndAngle() {
-        const tangAng = this.isReverseArc ? this._endAngle - Math.PI / 2 : this._endAngle + Math.PI / 2;
-        return tangAng < 0 ? tangAng + Math.PI * 2 : tangAng > Math.PI * 2 ? tangAng - Math.PI * 2 : tangAng;
+        const endAngle = this.isReverseArc ? this._endAngle - Math.PI / 2 : this._endAngle + Math.PI / 2;
+        return endAngle > Math.PI * 2 ? endAngle - Math.PI * 2 : endAngle;
     }
     getMainSegmentPoints() {
         return this._mainSegmentPoints;
@@ -22692,18 +22666,12 @@ DataZoom.defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;
 var IMarkLineLabelPosition;
 (function (IMarkLineLabelPosition) {
     IMarkLineLabelPosition["start"] = "start";
-    IMarkLineLabelPosition["startTop"] = "startTop";
-    IMarkLineLabelPosition["startBottom"] = "startBottom";
-    IMarkLineLabelPosition["insideStart"] = "insideStart";
+    IMarkLineLabelPosition["middle"] = "middle";
+    IMarkLineLabelPosition["end"] = "end";
     IMarkLineLabelPosition["insideStartTop"] = "insideStartTop";
     IMarkLineLabelPosition["insideStartBottom"] = "insideStartBottom";
-    IMarkLineLabelPosition["middle"] = "middle";
     IMarkLineLabelPosition["insideMiddleTop"] = "insideMiddleTop";
     IMarkLineLabelPosition["insideMiddleBottom"] = "insideMiddleBottom";
-    IMarkLineLabelPosition["end"] = "end";
-    IMarkLineLabelPosition["endTop"] = "endTop";
-    IMarkLineLabelPosition["endBottom"] = "endBottom";
-    IMarkLineLabelPosition["insideEnd"] = "insideEnd";
     IMarkLineLabelPosition["insideEndTop"] = "insideEndTop";
     IMarkLineLabelPosition["insideEndBottom"] = "insideEndBottom";
 })(IMarkLineLabelPosition || (IMarkLineLabelPosition = {}));
@@ -23209,9 +23177,7 @@ class MarkCommonLine extends Marker {
         const { label = {}, limitRect } = this.attribute;
         const { position, confine, autoRotate } = label;
         const labelPoint = this.getPointAttrByPosition(position);
-        const labelAngle = position.toString().toLocaleLowerCase().includes('start')
-            ? this._line.getStartAngle() || 0
-            : this._line.getEndAngle() || 0;
+        const labelAngle = this._line.getEndAngle() || 0;
         this._label.setAttributes(Object.assign(Object.assign({}, labelPoint.position), { angle: autoRotate ? this.getRotateByAngle(labelPoint.angle) : 0, textStyle: Object.assign(Object.assign({}, this.getTextStyle(position, labelAngle, autoRotate)), label.textStyle) }));
         if (limitRect && confine) {
             const { x, y, width, height } = limitRect;
@@ -23297,27 +23263,15 @@ const DEFAULT_MARK_LINE_THEME = {
 const DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP = {
     postiveXAxis: {
         start: {
-            textAlign: 'left',
-            textBaseline: 'middle'
-        },
-        startTop: {
-            textAlign: 'left',
-            textBaseline: 'bottom'
-        },
-        startBottom: {
-            textAlign: 'left',
-            textBaseline: 'top'
-        },
-        insideStart: {
             textAlign: 'right',
             textBaseline: 'middle'
         },
         insideStartTop: {
-            textAlign: 'right',
+            textAlign: 'left',
             textBaseline: 'bottom'
         },
         insideStartBottom: {
-            textAlign: 'right',
+            textAlign: 'left',
             textBaseline: 'top'
         },
         middle: {
@@ -23336,18 +23290,6 @@ const DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP = {
             textAlign: 'left',
             textBaseline: 'middle'
         },
-        endTop: {
-            textAlign: 'left',
-            textBaseline: 'bottom'
-        },
-        endBottom: {
-            textAlign: 'left',
-            textBaseline: 'top'
-        },
-        insideEnd: {
-            textAlign: 'right',
-            textBaseline: 'middle'
-        },
         insideEndTop: {
             textAlign: 'right',
             textBaseline: 'bottom'
@@ -23359,27 +23301,15 @@ const DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP = {
     },
     negativeXAxis: {
         start: {
-            textAlign: 'right',
-            textBaseline: 'middle'
-        },
-        startTop: {
-            textAlign: 'right',
-            textBaseline: 'bottom'
-        },
-        startBottom: {
-            textAlign: 'right',
-            textBaseline: 'top'
-        },
-        insideStart: {
             textAlign: 'left',
             textBaseline: 'middle'
         },
         insideStartTop: {
-            textAlign: 'left',
+            textAlign: 'right',
             textBaseline: 'bottom'
         },
         insideStartBottom: {
-            textAlign: 'left',
+            textAlign: 'right',
             textBaseline: 'top'
         },
         middle: {
@@ -23398,18 +23328,6 @@ const DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP = {
             textAlign: 'right',
             textBaseline: 'middle'
         },
-        endTop: {
-            textAlign: 'right',
-            textBaseline: 'bottom'
-        },
-        endBottom: {
-            textAlign: 'right',
-            textBaseline: 'top'
-        },
-        insideEnd: {
-            textAlign: 'left',
-            textBaseline: 'middle'
-        },
         insideEndTop: {
             textAlign: 'left',
             textBaseline: 'bottom'
@@ -23723,7 +23641,7 @@ class MarkLine extends MarkCommonLine {
         const { refX = 0, refY = 0 } = label;
         const points = this._line.getMainSegmentPoints();
         const lineEndAngle = (_a = this._line.getEndAngle()) !== null && _a !== void 0 ? _a : 0;
-        const labelAngle = isPostiveXAxis(lineEndAngle) ? lineEndAngle : lineEndAngle;
+        const labelAngle = isPostiveXAxisCartes(lineEndAngle) ? lineEndAngle : lineEndAngle;
         const labelOffsetX = refX * Math.cos(labelAngle) + refY * Math.cos(labelAngle - Math.PI / 2);
         const labelOffsetY = refX * Math.sin(labelAngle) + refY * Math.sin(labelAngle - Math.PI / 2);
         if (position.includes('start') || position.includes('Start')) {
@@ -23754,15 +23672,25 @@ class MarkLine extends MarkCommonLine {
     }
     getRotateByAngle(angle) {
         var _a;
-        const itemAngle = isPostiveXAxis(angle) ? angle : angle - Math.PI;
+        const itemAngle = isPostiveXAxisCartes(angle) ? angle : angle - Math.PI;
         return itemAngle + ((_a = this.attribute.label.refAngle) !== null && _a !== void 0 ? _a : 0);
     }
     getTextStyle(position, labelAngle, autoRotate) {
-        if (fuzzyEqualNumber(Math.abs(labelAngle), Math.PI / 2, 0.0001) ||
-            fuzzyEqualNumber(Math.abs(labelAngle), (Math.PI * 3) / 2, 0.0001)) {
-            return getTextAlignAttrOfVerticalDir(autoRotate, labelAngle, position);
+        if (Math.abs(Math.abs(labelAngle) - Math.PI / 2) < 0.0001) {
+            if (autoRotate) {
+                return {
+                    textAlign: 'right',
+                    textBaseline: 'middle'
+                };
+            }
+            return {
+                textAlign: 'center',
+                textBaseline: (labelAngle > 0 && position.includes('inside')) || (labelAngle < 0 && !position.includes('inside'))
+                    ? 'bottom'
+                    : 'top'
+            };
         }
-        if (isPostiveXAxis(labelAngle)) {
+        if (isPostiveXAxisCartes(labelAngle)) {
             return DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.postiveXAxis[position];
         }
         return DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.negativeXAxis[position];
@@ -24181,7 +24109,6 @@ loadMarkPointComponent();
 function registerMarkPointAnimate() {
     MarkPoint._animate = markPointAnimate;
 }
-const FUZZY_EQUAL_DELTA = 0.001;
 class MarkPoint extends Marker {
     markerAnimate(state) {
         if (MarkPoint._animate && this._animationConfig) {
@@ -24194,16 +24121,18 @@ class MarkPoint extends Marker {
         this.defaultUpdateAnimation = DefaultUpdateMarkPointAnimation;
         this.defaultExitAnimation = DefaultExitMarkerAnimation;
         this._isArcLine = false;
-        this._isStraightLine = false;
     }
     setLabelPos() {
     }
     getTextAlignAttr(autoRotate, offsetX, offsetY, lineEndAngle, itemPosition) {
-        if (fuzzyEqualNumber(Math.abs(lineEndAngle), Math.PI / 2, FUZZY_EQUAL_DELTA) ||
-            fuzzyEqualNumber(Math.abs(lineEndAngle), (Math.PI * 3) / 2, FUZZY_EQUAL_DELTA)) {
-            return getTextAlignAttrOfVerticalDir(autoRotate, lineEndAngle, itemPosition);
+        let isPostiveXAxis = true;
+        if (this._isArcLine) {
+            isPostiveXAxis = isPostiveXAxisPolar(lineEndAngle, this._line.isReverseArc);
+        }
+        else {
+            isPostiveXAxis = isPostiveXAxisCartes(lineEndAngle);
         }
-        if (isPostiveXAxis(lineEndAngle)) {
+        if (isPostiveXAxis) {
             return DEFAULT_MARK_POINT_TEXT_STYLE_MAP.postiveXAxis[itemPosition];
         }
         return DEFAULT_MARK_POINT_TEXT_STYLE_MAP.negativeXAxis[itemPosition];
@@ -24216,8 +24145,8 @@ class MarkPoint extends Marker {
         const { autoRotate = true, refX = 0, refY = 0, refAngle = 0, textStyle = {}, richTextStyle = {}, imageStyle = {}, position: positionType = IMarkPointItemPosition.middle } = itemContent;
         const { state } = this.attribute;
         const lineEndAngle = ((_a = this._line) === null || _a === void 0 ? void 0 : _a.getEndAngle()) || 0;
-        const itemRefOffsetX = refX * Math.cos(lineEndAngle) + refY * Math.cos(lineEndAngle - Math.PI / 2);
-        const itemRefOffsetY = refX * Math.sin(lineEndAngle) + refY * Math.sin(lineEndAngle - Math.PI / 2);
+        const itemRefOffsetX = refX * Math.cos(lineEndAngle) + refY * Math.cos(lineEndAngle);
+        const itemRefOffsetY = refX * Math.sin(lineEndAngle) + refY * Math.sin(lineEndAngle);
         if (itemType === 'text') {
             const offsetX = newItemPosition.x - newPosition.x;
             const offsetY = newItemPosition.y - newPosition.y;
@@ -24240,7 +24169,16 @@ class MarkPoint extends Marker {
             });
             item.states = merge({}, DEFAULT_STATES$2, state === null || state === void 0 ? void 0 : state.image);
         }
-        const itemAngle = isPostiveXAxis(lineEndAngle) ? lineEndAngle : lineEndAngle - Math.PI;
+        let isPostiveXAxis = true;
+        let itemAngle;
+        if (this._isArcLine) {
+            isPostiveXAxis = isPostiveXAxisPolar(lineEndAngle, this._line.isReverseArc);
+            itemAngle = isPostiveXAxis ? lineEndAngle : lineEndAngle - Math.PI;
+        }
+        else {
+            isPostiveXAxis = isPostiveXAxisCartes(lineEndAngle);
+            itemAngle = isPostiveXAxis ? lineEndAngle : lineEndAngle - Math.PI;
+        }
         item.setAttributes({
             x: newItemPosition.x + (itemRefOffsetX || 0),
             y: newItemPosition.y + (itemRefOffsetY || 0),
@@ -24306,10 +24244,6 @@ class MarkPoint extends Marker {
         let startAngle = 0;
         let endAngle = 0;
         const { type = 'type-s', arcRatio = 0.8 } = itemLine;
-        const itemOffsetX = newItemPosition.x - newPosition.x;
-        const itemOffsetY = newItemPosition.y - newPosition.y;
-        this._isStraightLine =
-            fuzzyEqualNumber(itemOffsetX, 0, FUZZY_EQUAL_DELTA) || fuzzyEqualNumber(itemOffsetY, 0, FUZZY_EQUAL_DELTA);
         if (this._isArcLine) {
             const { x: x1, y: y1 } = newPosition;
             const { x: x2, y: y2 } = newItemPosition;
@@ -24321,22 +24255,12 @@ class MarkPoint extends Marker {
             const deltaX = arcRatio * direction * x0;
             const centerX = x0 + deltaX;
             const centerY = line(centerX);
+            center = { x: centerX, y: centerY };
             startAngle = deltaXYToAngle(y1 - centerY, x1 - centerX);
             endAngle = deltaXYToAngle(y2 - centerY, x2 - centerX);
-            center = { x: centerX, y: centerY };
-            if (arcRatio > 0) {
-                if (endAngle < startAngle) {
-                    endAngle += Math.PI * 2;
-                }
-            }
-            else {
-                if (startAngle < endAngle) {
-                    startAngle += Math.PI * 2;
-                }
-            }
             radius = Math.sqrt((centerX - x1) * (centerX - x1) + (centerY - y1) * (centerY - y1));
         }
-        else if (type === 'type-do' && !this._isStraightLine) {
+        else if (type === 'type-do') {
             points = [
                 newPosition,
                 {
@@ -24346,7 +24270,7 @@ class MarkPoint extends Marker {
                 newItemPosition
             ];
         }
-        else if (type === 'type-po' && !this._isStraightLine) {
+        else if (type === 'type-po') {
             points = [
                 newPosition,
                 {
@@ -24356,7 +24280,7 @@ class MarkPoint extends Marker {
                 newItemPosition
             ];
         }
-        else if (type === 'type-op' && !this._isStraightLine) {
+        else if (type === 'type-op') {
             points = [
                 newPosition,
                 {
@@ -24398,7 +24322,8 @@ class MarkPoint extends Marker {
             const { startSymbol, endSymbol, lineStyle, type = 'type-s' } = itemLine;
             const { state } = this.attribute;
             const pointsAttr = this.getItemLineAttr(itemLine, newPosition, newItemPosition);
-            if ((this._isArcLine && this._line.key === 'arc-segment') || (!this._isArcLine && this._line.key === 'segment')) {
+            if ((type === 'type-arc' && this._line.key === 'arc-segment') ||
+                (type !== 'type-arc' && this._line.key === 'segment')) {
                 this._line.setAttributes(Object.assign(Object.assign({}, pointsAttr), { startSymbol,
                     endSymbol,
                     lineStyle, visible: itemLine.visible, state: {
@@ -24480,23 +24405,24 @@ class MarkPoint extends Marker {
         const targetSize = targetItemvisible ? targetSymbolSize || ((_a = targetSymbolStyle.size) !== null && _a !== void 0 ? _a : 10) : 0;
         const targetOffsetAngle = deltaXYToAngle(itemContentOffsetY, itemContentOffsetX);
         const newPosition = {
-            x: position.x + (targetSize / 2 + targetSymbolOffset) * Math.cos(targetOffsetAngle),
-            y: position.y + (targetSize / 2 + targetSymbolOffset) * Math.sin(targetOffsetAngle)
+            x: position.x + (targetSize + targetSymbolOffset) * Math.cos(targetOffsetAngle),
+            y: position.y + (targetSize + targetSymbolOffset) * Math.sin(targetOffsetAngle)
         };
         const newItemPosition = {
-            x: position.x + (targetSize / 2 + targetSymbolOffset) * Math.cos(targetOffsetAngle) + itemContentOffsetX,
-            y: position.y + (targetSize / 2 + targetSymbolOffset) * Math.sin(targetOffsetAngle) + itemContentOffsetY
+            x: position.x + (targetSize + targetSymbolOffset) * Math.cos(targetOffsetAngle) + itemContentOffsetX,
+            y: position.y + (targetSize + targetSymbolOffset) * Math.sin(targetOffsetAngle) + itemContentOffsetY
         };
         return { newPosition, newItemPosition };
     }
     initMarker(container) {
         const { position, itemContent = {}, itemLine } = this.attribute;
         const { type: itemLineType = 'type-s', arcRatio = 0.8 } = itemLine;
-        const { offsetX = 0, offsetY = 0 } = itemContent;
-        this._isStraightLine =
-            fuzzyEqualNumber(offsetX, 0, FUZZY_EQUAL_DELTA) || fuzzyEqualNumber(offsetY, 0, FUZZY_EQUAL_DELTA);
-        this._isArcLine = itemLineType === 'type-arc' && arcRatio !== 0 && !this._isStraightLine;
         const { newPosition, newItemPosition } = this.computeNewPositionAfterTargetItem(position);
+        this._isArcLine =
+            itemLineType === 'type-arc' &&
+                arcRatio !== 0 &&
+                newPosition.x !== newItemPosition.x &&
+                newPosition.y !== newItemPosition.y;
         const lineConstructor = this._isArcLine ? ArcSegment : Segment;
         const line = new lineConstructor({
             points: [],
@@ -24528,11 +24454,11 @@ class MarkPoint extends Marker {
         const { position, itemContent = {}, itemLine } = this.attribute;
         const { type = 'text' } = itemContent;
         const { type: itemLineType = 'type-s', arcRatio = 0.8 } = itemLine;
-        const { offsetX = 0, offsetY = 0 } = itemContent;
-        this._isStraightLine =
-            fuzzyEqualNumber(offsetX, 0, FUZZY_EQUAL_DELTA) || fuzzyEqualNumber(offsetY, 0, FUZZY_EQUAL_DELTA);
-        const isArcLine = itemLineType === 'type-arc' && arcRatio !== 0 && !this._isStraightLine;
         const { newPosition, newItemPosition } = this.computeNewPositionAfterTargetItem(position);
+        const isArcLine = itemLineType === 'type-arc' &&
+            arcRatio !== 0 &&
+            newPosition.x !== newItemPosition.x &&
+            newPosition.y !== newItemPosition.y;
         if (isArcLine !== this._isArcLine) {
             this._isArcLine = isArcLine;
             this.reDrawLine(itemLine, {
@@ -29426,6 +29352,6 @@ Radio.defaultAttributes = {
     }
 };
 
-const version = "0.19.6-alpha.1";
+const version = "0.19.6-alpha.2";
 
-export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Title, Tooltip, VTag, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };
+export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Title, Tooltip, VTag, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxisCartes, isPostiveXAxisPolar, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };

package/es/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.19.6-alpha.1";
+export declare const version = "0.19.6-alpha.2";
 export * from './core/base';
 export * from './core/type';
 export * from './scrollbar';

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.19.6-alpha.1";
+export const version = "0.19.6-alpha.2";
 
 export * from "./core/base";
 

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.6-alpha.1\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './util';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC;AAExC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.19.6-alpha.2\";\n\nexport * from './core/base';\nexport * from './core/type';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './poptip';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './axis/grid';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\nexport * from './jsx';\nexport * from './checkbox';\nexport * from './radio';\nexport * from './util';\n"]}

package/es/marker/common-line.js

@@ -22,7 +22,7 @@ export class MarkCommonLine extends Marker {
         return this._label;
     }
     setLabelPos() {
-        const {label: label = {}, limitRect: limitRect} = this.attribute, {position: position, confine: confine, autoRotate: autoRotate} = label, labelPoint = this.getPointAttrByPosition(position), labelAngle = position.toString().toLocaleLowerCase().includes("start") ? this._line.getStartAngle() || 0 : this._line.getEndAngle() || 0;
+        const {label: label = {}, limitRect: limitRect} = this.attribute, {position: position, confine: confine, autoRotate: autoRotate} = label, labelPoint = this.getPointAttrByPosition(position), labelAngle = this._line.getEndAngle() || 0;
         if (this._label.setAttributes(Object.assign(Object.assign({}, labelPoint.position), {
             angle: autoRotate ? this.getRotateByAngle(labelPoint.angle) : 0,
             textStyle: Object.assign(Object.assign({}, this.getTextStyle(position, labelAngle, autoRotate)), label.textStyle)

package/es/marker/common-line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/marker/common-line.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIzC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,0BAA0B,EAAE,8BAA8B,EAAE,MAAM,mBAAmB,CAAC;AAE/F,MAAM,OAAgB,cAAwC,SAAQ,MAGrE;IAHD;;QAIE,SAAI,GAAG,gBAAgB,CAAC;QAIxB,2BAAsB,GAAG,8BAA8B,CAAC;QACxD,yBAAoB,GAAG,0BAA0B,CAAC;IAyFpD,CAAC;IA/EC,OAAO;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IACD,QAAQ;QACN,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAES,WAAW;QACnB,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACjD,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACzD,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC,iBAAiB,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC1E,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,aAAa,iCACpB,UAAU,CAAC,QAAQ,KACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAC/D,SAAS,kCACJ,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,GACnD,KAAK,CAAC,SAAS,KAEpB,CAAC;QACH,IAAI,SAAS,IAAI,OAAO,EAAE;YACxB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;YAC1C,kBAAkB,CAAC,IAAI,CAAC,MAAM,EAAE;gBAC9B,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC;gBACL,EAAE,EAAE,CAAC,GAAG,KAAK;gBACb,EAAE,EAAE,CAAC,GAAG,MAAM;aACf,CAAC,CAAC;SACJ;IACH,CAAC;IAES,UAAU,CAAC,SAAiB;QACpC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAI7B,CAAC;QACF,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,GAAG,uBAAuB,CAAC;QACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,SAAS,CAAC,GAAG,CAAC,IAAwB,CAAC,CAAC;QAExC,MAAM,SAAS,GAAG,IAAI,GAAG,iCACnB,KAAuB,KAC3B,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC;gBACxD,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;aAC9C,IACD,CAAC;QACH,SAAS,CAAC,IAAI,GAAG,wBAAwB,CAAC;QAC1C,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,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,SAI7B,CAAC;QAEF,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzB,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,aAAa,+BACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,IACD,KAAuB,KAC3B,KAAK,EAAE;oBACL,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,CAAC;oBACxD,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC;iBAC9C,IACD,CAAC;YACH,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;CACF","file":"common-line.js","sourcesContent":["import type { IGroup, INode } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { ArcSegment, Segment } from '../segment';\nimport type { TagAttributes } from '../tag';\n// eslint-disable-next-line no-duplicate-imports\nimport { Tag } from '../tag';\nimport type { MarkCommonLineAnimationType, MarkCommonLineAttrs, MarkerAnimationState } from './type';\nimport { limitShapeInBounds } from '../util/limit-shape';\nimport { DEFAULT_STATES } from '../constant';\nimport { Marker } from './base';\nimport { DefaultExitMarkerAnimation, DefaultUpdateMarkLineAnimation } from './animate/animate';\n\nexport abstract class MarkCommonLine<LineAttr, LabelPosition> extends Marker<\n  MarkCommonLineAttrs<LineAttr, LabelPosition, MarkCommonLineAnimationType>,\n  MarkCommonLineAnimationType\n> {\n  name = 'markCommonLine';\n\n  /** animate */\n  static _animate?: (line: Segment | ArcSegment, label: Tag, animationConfig: any, state: MarkerAnimationState) => void;\n  defaultUpdateAnimation = DefaultUpdateMarkLineAnimation;\n  defaultExitAnimation = DefaultExitMarkerAnimation;\n\n  protected _line!: Segment | ArcSegment;\n  protected abstract createSegment(): any;\n  protected abstract setLineAttributes(): any;\n  protected abstract getPointAttrByPosition(position: any): any;\n  protected abstract getRotateByAngle(angle: number): number;\n  protected abstract getTextStyle(position: any, labelAngle: number, autoRotate: boolean): any;\n  protected abstract markerAnimate(state: MarkerAnimationState): void;\n\n  getLine() {\n    return this._line;\n  }\n  getLabel() {\n    return this._label;\n  }\n\n  protected setLabelPos(): void {\n    const { label = {}, limitRect } = this.attribute;\n    const { position, confine, autoRotate } = label;\n    const labelPoint = this.getPointAttrByPosition(position);\n    const labelAngle = position.toString().toLocaleLowerCase().includes('start')\n      ? this._line.getStartAngle() || 0\n      : this._line.getEndAngle() || 0;\n    this._label.setAttributes({\n      ...labelPoint.position,\n      angle: autoRotate ? this.getRotateByAngle(labelPoint.angle) : 0,\n      textStyle: {\n        ...this.getTextStyle(position, labelAngle, autoRotate),\n        ...label.textStyle\n      }\n    });\n    if (limitRect && confine) {\n      const { x, y, width, height } = limitRect;\n      limitShapeInBounds(this._label, {\n        x1: x,\n        y1: y,\n        x2: x + width,\n        y2: y + height\n      });\n    }\n  }\n\n  protected initMarker(container: IGroup) {\n    const { label, state } = this.attribute as MarkCommonLineAttrs<\n      LineAttr,\n      LabelPosition,\n      MarkCommonLineAnimationType\n    >;\n    const line = this.createSegment();\n    line.name = 'mark-common-line-line';\n    this._line = line;\n    container.add(line as unknown as INode);\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-common-line-label';\n    this._label = markLabel;\n    container.add(markLabel as unknown as INode);\n    this.setLabelPos();\n  }\n\n  protected updateMarker() {\n    const { label, state } = this.attribute as MarkCommonLineAttrs<\n      LineAttr,\n      LabelPosition,\n      MarkCommonLineAnimationType\n    >;\n\n    this.setLineAttributes();\n\n    if (this._label) {\n      this._label.setAttributes({\n        dx: 0,\n        dy: 0, // 需要进行复位\n        ...(label as TagAttributes),\n        state: {\n          panel: merge({}, DEFAULT_STATES, state?.labelBackground),\n          text: merge({}, DEFAULT_STATES, state?.label)\n        }\n      });\n      this.setLabelPos();\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/marker/common-line.ts"],"names":[],"mappings":"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","file":"common-line.js","sourcesContent":["import type { IGroup, INode } from '@visactor/vrender-core';\nimport { merge } from '@visactor/vutils';\nimport type { ArcSegment, Segment } from '../segment';\nimport type { TagAttributes } from '../tag';\n// eslint-disable-next-line no-duplicate-imports\nimport { Tag } from '../tag';\nimport type { MarkCommonLineAnimationType, MarkCommonLineAttrs, MarkerAnimationState } from './type';\nimport { limitShapeInBounds } from '../util/limit-shape';\nimport { DEFAULT_STATES } from '../constant';\nimport { Marker } from './base';\nimport { DefaultExitMarkerAnimation, DefaultUpdateMarkLineAnimation } from './animate/animate';\n\nexport abstract class MarkCommonLine<LineAttr, LabelPosition> extends Marker<\n  MarkCommonLineAttrs<LineAttr, LabelPosition, MarkCommonLineAnimationType>,\n  MarkCommonLineAnimationType\n> {\n  name = 'markCommonLine';\n\n  /** animate */\n  static _animate?: (line: Segment | ArcSegment, label: Tag, animationConfig: any, state: MarkerAnimationState) => void;\n  defaultUpdateAnimation = DefaultUpdateMarkLineAnimation;\n  defaultExitAnimation = DefaultExitMarkerAnimation;\n\n  protected _line!: Segment | ArcSegment;\n  protected abstract createSegment(): any;\n  protected abstract setLineAttributes(): any;\n  protected abstract getPointAttrByPosition(position: any): any;\n  protected abstract getRotateByAngle(angle: number): number;\n  protected abstract getTextStyle(position: any, labelAngle: number, autoRotate: boolean): any;\n  protected abstract markerAnimate(state: MarkerAnimationState): void;\n\n  getLine() {\n    return this._line;\n  }\n  getLabel() {\n    return this._label;\n  }\n\n  protected setLabelPos(): void {\n    const { label = {}, limitRect } = this.attribute;\n    const { position, confine, autoRotate } = label;\n    const labelPoint = this.getPointAttrByPosition(position);\n    const labelAngle = this._line.getEndAngle() || 0;\n    this._label.setAttributes({\n      ...labelPoint.position,\n      angle: autoRotate ? this.getRotateByAngle(labelPoint.angle) : 0,\n      textStyle: {\n        ...this.getTextStyle(position, labelAngle, autoRotate),\n        ...label.textStyle\n      }\n    });\n    if (limitRect && confine) {\n      const { x, y, width, height } = limitRect;\n      limitShapeInBounds(this._label, {\n        x1: x,\n        y1: y,\n        x2: x + width,\n        y2: y + height\n      });\n    }\n  }\n\n  protected initMarker(container: IGroup) {\n    const { label, state } = this.attribute as MarkCommonLineAttrs<\n      LineAttr,\n      LabelPosition,\n      MarkCommonLineAnimationType\n    >;\n    const line = this.createSegment();\n    line.name = 'mark-common-line-line';\n    this._line = line;\n    container.add(line as unknown as INode);\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-common-line-label';\n    this._label = markLabel;\n    container.add(markLabel as unknown as INode);\n    this.setLabelPos();\n  }\n\n  protected updateMarker() {\n    const { label, state } = this.attribute as MarkCommonLineAttrs<\n      LineAttr,\n      LabelPosition,\n      MarkCommonLineAnimationType\n    >;\n\n    this.setLineAttributes();\n\n    if (this._label) {\n      this._label.setAttributes({\n        dx: 0,\n        dy: 0, // 需要进行复位\n        ...(label as TagAttributes),\n        state: {\n          panel: merge({}, DEFAULT_STATES, state?.labelBackground),\n          text: merge({}, DEFAULT_STATES, state?.label)\n        }\n      });\n      this.setLabelPos();\n    }\n  }\n}\n"]}