@visactor/vrender-components 0.20.3-alpha.0 → 0.20.4

package/dist/index.es.js

@@ -4550,7 +4550,7 @@ class Graphic extends Node {
     return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
   }
   shouldUpdateAABBBounds() {
-    return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
+    return this.shadowRoot ? (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
   }
   shouldSelfChangeUpdateAABBBounds() {
     return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
@@ -9293,7 +9293,6 @@ class Circle extends Graphic {
     return getTheme(this).circle;
   }
   updateAABBBounds(attribute, circleTheme, aabbBounds, full) {
-    if (!application.graphicService.validCheck(attribute, circleTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateCircleAABBBoundsImprecise(attribute, circleTheme, aabbBounds) : this.updateCircleAABBBoundsAccurate(attribute, circleTheme, aabbBounds));
     const {
       tb1: tb1,
@@ -9486,7 +9485,6 @@ class Text extends Graphic {
     return getTheme(this).text;
   }
   updateAABBBounds(attribute, textTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, textTheme, aabbBounds, this)) return aabbBounds;
     const {
       text = textTheme.text
     } = this.attribute;
@@ -10595,7 +10593,6 @@ let Symbol$1 = class Symbol extends Graphic {
     return getTheme(this).symbol;
   }
   updateAABBBounds(attribute, symbolTheme, aabbBounds, full) {
-    if (!application.graphicService.validCheck(attribute, symbolTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateSymbolAABBBoundsImprecise(attribute, symbolTheme, aabbBounds) : this.updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds));
     const {
       tb1: tb1,
@@ -10673,7 +10670,6 @@ let Line$1 = class Line extends Graphic {
     return getTheme(this).line;
   }
   updateAABBBounds(attribute, lineTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, lineTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || (attribute.segments ? this.updateLineAABBBoundsBySegments(attribute, lineTheme, aabbBounds) : this.updateLineAABBBoundsByPoints(attribute, lineTheme, aabbBounds)), application.graphicService.updateTempAABBBounds(aabbBounds);
     const {
       lineJoin = lineTheme.lineJoin
@@ -10754,7 +10750,6 @@ class Rect extends Graphic {
     return getTheme(this).rect;
   }
   updateAABBBounds(attribute, rectTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, rectTheme, aabbBounds, this)) return aabbBounds;
     if (!this.updatePathProxyAABBBounds(aabbBounds)) {
       let {
         width: width,
@@ -11079,7 +11074,6 @@ class Image extends Graphic {
     return getTheme(this).image;
   }
   updateAABBBounds(attribute, imageTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, imageTheme, aabbBounds, this)) return aabbBounds;
     if (!this.updatePathProxyAABBBounds(aabbBounds)) {
       const {
         width = imageTheme.width,
@@ -11279,7 +11273,13 @@ class Wrapper {
 const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", ...GRAPHIC_UPDATE_TAG_KEY];
 class RichText extends Graphic {
   constructor(params) {
-    super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE;
+    super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE, this.onBeforeAttributeUpdate = (val, attributes, key) => {
+      for (const key in val) if ("hoverIconId" === key) {
+        if (val[key] === attributes[key]) continue;
+        const icon = this._frameCache.icons.get(val[key]);
+        this.updateHoverIconState(icon);
+      }
+    };
   }
   get width() {
     var _a;
@@ -11353,7 +11353,6 @@ class RichText extends Graphic {
     return getTheme(this).richtext;
   }
   updateAABBBounds(attribute, richtextTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, richtextTheme, aabbBounds, this)) return aabbBounds;
     const {
       width = richtextTheme.width,
       height = richtextTheme.height,
@@ -11451,8 +11450,9 @@ class RichText extends Graphic {
       paragraphs = [],
       textConfig = null != tc ? tc : _tc;
     for (let i = 0; i < textConfig.length; i++) if ("image" in textConfig[i]) {
-      const config = this.combinedStyleToCharacter(textConfig[i]),
-        iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
+      const config = this.combinedStyleToCharacter(textConfig[i]);
+      config.lineWidth = void 0;
+      const iconCache = config.id && this._frameCache && this._frameCache.icons && this._frameCache.icons.get(config.id);
       if (iconCache) paragraphs.push(iconCache);else {
         const icon = new RichTextIcon(config);
         icon.successCallback = () => {
@@ -11502,14 +11502,16 @@ class RichText extends Graphic {
   }
   bindIconEvent() {
     this.addEventListener("pointermove", e => {
-      var _a, _b, _c, _d, _e;
       const pickedIcon = this.pickIcon(e.global);
-      pickedIcon && pickedIcon === this._currentHoverIcon || (pickedIcon ? (null === (_a = this._currentHoverIcon) || void 0 === _a || _a.setHoverState(!1), this._currentHoverIcon = pickedIcon, this._currentHoverIcon.setHoverState(!0), null === (_b = this.stage) || void 0 === _b || _b.setCursor(pickedIcon.attribute.cursor), null === (_c = this.stage) || void 0 === _c || _c.renderNextFrame()) : !pickedIcon && this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_d = this.stage) || void 0 === _d || _d.setCursor(), null === (_e = this.stage) || void 0 === _e || _e.renderNextFrame()));
+      pickedIcon && pickedIcon === this._currentHoverIcon || (pickedIcon ? this.setAttribute("hoverIconId", pickedIcon.richtextId) : !pickedIcon && this._currentHoverIcon && this.setAttribute("hoverIconId", void 0));
     }), this.addEventListener("pointerleave", e => {
-      var _a, _b;
-      this._currentHoverIcon && (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_a = this.stage) || void 0 === _a || _a.setCursor(), null === (_b = this.stage) || void 0 === _b || _b.renderNextFrame());
+      this._currentHoverIcon && this.setAttribute("hoverIconId", void 0);
     });
   }
+  updateHoverIconState(pickedIcon) {
+    var _a, _b, _c, _d, _e;
+    pickedIcon ? (null === (_a = this._currentHoverIcon) || void 0 === _a || _a.setHoverState(!1), this._currentHoverIcon = pickedIcon, this._currentHoverIcon.setHoverState(!0), null === (_b = this.stage) || void 0 === _b || _b.setCursor(pickedIcon.attribute.cursor), null === (_c = this.stage) || void 0 === _c || _c.renderNextFrame()) : (this._currentHoverIcon.setHoverState(!1), this._currentHoverIcon = null, null === (_d = this.stage) || void 0 === _d || _d.setCursor(), null === (_e = this.stage) || void 0 === _e || _e.renderNextFrame());
+  }
   pickIcon(point) {
     const frameCache = this.getFrameCache(),
       {
@@ -11517,7 +11519,7 @@ class RichText extends Graphic {
         f: y
       } = this.globalTransMatrix;
     let pickIcon;
-    return frameCache.icons.forEach(icon => {
+    return frameCache.icons.forEach((icon, key) => {
       var _a, _b;
       const bounds = icon.AABBBounds.clone();
       bounds.translate(icon._marginArray[3], icon._marginArray[0]), bounds.containsPoint({
@@ -11570,7 +11572,6 @@ class Path extends Graphic {
     return getTheme(this).path;
   }
   updateAABBBounds(attribute, pathTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, pathTheme, aabbBounds, this)) return aabbBounds;
     if (!this.updatePathProxyAABBBounds(aabbBounds)) {
       const pathShape = this.getParsedPathShape();
       aabbBounds.union(pathShape.getBounds());
@@ -11636,7 +11637,6 @@ class Area extends Graphic {
     return getTheme(this).area;
   }
   updateAABBBounds(attribute, areaTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, areaTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || (attribute.segments ? this.updateAreaAABBBoundsBySegments(attribute, areaTheme, aabbBounds) : this.updateAreaAABBBoundsByPoints(attribute, areaTheme, aabbBounds)), application.graphicService.updateTempAABBBounds(aabbBounds);
     const {
       lineJoin = areaTheme.lineJoin
@@ -11837,7 +11837,6 @@ class Arc extends Graphic {
     return getTheme(this).arc;
   }
   updateAABBBounds(attribute, arcTheme, aabbBounds, full) {
-    if (!application.graphicService.validCheck(attribute, arcTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateArcAABBBoundsImprecise(attribute, arcTheme, aabbBounds) : this.updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds));
     const {
       tb1: tb1,
@@ -11945,7 +11944,6 @@ class Polygon extends Graphic {
     return getTheme(this).polygon;
   }
   updateAABBBounds(attribute, polygonTheme, aabbBounds) {
-    if (!application.graphicService.validCheck(attribute, polygonTheme, aabbBounds, this)) return aabbBounds;
     this.updatePathProxyAABBBounds(aabbBounds) || this.updatePolygonAABBBoundsImprecise(attribute, polygonTheme, aabbBounds), application.graphicService.updateTempAABBBounds(aabbBounds);
     const {
       lineJoin = polygonTheme.lineJoin
@@ -16114,6 +16112,15 @@ function getIntersection(dx, dy, cx, cy, w, h) {
     }
     return { x: cx + (dx * h) / Math.abs(dy), y: cy + (dy > 0 ? h : -h) };
 }
+function getAlignOffset(align) {
+    if (align === 'left') {
+        return 0;
+    }
+    else if (align === 'right') {
+        return 1;
+    }
+    return 0.5;
+}
 
 function loadLabelComponent() {
     registerGroup();
@@ -16720,7 +16727,7 @@ class LabelBase extends AbstractComponent {
                         const point = this._idToPoint.get(text.attribute.id);
                         if (point &&
                             (!text.animates || !text.animates.has('label-animate')) &&
-                            relatedGraphic.containsPoint(point.x, point.y, IContainPointMode.LOCAL, (_c = this.stage) === null || _c === void 0 ? void 0 : _c.pickerService)) {
+                            relatedGraphic.containsPoint(point.x, point.y, IContainPointMode.LOCAL, (_c = this.stage) === null || _c === void 0 ? void 0 : _c.getPickerService())) {
                             text.animate({ onStart }).wait(delay).to(to, duration, easing);
                             labelLine && labelLine.animate().wait(delay).to(to, duration, easing);
                         }
@@ -16989,6 +16996,8 @@ class ArcLabel extends LabelBase {
         this._ellipsisWidth = 0;
         this._arcLeft = new Map();
         this._arcRight = new Map();
+        this._line2MinLength = 0;
+        this._alignOffset = 0;
     }
     _overlapping(labels) {
         return labels;
@@ -17000,6 +17009,7 @@ class ArcLabel extends LabelBase {
         return { x: 0, y: 0 };
     }
     _layout(texts) {
+        var _a;
         if (!texts || !texts.length) {
             return;
         }
@@ -17013,7 +17023,15 @@ class ArcLabel extends LabelBase {
             ellipsisWidth = ellipsisTextBounds.x2 - ellipsisTextBounds.x1;
         }
         const data = labels.map(label => label.attribute);
-        const arcs = this.layoutArcLabels(this.attribute.position, this.attribute, Array.from(this._idToGraphic.values()), data, textBoundsArray, ellipsisWidth);
+        const currentMarks = Array.from(this._idToGraphic.values());
+        this._line2MinLength = isFunction(this.attribute.line.line2MinLength)
+            ? this.attribute.line.line2MinLength(texts, currentMarks, this.attribute)
+            : this.attribute.line.line2MinLength;
+        this._alignOffset =
+            (_a = (isFunction(this.attribute.layout.alignOffset)
+                ? this.attribute.layout.alignOffset(texts, currentMarks, this.attribute)
+                : this.attribute.layout.alignOffset)) !== null && _a !== void 0 ? _a : 0;
+        const arcs = this.layoutArcLabels(this.attribute.position, this.attribute, currentMarks, data, textBoundsArray, ellipsisWidth);
         for (let i = 0; i < data.length; i++) {
             const textData = data[i];
             const basedArc = arcs.find(arc => { var _a; return ((_a = arc.refDatum) === null || _a === void 0 ? void 0 : _a.id) === textData.id; });
@@ -17160,13 +17178,12 @@ class ArcLabel extends LabelBase {
         var _a, _b, _c;
         const center = { x: (_a = currentMarks[0].attribute.x) !== null && _a !== void 0 ? _a : 0, y: (_b = currentMarks[0].attribute.y) !== null && _b !== void 0 ? _b : 0 };
         const height = center.y * 2;
-        const line2MinLength = attribute.line.line2MinLength;
         const labelLayout = attribute.layout;
         const spaceWidth = attribute.spaceWidth;
         arcs.forEach(arc => {
             const direction = isQuadrantLeft(arc.quadrant) ? -1 : 1;
             arc.labelPosition = {
-                x: arc.outerCenter.x + direction * (arc.labelSize.width / 2 + line2MinLength + spaceWidth),
+                x: arc.outerCenter.x + direction * (arc.labelSize.width / 2 + this._line2MinLength + spaceWidth),
                 y: arc.outerCenter.y
             };
         });
@@ -17179,11 +17196,11 @@ class ArcLabel extends LabelBase {
                 arc.labelLimit = labelSize.width;
                 arc.pointB = isQuadrantLeft(arc.quadrant)
                     ? {
-                        x: labelPosition.x + labelSize.width / 2 + line2MinLength + spaceWidth,
+                        x: labelPosition.x + labelSize.width / 2 + this._line2MinLength + spaceWidth,
                         y: labelPosition.y
                     }
                     : {
-                        x: labelPosition.x - labelSize.width / 2 - line2MinLength - spaceWidth,
+                        x: labelPosition.x - labelSize.width / 2 - this._line2MinLength - spaceWidth,
                         y: labelPosition.y
                     };
                 this._computeX(arc, attribute, currentMarks);
@@ -17212,22 +17229,27 @@ class ArcLabel extends LabelBase {
         arcs.forEach(arc => {
             var _a, _b;
             if (arc.labelVisible &&
-                (isLess(arc.pointB.x, line2MinLength + spaceWidth) ||
-                    isGreater(arc.pointB.x, width - line2MinLength - spaceWidth))) {
+                (isLess(arc.pointB.x, this._line2MinLength + spaceWidth) ||
+                    isGreater(arc.pointB.x, width - this._line2MinLength - spaceWidth))) {
                 arc.labelVisible = false;
             }
             arc.angle = (_b = (_a = attribute.textStyle) === null || _a === void 0 ? void 0 : _a.angle) !== null && _b !== void 0 ? _b : 0;
             if (attribute.offsetAngle) {
                 arc.angle += attribute.offsetAngle;
             }
-            arc.labelLine = Object.assign({}, attribute.line);
+            arc.labelLine = Object.assign(Object.assign({}, attribute.line), { visible: arc.labelVisible });
         });
         return arcs;
     }
     _computeX(arc, attribute, currentMarks) {
         var _a;
         const center = arc.circleCenter;
-        const plotLayout = { width: center.x * 2, height: center.y * 2 };
+        const plotLayout = {
+            x1: 0,
+            x2: this.attribute.width,
+            y1: 0,
+            y2: this.attribute.height
+        };
         let maxRadius = 0;
         currentMarks.forEach((currentMark) => {
             if (currentMark.attribute.outerRadius > maxRadius) {
@@ -17236,7 +17258,6 @@ class ArcLabel extends LabelBase {
         });
         const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height);
         const line1MinLength = attribute.line.line1MinLength;
-        const line2MinLength = attribute.line.line2MinLength;
         const labelLayoutAlign = (_a = attribute.layout) === null || _a === void 0 ? void 0 : _a.align;
         const spaceWidth = attribute.spaceWidth;
         const { labelPosition, quadrant, pointB } = arc;
@@ -17248,11 +17269,10 @@ class ArcLabel extends LabelBase {
         const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height);
         const flag = isQuadrantLeft(quadrant) ? -1 : 1;
         let cx = 0;
-        const restWidth = flag > 0 ? plotLayout.width - pointB.x : pointB.x;
-        let limit = restWidth - line2MinLength - spaceWidth;
+        let limit = (flag > 0 ? plotLayout.x2 - pointB.x : pointB.x - plotLayout.x1) - this._line2MinLength - spaceWidth;
         if (labelLayoutAlign === 'labelLine') {
-            cx = (radius + line1MinLength + line2MinLength) * flag + center.x;
-            limit = (flag > 0 ? plotLayout.width - cx : cx) - spaceWidth;
+            cx = (radius + line1MinLength + this._line2MinLength) * flag + center.x;
+            limit = (flag > 0 ? plotLayout.x2 - cx : cx - plotLayout.x1) - spaceWidth;
         }
         const text = this._getFormatLabelText(arc.refDatum, limit);
         arc.labelText = text;
@@ -17261,24 +17281,25 @@ class ArcLabel extends LabelBase {
             case 'labelLine':
                 break;
             case 'edge':
-                cx = flag > 0 ? plotLayout.width - labelWidth - spaceWidth : labelWidth + spaceWidth;
+                cx = flag > 0 ? plotLayout.x2 - labelWidth - spaceWidth : plotLayout.x1 + labelWidth + spaceWidth;
                 break;
             case 'arc':
             default:
-                cx = pointB.x + flag * line2MinLength;
+                cx = pointB.x + flag * this._line2MinLength;
                 break;
         }
         labelWidth = Math.max(this._ellipsisWidth, labelWidth);
         arc.labelLimit = labelWidth;
         arc.pointC = { x: cx, y: labelPosition.y };
-        const targetCenterOffset = 0.5 * (arc.labelLimit < arc.labelSize.width ? arc.labelLimit : arc.labelSize.width);
+        const align = this._computeAlign(arc, attribute);
+        const targetCenterOffset = getAlignOffset(align) * (arc.labelLimit < arc.labelSize.width ? arc.labelLimit : arc.labelSize.width);
         if (labelLayoutAlign === 'edge') {
-            const alignOffset = 0;
-            labelPosition.x = (flag > 0 ? plotLayout.width + alignOffset : alignOffset) - flag * targetCenterOffset;
+            labelPosition.x =
+                (flag > 0 ? plotLayout.x2 : plotLayout.x1) - flag * targetCenterOffset + flag * this._alignOffset;
+            arc.pointC.x += flag * this._alignOffset;
         }
         else {
-            const alignOffset = 0;
-            labelPosition.x = cx + alignOffset + flag * (spaceWidth + targetCenterOffset);
+            labelPosition.x = cx + flag * (this._alignOffset + spaceWidth + targetCenterOffset);
         }
     }
     _computeAlign(arc, attribute) {
@@ -17736,6 +17757,10 @@ class DataLabel extends AbstractComponent {
             if (labelComponent) {
                 const { baseMarkGroupName, type } = dataLabel;
                 const id = (_a = dataLabel.id) !== null && _a !== void 0 ? _a : `${baseMarkGroupName}-${type}-${i}`;
+                if (dataLabel.type === 'arc') {
+                    dataLabel.width = size.width;
+                    dataLabel.height = size.height;
+                }
                 let component = this._componentMap.get(id);
                 if (component) {
                     component.setBitmapTool(tool);
@@ -18995,11 +19020,27 @@ function getYAxisLabelAlign(orient, angle = 0) {
     };
 }
 
+function normalizeOverflowLimitLength(overflowLimitLength) {
+    if (isValidNumber(overflowLimitLength)) {
+        return {
+            left: overflowLimitLength,
+            right: overflowLimitLength
+        };
+    }
+    else if (isObject(overflowLimitLength)) {
+        return {
+            left: overflowLimitLength.left || 0,
+            right: overflowLimitLength.right || 0
+        };
+    }
+    return { left: 0, right: 0 };
+}
 function autoLimit(labels, config) {
     const { limitLength, verticalLimitLength, ellipsis = '...', orient, axisLength } = config;
     if (isEmpty(labels) || !isValidNumber(limitLength)) {
         return;
     }
+    const overflowLimitLength = normalizeOverflowLimitLength(config.overflowLimitLength);
     labels.forEach(label => {
         var _a;
         const angle = label.attribute.angle;
@@ -19036,14 +19077,17 @@ function autoLimit(labels, config) {
             if (isX) {
                 const { x1, x2 } = label.AABBBounds;
                 const tan = sin / cos;
+                const verticalSizeLimit = Math.abs(limitLength / sin);
                 if (tan > 0 && x1 <= axisLength && limitLength / tan + x1 > axisLength) {
-                    limitLabelLength = (axisLength - x1) / Math.abs(cos);
+                    const lengthLimit = (axisLength - x1) / Math.abs(cos) + overflowLimitLength.right;
+                    limitLabelLength = Math.min(lengthLimit, verticalSizeLimit);
                 }
                 else if (tan < 0 && x2 >= 0 && limitLength / tan + x2 < 0) {
-                    limitLabelLength = x2 / Math.abs(cos);
+                    const lengthLimit = x2 / Math.abs(cos) + overflowLimitLength.left;
+                    limitLabelLength = Math.min(lengthLimit, verticalSizeLimit);
                 }
                 else {
-                    limitLabelLength = Math.abs(limitLength / sin);
+                    limitLabelLength = verticalSizeLimit;
                 }
             }
             else {
@@ -19578,7 +19622,7 @@ class LineAxis extends AxisBase {
         }
         const { verticalLimitSize, label, orient } = this.attribute;
         const limitLength = this._getAxisLabelLimitLength(verticalLimitSize, layerCount);
-        const { layoutFunc, autoRotate: autoRotate$1, autoRotateAngle, autoLimit: autoLimit$1, limitEllipsis, autoHide: autoHide$1, autoHideMethod, autoHideSeparation, lastVisible, autoWrap: autoWrap$1 } = label;
+        const { layoutFunc, autoRotate: autoRotate$1, autoRotateAngle, autoLimit: autoLimit$1, limitEllipsis, autoHide: autoHide$1, autoHideMethod, autoHideSeparation, lastVisible, autoWrap: autoWrap$1, overflowLimitLength } = label;
         if (isFunction(layoutFunc)) {
             layoutFunc(labelShapes, labelData, layer, this);
         }
@@ -19611,7 +19655,8 @@ class LineAxis extends AxisBase {
                     verticalLimitLength,
                     ellipsis: limitEllipsis,
                     orient,
-                    axisLength
+                    axisLength,
+                    overflowLimitLength
                 });
             }
             if (autoHide$1) {
@@ -28783,6 +28828,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.20.3-alpha.0";
+const version = "0.20.4";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, 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, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };

package/es/axis/line.js

@@ -247,7 +247,7 @@ export class LineAxis extends AxisBase {
     }
     handleLabelsOverlap(labelShapes, labelData, labelContainer, layer, layerCount) {
         if (isEmpty(labelShapes)) return;
-        const {verticalLimitSize: verticalLimitSize, label: label, orient: orient} = this.attribute, limitLength = this._getAxisLabelLimitLength(verticalLimitSize, layerCount), {layoutFunc: layoutFunc, autoRotate: autoRotate, autoRotateAngle: autoRotateAngle, autoLimit: autoLimit, limitEllipsis: limitEllipsis, autoHide: autoHide, autoHideMethod: autoHideMethod, autoHideSeparation: autoHideSeparation, lastVisible: lastVisible, autoWrap: autoWrap} = label;
+        const {verticalLimitSize: verticalLimitSize, label: label, orient: orient} = this.attribute, limitLength = this._getAxisLabelLimitLength(verticalLimitSize, layerCount), {layoutFunc: layoutFunc, autoRotate: autoRotate, autoRotateAngle: autoRotateAngle, autoLimit: autoLimit, limitEllipsis: limitEllipsis, autoHide: autoHide, autoHideMethod: autoHideMethod, autoHideSeparation: autoHideSeparation, lastVisible: lastVisible, autoWrap: autoWrap, overflowLimitLength: overflowLimitLength} = label;
         if (isFunction(layoutFunc)) layoutFunc(labelShapes, labelData, layer, this); else {
             if (autoRotate) autoRotateFunc(labelShapes, {
                 labelRotateAngle: autoRotateAngle,
@@ -268,7 +268,8 @@ export class LineAxis extends AxisBase {
                     verticalLimitLength: verticalLimitLength,
                     ellipsis: limitEllipsis,
                     orient: orient,
-                    axisLength: axisLength
+                    axisLength: axisLength,
+                    overflowLimitLength: overflowLimitLength
                 });
             }
             autoHide && autoHideFunc(labelShapes, {