@visactor/vrender-components 0.15.0-alpha.24 → 0.15.0-alpha.26

package/dist/index.js

@@ -2501,8 +2501,8 @@
                 var _a, _b;
                 const graphicAttribute = currentMark.attribute;
                 const center = { x: (_a = graphicAttribute === null || graphicAttribute === void 0 ? void 0 : graphicAttribute.x) !== null && _a !== void 0 ? _a : 0, y: (_b = graphicAttribute === null || graphicAttribute === void 0 ? void 0 : graphicAttribute.y) !== null && _b !== void 0 ? _b : 0 };
-                const item = data[index];
-                const textBounds = textBoundsArray[index];
+                const item = data[index] ? data[index] : null;
+                const textBounds = textBoundsArray[index] ? textBoundsArray[index] : 0;
                 const arcMiddleAngle = (graphicAttribute.startAngle + graphicAttribute.endAngle) / 2;
                 const intervalAngle = graphicAttribute.endAngle - graphicAttribute.startAngle;
                 const arcQuadrant = computeQuadrant(graphicAttribute.endAngle - intervalAngle / 2);
@@ -3211,74 +3211,69 @@
     };
 
     class Segment extends AbstractComponent {
-        getStartAngle() {
-            return this._startAngle;
-        }
-        getEndAngle() {
-            return this._endAngle;
-        }
-        getMainSegmentPoints() {
-            return this._mainSegmentPoints;
-        }
         constructor(attributes) {
             super(vutils.merge({}, Segment.defaultAttributes, attributes));
             this.name = 'segment';
         }
+        computeLineAngle() {
+            const { points } = this.attribute;
+            const start = points[0];
+            const startInside = points[1];
+            const endInside = points[points.length - 2];
+            const end = points[points.length - 1];
+            const startVector = [start.x - startInside.x, start.y - startInside.y];
+            const startAngle = Math.atan2(startVector[1], startVector[0]);
+            const endVector = [end.x - endInside.x, end.y - endInside.y];
+            const endAngle = Math.atan2(endVector[1], endVector[0]);
+            this._startAngle = startAngle;
+            this._endAngle = endAngle;
+        }
         render() {
             this.removeAllChild();
-            this._reset();
-            const { startSymbol, endSymbol, lineStyle, state, visible = true, multiSegment, mainSegmentIndex } = this.attribute;
+            const { points, startSymbol, endSymbol, lineStyle, state, visible = true } = this.attribute;
             if (!visible) {
                 return;
             }
-            this._computeLineAngle();
-            const startSymbolShape = this._renderSymbol(startSymbol, 'start');
-            const endSymbolShape = this._renderSymbol(endSymbol, 'end');
+            if (points.length > 1) {
+                this.computeLineAngle();
+            }
+            const startSymbolShape = this.renderSymbol(startSymbol, 'start');
+            const endSymbolShape = this.renderSymbol(endSymbol, 'end');
             this.startSymbol = startSymbolShape;
             this.endSymbol = endSymbolShape;
-            if (multiSegment) {
-                const points = [...this.attribute.points];
-                if (vutils.isValidNumber(mainSegmentIndex)) {
-                    points[mainSegmentIndex] = this._clipPoints(points[mainSegmentIndex]);
-                }
-                else {
-                    const clipPoints = this._clipPoints(vutils.flattenArray(points));
-                    points[0][0] = clipPoints[0];
-                    points[points.length - 1][points[points.length - 1].length - 1] =
-                        clipPoints[clipPoints.length - 1];
-                }
-                points.forEach((point, index) => {
-                    var _a, _b;
-                    const line = vrender.createLine(Object.assign(Object.assign({ points: point }, (vutils.isArray(lineStyle) ? (_a = lineStyle[index]) !== null && _a !== void 0 ? _a : lineStyle[lineStyle.length - 1] : lineStyle)), { fill: false }));
-                    line.name = `${this.name}-line`;
-                    line.id = this._getNodeId('line' + index);
-                    if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.line)) {
-                        line.states = vutils.isArray(state.line) ? (_b = state.line[index]) !== null && _b !== void 0 ? _b : state.line[state.line.length - 1] : state.line;
-                    }
-                    this.add(line);
-                });
+            let pointsAfterClip = points;
+            if (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.visible) {
+                const startSize = (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.clip) ? (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.size) || 10 : 0;
+                const pointsStart = {
+                    x: points[0].x - (startSize / 2) * (Math.cos(this._startAngle) || 0),
+                    y: points[0].y - (startSize / 2) * (Math.sin(this._startAngle) || 0)
+                };
+                pointsAfterClip = [pointsStart, ...pointsAfterClip.slice(1)];
             }
-            else {
-                const line = vrender.createLine(Object.assign(Object.assign({ points: this._clipPoints(this.attribute.points) }, vutils.array(lineStyle)[0]), { fill: false }));
-                line.name = `${this.name}-line`;
-                line.id = this._getNodeId('line');
-                if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.line)) {
-                    line.states = [].concat(state.line)[0];
-                }
-                this.add(line);
+            if (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.visible) {
+                const endSize = (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.clip) ? (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.size) || 10 : 0;
+                const pointsEnd = {
+                    x: points[points.length - 1].x - (endSize / 2) * (Math.cos(this._endAngle) || 0),
+                    y: points[points.length - 1].y - (endSize / 2) * (Math.sin(this._endAngle) || 0)
+                };
+                pointsAfterClip = [...pointsAfterClip.slice(0, pointsAfterClip.length - 1), pointsEnd];
             }
