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

package/dist/index.es.js

@@ -15541,14 +15541,33 @@ function removeRepeatPoint(points) {
     }
     return result;
 }
-function isPostiveXAxisCartes(angle) {
-    return angle > -Math.PI / 2 && angle < Math.PI / 2;
+function isPostiveXAxis(angle) {
+    return (angle >= 0 && angle < Math.PI / 2) || (angle > (Math.PI * 3) / 2 && angle <= Math.PI * 2);
 }
-function isPostiveXAxisPolar(angle, isReverse) {
-    if (isReverse) {
-        return (angle > 0 && angle < Math.PI / 2) || (angle < 0 && 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'
+        };
     }
-    return (angle > 0 && angle < Math.PI / 2) || (angle > (Math.PI * 3) / 2 && 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'
+    };
 }
 
 const defaultAlternativeColors = ['#ffffff', '#000000'];
@@ -18833,10 +18852,18 @@ function loadArcSegmentComponent() {
 loadSegmentComponent();
 class Segment extends AbstractComponent {
     getStartAngle() {
-        return this._startAngle;
+        return this._startAngle < 0
+            ? this._startAngle + Math.PI * 2
+            : this._startAngle > Math.PI * 2
+                ? this._startAngle - Math.PI * 2
+                : this._startAngle;
     }
     getEndAngle() {
-        return this._endAngle;
+        return this._endAngle < 0
+            ? this._endAngle + Math.PI * 2
+            : this._endAngle > Math.PI * 2
+                ? this._endAngle - Math.PI * 2
+                : this._endAngle;
     }
     getMainSegmentPoints() {
         return this._mainSegmentPoints;
@@ -18911,8 +18938,8 @@ class Segment extends AbstractComponent {
         const { autoRotate = true } = attribute;
         let symbol;
         if (attribute && attribute.visible) {
-            const startAngle = this._startAngle;
-            const endAngle = this._endAngle;
+            const startAngle = this.getStartAngle();
+            const endAngle = this.getEndAngle();
             const { state } = this.attribute;
             const start = points[0];
             const end = points[points.length - 1];
@@ -18926,14 +18953,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(startAngle);
+                rotate = this._computeStartRotate(this._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(endAngle);
+                rotate = this._computeEndRotate(this._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`;
@@ -19063,12 +19090,12 @@ class ArcSegment extends Segment {
         this.isReverseArc = false;
     }
     getStartAngle() {
-        const startAngle = this.isReverseArc ? this._startAngle + Math.PI / 2 : this._startAngle - Math.PI / 2;
-        return startAngle > Math.PI * 2 ? startAngle - Math.PI * 2 : startAngle;
+        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;
     }
     getEndAngle() {
-        const endAngle = this.isReverseArc ? this._endAngle - Math.PI / 2 : this._endAngle + Math.PI / 2;
-        return endAngle > Math.PI * 2 ? endAngle - Math.PI * 2 : endAngle;
+        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;
     }
     getMainSegmentPoints() {
         return this._mainSegmentPoints;
@@ -22665,12 +22692,18 @@ DataZoom.defaultAttributes = DEFAULT_DATA_ZOOM_ATTRIBUTES;
 var IMarkLineLabelPosition;
 (function (IMarkLineLabelPosition) {
     IMarkLineLabelPosition["start"] = "start";
-    IMarkLineLabelPosition["middle"] = "middle";
-    IMarkLineLabelPosition["end"] = "end";
+    IMarkLineLabelPosition["startTop"] = "startTop";
+    IMarkLineLabelPosition["startBottom"] = "startBottom";
+    IMarkLineLabelPosition["insideStart"] = "insideStart";
     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 = {}));
@@ -23176,7 +23209,9 @@ class MarkCommonLine extends Marker {
         const { label = {}, limitRect } = this.attribute;
         const { position, confine, autoRotate } = label;
         const labelPoint = this.getPointAttrByPosition(position);
-        const labelAngle = this._line.getEndAngle() || 0;
+        const labelAngle = position.toString().toLocaleLowerCase().includes('start')
+            ? this._line.getStartAngle() || 0
+            : 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;
@@ -23262,15 +23297,27 @@ 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: 'left',
+            textAlign: 'right',
             textBaseline: 'bottom'
         },
         insideStartBottom: {
-            textAlign: 'left',
+            textAlign: 'right',
             textBaseline: 'top'
         },
         middle: {
@@ -23289,6 +23336,18 @@ 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'
@@ -23300,15 +23359,27 @@ 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: 'right',
+            textAlign: 'left',
             textBaseline: 'bottom'
         },
         insideStartBottom: {
-            textAlign: 'right',
+            textAlign: 'left',
             textBaseline: 'top'
         },
         middle: {
@@ -23327,6 +23398,18 @@ 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'
@@ -23640,7 +23723,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 = isPostiveXAxisCartes(lineEndAngle) ? lineEndAngle : lineEndAngle;
+        const labelAngle = isPostiveXAxis(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')) {
@@ -23671,25 +23754,15 @@ class MarkLine extends MarkCommonLine {
     }
     getRotateByAngle(angle) {
         var _a;
-        const itemAngle = isPostiveXAxisCartes(angle) ? angle : angle - Math.PI;
+        const itemAngle = isPostiveXAxis(angle) ? angle : angle - Math.PI;
         return itemAngle + ((_a = this.attribute.label.refAngle) !== null && _a !== void 0 ? _a : 0);
     }
     getTextStyle(position, labelAngle, autoRotate) {
-        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 (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 (isPostiveXAxisCartes(labelAngle)) {
+        if (isPostiveXAxis(labelAngle)) {
             return DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.postiveXAxis[position];
         }
         return DEFAULT_CARTESIAN_MARK_LINE_TEXT_STYLE_MAP.negativeXAxis[position];
@@ -24108,6 +24181,7 @@ loadMarkPointComponent();
 function registerMarkPointAnimate() {
     MarkPoint._animate = markPointAnimate;
 }
+const FUZZY_EQUAL_DELTA = 0.001;
 class MarkPoint extends Marker {
     markerAnimate(state) {
         if (MarkPoint._animate && this._animationConfig) {
@@ -24120,18 +24194,16 @@ class MarkPoint extends Marker {
         this.defaultUpdateAnimation = DefaultUpdateMarkPointAnimation;
         this.defaultExitAnimation = DefaultExitMarkerAnimation;
         this._isArcLine = false;
+        this._isStraightLine = false;
     }
     setLabelPos() {
     }
     getTextAlignAttr(autoRotate, offsetX, offsetY, lineEndAngle, itemPosition) {
-        let isPostiveXAxis = true;
-        if (this._isArcLine) {
-            isPostiveXAxis = isPostiveXAxisPolar(lineEndAngle, this._line.isReverseArc);
-        }
-        else {
-            isPostiveXAxis = isPostiveXAxisCartes(lineEndAngle);
+        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);
         }
-        if (isPostiveXAxis) {
+        if (isPostiveXAxis(lineEndAngle)) {
             return DEFAULT_MARK_POINT_TEXT_STYLE_MAP.postiveXAxis[itemPosition];
         }
         return DEFAULT_MARK_POINT_TEXT_STYLE_MAP.negativeXAxis[itemPosition];
@@ -24144,8 +24216,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);
-        const itemRefOffsetY = refX * Math.sin(lineEndAngle) + refY * Math.sin(lineEndAngle);
+        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);
         if (itemType === 'text') {
             const offsetX = newItemPosition.x - newPosition.x;
             const offsetY = newItemPosition.y - newPosition.y;
@@ -24168,16 +24240,7 @@ class MarkPoint extends Marker {
             });
             item.states = merge({}, DEFAULT_STATES$2, state === null || state === void 0 ? void 0 : state.image);
         }
-        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;
-        }
+        const itemAngle = isPostiveXAxis(lineEndAngle) ? lineEndAngle : lineEndAngle - Math.PI;
         item.setAttributes({
             x: newItemPosition.x + (itemRefOffsetX || 0),
             y: newItemPosition.y + (itemRefOffsetY || 0),
@@ -24243,6 +24306,10 @@ 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;
@@ -24254,12 +24321,22 @@ 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') {
+        else if (type === 'type-do' && !this._isStraightLine) {
             points = [
                 newPosition,
                 {
@@ -24269,7 +24346,7 @@ class MarkPoint extends Marker {
                 newItemPosition
             ];
         }
-        else if (type === 'type-po') {
+        else if (type === 'type-po' && !this._isStraightLine) {
             points = [
                 newPosition,
                 {
@@ -24279,7 +24356,7 @@ class MarkPoint extends Marker {
                 newItemPosition
             ];
         }
-        else if (type === 'type-op') {
+        else if (type === 'type-op' && !this._isStraightLine) {
             points = [
                 newPosition,
                 {
@@ -24321,8 +24398,7 @@ class MarkPoint extends Marker {
             const { startSymbol, endSymbol, lineStyle, type = 'type-s' } = itemLine;
             const { state } = this.attribute;
             const pointsAttr = this.getItemLineAttr(itemLine, newPosition, newItemPosition);
-            if ((type === 'type-arc' && this._line.key === 'arc-segment') ||
-                (type !== 'type-arc' && this._line.key === 'segment')) {
+            if ((this._isArcLine && this._line.key === 'arc-segment') || (!this._isArcLine && this._line.key === 'segment')) {
                 this._line.setAttributes(Object.assign(Object.assign({}, pointsAttr), { startSymbol,
                     endSymbol,
                     lineStyle, visible: itemLine.visible, state: {
@@ -24404,24 +24480,23 @@ 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 + targetSymbolOffset) * Math.cos(targetOffsetAngle),
-            y: position.y + (targetSize + targetSymbolOffset) * Math.sin(targetOffsetAngle)
+            x: position.x + (targetSize / 2 + targetSymbolOffset) * Math.cos(targetOffsetAngle),
+            y: position.y + (targetSize / 2 + targetSymbolOffset) * Math.sin(targetOffsetAngle)
         };
         const newItemPosition = {
-            x: position.x + (targetSize + targetSymbolOffset) * Math.cos(targetOffsetAngle) + itemContentOffsetX,
-            y: position.y + (targetSize + targetSymbolOffset) * Math.sin(targetOffsetAngle) + itemContentOffsetY
+            x: position.x + (targetSize / 2 + targetSymbolOffset) * Math.cos(targetOffsetAngle) + itemContentOffsetX,
+            y: position.y + (targetSize / 2 + 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: [],
@@ -24453,11 +24528,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, {
@@ -29351,6 +29426,6 @@ Radio.defaultAttributes = {
     }
 };
 
-const version = "0.19.5";
+const version = "0.19.6-alpha.1";
 
-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 };
+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 };

package/es/index.d.ts

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

package/es/index.js

@@ -1,4 +1,4 @@
-export const version = "0.19.5";
+export const version = "0.19.6-alpha.1";
 
 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,QAAQ,CAAC;AAEhC,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.5\";\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.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"]}

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 = this._line.getEndAngle() || 0;
+        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;
         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":"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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"]}
+{"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 = 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"]}

package/es/marker/config.js

@@ -47,15 +47,27 @@ export const DEFAULT_MARK_LINE_THEME = {
 export 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: "left",
+            textAlign: "right",
             textBaseline: "bottom"
         },
         insideStartBottom: {
-            textAlign: "left",
+            textAlign: "right",
             textBaseline: "top"
         },
         middle: {
@@ -74,6 +86,18 @@ export 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"
@@ -85,15 +109,27 @@ export 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: "right",
+            textAlign: "left",
             textBaseline: "bottom"
         },
         insideStartBottom: {
-            textAlign: "right",
+            textAlign: "left",
             textBaseline: "top"
         },
         middle: {
@@ -112,6 +148,18 @@ export 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"