@visactor/vrender-components 0.20.6-beta.0 → 0.20.6

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, Point, PointService, abs, max, min, atan2, epsilon, Matrix, pi2, Logger, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, cos, sin, pi, isArray, pointAt, isNumber, getDecimalPlaces, isNil, Color, has, normalTransform, isValidUrl, isBase64, acos, sqrt, transformBoundsWithMatrix, arrayEqual, getContextFont, clampAngleByRadian, asin, Bounds, getRectIntersect, isRectIntersect, isPlainObject, merge, clamp, clampRange, normalizePadding, debounce, throttle, hexToRgb, crossProduct, isValid, isEmpty, rectInsideAnotherRect, radianToDegree, getAngleByPoint, polarToCartesian, array, isValidNumber, calculateAnchorOfBounds, computeQuadrant, isGreater, isLess, isNumberClose, normalizeAngle, flattenArray, cloneDeep, get, isRotateAABBIntersect, last, mixin, isEqual, interpolateString, minInArray, maxInArray, binaryFuzzySearchInNumberRange, polygonContainPoint } from '@visactor/vutils';
+import { tau, halfPi as halfPi$1, AABBBounds, degreeToRadian, Point, PointService, abs, max, min, atan2, epsilon, Matrix, pi2, Logger, TextMeasure, EventEmitter, isBoolean, isObject, isFunction, isString, cos, sin, pi, isArray, pointAt, isNumber, getDecimalPlaces, isNil, Color, OBBBounds, has, normalTransform, isValidUrl, isBase64, acos, sqrt, transformBoundsWithMatrix, arrayEqual, getContextFont, rotatePoint, clampAngleByRadian, asin, Bounds, getRectIntersect, isRectIntersect, isPlainObject, merge, clamp, clampRange, normalizePadding, debounce, throttle, hexToRgb, crossProduct, isValid, isEmpty, rectInsideAnotherRect, radianToDegree, getAngleByPoint, polarToCartesian, array, isValidNumber, calculateAnchorOfBounds, computeQuadrant, isGreater, isLess, isNumberClose, normalizeAngle, flattenArray, cloneDeep, get, last, isRotateAABBIntersect, mixin, isEqual, interpolateString, minInArray, maxInArray, binaryFuzzySearchInNumberRange, polygonContainPoint } from '@visactor/vutils';
 import { isContinuous, isDiscrete, LinearScale } from '@visactor/vscale';
 
 class Generator {
@@ -4466,6 +4466,9 @@ class Graphic extends Node {
   get AABBBounds() {
     return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
   }
+  get OBBBounds() {
+    return this.tryUpdateOBBBounds();
+  }
   get globalAABBBounds() {
     return this.tryUpdateGlobalAABBBounds();
   }
@@ -4478,7 +4481,7 @@ class Graphic extends Node {
   constructor() {
     let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var _a;
-    super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
+    super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
   }
   setMode(mode) {
     "3d" === mode ? this.set3dMode() : this.set2dMode();
@@ -4512,13 +4515,22 @@ class Graphic extends Node {
     const bounds = this.doUpdateAABBBounds(full);
     return application.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), bounds;
   }
+  tryUpdateOBBBounds() {
+    if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
+    if (this.updateOBBBoundsStamp = this.updateAABBBoundsStamp, !this.valid) return this._OBBBounds.clear(), this._OBBBounds;
+    return this.doUpdateOBBBounds();
+  }
   combindShadowAABBBounds(bounds) {
     if (this.shadowRoot) {
       const b = this.shadowRoot.AABBBounds.clone();
       bounds.union(b);
     }
   }
+  doUpdateOBBBounds() {
+    return this._OBBBounds;
+  }
   doUpdateAABBBounds(full) {
+    this.updateAABBBoundsStamp++;
     const graphicTheme = this.getGraphicTheme();
     this._AABBBounds.clear();
     const attribute = this.attribute,
@@ -5476,6 +5488,7 @@ class Group extends Graphic {
     }), application.graphicService.updateTempAABBBounds(aabbBounds), application.graphicService.transformAABBBounds(attribute, aabbBounds, groupTheme, !1, this), originalAABBBounds.copy(aabbBounds), originalAABBBounds;
   }
   doUpdateAABBBounds() {
+    this.updateAABBBoundsStamp++;
     const bounds = super.doUpdateAABBBounds();
     return this.parent && this.parent.addChildUpdateBoundTag(), this._emitCustomEvent("AAABBBoundsChange"), bounds;
   }
@@ -9152,7 +9165,10 @@ class InteractiveDrawItemInterceptorContribution {
   }
   beforeDrawInteractive(graphic, renderService, drawContext, drawContribution, params) {
     const baseGraphic = graphic.baseGraphic;
-    if (!baseGraphic.stage) {
+    let intree = !!baseGraphic.stage,
+      _g = baseGraphic.parent;
+    for (; intree && _g && _g.stage !== _g;) intree = !!_g.stage, _g = _g.parent;
+    if (!intree) {
       const interactiveLayer = drawContext.stage.getLayer("_builtin_interactive");
       if (interactiveLayer) {
         this.getShadowRoot(interactiveLayer).removeChild(graphic);
@@ -9501,6 +9517,35 @@ class Text extends Graphic {
   getGraphicTheme() {
     return getTheme(this).text;
   }
+  doUpdateOBBBounds() {
+    const graphicTheme = this.getGraphicTheme();
+    this._OBBBounds.clear();
+    const attribute = this.attribute,
+      {
+        angle = graphicTheme.angle
+      } = attribute;
+    if (!angle) {
+      const b = this.AABBBounds;
+      return this._OBBBounds.setValue(b.x1, b.y1, b.x2, b.y2), this._OBBBounds;
+    }
+    this.obbText || (this.obbText = new Text({})), this.obbText.setAttributes(Object.assign(Object.assign({}, attribute), {
+      angle: 0
+    }));
+    const bounds1 = this.obbText.AABBBounds,
+      {
+        x: x,
+        y: y
+      } = attribute,
+      boundsCenter = {
+        x: (bounds1.x1 + bounds1.x2) / 2,
+        y: (bounds1.y1 + bounds1.y2) / 2
+      },
+      center = rotatePoint(boundsCenter, angle, {
+        x: x,
+        y: y
+      });
+    return this._OBBBounds.copy(bounds1), this._OBBBounds.translate(center.x - boundsCenter.x, center.y - boundsCenter.y), this._OBBBounds.angle = angle, this._OBBBounds;
+  }
   updateAABBBounds(attribute, textTheme, aabbBounds) {
     const {
       text = textTheme.text
@@ -11933,13 +11978,14 @@ class Arc extends Graphic {
     return super.needUpdateTag(key, ARC_UPDATE_TAG_KEY);
   }
   toCustomPath() {
+    var _a, _b, _c, _d;
     const attribute = this.attribute,
       {
         startAngle: startAngle,
         endAngle: endAngle
       } = this.getParsedAngle();
-    let innerRadius = attribute.innerRadius - (attribute.innerPadding || 0),
-      outerRadius = attribute.outerRadius - (attribute.outerPadding || 0);
+    let innerRadius = (null !== (_a = attribute.innerRadius) && void 0 !== _a ? _a : 0) - (null !== (_b = attribute.innerPadding) && void 0 !== _b ? _b : 0),
+      outerRadius = (null !== (_c = attribute.outerRadius) && void 0 !== _c ? _c : 0) - (null !== (_d = attribute.outerPadding) && void 0 !== _d ? _d : 0);
     const deltaAngle = abs(endAngle - startAngle),
       clockwise = endAngle > startAngle;
     if (outerRadius < innerRadius) {
@@ -16802,44 +16848,31 @@ class LabelBase extends AbstractComponent {
             const baseMark = this.getRelatedGraphic(label.attribute);
             const backgroundColor = baseMark.attribute.fill;
             const foregroundColor = label.attribute.fill;
-            const baseColor = backgroundColor;
             const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode);
             const similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor;
-            if (outsideEnable) {
-                const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
+            if (outsideEnable || this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds)) {
+                const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
                 fill && label.setAttributes({ fill });
                 if (label.attribute.lineWidth === 0) {
                     continue;
                 }
-                const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
+                const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
                 stroke && label.setAttributes({ stroke });
             }
-            else {
-                const isInside = this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds);
-                if (isInside) {
-                    const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
-                    fill && label.setAttributes({ fill });
-                    if (label.attribute.lineWidth === 0) {
-                        continue;
-                    }
-                    const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
-                    stroke && label.setAttributes({ stroke });
+            else if (label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds)) {
+                if (label.attribute.lineWidth === 0) {
+                    continue;
                 }
-                else {
-                    if (label.attribute.lineWidth === 0) {
-                        continue;
-                    }
-                    if (label.attribute.stroke) {
-                        label.setAttributes({
-                            fill: labelSmartInvert(label.attribute.fill, label.attribute.stroke, textType, contrastRatiosThreshold, alternativeColors, mode)
-                        });
-                        continue;
-                    }
-                    const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
-                    fill && label.setAttributes({ fill });
-                    const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
-                    stroke && label.setAttributes({ stroke });
+                if (label.attribute.stroke) {
+                    label.setAttributes({
+                        fill: labelSmartInvert(label.attribute.fill, label.attribute.stroke, textType, contrastRatiosThreshold, alternativeColors, mode)
+                    });
+                    continue;
                 }
+                const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
+                fill && label.setAttributes({ fill });
+                const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
+                stroke && label.setAttributes({ stroke });
             }
         }
     }
@@ -17315,7 +17348,9 @@ class ArcLabel extends LabelBase {
         const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height);
         const flag = isQuadrantLeft(quadrant) ? -1 : 1;
         let cx = 0;
-        let limit = (flag > 0 ? plotLayout.x2 - pointB.x : pointB.x - plotLayout.x1) - this._line2MinLength - spaceWidth;
+        let limit = (flag > 0 ? plotLayout.x2 - pointB.x + this._alignOffset : pointB.x - plotLayout.x1 - this._alignOffset) -
+            this._line2MinLength -
+            spaceWidth;
         if (labelLayoutAlign === 'labelLine') {
             cx = (radius + line1MinLength + this._line2MinLength) * flag + center.x;
             limit = (flag > 0 ? plotLayout.x2 - cx : cx - plotLayout.x1) - spaceWidth;
@@ -18772,60 +18807,6 @@ class AxisBase extends AbstractComponent {
     }
 }
 
-function rotate(x, y, deg, originX, originY) {
-    return {
-        x: (x - originX) * Math.cos(deg) + (y - originY) * Math.sin(deg) + originX,
-        y: (x - originX) * Math.sin(deg) + (originY - y) * Math.cos(deg) + originY
-    };
-}
-function genNormalBounds(item) {
-    const bounds = item.AABBBounds;
-    return {
-        x1: bounds.x1,
-        x2: bounds.x2,
-        y1: bounds.y1,
-        y2: bounds.y2,
-        centerX: item.attribute.x,
-        centerY: item.attribute.y,
-        angle: item.attribute.angle
-    };
-}
-function genRotateBounds(items) {
-    items.forEach(item => {
-        if (item.rotatedBounds || !item.attribute.angle) {
-            return;
-        }
-        const bounds = genNormalBounds(item);
-        const rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y);
-        const deltaX = rotatedCenter.x - bounds.centerX;
-        const deltaY = rotatedCenter.y - bounds.centerY;
-        bounds.x1 += deltaX;
-        bounds.x2 += deltaX;
-        bounds.y1 += deltaY;
-        bounds.y2 += deltaY;
-        bounds.centerX += deltaX;
-        bounds.centerY += deltaY;
-        item.rotatedBounds = bounds;
-    });
-}
-function itemIntersect(item1, item2) {
-    return (isRectIntersect(item1.AABBBounds, item2.AABBBounds, false) &&
-        (item1.rotatedBounds && item2.rotatedBounds
-            ? isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, true)
-            : true));
-}
-const DELTA_ANGLE = Math.sin(Math.PI / 10);
-function isAngleVertical(angle) {
-    const hasAngle = !isNil(angle) && angle !== 0;
-    const cos = hasAngle ? Math.cos(angle) : 1;
-    return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
-}
-function isAngleHorizontal(angle) {
-    const hasAngle = !isNil(angle) && angle !== 0;
-    const sin = hasAngle ? Math.sin(angle) : 0;
-    return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
-}
-
 const methods$1 = {
     parity: function (items) {
         return items.filter((item, i) => (i % 2 ? item.setAttribute('opacity', 0) : 1));
@@ -18842,13 +18823,14 @@ const methods$1 = {
     }
 };
 function intersect$1(textA, textB, sep) {
-    const a = textA.AABBBounds;
-    const b = textB.AABBBounds;
-    return (sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2) &&
-        (textA.rotatedBounds && textB.rotatedBounds
-            ? sep >
-                Math.max(textB.rotatedBounds.x1 - textA.rotatedBounds.x2, textA.rotatedBounds.x1 - textB.rotatedBounds.x2, textB.rotatedBounds.y1 - textA.rotatedBounds.y2, textA.rotatedBounds.y1 - textB.rotatedBounds.y2)
-            : true));
+    let a = textA.OBBBounds;
+    let b = textB.OBBBounds;
+    if (a && b && !a.empty() && !b.empty()) {
+        return a.intersects(b);
+    }
+    a = textA.AABBBounds;
+    b = textB.AABBBounds;
+    return sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2);
 }
 function hasOverlap$1(items, pad) {
     for (let i = 1, n = items.length, a = items[0], b; i < n; a = b, ++i) {
@@ -18858,8 +18840,14 @@ function hasOverlap$1(items, pad) {
     }
 }
 function hasBounds(item) {
-    const b = item.AABBBounds;
-    return b.width() > 1 && b.height() > 1;
+    let bounds;
+    if (!item.OBBBounds.empty()) {
+        bounds = item.OBBBounds;
+    }
+    else {
+        bounds = item.AABBBounds;
+    }
+    return bounds.width() > 1 && bounds.height() > 1;
 }
 function reset(items) {
     items.forEach(item => item.setAttribute('opacity', 1));
@@ -18875,7 +18863,6 @@ function autoHide(labels, config) {
     }
     let items;
     items = reset(source);
-    genRotateBounds(items);
     const { method = 'parity', separation: sep = 0 } = config;
     const reduce = isFunction(method) ? method : methods$1[method] || methods$1.parity;
     if (items.length >= 3 && hasOverlap$1(items, sep)) {
@@ -18906,6 +18893,61 @@ function autoHide(labels, config) {
     });
 }
 
+function genNormalBounds(item) {
+    const bounds = item.AABBBounds;
+    return {
+        x1: bounds.x1,
+        x2: bounds.x2,
+        y1: bounds.y1,
+        y2: bounds.y2,
+        centerX: item.attribute.x,
+        centerY: item.attribute.y,
+        angle: item.attribute.angle
+    };
+}
+function genRotateBounds(items) {
+    items.forEach(item => {
+        if (item.rotatedBounds || !item.attribute.angle) {
+            return;
+        }
+        const bounds = genNormalBounds(item);
+        const rotatedCenter = rotatePoint({ x: item.attribute.x, y: item.attribute.y }, bounds.angle, {
+            x: bounds.centerX,
+            y: bounds.centerY
+        });
+        const deltaX = rotatedCenter.x - bounds.centerX;
+        const deltaY = rotatedCenter.y - bounds.centerY;
+        bounds.x1 += deltaX;
+        bounds.x2 += deltaX;
+        bounds.y1 += deltaY;
+        bounds.y2 += deltaY;
+        bounds.centerX += deltaX;
+        bounds.centerY += deltaY;
+        item.rotatedBounds = bounds;
+    });
+}
+function itemIntersect(item1, item2) {
+    var _a, _b;
+    if (!((_a = item1.OBBBounds) === null || _a === void 0 ? void 0 : _a.empty()) && !((_b = item2.OBBBounds) === null || _b === void 0 ? void 0 : _b.empty())) {
+        return item1.OBBBounds.intersects(item2.OBBBounds);
+    }
+    return (isRectIntersect(item1.AABBBounds, item2.AABBBounds, false) &&
+        (item1.rotatedBounds && item2.rotatedBounds
+            ? isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, true)
+            : true));
+}
+const DELTA_ANGLE = Math.sin(Math.PI / 10);
+function isAngleVertical(angle) {
+    const hasAngle = !isNil(angle) && angle !== 0;
+    const cos = hasAngle ? Math.cos(angle) : 1;
+    return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
+}
+function isAngleHorizontal(angle) {
+    const hasAngle = !isNil(angle) && angle !== 0;
+    const sin = hasAngle ? Math.sin(angle) : 0;
+    return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
+}
+
 function autoRotate(items, rotateConfig) {
     if (isEmpty(items)) {
         return;
@@ -20854,8 +20896,25 @@ class BaseGrid extends AbstractComponent {
                 ? alternateColor
                 : [alternateColor, 'transparent'];
             const getColor = (index) => colors[index % colors.length];
-            for (let index = 0; index < items.length - 1; index++) {
-                const [prev, curr] = [items[index].points, items[index + 1].points];
+            const originalItems = this.attribute.items;
+            const firstItem = originalItems[0];
+            const lastItem = originalItems[originalItems.length - 1];
+            const noZero = !isNumberClose(firstItem.value, 0) && !isNumberClose(lastItem.value, 0);
+            const noOne = !isNumberClose(firstItem.value, 1) && !isNumberClose(lastItem.value, 1);
+            const allPoints = [];
+            const isDesc = firstItem.value > lastItem.value;
+            if ((isDesc && noOne) || (!isDesc && noZero)) {
+                allPoints.push(this.getGridPointsByValue(isDesc ? 1 : 0));
+            }
+            items.forEach((item) => {
+                allPoints.push(item.points);
+            });
+            if ((isDesc && noZero) || (!isDesc && noOne)) {
+                allPoints.push(this.getGridPointsByValue(isDesc ? 0 : 1));
+            }
+            for (let index = 0; index < allPoints.length - 1; index++) {
+                const prev = allPoints[index];
+                const curr = allPoints[index + 1];
                 const path = getRegionPath(prev, curr, gridAttrs);
                 const shape = graphicCreator.path({
                     path,
@@ -20941,6 +21000,10 @@ class LineAxisGrid extends BaseGrid {
         }
         return gridPoints;
     }
+    getGridPointsByValue(value) {
+        const basePoint = this.getTickCoord(value);
+        return this._getGridPoint(this.attribute.type, basePoint);
+    }
     getGridAttribute(isSubGrid) {
         const { type: gridType, alignWithLabel = true } = this.attribute;
         const tickSegment = this._parseTickSegment();
@@ -20969,7 +21032,7 @@ class LineAxisGrid extends BaseGrid {
         else {
             gridAttribute = merge({}, this.attribute, this.attribute.subGrid);
             const subGridItems = [];
-            const { count: subCount = 4 } = this.attribute.subGrid || {};
+            const { count: subCount = 4 } = gridAttribute;
             const tickLineCount = this.data.length;
             if (tickLineCount >= 2) {
                 const points = this._getPointsOfSubGrid(tickSegment, alignWithLabel);
@@ -20978,23 +21041,22 @@ class LineAxisGrid extends BaseGrid {
                     const next = points[i + 1];
                     subGridItems.push({
                         id: `sub-${i}-0`,
-                        points: this._getGridPoint(gridType, this.getTickCoord(pre.value)),
+                        points: this.getGridPointsByValue(pre.value),
                         datum: {}
                     });
                     for (let j = 0; j < subCount; j++) {
                         const percent = (j + 1) / (subCount + 1);
                         const value = (1 - percent) * pre.value + percent * next.value;
-                        const point = this.getTickCoord(value);
                         subGridItems.push({
                             id: `sub-${i}-${j + 1}`,
-                            points: this._getGridPoint(gridType, point),
+                            points: this.getGridPointsByValue(value),
                             datum: {}
                         });
                     }
                     if (i === points.length - 2) {
                         subGridItems.push({
                             id: `sub-${i}-${subCount + 1}`,
-                            points: this._getGridPoint(gridType, this.getTickCoord(next.value)),
+                            points: this.getGridPointsByValue(next.value),
                             datum: {}
                         });
                     }
@@ -21012,6 +21074,11 @@ class CircleAxisGrid extends BaseGrid {
     constructor(attributes, options) {
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, BaseGrid.defaultAttributes, attributes), options);
     }
+    getGridPointsByValue(value) {
+        const basePoint = this.getTickCoord(value);
+        const { radius, innerRadius = 0 } = this.attribute;
+        return [basePoint, this.getVerticalCoord(basePoint, radius - innerRadius, true)];
+    }
     getGridAttribute(isSubGrid) {
         let gridAttribute;
         let items = [];
@@ -24517,7 +24584,7 @@ class DiscreteLegend extends LegendBase {
         let focusSpace = 0;
         if (focus) {
             const focusSize = get(focusIconStyle, 'size', DEFAULT_SHAPE_SIZE);
-            focusShape = graphicCreator.symbol(Object.assign(Object.assign({ x: 0, y: -focusSize / 2 - 1, strokeBoundsBuffer: 0 }, focusIconStyle), { visible: true, pickMode: 'imprecise', boundsPadding: parsedPadding }));
+            focusShape = graphicCreator.symbol(Object.assign(Object.assign({ x: 0, y: -focusSize / 2 - 1, strokeBoundsBuffer: 0, boundsPadding: parsedPadding }, focusIconStyle), { visible: true, pickMode: 'imprecise' }));
             this._appendDataToShape(focusShape, LEGEND_ELEMENT_NAME.focus, item, itemGroup);
             focusSpace = focusSize;
         }
@@ -29002,6 +29069,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.20.6-beta.0";
+const version = "0.20.6";
 
 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/grid/base.d.ts

@@ -19,6 +19,7 @@ export declare abstract class BaseGrid<T extends GridBaseAttributes> extends Abs
     abstract isInValidValue(value: number): boolean;
     abstract getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];
     protected abstract getGridAttribute(isSubGrid: boolean): T;
+    protected abstract getGridPointsByValue(value: number): Point[];
     protected render(): void;
     protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point;
     private _transformItems;

package/es/axis/grid/base.js

@@ -1,4 +1,4 @@
-import { isFunction, isArray, merge, PointService, abs, pi } from "@visactor/vutils";
+import { isFunction, isArray, merge, PointService, abs, pi, isNumberClose } from "@visactor/vutils";
 
 import { graphicCreator } from "@visactor/vrender-core";
 
@@ -104,9 +104,13 @@ export class BaseGrid extends AbstractComponent {
             }, isFunction(style) ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index)) : style));
             shape.name = `${name}-line`, shape.id = this._getNodeId(`${name}-path-${id}`), container.add(shape);
         })), items.length > 1 && alternateColor) {
-            const colors = isArray(alternateColor) ? alternateColor : [ alternateColor, "transparent" ], getColor = index => colors[index % colors.length];
-            for (let index = 0; index < items.length - 1; index++) {
-                const [prev, curr] = [ items[index].points, items[index + 1].points ], path = getRegionPath(prev, curr, gridAttrs), shape = graphicCreator.path({
+            const colors = isArray(alternateColor) ? alternateColor : [ alternateColor, "transparent" ], getColor = index => colors[index % colors.length], originalItems = this.attribute.items, firstItem = originalItems[0], lastItem = originalItems[originalItems.length - 1], noZero = !isNumberClose(firstItem.value, 0) && !isNumberClose(lastItem.value, 0), noOne = !isNumberClose(firstItem.value, 1) && !isNumberClose(lastItem.value, 1), allPoints = [], isDesc = firstItem.value > lastItem.value;
+            (isDesc && noOne || !isDesc && noZero) && allPoints.push(this.getGridPointsByValue(isDesc ? 1 : 0)), 
+            items.forEach((item => {
+                allPoints.push(item.points);
+            })), (isDesc && noZero || !isDesc && noOne) && allPoints.push(this.getGridPointsByValue(isDesc ? 0 : 1));
+            for (let index = 0; index < allPoints.length - 1; index++) {
+                const path = getRegionPath(allPoints[index], allPoints[index + 1], gridAttrs), shape = graphicCreator.path({
                     path: path,
                     fill: getColor(index)
                 });

package/es/axis/grid/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/axis/grid/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, merge, PointService, abs, pi } from '@visactor/vutils';\nimport type { IGraphic, IGroup, Path } from '@visactor/vrender-core';\nimport { graphicCreator } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { Point } from '../../core/type';\nimport type { GridItem, CircleGridAttributes, GridBaseAttributes, GridAttributes, LineGridAttributes } from './type';\nimport type { AxisItem, TransformedAxisItem } from '../type';\nimport { AXIS_ELEMENT_NAME } from '../constant';\nimport { getElMap, getPolygonPath, getVerticalCoord } from '../util';\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getPolygonPath(from, !!closed);\n    nextPath = getPolygonPath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getPolygonPath(from, !!closed);\n    nextPath = getPolygonPath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport abstract class BaseGrid<T extends GridBaseAttributes> extends AbstractComponent<Required<T>> {\n  name = 'axis-grid';\n\n  static defaultAttributes: Partial<GridBaseAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: '#999',\n        strokeOpacity: 1,\n        lineDash: [4, 4]\n      }\n    }\n  };\n\n  protected _innerView: IGroup;\n  getInnerView() {\n    return this._innerView;\n  }\n\n  protected _prevInnerView: { [key: string]: IGraphic }; // 缓存旧场景树，用于自定义动画\n  /**\n   * 获取更新前的旧场景树\n   * @returns 返回更新前的旧场景树\n   */\n  getPrevInnerView() {\n    return this._prevInnerView;\n  }\n\n  // 经过处理后的坐标轴点数据\n  protected data: TransformedAxisItem[] = [];\n  abstract getTickCoord(value: number): Point;\n  abstract isInValidValue(value: number): boolean;\n  abstract getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];\n  protected abstract getGridAttribute(isSubGrid: boolean): T;\n\n  protected render(): void {\n    this._prevInnerView = this._innerView && getElMap(this._innerView);\n\n    this.removeAllChild(true);\n    this._innerView = graphicCreator.group({ x: 0, y: 0, pickable: false });\n    this.add(this._innerView);\n\n    const { items, visible } = this.attribute;\n    if (items && items.length && visible !== false) {\n      this.data = this._transformItems(items);\n      this._renderGrid(this._innerView);\n    }\n  }\n\n  protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point {\n    return getVerticalCoord(point, this.getVerticalVector(offset, inside, point));\n  }\n\n  private _transformItems(items: AxisItem[]) {\n    const data: TransformedAxisItem[] = [];\n    items.forEach((item: AxisItem) => {\n      data.push({\n        ...item,\n        point: this.getTickCoord(item.value),\n        id: item.id ?? item.label\n      });\n    });\n    return data;\n  }\n  private _renderGrid(container: any) {\n    // 渲染 subGrid\n    const { visible } = this.attribute.subGrid || {};\n    if (visible) {\n      this._renderGridByType(true, container);\n    }\n\n    // 渲染 Grid，Grid 需要在 subGrid 上层渲染\n    this._renderGridByType(false, container);\n  }\n\n  private _renderGridByType(isSubGrid: boolean, container: IGroup) {\n    const gridAttrs = merge({}, this.attribute, this.getGridAttribute(isSubGrid));\n\n    const { type, items, style, closed, alternateColor, depth = 0 } = gridAttrs;\n    const name = isSubGrid ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`;\n\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getPolygonPath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as unknown as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = graphicCreator.path({\n        path,\n        z: depth,\n        ...(isFunction(style)\n          ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n          : style)\n      }) as Path;\n      shape.name = `${name}-line`;\n      shape.id = this._getNodeId(`${name}-path-${id}`);\n      container.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getPolygonPath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = graphicCreator.path({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style)\n            ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n            : style)\n        }) as Path;\n        shape.name = `${name}-line`;\n        shape.id = this._getNodeId(`${name}-path-${id}`);\n        container.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n\n      // const regions: any[] = [];\n      for (let index = 0; index < items.length - 1; index++) {\n        const [prev, curr] = [items[index].points, items[index + 1].points];\n        const path = getRegionPath(prev, curr, gridAttrs);\n        const shape = graphicCreator.path({\n          path,\n          fill: getColor(index)\n        }) as Path;\n        shape.name = `${name}-region`;\n        shape.id = this._getNodeId(`${name}-region-${index}`);\n        container.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n\n  protected _parseTickSegment() {\n    let tickSegment = 1;\n    const count = this.data.length;\n    if (count >= 2) {\n      tickSegment = this.data[1].value - this.data[0].value;\n    }\n\n    return tickSegment;\n  }\n\n  protected _getPointsOfSubGrid(tickSegment: number, alignWithLabel: boolean) {\n    const tickLineCount = this.data.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    const points: { value: number }[] = [];\n    if (tickLineCount >= 2) {\n      this.data.forEach((item: TransformedAxisItem) => {\n        let tickValue = item.value;\n        if (!alignWithLabel) {\n          // tickLine 不同 tick 对齐时需要调整 point\n          const value = item.value - tickSegment / 2;\n          if (this.isInValidValue(value)) {\n            return;\n          }\n          tickValue = value;\n        }\n        points.push({\n          value: tickValue\n        });\n      });\n    }\n\n    return points;\n  }\n\n  release(): void {\n    super.release();\n    this._prevInnerView = null;\n    this._innerView = null;\n  }\n}\n"]}
+{"version":3,"sources":["../src/axis/grid/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 网格线\n */\nimport { isFunction, isArray, merge, PointService, abs, pi, isNumberClose } from '@visactor/vutils';\nimport type { IGraphic, IGroup, Path } from '@visactor/vrender-core';\nimport { graphicCreator } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { Point } from '../../core/type';\nimport type { GridItem, CircleGridAttributes, GridBaseAttributes, GridAttributes, LineGridAttributes } from './type';\nimport type { AxisItem, TransformedAxisItem } from '../type';\nimport { AXIS_ELEMENT_NAME } from '../constant';\nimport { getElMap, getPolygonPath, getVerticalCoord } from '../util';\n\nfunction getArcPath(center: Point, points: Point[], reverse: boolean, closed: boolean) {\n  let path = '';\n  if (!center || points.length === 0) {\n    return path;\n  }\n  const firstPoint = points[0];\n  const radius = PointService.distancePP(center, firstPoint);\n  const sweepFlag = reverse ? 0 : 1; // 顺时针还是逆时针\n  if (closed) {\n    // 封闭时，绘制整个圆\n    path += `M${center.x},${center.y - radius}A${radius},${radius},0,0,${sweepFlag},${center.x},${\n      center.y + radius\n    }A${radius},${radius},0,0,${sweepFlag},${center.x},${center.y - radius}Z`;\n  } else {\n    points.forEach((point, index) => {\n      if (index === 0) {\n        path = `M${point.x},${point.y}`;\n      } else {\n        path += `A${radius},${radius},0,0,${sweepFlag},${point.x},${point.y}`;\n      }\n    });\n  }\n\n  return path;\n}\n\nfunction getRegionPath(from: Point[], to: Point[], attribute: GridAttributes) {\n  const { type, closed } = attribute;\n  const reversePoints = to.slice(0).reverse();\n\n  let regionPath = '';\n  let nextPath = '';\n\n  if (type === 'line' && (attribute as LineGridAttributes).smoothLink && (attribute as LineGridAttributes).center) {\n    const fromStart = from[0];\n    const toEnd = reversePoints[0];\n    const center = (attribute as LineGridAttributes).center as Point;\n\n    regionPath = getPolygonPath(from, !!closed);\n    nextPath = getPolygonPath(reversePoints, !!closed);\n    const toEndRadius = PointService.distancePP(toEnd, center);\n    const fromStartRadius = PointService.distancePP(fromStart, center);\n    regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;\n    nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;\n  } else if (type === 'circle') {\n    const { center } = attribute as CircleGridAttributes;\n    regionPath = getArcPath(center, from, false, !!closed);\n    nextPath = getArcPath(center, reversePoints, true, !!closed);\n  } else if (type === 'line' || type === 'polygon') {\n    regionPath = getPolygonPath(from, !!closed);\n    nextPath = getPolygonPath(reversePoints, !!closed);\n  }\n\n  if (closed) {\n    regionPath += nextPath;\n  } else {\n    nextPath = 'L' + nextPath.substring(1); // 更新第一个节点\n    regionPath += nextPath;\n    regionPath += 'Z';\n  }\n  return regionPath;\n}\n\nexport abstract class BaseGrid<T extends GridBaseAttributes> extends AbstractComponent<Required<T>> {\n  name = 'axis-grid';\n\n  static defaultAttributes: Partial<GridBaseAttributes> = {\n    style: {\n      lineWidth: 1,\n      stroke: '#999',\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    },\n    subGrid: {\n      visible: false,\n      style: {\n        lineWidth: 1,\n        stroke: '#999',\n        strokeOpacity: 1,\n        lineDash: [4, 4]\n      }\n    }\n  };\n\n  protected _innerView: IGroup;\n  getInnerView() {\n    return this._innerView;\n  }\n\n  protected _prevInnerView: { [key: string]: IGraphic }; // 缓存旧场景树，用于自定义动画\n  /**\n   * 获取更新前的旧场景树\n   * @returns 返回更新前的旧场景树\n   */\n  getPrevInnerView() {\n    return this._prevInnerView;\n  }\n\n  // 经过处理后的坐标轴点数据\n  protected data: TransformedAxisItem[] = [];\n  abstract getTickCoord(value: number): Point;\n  abstract isInValidValue(value: number): boolean;\n  abstract getVerticalVector(offset: number, inside: boolean, point: Point): [number, number];\n  protected abstract getGridAttribute(isSubGrid: boolean): T;\n  protected abstract getGridPointsByValue(value: number): Point[];\n\n  protected render(): void {\n    this._prevInnerView = this._innerView && getElMap(this._innerView);\n\n    this.removeAllChild(true);\n    this._innerView = graphicCreator.group({ x: 0, y: 0, pickable: false });\n    this.add(this._innerView);\n\n    const { items, visible } = this.attribute;\n    if (items && items.length && visible !== false) {\n      this.data = this._transformItems(items);\n      this._renderGrid(this._innerView);\n    }\n  }\n\n  protected getVerticalCoord(point: Point, offset: number, inside: boolean): Point {\n    return getVerticalCoord(point, this.getVerticalVector(offset, inside, point));\n  }\n\n  private _transformItems(items: AxisItem[]) {\n    const data: TransformedAxisItem[] = [];\n    items.forEach((item: AxisItem) => {\n      data.push({\n        ...item,\n        point: this.getTickCoord(item.value),\n        id: item.id ?? item.label\n      });\n    });\n    return data;\n  }\n  private _renderGrid(container: any) {\n    // 渲染 subGrid\n    const { visible } = this.attribute.subGrid || {};\n    if (visible) {\n      this._renderGridByType(true, container);\n    }\n\n    // 渲染 Grid，Grid 需要在 subGrid 上层渲染\n    this._renderGridByType(false, container);\n  }\n\n  private _renderGridByType(isSubGrid: boolean, container: IGroup) {\n    const gridAttrs = merge({}, this.attribute, this.getGridAttribute(isSubGrid));\n\n    const { type, items, style, closed, alternateColor, depth = 0 } = gridAttrs;\n    const name = isSubGrid ? `${AXIS_ELEMENT_NAME.grid}-sub` : `${AXIS_ELEMENT_NAME.grid}`;\n\n    // 绘制网格线\n    items.forEach((item: GridItem, index: number) => {\n      const { id, points } = item;\n      let path = '';\n      if (type === 'line' || type === 'polygon') {\n        path = getPolygonPath(points, !!closed);\n      } else if (type === 'circle') {\n        const { center } = this.attribute as unknown as CircleGridAttributes;\n        path = getArcPath(center, points, false, !!closed);\n      }\n      const shape = graphicCreator.path({\n        path,\n        z: depth,\n        ...(isFunction(style)\n          ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n          : style)\n      }) as Path;\n      shape.name = `${name}-line`;\n      shape.id = this._getNodeId(`${name}-path-${id}`);\n      container.add(shape);\n    });\n\n    // 添加额外的3d线段\n    if (depth && type === 'line') {\n      items.forEach((item: GridItem, index: number) => {\n        const { id, points } = item;\n        // 重新计算points，使其长度为depth\n        const nextPoints = [];\n        nextPoints.push(points[0]);\n        const dir = { x: points[1].x - points[0].x, y: points[1].y - points[0].y };\n        const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);\n        const ratio = depth / dirLen;\n        nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });\n        const path = getPolygonPath(nextPoints, !!closed);\n        const deltaX = abs(nextPoints[0].x - nextPoints[1].x);\n        const deltaY = abs(nextPoints[0].y - nextPoints[1].y);\n        const shape = graphicCreator.path({\n          path,\n          z: 0,\n          alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0,\n          beta: deltaX < deltaY ? -pi / 2 : 0,\n          anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y],\n          ...(isFunction(style)\n            ? merge({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index))\n            : style)\n        }) as Path;\n        shape.name = `${name}-line`;\n        shape.id = this._getNodeId(`${name}-path-${id}`);\n        container.add(shape);\n      });\n    }\n\n    // 绘制填充区域\n    if (items.length > 1 && alternateColor) {\n      const colors: string[] = isArray(alternateColor)\n        ? (alternateColor as string[])\n        : [alternateColor as string, 'transparent'];\n      const getColor = (index: number) => colors[index % colors.length];\n      const originalItems = this.attribute.items;\n      const firstItem = originalItems[0];\n      const lastItem = originalItems[originalItems.length - 1];\n      const noZero = !isNumberClose(firstItem.value, 0) && !isNumberClose(lastItem.value, 0);\n      const noOne = !isNumberClose(firstItem.value, 1) && !isNumberClose(lastItem.value, 1);\n      const allPoints = [];\n      const isDesc = firstItem.value > lastItem.value;\n\n      if ((isDesc && noOne) || (!isDesc && noZero)) {\n        allPoints.push(this.getGridPointsByValue(isDesc ? 1 : 0));\n      }\n      items.forEach((item: any) => {\n        allPoints.push(item.points as Point[]);\n      });\n\n      if ((isDesc && noZero) || (!isDesc && noOne)) {\n        allPoints.push(this.getGridPointsByValue(isDesc ? 0 : 1));\n      }\n\n      for (let index = 0; index < allPoints.length - 1; index++) {\n        const prev = allPoints[index];\n        const curr = allPoints[index + 1];\n        const path = getRegionPath(prev, curr, gridAttrs);\n        const shape = graphicCreator.path({\n          path,\n          fill: getColor(index)\n        }) as Path;\n        shape.name = `${name}-region`;\n        shape.id = this._getNodeId(`${name}-region-${index}`);\n        container.add(shape);\n      }\n    }\n  }\n\n  /**\n   * @override 覆写\n   * @param id\n   * @returns\n   */\n  protected _getNodeId(id: string) {\n    return `${this.id}-${id}`;\n  }\n\n  protected _parseTickSegment() {\n    let tickSegment = 1;\n    const count = this.data.length;\n    if (count >= 2) {\n      tickSegment = this.data[1].value - this.data[0].value;\n    }\n\n    return tickSegment;\n  }\n\n  protected _getPointsOfSubGrid(tickSegment: number, alignWithLabel: boolean) {\n    const tickLineCount = this.data.length;\n    // 刻度线的数量大于 2 时，才绘制子刻度\n    const points: { value: number }[] = [];\n    if (tickLineCount >= 2) {\n      this.data.forEach((item: TransformedAxisItem) => {\n        let tickValue = item.value;\n        if (!alignWithLabel) {\n          // tickLine 不同 tick 对齐时需要调整 point\n          const value = item.value - tickSegment / 2;\n          if (this.isInValidValue(value)) {\n            return;\n          }\n          tickValue = value;\n        }\n        points.push({\n          value: tickValue\n        });\n      });\n    }\n\n    return points;\n  }\n\n  release(): void {\n    super.release();\n    this._prevInnerView = null;\n    this._innerView = null;\n  }\n}\n"]}

package/es/axis/grid/circle.d.ts

@@ -6,5 +6,6 @@ export interface CircleAxisGrid extends Pick<CircleAxisMixin, 'isInValidValue' |
 }
 export declare class CircleAxisGrid extends BaseGrid<CircleAxisGridAttributes> {
     constructor(attributes: CircleAxisGridAttributes, options?: ComponentOptions);
+    protected getGridPointsByValue(value: number): import("../..").Point[];
     protected getGridAttribute(isSubGrid: boolean): any;
 }

package/es/axis/grid/circle.js

@@ -24,6 +24,10 @@ export class CircleAxisGrid extends BaseGrid {
     constructor(attributes, options) {
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, BaseGrid.defaultAttributes, attributes), options);
     }
+    getGridPointsByValue(value) {
+        const basePoint = this.getTickCoord(value), {radius: radius, innerRadius: innerRadius = 0} = this.attribute;
+        return [ basePoint, this.getVerticalCoord(basePoint, radius - innerRadius, !0) ];
+    }
     getGridAttribute(isSubGrid) {
         let gridAttribute, items = [];
         const _a = this.attribute, {radius: radius, innerRadius: innerRadius = 0, startAngle: startAngle = POLAR_START_ANGLE, endAngle: endAngle = POLAR_END_ANGLE, center: center, subGrid: subGrid} = _a, grid = __rest(_a, [ "radius", "innerRadius", "startAngle", "endAngle", "center", "subGrid" ]), {alignWithLabel: alignWithLabel = !0} = grid || {}, length = radius - innerRadius, tickSegment = this._parseTickSegment();