-        }
-        _renderSymbol(attribute, dim) {
-            const points = this._getMainSegmentPoints();
-            if (!points.length) {
-                return;
+            const line = vrender.createLine(Object.assign({ points: pointsAfterClip, fill: false }, lineStyle));
+            line.name = 'line';
+            line.id = this._getNodeId('line');
+            if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.line)) {
+                line.states = state.line;
             }
+            this.line = line;
+            this.add(line);
+        }
+        renderSymbol(attribute, dim) {
             const { autoRotate = true } = attribute;
             let symbol;
             if (attribute === null || attribute === void 0 ? void 0 : attribute.visible) {
                 const startAngle = this._startAngle;
                 const endAngle = this._endAngle;
-                const { state } = this.attribute;
+                const { points, state } = this.attribute;
                 const start = points[0];
                 const end = points[points.length - 1];
                 const { refX = 0, refY = 0, refAngle = 0, style, symbolType, size = 12 } = attribute;
@@ -3286,22 +3281,20 @@
                 let rotate;
                 if (dim === 'start') {
                     position = {
-                        x: start.x +
-                            (vutils.isValidNumber(startAngle) ? refX * Math.cos(startAngle) + refY * Math.cos(startAngle - Math.PI / 2) : 0),
-                        y: start.y +
-                            (vutils.isValidNumber(startAngle) ? refX * Math.sin(startAngle) + refY * Math.sin(startAngle - Math.PI / 2) : 0)
+                        x: start.x + (startAngle ? refX * Math.cos(startAngle) + refY * Math.cos(startAngle - Math.PI / 2) : 0),
+                        y: start.y + (startAngle ? refX * Math.sin(startAngle) + refY * Math.sin(startAngle - Math.PI / 2) : 0)
                     };
                     rotate = startAngle + Math.PI / 2;
                 }
                 else {
                     position = {
-                        x: end.x + (vutils.isValidNumber(endAngle) ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),
-                        y: end.y + (vutils.isValidNumber(endAngle) ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)
+                        x: end.x + (endAngle ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),
+                        y: end.y + (endAngle ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)
                     };
                     rotate = endAngle + Math.PI / 2;
                 }
                 symbol = vrender.createSymbol(Object.assign(Object.assign(Object.assign({}, position), { symbolType: symbolType, size, angle: autoRotate ? rotate + refAngle : 0, strokeBoundsBuffer: 0 }), style));
-                symbol.name = `${this.name}-${dim}-symbol`;
+                symbol.name = `${dim}-symbol`;
                 symbol.id = this._getNodeId(`${dim}-symbol`);
                 if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.symbol)) {
                     symbol.states = state.symbol;
@@ -3310,69 +3303,11 @@
             }
             return symbol;
         }
-        _getMainSegmentPoints() {
-            if (this._mainSegmentPoints) {
-                return this._mainSegmentPoints;
-            }
-            const { points: originPoints, multiSegment, mainSegmentIndex } = this.attribute;
-            let points;
-            if (multiSegment) {
-                if (vutils.isValidNumber(mainSegmentIndex)) {
-                    points = originPoints[mainSegmentIndex];
-                }
-                else {
-                    points = vutils.flattenArray(originPoints);
-                }
-            }
-            else {
-                points = originPoints;
-            }
-            this._mainSegmentPoints = points;
-            return points;
-        }
-        _clipPoints(points) {
-            const { startSymbol, endSymbol } = this.attribute;
-            let pointsAfterClip = points;
-            if (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.visible) {
-                const startSize = (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.clip) ? (startSymbol === null || startSymbol === void 0 ? void 0 : startSymbol.size) || 10 : 0;
-                const pointsStart = {
-                    x: points[0].x - (startSize / 2) * (Math.cos(this._startAngle) || 0),
-                    y: points[0].y - (startSize / 2) * (Math.sin(this._startAngle) || 0)
-                };
-                pointsAfterClip = [pointsStart, ...pointsAfterClip.slice(1)];
-            }
-            if (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.visible) {
-                const endSize = (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.clip) ? (endSymbol === null || endSymbol === void 0 ? void 0 : endSymbol.size) || 10 : 0;
-                const pointsEnd = {
-                    x: points[points.length - 1].x - (endSize / 2) * (Math.cos(this._endAngle) || 0),
-                    y: points[points.length - 1].y - (endSize / 2) * (Math.sin(this._endAngle) || 0)
-                };
-                pointsAfterClip = [...pointsAfterClip.slice(0, pointsAfterClip.length - 1), pointsEnd];
-            }
-            return pointsAfterClip;
-        }
-        _computeLineAngle() {
-            const points = this._getMainSegmentPoints();
-            if (points.length <= 1) {
-                return;
-            }
-            const start = points[0];
-            const startInside = points[1];
-            const endInside = points[points.length - 2];
-            const end = points[points.length - 1];
-            const startVector = [start.x - startInside.x, start.y - startInside.y];
-            const startAngle = Math.atan2(startVector[1], startVector[0]);
-            const endVector = [end.x - endInside.x, end.y - endInside.y];
-            const endAngle = Math.atan2(endVector[1], endVector[0]);
-            this._startAngle = startAngle;
-            this._endAngle = endAngle;
+        getStartAngle() {
+            return this._startAngle;
         }
-        _reset() {
-            this.startSymbol = null;
-            this.endSymbol = null;
-            this._startAngle = null;
-            this._endAngle = null;
-            this._mainSegmentPoints = null;
+        getEndAngle() {
+            return this._endAngle;
         }
     }
     Segment.defaultAttributes = {
@@ -6084,41 +6019,25 @@
     })(exports.IMarkPointItemPosition || (exports.IMarkPointItemPosition = {}));
 
     class Marker extends AbstractComponent {
-        constructor() {
-            super(...arguments);
-            this.name = 'marker';
-        }
         _initContainer() {
-            var _a, _b;
-            const { limitRect, clipInRange } = this.attribute;
-            let group;
-            if (clipInRange) {
-                const groupClip = vrender.createGroup(Object.assign(Object.assign({}, limitRect), { clip: true, pickable: false }));
-                group = vrender.createGroup({
-                    x: -((_a = limitRect === null || limitRect === void 0 ? void 0 : limitRect.x) !== null && _a !== void 0 ? _a : 0),
-                    y: -((_b = limitRect === null || limitRect === void 0 ? void 0 : limitRect.y) !== null && _b !== void 0 ? _b : 0)
-                });
-                groupClip.add(group);
-                this._containerClip = groupClip;
-                this.add(groupClip);
-            }
-            else {
-                group = vrender.createGroup({
-                    x: 0,
-                    y: 0
-                });
-                this.add(group);
-            }
-            group.name = 'marker-container';
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            const groupClip = vrender.createGroup(Object.assign(Object.assign({}, (_a = this.attribute) === null || _a === void 0 ? void 0 : _a.clipRange), { clip: (_c = vutils.isValid((_b = this.attribute) === null || _b === void 0 ? void 0 : _b.clipRange)) !== null && _c !== void 0 ? _c : false }));
+            groupClip.name = 'marker-container';
+            const group = vrender.createGroup({
+                x: -((_f = (_e = (_d = this.attribute) === null || _d === void 0 ? void 0 : _d.clipRange) === null || _e === void 0 ? void 0 : _e.x) !== null && _f !== void 0 ? _f : 0),
+                y: -((_j = (_h = (_g = this.attribute) === null || _g === void 0 ? void 0 : _g.clipRange) === null || _h === void 0 ? void 0 : _h.y) !== null && _j !== void 0 ? _j : 0)
+            });
+            groupClip.add(group);
+            this._containerClip = groupClip;
+            this.add(groupClip);
             this._container = group;
         }
         _updateContainer() {
-            var _a, _b, _c;
-            const { limitRect, clipInRange } = this.attribute;
-            (_a = this._containerClip) === null || _a === void 0 ? void 0 : _a.setAttributes(Object.assign({}, limitRect));
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            this._containerClip.setAttributes(Object.assign(Object.assign({}, (_a = this.attribute) === null || _a === void 0 ? void 0 : _a.clipRange), { clip: (_c = vutils.isValid((_b = this.attribute) === null || _b === void 0 ? void 0 : _b.clipRange)) !== null && _c !== void 0 ? _c : false }));
             this._container.setAttributes({
-                x: clipInRange ? -((_b = limitRect === null || limitRect === void 0 ? void 0 : limitRect.x) !== null && _b !== void 0 ? _b : 0) : 0,
-                y: clipInRange ? -((_c = limitRect === null || limitRect === void 0 ? void 0 : limitRect.y) !== null && _c !== void 0 ? _c : 0) : 0
+                x: -((_f = (_e = (_d = this.attribute) === null || _d === void 0 ? void 0 : _d.clipRange) === null || _e === void 0 ? void 0 : _e.x) !== null && _f !== void 0 ? _f : 0),
+                y: -((_j = (_h = (_g = this.attribute) === null || _g === void 0 ? void 0 : _g.clipRange) === null || _h === void 0 ? void 0 : _h.y) !== null && _j !== void 0 ? _j : 0)
             });
         }
         render() {
@@ -6130,7 +6049,7 @@
                 this.setAttribute('childrenPickable', false);
             }
             if (markerVisible) {
-                if (!this._container) {
+                if (!this._containerClip) {
                     this._initContainer();
                     this.initMarker(this._container);
                 }
@@ -6367,84 +6286,47 @@
         }
     };
 
-    function limitShapeInBounds(shape, bounds) {
-        const { x1: regionMinX, y1: regionMinY, x2: regionMaxX, y2: regionMaxY } = bounds;
-        const { x1, y1, x2, y2 } = shape.AABBBounds;
-        const { dx: originDx = 0, dy: originDy = 0 } = shape.attribute;
-        let dx = 0;
-        let dy = 0;
-        if (x1 < regionMinX) {
-            dx = regionMinX - x1;
-        }
-        if (y1 < regionMinY) {
-            dy = regionMinY - y1;
-        }
-        if (x2 > regionMaxX) {
-            dx = regionMaxX - x2;
-        }
-        if (y2 > regionMaxY) {
-            dy = regionMaxY - y2;
-        }
-        if (dx) {
-            shape.setAttribute('dx', dx + originDx);
-        }
-        if (dy) {
-            shape.setAttribute('dy', dy + originDy);
-        }
-    }
-
     class MarkLine extends Marker {
         constructor(attributes) {
             super(vutils.merge({}, MarkLine.defaultAttributes, attributes));
         }
         setLabelPos() {
-            var _a, _b;
-            const { label = {}, limitRect } = this.attribute;
-            const { position = 'end', refX = 0, refY = 0, confine } = label;
-            const points = this._line.getMainSegmentPoints();
-            const labelAngle = (_a = this._line.getEndAngle()) !== null && _a !== void 0 ? _a : 0;
-            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);
-            let labelPoint;
-            if (position.includes('start') || position.includes('Start')) {
-                labelPoint = {
+            var _a, _b, _c, _d, _e;
+            const { points, label } = this.attribute;
+            const labelPosition = (_a = label === null || label === void 0 ? void 0 : label.position) !== null && _a !== void 0 ? _a : 'end';
+            const labelAngle = this._line.getEndAngle();
+            const labelOffsetX = (label === null || label === void 0 ? void 0 : label.refX) * Math.cos(labelAngle) + label.refY * Math.cos(labelAngle - Math.PI / 2);
+            const labelOffsetY = (label === null || label === void 0 ? void 0 : label.refX) * Math.sin(labelAngle) + label.refY * Math.sin(labelAngle - Math.PI / 2);
+            if (labelPosition.includes('start') || labelPosition.includes('Start')) {
+                (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes({
                     x: points[0].x + labelOffsetX,
                     y: points[0].y + labelOffsetY
-                };
+                });
             }
-            else if (position.includes('middle') || position.includes('Middle')) {
-                labelPoint = {
+            else if (labelPosition.includes('middle') || labelPosition.includes('Middle')) {
+                (_c = this._label) === null || _c === void 0 ? void 0 : _c.setAttributes({
                     x: (points[0].x + points[points.length - 1].x) / 2 + labelOffsetX,
                     y: (points[0].y + points[points.length - 1].y) / 2 + labelOffsetY
-                };
+                });
             }
             else {
-                labelPoint = {
+                (_d = this._label) === null || _d === void 0 ? void 0 : _d.setAttributes({
                     x: points[points.length - 1].x + labelOffsetX,
                     y: points[points.length - 1].y + labelOffsetY
-                };
-            }
-            this._label.setAttributes(Object.assign(Object.assign({}, labelPoint), { angle: label.autoRotate ? labelAngle + ((_b = label === null || label === void 0 ? void 0 : label.refAngle) !== null && _b !== void 0 ? _b : 0) : 0, textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_LINE_TEXT_STYLE_MAP[position]), label.textStyle) }));
-            if (limitRect && confine) {
-                const { x, y, width, height } = limitRect;
-                limitShapeInBounds(this._label, {
-                    x1: x,
-                    y1: y,
-                    x2: x + width,
-                    y2: y + height
                 });
             }
+            this._label.setAttributes({
+                angle: label.autoRotate && labelAngle + ((_e = label === null || label === void 0 ? void 0 : label.refAngle) !== null && _e !== void 0 ? _e : 0),
+                textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_LINE_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+            });
         }
         initMarker(container) {
-            const { points, startSymbol, endSymbol, label, lineStyle, mainSegmentIndex, multiSegment } = this
-                .attribute;
+            const { points, startSymbol, endSymbol, label, lineStyle } = this.attribute;
             const line = new Segment({
                 points,
                 startSymbol,
                 endSymbol,
-                lineStyle,
-                mainSegmentIndex,
-                multiSegment
+                lineStyle
             });
             line.name = 'mark-line-line';
             this._line = line;
@@ -6464,7 +6346,7 @@
                 endSymbol,
                 lineStyle
             });
-            (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes(Object.assign({ dx: 0, dy: 0 }, label));
+            (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes(Object.assign({}, label));
             this.setLabelPos();
         }
     }
@@ -6474,54 +6356,58 @@
         constructor(attributes) {
             super(vutils.merge({}, MarkArea.defaultAttributes, attributes));
         }
-        _getPositionByDirection(area, direction) {
-            const { x1, x2, y1, y2 } = this._area.AABBBounds;
-            if (direction.includes('left') || direction.includes('Left')) {
-                return {
-                    x: x1,
-                    y: (y1 + y2) / 2
-                };
-            }
-            if (direction.includes('right') || direction.includes('Right')) {
-                return {
-                    x: x2,
-                    y: (y1 + y2) / 2
-                };
-            }
-            if (direction.includes('top') || direction.includes('Top')) {
-                return {
-                    x: (x1 + x2) / 2,
-                    y: y1
-                };
-            }
-            if (direction.includes('bottom') || direction.includes('Bottom')) {
-                return {
-                    x: (x1 + x2) / 2,
-                    y: y2
-                };
-            }
+        getLeftPos() {
             return {
-                x: (x1 + x2) / 2,
-                y: (y1 + y2) / 2
+                x: this._area.AABBBounds.x1,
+                y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
+            };
+        }
+        getRightPos() {
+            return {
+                x: this._area.AABBBounds.x2,
+                y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
+            };
+        }
+        getTopPos() {
+            return {
+                x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+                y: this._area.AABBBounds.y1
+            };
+        }
+        getBottomPos() {
+            return {
+                x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+                y: this._area.AABBBounds.y2
+            };
+        }
+        getMiddlePos() {
+            return {
+                x: (this._area.AABBBounds.x1 + this._area.AABBBounds.x2) / 2,
+                y: (this._area.AABBBounds.y1 + this._area.AABBBounds.y2) / 2
             };
         }
         setLabelPos() {
-            var _a;
-            if (this._label && this._area) {
-                const { label } = this.attribute;
-                const labelPosition = (_a = label === null || label === void 0 ? void 0 : label.position) !== null && _a !== void 0 ? _a : 'middle';
-                const labelPoint = this._getPositionByDirection(this._area, labelPosition);
-                this._label.setAttributes(Object.assign(Object.assign({}, labelPoint), { textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_AREA_TEXT_STYLE_MAP[labelPosition]), label.textStyle) }));
-                if (this.attribute.limitRect && (label === null || label === void 0 ? void 0 : label.confine)) {
-                    const { x, y, width, height } = this.attribute.limitRect;
-                    limitShapeInBounds(this._label, {
-                        x1: x,
-                        y1: y,
-                        x2: x + width,
-                        y2: y + height
-                    });
-                }
+            var _a, _b, _c, _d, _e, _f, _g;
+            const { label } = this.attribute;
+            const labelPosition = (_a = label === null || label === void 0 ? void 0 : label.position) !== null && _a !== void 0 ? _a : 'middle';
+            if (labelPosition.includes('left') || labelPosition.includes('Left')) {
+                (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes(Object.assign({}, this.getLeftPos()));
             }
+            else if (labelPosition.includes('right') || labelPosition.includes('Right')) {
+                (_c = this._label) === null || _c === void 0 ? void 0 : _c.setAttributes(Object.assign({}, this.getRightPos()));
+            }
+            else if (labelPosition.includes('top') || labelPosition.includes('Top')) {
+                (_d = this._label) === null || _d === void 0 ? void 0 : _d.setAttributes(Object.assign({}, this.getTopPos()));
+            }
+            else if (labelPosition.includes('bottom') || labelPosition.includes('Bottom')) {
+                (_e = this._label) === null || _e === void 0 ? void 0 : _e.setAttributes(Object.assign({}, this.getBottomPos()));
+            }
+            else {
+                (_f = this._label) === null || _f === void 0 ? void 0 : _f.setAttributes(Object.assign({}, this.getMiddlePos()));
+            }
+            (_g = this._label) === null || _g === void 0 ? void 0 : _g.setAttributes({
+                textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_AREA_TEXT_STYLE_MAP[labelPosition]), label.textStyle)
+            });
         }
         initMarker(container) {
             const { points, label, areaStyle } = this.attribute;
@@ -6539,7 +6425,7 @@
             var _a, _b;
             const { points, label, areaStyle } = this.attribute;
             (_a = this._area) === null || _a === void 0 ? void 0 : _a.setAttributes(Object.assign({ points: points }, areaStyle));
-            (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes(Object.assign({ dx: 0, dy: 0 }, label));
+            (_b = this._label) === null || _b === void 0 ? void 0 : _b.setAttributes(Object.assign({}, label));
             this.setLabelPos();
         }
     }
@@ -6553,29 +6439,26 @@
         }
         setItemAttributes(item, itemContent, itemPosition, itemType) {
             var _a;
-            if (!item) {
-                return;
-            }
             const { autoRotate = true, refX = 0, refY = 0, refAngle = 0, textStyle, richTextStyle, imageStyle, position = exports.IMarkPointItemPosition.middle } = itemContent;
             const itemAngle = ((_a = this._line) === null || _a === void 0 ? void 0 : _a.getEndAngle()) || 0;
             const itemOffsetX = refX * Math.cos(itemAngle) + refY * Math.cos(itemAngle - Math.PI / 2);
             const itemOffsetY = refX * Math.sin(itemAngle) + refY * Math.sin(itemAngle - Math.PI / 2);
             if (itemType === 'text') {
-                item.setAttributes(Object.assign(Object.assign({}, textStyle), { textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_POINT_TEXT_STYLE_MAP[(itemContent === null || itemContent === void 0 ? void 0 : itemContent.position) || 'end']), textStyle === null || textStyle === void 0 ? void 0 : textStyle.textStyle) }));
+                item === null || item === void 0 ? void 0 : item.setAttributes(Object.assign(Object.assign({}, textStyle), { textStyle: Object.assign(Object.assign({}, DEFAULT_MARK_POINT_TEXT_STYLE_MAP[(itemContent === null || itemContent === void 0 ? void 0 : itemContent.position) || 'end']), textStyle === null || textStyle === void 0 ? void 0 : textStyle.textStyle) }));
             }
             else if (itemType === 'richText') {
-                item.setAttributes({
+                item === null || item === void 0 ? void 0 : item.setAttributes({
                     dx: this.getItemDx(item, position, richTextStyle) + ((richTextStyle === null || richTextStyle === void 0 ? void 0 : richTextStyle.dx) || 0),
                     dy: this.getItemDy(item, position, richTextStyle) + ((richTextStyle === null || richTextStyle === void 0 ? void 0 : richTextStyle.dy) || 0)
                 });
             }
             else if (itemType === 'image') {
-                item.setAttributes({
+                item === null || item === void 0 ? void 0 : item.setAttributes({
                     dx: this.getItemDx(item, position, imageStyle) + ((imageStyle === null || imageStyle === void 0 ? void 0 : imageStyle.dx) || 0),
                     dy: this.getItemDy(item, position, imageStyle) + ((imageStyle === null || imageStyle === void 0 ? void 0 : imageStyle.dy) || 0)
                 });
             }
-            item.setAttributes({
+            item === null || item === void 0 ? void 0 : item.setAttributes({
                 x: itemPosition.x + (itemOffsetX || 0),
                 y: itemPosition.y + (itemOffsetY || 0),
                 angle: autoRotate && itemAngle + refAngle
@@ -6587,7 +6470,7 @@
             if (position.includes('inside')) {
                 return -width;
             }
-            if (position === 'insideTop') {
+            else if (position === 'insideTop') {
                 return 0;
             }
             return 0;
@@ -6598,7 +6481,7 @@
             if (position.includes('top') || position.includes('Top')) {
                 return -height;
             }
-            if (position.includes('middle') || position.includes('Middle')) {
+            else if (position.includes('middle') || position.includes('Middle')) {
                 return -height / 2;
             }
             return 0;
@@ -10475,7 +10358,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.15.0-alpha.24";
+    const version = "0.15.0-alpha.26";
 
     exports.AbstractComponent = AbstractComponent;
     exports.ArcInfo = ArcInfo;