@visactor/vchart 1.12.6 → 1.12.7

package/build/index.js

@@ -1167,6 +1167,602 @@
       }
     }
 
+    function degreeToRadian(degree) {
+      return degree * (Math.PI / 180);
+    }
+    function radianToDegree(radian) {
+      return 180 * radian / Math.PI;
+    }
+    const clampRadian = function () {
+      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      if (angle < 0) for (; angle < -tau$1;) angle += tau$1;else if (angle > 0) for (; angle > tau$1;) angle -= tau$1;
+      return angle;
+    };
+    const clampAngleByRadian = clampRadian;
+    function polarToCartesian(center, radius, angleInRadian) {
+      return radius ? {
+        x: center.x + radius * Math.cos(angleInRadian),
+        y: center.y + radius * Math.sin(angleInRadian)
+      } : {
+        x: center.x,
+        y: center.y
+      };
+    }
+    function cartesianToPolar(point) {
+      let center = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+        x: 0,
+        y: 0
+      };
+      let startAngle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      let endAngle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2 * Math.PI;
+      const {
+          x: x,
+          y: y
+        } = point,
+        {
+          x: centerX,
+          y: centerY
+        } = center;
+      let dx = x - centerX,
+        dy = y - centerY;
+      const radius = Math.sqrt(dx * dx + dy * dy);
+      if (0 === radius) return {
+        radius: 0,
+        angle: 0
+      };
+      dx /= radius, dy /= radius;
+      let radian = Math.atan2(dy, dx);
+      if (radian < startAngle) for (; radian <= startAngle;) radian += 2 * Math.PI;
+      if (radian > endAngle) for (; radian >= endAngle;) radian -= 2 * Math.PI;
+      return {
+        radius: radius,
+        angle: radian
+      };
+    }
+    function getAngleByPoint(center, point) {
+      return Math.atan2(point.y - center.y, point.x - center.x);
+    }
+    function normalizeAngle(angle) {
+      for (; angle < 0;) angle += 2 * Math.PI;
+      for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
+      return angle;
+    }
+    function findBoundaryAngles(startAngle, endAngle) {
+      const deltaAngle = Math.abs(endAngle - startAngle);
+      if (deltaAngle >= 2 * Math.PI || 2 * Math.PI - deltaAngle < 1e-6) return [0, Math.PI / 2, Math.PI, 1.5 * Math.PI];
+      const normalMin = normalizeAngle(Math.min(startAngle, endAngle)),
+        normalMax = normalMin + deltaAngle,
+        steps = [normalMin, normalMax];
+      let directionAngle = Math.floor(normalMin / Math.PI) * Math.PI / 2;
+      for (; directionAngle < normalMax;) directionAngle > normalMin && steps.push(directionAngle), directionAngle += Math.PI / 2;
+      return steps;
+    }
+    function calculateMaxRadius(rect, center, startAngle, endAngle) {
+      const {
+          x: x,
+          y: y
+        } = center,
+        steps = findBoundaryAngles(startAngle, endAngle),
+        {
+          width: width,
+          height: height
+        } = rect,
+        radiusList = [];
+      return steps.forEach(step => {
+        const sin = Math.sin(step),
+          cos = Math.cos(step);
+        1 === sin ? radiusList.push(height - y) : -1 === sin ? radiusList.push(y) : 1 === cos ? radiusList.push(width - x) : -1 === cos ? radiusList.push(x) : (sin > 0 ? radiusList.push(Math.abs((height - y) / cos)) : radiusList.push(Math.abs(y / cos)), cos > 0 ? radiusList.push(Math.abs((width - x) / sin)) : radiusList.push(Math.abs(x / sin)));
+      }), Math.min.apply(null, radiusList);
+    }
+    function computeQuadrant(angle) {
+      return (angle = normalizeAngle(angle)) > 0 && angle <= Math.PI / 2 ? 2 : angle > Math.PI / 2 && angle <= Math.PI ? 3 : angle > Math.PI && angle <= 3 * Math.PI / 2 ? 4 : 1;
+    }
+
+    function sub(out, v1, v2) {
+      out[0] = v1[0] - v2[0], out[1] = v1[1] - v2[1];
+    }
+    function isIntersect(left1, right1, left2, right2) {
+      let min1 = left1[0],
+        max1 = right1[0],
+        min2 = left2[0],
+        max2 = right2[0];
+      return max1 < min1 && ([min1, max1] = [max1, min1]), max2 < min2 && ([max2, min2] = [min2, max2]), !(max1 < min2 || max2 < min1) && (min1 = left1[1], max1 = right1[1], min2 = left2[1], max2 = right2[1], max1 < min1 && ([min1, max1] = [max1, min1]), max2 < min2 && ([max2, min2] = [min2, max2]), !(max1 < min2 || max2 < min1));
+    }
+    function getIntersectPoint(left1, right1, left2, right2) {
+      if (!isIntersect(left1, right1, left2, right2)) return !1;
+      const dir1 = [0, 0],
+        dir2 = [0, 0],
+        tempVec = [0, 0];
+      if (sub(dir1, right1, left1), sub(dir2, right2, left2), fuzzyEqualVec(dir1, dir2)) return !0;
+      sub(tempVec, left2, left1);
+      const t = crossProduct$1(tempVec, dir2) / crossProduct$1(dir1, dir2);
+      return t >= 0 && t <= 1 && [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
+    }
+    function getRectIntersect(bbox1, bbox2, format) {
+      if (null === bbox1) return bbox2;
+      if (null === bbox2) return bbox1;
+      const {
+        x11: x11,
+        x12: x12,
+        y11: y11,
+        y12: y12,
+        x21: x21,
+        x22: x22,
+        y21: y21,
+        y22: y22
+      } = formatTwoBBox(bbox1, bbox2, format);
+      return x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21 ? {
+        x1: 0,
+        y1: 0,
+        x2: 0,
+        y2: 0
+      } : {
+        x1: Math.max(x11, x21),
+        y1: Math.max(y11, y21),
+        x2: Math.min(x12, x22),
+        y2: Math.min(y12, y22)
+      };
+    }
+    var InnerBBox;
+    !function (InnerBBox) {
+      InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
+    }(InnerBBox || (InnerBBox = {}));
+    const formatTwoBBox = (bbox1, bbox2, format) => {
+      let x11 = bbox1.x1,
+        x12 = bbox1.x2,
+        y11 = bbox1.y1,
+        y12 = bbox1.y2,
+        x21 = bbox2.x1,
+        x22 = bbox2.x2,
+        y21 = bbox2.y1,
+        y22 = bbox2.y2;
+      return format && (x11 > x12 && ([x11, x12] = [x12, x11]), y11 > y12 && ([y11, y12] = [y12, y11]), x21 > x22 && ([x21, x22] = [x22, x21]), y21 > y22 && ([y21, y22] = [y22, y21])), {
+        x11: x11,
+        x12: x12,
+        y11: y11,
+        y12: y12,
+        x21: x21,
+        x22: x22,
+        y21: y21,
+        y22: y22
+      };
+    };
+    function rectInsideAnotherRect(bbox1, bbox2, format) {
+      if (!bbox1 || !bbox2) return InnerBBox.NONE;
+      const {
+        x11: x11,
+        x12: x12,
+        y11: y11,
+        y12: y12,
+        x21: x21,
+        x22: x22,
+        y21: y21,
+        y22: y22
+      } = formatTwoBBox(bbox1, bbox2, format);
+      return x11 > x21 && x12 < x22 && y11 > y21 && y12 < y22 ? InnerBBox.BBOX1 : x21 > x11 && x22 < x12 && y21 > y11 && y22 < y12 ? InnerBBox.BBOX2 : InnerBBox.NONE;
+    }
+    function isRectIntersect(bbox1, bbox2, format) {
+      if (bbox1 && bbox2) {
+        if (!format) return !(bbox1.x1 > bbox2.x2 || bbox1.x2 < bbox2.x1 || bbox1.y1 > bbox2.y2 || bbox1.y2 < bbox2.y1);
+        const {
+          x11: x11,
+          x12: x12,
+          y11: y11,
+          y12: y12,
+          x21: x21,
+          x22: x22,
+          y21: y21,
+          y22: y22
+        } = formatTwoBBox(bbox1, bbox2, !0);
+        return !(x11 > x22 || x12 < x21 || y11 > y22 || y12 < y21);
+      }
+      return !0;
+    }
+    function pointInRect(point, bbox, format) {
+      if (!bbox) return !0;
+      if (!format) return point.x >= bbox.x1 && point.x <= bbox.x2 && point.y >= bbox.y1 && point.y <= bbox.y2;
+      let x11 = bbox.x1,
+        x12 = bbox.x2,
+        y11 = bbox.y1,
+        y12 = bbox.y2;
+      return x11 > x12 && ([x11, x12] = [x12, x11]), y11 > y12 && ([y11, y12] = [y12, y11]), point.x >= x11 && point.x <= x12 && point.y >= y11 && point.y <= y12;
+    }
+    function getProjectionRadius(checkAxis, axis) {
+      return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
+    }
+    function rotatePoint(_ref, rad) {
+      let {
+        x: x,
+        y: y
+      } = _ref;
+      let origin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+        x: 0,
+        y: 0
+      };
+      return {
+        x: (x - origin.x) * Math.cos(rad) - (y - origin.y) * Math.sin(rad) + origin.x,
+        y: (x - origin.x) * Math.sin(rad) + (y - origin.y) * Math.cos(rad) + origin.y
+      };
+    }
+    function getCenterPoint(box) {
+      return {
+        x: (box.x1 + box.x2) / 2,
+        y: (box.y1 + box.y2) / 2
+      };
+    }
+    function toRect$1(box, isDeg) {
+      const deg = isDeg ? degreeToRadian(box.angle) : box.angle,
+        cp = getCenterPoint(box);
+      return [rotatePoint({
+        x: box.x1,
+        y: box.y1
+      }, deg, cp), rotatePoint({
+        x: box.x2,
+        y: box.y1
+      }, deg, cp), rotatePoint({
+        x: box.x2,
+        y: box.y2
+      }, deg, cp), rotatePoint({
+        x: box.x1,
+        y: box.y2
+      }, deg, cp)];
+    }
+    function isRotateAABBIntersect(box1, box2) {
+      let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+      let ctx = arguments.length > 3 ? arguments[3] : undefined;
+      const rect1 = toRect$1(box1, isDeg),
+        rect2 = toRect$1(box2, isDeg),
+        vector = (start, end) => [end.x - start.x, end.y - start.y];
+      ctx && (ctx.save(), ctx.fillStyle = "red", ctx.globalAlpha = .6, rect1.forEach((item, index) => {
+        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
+      }), ctx.fill(), ctx.restore(), ctx.save(), ctx.fillStyle = "green", ctx.globalAlpha = .6, rect2.forEach((item, index) => {
+        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
+      }), ctx.fill(), ctx.restore());
+      const p1 = getCenterPoint(box1),
+        p2 = getCenterPoint(box2);
+      ctx && ctx.fillRect(p1.x, p1.y, 2, 2), ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
+      const vp1p2 = vector(p1, p2),
+        AB = vector(rect1[0], rect1[1]),
+        BC = vector(rect1[1], rect1[2]),
+        A1B1 = vector(rect2[0], rect2[1]),
+        B1C1 = vector(rect2[1], rect2[2]),
+        deg11 = isDeg ? degreeToRadian(box1.angle) : box1.angle;
+      let deg12 = isDeg ? degreeToRadian(90 - box1.angle) : box1.angle + halfPi$2;
+      const deg21 = isDeg ? degreeToRadian(box2.angle) : box2.angle;
+      let deg22 = isDeg ? degreeToRadian(90 - box2.angle) : box2.angle + halfPi$2;
+      deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
+      const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
+        const checkAxis = [Math.cos(deg), Math.sin(deg)];
+        return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
+      };
+      return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
+    }
+
+    let x1$1, y1$1, x2, y2;
+    function getAABBFromPoints(points) {
+      return x1$1 = 1 / 0, y1$1 = 1 / 0, x2 = -1 / 0, y2 = -1 / 0, points.forEach(point => {
+        x1$1 > point.x && (x1$1 = point.x), x2 < point.x && (x2 = point.x), y1$1 > point.y && (y1$1 = point.y), y2 < point.y && (y2 = point.y);
+      }), {
+        x1: x1$1,
+        y1: y1$1,
+        x2: x2,
+        y2: y2
+      };
+    }
+
+    const EPSILON$1 = 1e-8;
+    function lineIntersectPolygon(a1x, a1y, a2x, a2y, points) {
+      for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
+        const p = points[i];
+        if (isIntersect([a1x, a1y], [a2x, a2y], [p.x, p.y], [p2.x, p2.y])) return !0;
+        p2 = p;
+      }
+      return !1;
+    }
+    function polygonContainPoint(points, x, y) {
+      let w = 0,
+        p = points[0];
+      if (!p) return !1;
+      for (let i = 1; i < points.length; i++) {
+        const p2 = points[i];
+        w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y), p = p2;
+      }
+      const p0 = points[0];
+      return isAroundEqual$1(p.x, p0.x) && isAroundEqual$1(p.y, p0.y) || (w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y)), 0 !== w;
+    }
+    function isPointInLine(x0, y0, x1, y1, x, y) {
+      if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
+      if (y1 === y0) return 0;
+      const t = (y - y0) / (y1 - y0);
+      let dir = y1 < y0 ? 1 : -1;
+      1 !== t && 0 !== t || (dir = y1 < y0 ? .5 : -.5);
+      const x_ = t * (x1 - x0) + x0;
+      return x_ === x ? 1 / 0 : x_ > x ? dir : 0;
+    }
+    function isAroundEqual$1(a, b) {
+      return Math.abs(a - b) < EPSILON$1;
+    }
+    function polygonIntersectPolygon(pointsA, pointsB) {
+      for (let i = 0; i < pointsB.length; i++) {
+        if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) return !0;
+        if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) return !0;
+      }
+      return !1;
+    }
+
+    const eastAsianCharacterInfo = character => {
+      let x = character.charCodeAt(0),
+        y = 2 === character.length ? character.charCodeAt(1) : 0,
+        codePoint = x;
+      return 55296 <= x && x <= 56319 && 56320 <= y && y <= 57343 && (x &= 1023, y &= 1023, codePoint = x << 10 | y, codePoint += 65536), 12288 === codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 ? "F" : 8361 === codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518 ? "H" : 4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141 ? "W" : 32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 === codePoint || 175 === codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630 ? "Na" : 161 === codePoint || 164 === codePoint || 167 <= codePoint && codePoint <= 168 || 170 === codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 === codePoint || 208 === codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 === codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 === codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 === codePoint || 254 === codePoint || 257 === codePoint || 273 === codePoint || 275 === codePoint || 283 === codePoint || 294 <= codePoint && codePoint <= 295 || 299 === codePoint || 305 <= codePoint && codePoint <= 307 || 312 === codePoint || 319 <= codePoint && codePoint <= 322 || 324 === codePoint || 328 <= codePoint && codePoint <= 331 || 333 === codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 === codePoint || 462 === codePoint || 464 === codePoint || 466 === codePoint || 468 === codePoint || 470 === codePoint || 472 === codePoint || 474 === codePoint || 476 === codePoint || 593 === codePoint || 609 === codePoint || 708 === codePoint || 711 === codePoint || 713 <= codePoint && codePoint <= 715 || 717 === codePoint || 720 === codePoint || 728 <= codePoint && codePoint <= 731 || 733 === codePoint || 735 === codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 === codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 === codePoint || 8208 === codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 === codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 === codePoint || 8251 === codePoint || 8254 === codePoint || 8308 === codePoint || 8319 === codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 === codePoint || 8451 === codePoint || 8453 === codePoint || 8457 === codePoint || 8467 === codePoint || 8470 === codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 === codePoint || 8491 === codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 === codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 === codePoint || 8660 === codePoint || 8679 === codePoint || 8704 === codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 === codePoint || 8719 === codePoint || 8721 === codePoint || 8725 === codePoint || 8730 === codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 === codePoint || 8741 === codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 === codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 === codePoint || 8780 === codePoint || 8786 === codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 === codePoint || 8857 === codePoint || 8869 === codePoint || 8895 === codePoint || 8978 === codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 === codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 === codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 === codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 === codePoint || 9758 === codePoint || 9792 === codePoint || 9794 === codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 === codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 === codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 === codePoint || 10071 === codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 === codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109 ? "A" : "N";
+    };
+
+    function getContextFont(text) {
+      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      let fontSizeScale = arguments.length > 2 ? arguments[2] : undefined;
+      fontSizeScale || (fontSizeScale = 1);
+      const {
+        fontStyle = defaultAttr.fontStyle,
+        fontVariant = defaultAttr.fontVariant,
+        fontWeight = defaultAttr.fontWeight,
+        fontSize = defaultAttr.fontSize,
+        fontFamily = defaultAttr.fontFamily
+      } = text;
+      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize * fontSizeScale + "px " + (fontFamily || "sans-serif");
+    }
+
+    class TextMeasure {
+      constructor(option, textSpec) {
+        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$1(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$1(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+      }
+      initContext() {
+        if (this._notSupportCanvas) return !1;
+        if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
+          const context = this._canvas.getContext("2d");
+          isValid$1(context) && (context.save(), context.font = getContextFont(this.textSpec), this._contextSaved = !0, this._context = context);
+        }
+        return !isNil$1(this._context) || (this._notSupportCanvas = !0, !1);
+      }
+      _initSpec() {
+        var _a, _b, _c;
+        const {
+            defaultFontParams = {}
+          } = this._option,
+          {
+            fontStyle = defaultFontParams.fontStyle,
+            fontVariant = defaultFontParams.fontVariant,
+            fontWeight = null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal",
+            fontSize = null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12,
+            fontFamily = null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif",
+            align: align,
+            textAlign = null != align ? align : "center",
+            baseline: baseline,
+            textBaseline = null != baseline ? baseline : "middle",
+            ellipsis: ellipsis,
+            limit: limit
+          } = this._userSpec;
+        let {
+          lineHeight = fontSize
+        } = this._userSpec;
+        if (isString$1(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
+          const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
+          lineHeight = fontSize * scale;
+        }
+        return {
+          fontStyle: fontStyle,
+          fontVariant: fontVariant,
+          fontFamily: fontFamily,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          ellipsis: ellipsis,
+          limit: limit,
+          lineHeight: lineHeight
+        };
+      }
+      measure(text, method) {
+        switch (method) {
+          case "vrender":
+          case "canopus":
+            return this.fullMeasure(text);
+          case "canvas":
+            return this.measureWithNaiveCanvas(text);
+          case "simple":
+            return this.quickMeasureWithoutCanvas(text);
+          default:
+            return this.quickMeasure(text);
+        }
+      }
+      fullMeasure(text) {
+        if (isNil$1(text)) return {
+          width: 0,
+          height: 0
+        };
+        if (isNil$1(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
+        const {
+          fontFamily: fontFamily,
+          fontSize: fontSize,
+          fontWeight: fontWeight,
+          textAlign: textAlign,
+          textBaseline: textBaseline,
+          ellipsis: ellipsis,
+          limit: limit,
+          lineHeight: lineHeight
+        } = this.textSpec;
+        let size;
+        try {
+          const bounds = this._option.getTextBounds({
+            text: text,
+            fontFamily: fontFamily,
+            fontSize: fontSize,
+            fontWeight: fontWeight,
+            textAlign: textAlign,
+            textBaseline: textBaseline,
+            ellipsis: !!ellipsis,
+            maxLineWidth: limit || 1 / 0,
+            lineHeight: lineHeight
+          });
+          size = {
+            width: bounds.width(),
+            height: bounds.height()
+          };
+        } catch (e) {
+          this._notSupportVRender = !0, size = this.measureWithNaiveCanvas(text);
+        }
+        return size;
+      }
+      measureWithNaiveCanvas(text) {
+        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+      }
+      _measureWithNaiveCanvas(text) {
+        var _a;
+        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
+        const metrics = this._context.measureText(text),
+          {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec;
+        return {
+          width: metrics.width,
+          height: null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize
+        };
+      }
+      quickMeasure(text) {
+        return this._measureReduce(text, this._quickMeasure.bind(this));
+      }
+      _quickMeasure(text) {
+        const totalSize = {
+          width: 0,
+          height: 0
+        };
+        for (let i = 0; i < text.length; i++) {
+          const char = text[i];
+          let size = this._measureSpecialChar(char);
+          isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
+        }
+        return totalSize;
+      }
+      quickMeasureWithoutCanvas(text) {
+        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+      }
+      _quickMeasureWithoutCanvas(text) {
+        var _a;
+        const totalSize = {
+            width: 0,
+            height: 0
+          },
+          {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec;
+        for (let i = 0; i < text.length; i++) {
+          const char = text[i],
+            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
+          totalSize.width += size * fontSize;
+        }
+        return totalSize.height = null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize, totalSize;
+      }
+      _measureReduce(text, processor) {
+        var _a;
+        const {
+            fontSize: fontSize,
+            lineHeight: lineHeight
+          } = this.textSpec,
+          defaultResult = {
+            width: 0,
+            height: 0
+          };
+        if (isNil$1(text)) return defaultResult;
+        if (isArray$1(text)) {
+          const textArr = text.filter(isValid$1).map(s => s.toString());
+          return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
+            width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
+            height: textArr.length * ((null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize) + 1) + 1
+          };
+        }
+        return processor(text.toString());
+      }
+      _measureNumberChar() {
+        if (isNil$1(this._numberCharSize)) {
+          const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
+          this._numberCharSize = {
+            width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
+            height: numberBounds.height
+          };
+        }
+        return this._numberCharSize;
+      }
+      _measureFullSizeChar() {
+        return isNil$1(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
+      }
+      _measureLetterChar() {
+        if (isNil$1(this._letterCharSize)) {
+          const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
+          this._letterCharSize = {
+            width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
+            height: alphabetBounds.height
+          };
+        }
+        return this._letterCharSize;
+      }
+      _measureSpecialChar(char) {
+        return isValid$1(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
+      }
+      release() {
+        isValid$1(this._canvas) && (this._canvas = null), isValid$1(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
+      }
+    }
+    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
+
+    const calculateAnchorOfBounds = (bounds, anchorType) => {
+      const {
+          x1: x1,
+          x2: x2,
+          y1: y1,
+          y2: y2
+        } = bounds,
+        rectWidth = Math.abs(x2 - x1),
+        rectHeight = Math.abs(y2 - y1);
+      let anchorX = (x1 + x2) / 2,
+        anchorY = (y1 + y2) / 2,
+        sx = 0,
+        sy = 0;
+      switch (anchorType) {
+        case "top":
+        case "inside-top":
+          sy = -.5;
+          break;
+        case "bottom":
+        case "inside-bottom":
+          sy = .5;
+          break;
+        case "left":
+        case "inside-left":
+          sx = -.5;
+          break;
+        case "right":
+        case "inside-right":
+          sx = .5;
+          break;
+        case "top-right":
+          sx = .5, sy = -.5;
+          break;
+        case "top-left":
+          sx = -.5, sy = -.5;
+          break;
+        case "bottom-right":
+          sx = .5, sy = .5;
+          break;
+        case "bottom-left":
+          sx = -.5, sy = .5;
+      }
+      return anchorX += sx * rectWidth, anchorY += sy * rectHeight, {
+        x: anchorX,
+        y: anchorY
+      };
+    };
+
     function transformBoundsWithMatrix(out, bounds, matrix) {
       const {
         x1: x1,
@@ -1305,96 +1901,22 @@
       }
     }
     class AABBBounds extends Bounds {}
-
-    function degreeToRadian(degree) {
-      return degree * (Math.PI / 180);
-    }
-    function radianToDegree(radian) {
-      return 180 * radian / Math.PI;
-    }
-    const clampRadian = function () {
-      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      if (angle < 0) for (; angle < -tau$1;) angle += tau$1;else if (angle > 0) for (; angle > tau$1;) angle -= tau$1;
-      return angle;
-    };
-    const clampAngleByRadian = clampRadian;
-    function polarToCartesian(center, radius, angleInRadian) {
-      return radius ? {
-        x: center.x + radius * Math.cos(angleInRadian),
-        y: center.y + radius * Math.sin(angleInRadian)
-      } : {
-        x: center.x,
-        y: center.y
-      };
-    }
-    function cartesianToPolar(point) {
-      let center = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-        x: 0,
-        y: 0
-      };
-      let startAngle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-      let endAngle = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 2 * Math.PI;
-      const {
-          x: x,
-          y: y
-        } = point,
-        {
-          x: centerX,
-          y: centerY
-        } = center;
-      let dx = x - centerX,
-        dy = y - centerY;
-      const radius = Math.sqrt(dx * dx + dy * dy);
-      if (0 === radius) return {
-        radius: 0,
-        angle: 0
-      };
-      dx /= radius, dy /= radius;
-      let radian = Math.atan2(dy, dx);
-      if (radian < startAngle) for (; radian <= startAngle;) radian += 2 * Math.PI;
-      if (radian > endAngle) for (; radian >= endAngle;) radian -= 2 * Math.PI;
-      return {
-        radius: radius,
-        angle: radian
-      };
-    }
-    function getAngleByPoint(center, point) {
-      return Math.atan2(point.y - center.y, point.x - center.x);
-    }
-    function normalizeAngle(angle) {
-      for (; angle < 0;) angle += 2 * Math.PI;
-      for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
-      return angle;
-    }
-    function findBoundaryAngles(startAngle, endAngle) {
-      const deltaAngle = Math.abs(endAngle - startAngle);
-      if (deltaAngle >= 2 * Math.PI || 2 * Math.PI - deltaAngle < 1e-6) return [0, Math.PI / 2, Math.PI, 1.5 * Math.PI];
-      const normalMin = normalizeAngle(Math.min(startAngle, endAngle)),
-        normalMax = normalMin + deltaAngle,
-        steps = [normalMin, normalMax];
-      let directionAngle = Math.floor(normalMin / Math.PI) * Math.PI / 2;
-      for (; directionAngle < normalMax;) directionAngle > normalMin && steps.push(directionAngle), directionAngle += Math.PI / 2;
-      return steps;
-    }
-    function calculateMaxRadius(rect, center, startAngle, endAngle) {
-      const {
-          x: x,
-          y: y
-        } = center,
-        steps = findBoundaryAngles(startAngle, endAngle),
-        {
-          width: width,
-          height: height
-        } = rect,
-        radiusList = [];
-      return steps.forEach(step => {
-        const sin = Math.sin(step),
-          cos = Math.cos(step);
-        1 === sin ? radiusList.push(height - y) : -1 === sin ? radiusList.push(y) : 1 === cos ? radiusList.push(width - x) : -1 === cos ? radiusList.push(x) : (sin > 0 ? radiusList.push(Math.abs((height - y) / cos)) : radiusList.push(Math.abs(y / cos)), cos > 0 ? radiusList.push(Math.abs((width - x) / sin)) : radiusList.push(Math.abs(x / sin)));
-      }), Math.min.apply(null, radiusList);
-    }
-    function computeQuadrant(angle) {
-      return (angle = normalizeAngle(angle)) > 0 && angle <= Math.PI / 2 ? 2 : angle > Math.PI / 2 && angle <= Math.PI ? 3 : angle > Math.PI && angle <= 3 * Math.PI / 2 ? 4 : 1;
+    class OBBBounds extends Bounds {
+      constructor(bounds) {
+        let angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        super(bounds), bounds && (this.angle = angle);
+      }
+      intersects(b) {
+        return isRotateAABBIntersect(this, b);
+      }
+      setValue() {
+        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+        let angle = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+        return super.setValue(x1, y1, x2, y2), this.angle = angle, this;
+      }
     }
 
     class Matrix {
@@ -1935,619 +2457,114 @@
       }
       setOpacity() {
         let o = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-        return this.color.opacity = o, this;
-      }
-      getLuminance() {
-        return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
-      }
-      getLuminance2() {
-        return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
-      }
-      getLuminance3() {
-        return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
-      }
-      clone() {
-        return new Color(this.color.toString());
-      }
-      copyGammaToLinear(color) {
-        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-        return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
-      }
-      copyLinearToGamma(color) {
-        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-        const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
-        return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
-      }
-      convertGammaToLinear(gammaFactor) {
-        return this.copyGammaToLinear(this, gammaFactor), this;
-      }
-      convertLinearToGamma(gammaFactor) {
-        return this.copyLinearToGamma(this, gammaFactor), this;
-      }
-      copySRGBToLinear(color) {
-        return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
-      }
-      copyLinearToSRGB(color) {
-        return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
-      }
-      convertSRGBToLinear() {
-        return this.copySRGBToLinear(this), this;
-      }
-      convertLinearToSRGB() {
-        return this.copyLinearToSRGB(this), this;
-      }
-    }
-    class RGB {
-      constructor(r, g, b, opacity) {
-        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
-      }
-      formatHex() {
-        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
-      }
-      formatRgb() {
-        const opacity = this.opacity;
-        return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
-      }
-      formatHsl() {
-        const opacity = this.opacity,
-          {
-            h: h,
-            s: s,
-            l: l
-          } = rgbToHsl(this.r, this.g, this.b);
-        return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
-      }
-      toString() {
-        return this.formatHex();
-      }
-    }
-
-    function hexToRgb(str) {
-      let r = "",
-        g = "",
-        b = "";
-      const strtIndex = "#" === str[0] ? 1 : 0;
-      for (let i = strtIndex; i < str.length; i++) "#" !== str[i] && (i < strtIndex + 2 ? r += str[i] : i < strtIndex + 4 ? g += str[i] : i < strtIndex + 6 && (b += str[i]));
-      return [parseInt(r, 16), parseInt(g, 16), parseInt(b, 16)];
-    }
-
-    function rgbToHex(r, g, b) {
-      return Number((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
-    }
-
-    function interpolateRgb$1(colorA, colorB) {
-      const redA = colorA.r,
-        redB = colorB.r,
-        greenA = colorA.g,
-        greenB = colorB.g,
-        blueA = colorA.b,
-        blueB = colorB.b,
-        opacityA = colorA.opacity,
-        opacityB = colorB.opacity;
-      return t => {
-        const r = Math.round(redA * (1 - t) + redB * t),
-          g = Math.round(greenA * (1 - t) + greenB * t),
-          b = Math.round(blueA * (1 - t) + blueB * t);
-        return new RGB(r, g, b, opacityA * (1 - t) + opacityB * t);
-      };
-    }
-
-    var ColorUtil = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        Color: Color,
-        DEFAULT_COLORS: DEFAULT_COLORS,
-        RGB: RGB,
-        hexToRgb: hexToRgb,
-        hslToRgb: hslToRgb,
-        interpolateRgb: interpolateRgb$1,
-        rgbToHex: rgbToHex,
-        rgbToHsl: rgbToHsl
-    });
-
-    function sub(out, v1, v2) {
-      out[0] = v1[0] - v2[0], out[1] = v1[1] - v2[1];
-    }
-    function isIntersect(left1, right1, left2, right2) {
-      let min1 = left1[0],
-        max1 = right1[0],
-        min2 = left2[0],
-        max2 = right2[0];
-      return max1 < min1 && ([min1, max1] = [max1, min1]), max2 < min2 && ([max2, min2] = [min2, max2]), !(max1 < min2 || max2 < min1) && (min1 = left1[1], max1 = right1[1], min2 = left2[1], max2 = right2[1], max1 < min1 && ([min1, max1] = [max1, min1]), max2 < min2 && ([max2, min2] = [min2, max2]), !(max1 < min2 || max2 < min1));
-    }
-    function getIntersectPoint(left1, right1, left2, right2) {
-      if (!isIntersect(left1, right1, left2, right2)) return !1;
-      const dir1 = [0, 0],
-        dir2 = [0, 0],
-        tempVec = [0, 0];
-      if (sub(dir1, right1, left1), sub(dir2, right2, left2), fuzzyEqualVec(dir1, dir2)) return !0;
-      sub(tempVec, left2, left1);
-      const t = crossProduct$1(tempVec, dir2) / crossProduct$1(dir1, dir2);
-      return t >= 0 && t <= 1 && [left1[0] + dir1[0] * t, left1[1] + dir1[1] * t];
-    }
-    function getRectIntersect(bbox1, bbox2, format) {
-      if (null === bbox1) return bbox2;
-      if (null === bbox2) return bbox1;
-      const {
-        x11: x11,
-        x12: x12,
-        y11: y11,
-        y12: y12,
-        x21: x21,
-        x22: x22,
-        y21: y21,
-        y22: y22
-      } = formatTwoBBox(bbox1, bbox2, format);
-      return x11 >= x22 || x12 <= x21 || y11 >= y22 || y12 <= y21 ? {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: 0
-      } : {
-        x1: Math.max(x11, x21),
-        y1: Math.max(y11, y21),
-        x2: Math.min(x12, x22),
-        y2: Math.min(y12, y22)
-      };
-    }
-    var InnerBBox;
-    !function (InnerBBox) {
-      InnerBBox[InnerBBox.NONE = 0] = "NONE", InnerBBox[InnerBBox.BBOX1 = 1] = "BBOX1", InnerBBox[InnerBBox.BBOX2 = 2] = "BBOX2";
-    }(InnerBBox || (InnerBBox = {}));
-    const formatTwoBBox = (bbox1, bbox2, format) => {
-      let x11 = bbox1.x1,
-        x12 = bbox1.x2,
-        y11 = bbox1.y1,
-        y12 = bbox1.y2,
-        x21 = bbox2.x1,
-        x22 = bbox2.x2,
-        y21 = bbox2.y1,
-        y22 = bbox2.y2;
-      return format && (x11 > x12 && ([x11, x12] = [x12, x11]), y11 > y12 && ([y11, y12] = [y12, y11]), x21 > x22 && ([x21, x22] = [x22, x21]), y21 > y22 && ([y21, y22] = [y22, y21])), {
-        x11: x11,
-        x12: x12,
-        y11: y11,
-        y12: y12,
-        x21: x21,
-        x22: x22,
-        y21: y21,
-        y22: y22
-      };
-    };
-    function rectInsideAnotherRect(bbox1, bbox2, format) {
-      if (!bbox1 || !bbox2) return InnerBBox.NONE;
-      const {
-        x11: x11,
-        x12: x12,
-        y11: y11,
-        y12: y12,
-        x21: x21,
-        x22: x22,
-        y21: y21,
-        y22: y22
-      } = formatTwoBBox(bbox1, bbox2, format);
-      return x11 > x21 && x12 < x22 && y11 > y21 && y12 < y22 ? InnerBBox.BBOX1 : x21 > x11 && x22 < x12 && y21 > y11 && y22 < y12 ? InnerBBox.BBOX2 : InnerBBox.NONE;
-    }
-    function isRectIntersect(bbox1, bbox2, format) {
-      if (bbox1 && bbox2) {
-        if (!format) return !(bbox1.x1 > bbox2.x2 || bbox1.x2 < bbox2.x1 || bbox1.y1 > bbox2.y2 || bbox1.y2 < bbox2.y1);
-        const {
-          x11: x11,
-          x12: x12,
-          y11: y11,
-          y12: y12,
-          x21: x21,
-          x22: x22,
-          y21: y21,
-          y22: y22
-        } = formatTwoBBox(bbox1, bbox2, !0);
-        return !(x11 > x22 || x12 < x21 || y11 > y22 || y12 < y21);
-      }
-      return !0;
-    }
-    function pointInRect(point, bbox, format) {
-      if (!bbox) return !0;
-      if (!format) return point.x >= bbox.x1 && point.x <= bbox.x2 && point.y >= bbox.y1 && point.y <= bbox.y2;
-      let x11 = bbox.x1,
-        x12 = bbox.x2,
-        y11 = bbox.y1,
-        y12 = bbox.y2;
-      return x11 > x12 && ([x11, x12] = [x12, x11]), y11 > y12 && ([y11, y12] = [y12, y11]), point.x >= x11 && point.x <= x12 && point.y >= y11 && point.y <= y12;
-    }
-    function getProjectionRadius(checkAxis, axis) {
-      return Math.abs(axis[0] * checkAxis[0] + axis[1] * checkAxis[1]);
-    }
-    function rotate$1(_ref, deg) {
-      let {
-        x: x,
-        y: y
-      } = _ref;
-      let origin = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
-        x: 0,
-        y: 0
-      };
-      return {
-        x: (x - origin.x) * Math.cos(deg) + (y - origin.y) * Math.sin(deg) + origin.x,
-        y: (x - origin.x) * Math.sin(deg) + (origin.y - y) * Math.cos(deg) + origin.y
-      };
-    }
-    function getCenterPoint(box) {
-      return {
-        x: (box.x1 + box.x2) / 2,
-        y: (box.y1 + box.y2) / 2
-      };
-    }
-    function toRect$1(box, isDeg) {
-      const deg = isDeg ? box.angle : degreeToRadian(box.angle),
-        cp = getCenterPoint(box);
-      return [rotate$1({
-        x: box.x1,
-        y: box.y1
-      }, deg, cp), rotate$1({
-        x: box.x2,
-        y: box.y1
-      }, deg, cp), rotate$1({
-        x: box.x2,
-        y: box.y2
-      }, deg, cp), rotate$1({
-        x: box.x1,
-        y: box.y2
-      }, deg, cp)];
-    }
-    function isRotateAABBIntersect(box1, box2) {
-      let isDeg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
-      let ctx = arguments.length > 3 ? arguments[3] : undefined;
-      const rect1 = toRect$1(box1, isDeg),
-        rect2 = toRect$1(box2, isDeg),
-        vector = (start, end) => [end.x - start.x, end.y - start.y];
-      ctx && (ctx.save(), ctx.fillStyle = "red", ctx.globalAlpha = .6, rect1.forEach((item, index) => {
-        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
-      }), ctx.fill(), ctx.restore(), ctx.save(), ctx.fillStyle = "green", ctx.globalAlpha = .6, rect2.forEach((item, index) => {
-        0 === index ? ctx.moveTo(item.x, item.y) : ctx.lineTo(item.x, item.y);
-      }), ctx.fill(), ctx.restore());
-      const p1 = getCenterPoint(box1),
-        p2 = getCenterPoint(box2);
-      ctx && ctx.fillRect(p1.x, p1.y, 2, 2), ctx && ctx.fillRect(p2.x, p2.y, 2, 2);
-      const vp1p2 = vector(p1, p2),
-        AB = vector(rect1[0], rect1[1]),
-        BC = vector(rect1[1], rect1[2]),
-        A1B1 = vector(rect2[0], rect2[1]),
-        B1C1 = vector(rect2[1], rect2[2]),
-        deg11 = isDeg ? box1.angle : degreeToRadian(box1.angle);
-      let deg12 = isDeg ? box1.angle + halfPi$2 : degreeToRadian(90 - box1.angle);
-      const deg21 = isDeg ? box2.angle : degreeToRadian(box2.angle);
-      let deg22 = isDeg ? box2.angle + halfPi$2 : degreeToRadian(90 - box2.angle);
-      deg12 > pi2 && (deg12 -= pi2), deg22 > pi2 && (deg22 -= pi2);
-      const isCover = (checkAxisRadius, deg, targetAxis1, targetAxis2) => {
-        const checkAxis = [Math.cos(deg), Math.sin(deg)];
-        return checkAxisRadius + (getProjectionRadius(checkAxis, targetAxis1) + getProjectionRadius(checkAxis, targetAxis2)) / 2 > getProjectionRadius(checkAxis, vp1p2);
-      };
-      return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
-    }
-
-    let x1$1, y1$1, x2, y2;
-    function getAABBFromPoints(points) {
-      return x1$1 = 1 / 0, y1$1 = 1 / 0, x2 = -1 / 0, y2 = -1 / 0, points.forEach(point => {
-        x1$1 > point.x && (x1$1 = point.x), x2 < point.x && (x2 = point.x), y1$1 > point.y && (y1$1 = point.y), y2 < point.y && (y2 = point.y);
-      }), {
-        x1: x1$1,
-        y1: y1$1,
-        x2: x2,
-        y2: y2
-      };
-    }
-
-    const EPSILON$1 = 1e-8;
-    function lineIntersectPolygon(a1x, a1y, a2x, a2y, points) {
-      for (let i = 0, p2 = points[points.length - 1]; i < points.length; i++) {
-        const p = points[i];
-        if (isIntersect([a1x, a1y], [a2x, a2y], [p.x, p.y], [p2.x, p2.y])) return !0;
-        p2 = p;
-      }
-      return !1;
-    }
-    function polygonContainPoint(points, x, y) {
-      let w = 0,
-        p = points[0];
-      if (!p) return !1;
-      for (let i = 1; i < points.length; i++) {
-        const p2 = points[i];
-        w += isPointInLine(p.x, p.y, p2.x, p2.y, x, y), p = p2;
-      }
-      const p0 = points[0];
-      return isAroundEqual$1(p.x, p0.x) && isAroundEqual$1(p.y, p0.y) || (w += isPointInLine(p.x, p.y, p0.x, p0.y, x, y)), 0 !== w;
-    }
-    function isPointInLine(x0, y0, x1, y1, x, y) {
-      if (y > y0 && y > y1 || y < y0 && y < y1) return 0;
-      if (y1 === y0) return 0;
-      const t = (y - y0) / (y1 - y0);
-      let dir = y1 < y0 ? 1 : -1;
-      1 !== t && 0 !== t || (dir = y1 < y0 ? .5 : -.5);
-      const x_ = t * (x1 - x0) + x0;
-      return x_ === x ? 1 / 0 : x_ > x ? dir : 0;
-    }
-    function isAroundEqual$1(a, b) {
-      return Math.abs(a - b) < EPSILON$1;
-    }
-    function polygonIntersectPolygon(pointsA, pointsB) {
-      for (let i = 0; i < pointsB.length; i++) {
-        if (polygonContainPoint(pointsA, pointsB[i].x, pointsB[i].y)) return !0;
-        if (i > 0 && lineIntersectPolygon(pointsB[i - 1].x, pointsB[i - 1].y, pointsB[i].x, pointsB[i].y, pointsA)) return !0;
+        return this.color.opacity = o, this;
       }
-      return !1;
-    }
-
-    const eastAsianCharacterInfo = character => {
-      let x = character.charCodeAt(0),
-        y = 2 === character.length ? character.charCodeAt(1) : 0,
-        codePoint = x;
-      return 55296 <= x && x <= 56319 && 56320 <= y && y <= 57343 && (x &= 1023, y &= 1023, codePoint = x << 10 | y, codePoint += 65536), 12288 === codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 ? "F" : 8361 === codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518 ? "H" : 4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141 ? "W" : 32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 === codePoint || 175 === codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630 ? "Na" : 161 === codePoint || 164 === codePoint || 167 <= codePoint && codePoint <= 168 || 170 === codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 === codePoint || 208 === codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 === codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 === codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 === codePoint || 254 === codePoint || 257 === codePoint || 273 === codePoint || 275 === codePoint || 283 === codePoint || 294 <= codePoint && codePoint <= 295 || 299 === codePoint || 305 <= codePoint && codePoint <= 307 || 312 === codePoint || 319 <= codePoint && codePoint <= 322 || 324 === codePoint || 328 <= codePoint && codePoint <= 331 || 333 === codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 === codePoint || 462 === codePoint || 464 === codePoint || 466 === codePoint || 468 === codePoint || 470 === codePoint || 472 === codePoint || 474 === codePoint || 476 === codePoint || 593 === codePoint || 609 === codePoint || 708 === codePoint || 711 === codePoint || 713 <= codePoint && codePoint <= 715 || 717 === codePoint || 720 === codePoint || 728 <= codePoint && codePoint <= 731 || 733 === codePoint || 735 === codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 === codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 === codePoint || 8208 === codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 === codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 === codePoint || 8251 === codePoint || 8254 === codePoint || 8308 === codePoint || 8319 === codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 === codePoint || 8451 === codePoint || 8453 === codePoint || 8457 === codePoint || 8467 === codePoint || 8470 === codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 === codePoint || 8491 === codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 === codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 === codePoint || 8660 === codePoint || 8679 === codePoint || 8704 === codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 === codePoint || 8719 === codePoint || 8721 === codePoint || 8725 === codePoint || 8730 === codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 === codePoint || 8741 === codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 === codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 === codePoint || 8780 === codePoint || 8786 === codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 === codePoint || 8857 === codePoint || 8869 === codePoint || 8895 === codePoint || 8978 === codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 === codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 === codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 === codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 === codePoint || 9758 === codePoint || 9792 === codePoint || 9794 === codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 === codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 === codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 === codePoint || 10071 === codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 === codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109 ? "A" : "N";
-    };
-
-    function getContextFont(text) {
-      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      let fontSizeScale = arguments.length > 2 ? arguments[2] : undefined;
-      fontSizeScale || (fontSizeScale = 1);
-      const {
-        fontStyle = defaultAttr.fontStyle,
-        fontVariant = defaultAttr.fontVariant,
-        fontWeight = defaultAttr.fontWeight,
-        fontSize = defaultAttr.fontSize,
-        fontFamily = defaultAttr.fontFamily
-      } = text;
-      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize * fontSizeScale + "px " + (fontFamily || "sans-serif");
-    }
-
-    class TextMeasure {
-      constructor(option, textSpec) {
-        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$1(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$1(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+      getLuminance() {
+        return (.2126 * this.color.r + .7152 * this.color.g + .0722 * this.color.b) / 255;
       }
-      initContext() {
-        if (this._notSupportCanvas) return !1;
-        if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
-          const context = this._canvas.getContext("2d");
-          isValid$1(context) && (context.save(), context.font = getContextFont(this.textSpec), this._contextSaved = !0, this._context = context);
-        }
-        return !isNil$1(this._context) || (this._notSupportCanvas = !0, !1);
+      getLuminance2() {
+        return (.2627 * this.color.r + .678 * this.color.g + .0593 * this.color.b) / 255;
       }
-      _initSpec() {
-        var _a, _b, _c;
-        const {
-            defaultFontParams = {}
-          } = this._option,
-          {
-            fontStyle = defaultFontParams.fontStyle,
-            fontVariant = defaultFontParams.fontVariant,
-            fontWeight = null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal",
-            fontSize = null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12,
-            fontFamily = null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif",
-            align: align,
-            textAlign = null != align ? align : "center",
-            baseline: baseline,
-            textBaseline = null != baseline ? baseline : "middle",
-            ellipsis: ellipsis,
-            limit: limit
-          } = this._userSpec;
-        let {
-          lineHeight = fontSize
-        } = this._userSpec;
-        if (isString$1(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
-          const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
-          lineHeight = fontSize * scale;
-        }
-        return {
-          fontStyle: fontStyle,
-          fontVariant: fontVariant,
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        };
+      getLuminance3() {
+        return (.299 * this.color.r + .587 * this.color.g + .114 * this.color.b) / 255;
       }
-      measure(text, method) {
-        switch (method) {
-          case "vrender":
-          case "canopus":
-            return this.fullMeasure(text);
-          case "canvas":
-            return this.measureWithNaiveCanvas(text);
-          case "simple":
-            return this.quickMeasureWithoutCanvas(text);
-          default:
-            return this.quickMeasure(text);
-        }
+      clone() {
+        return new Color(this.color.toString());
       }
-      fullMeasure(text) {
-        if (isNil$1(text)) return {
-          width: 0,
-          height: 0
-        };
-        if (isNil$1(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
-        const {
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        } = this.textSpec;
-        let size;
-        try {
-          const bounds = this._option.getTextBounds({
-            text: text,
-            fontFamily: fontFamily,
-            fontSize: fontSize,
-            fontWeight: fontWeight,
-            textAlign: textAlign,
-            textBaseline: textBaseline,
-            ellipsis: !!ellipsis,
-            maxLineWidth: limit || 1 / 0,
-            lineHeight: lineHeight
-          });
-          size = {
-            width: bounds.width(),
-            height: bounds.height()
-          };
-        } catch (e) {
-          this._notSupportVRender = !0, size = this.measureWithNaiveCanvas(text);
-        }
-        return size;
+      copyGammaToLinear(color) {
+        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+        return this.color.r = Math.pow(color.color.r, gammaFactor), this.color.g = Math.pow(color.color.g, gammaFactor), this.color.b = Math.pow(color.color.b, gammaFactor), this;
       }
-      measureWithNaiveCanvas(text) {
-        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
+      copyLinearToGamma(color) {
+        let gammaFactor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+        const safeInverse = gammaFactor > 0 ? 1 / gammaFactor : 1;
+        return this.color.r = Math.pow(color.color.r, safeInverse), this.color.g = Math.pow(color.color.g, safeInverse), this.color.b = Math.pow(color.color.b, safeInverse), this;
       }
-      _measureWithNaiveCanvas(text) {
-        var _a;
-        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
-        const metrics = this._context.measureText(text),
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        return {
-          width: metrics.width,
-          height: null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize
-        };
+      convertGammaToLinear(gammaFactor) {
+        return this.copyGammaToLinear(this, gammaFactor), this;
       }
-      quickMeasure(text) {
-        return this._measureReduce(text, this._quickMeasure.bind(this));
+      convertLinearToGamma(gammaFactor) {
+        return this.copyLinearToGamma(this, gammaFactor), this;
       }
-      _quickMeasure(text) {
-        const totalSize = {
-          width: 0,
-          height: 0
-        };
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i];
-          let size = this._measureSpecialChar(char);
-          isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
-        }
-        return totalSize;
+      copySRGBToLinear(color) {
+        return this.color.r = SRGBToLinear(color.color.r), this.color.g = SRGBToLinear(color.color.g), this.color.b = SRGBToLinear(color.color.b), this;
       }
-      quickMeasureWithoutCanvas(text) {
-        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
+      copyLinearToSRGB(color) {
+        return this.color.r = LinearToSRGB(color.color.r), this.color.g = LinearToSRGB(color.color.g), this.color.b = LinearToSRGB(color.color.b), this;
       }
-      _quickMeasureWithoutCanvas(text) {
-        var _a;
-        const totalSize = {
-            width: 0,
-            height: 0
-          },
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i],
-            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
-          totalSize.width += size * fontSize;
-        }
-        return totalSize.height = null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize, totalSize;
+      convertSRGBToLinear() {
+        return this.copySRGBToLinear(this), this;
       }
-      _measureReduce(text, processor) {
-        var _a;
-        const {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec,
-          defaultResult = {
-            width: 0,
-            height: 0
-          };
-        if (isNil$1(text)) return defaultResult;
-        if (isArray$1(text)) {
-          const textArr = text.filter(isValid$1).map(s => s.toString());
-          return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
-            width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
-            height: textArr.length * ((null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize) + 1) + 1
-          };
-        }
-        return processor(text.toString());
+      convertLinearToSRGB() {
+        return this.copyLinearToSRGB(this), this;
       }
-      _measureNumberChar() {
-        if (isNil$1(this._numberCharSize)) {
-          const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
-          this._numberCharSize = {
-            width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-            height: numberBounds.height
-          };
-        }
-        return this._numberCharSize;
+    }
+    class RGB {
+      constructor(r, g, b, opacity) {
+        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$1(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
       }
-      _measureFullSizeChar() {
-        return isNil$1(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
+      formatHex() {
+        return `#${hex(this.r) + hex(this.g) + hex(this.b) + (1 === this.opacity ? "" : hex(255 * this.opacity))}`;
       }
-      _measureLetterChar() {
-        if (isNil$1(this._letterCharSize)) {
-          const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
-          this._letterCharSize = {
-            width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-            height: alphabetBounds.height
-          };
-        }
-        return this._letterCharSize;
+      formatRgb() {
+        const opacity = this.opacity;
+        return `${1 === opacity ? "rgb(" : "rgba("}${this.r},${this.g},${this.b}${1 === opacity ? ")" : `,${opacity})`}`;
       }
-      _measureSpecialChar(char) {
-        return isValid$1(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
+      formatHsl() {
+        const opacity = this.opacity,
+          {
+            h: h,
+            s: s,
+            l: l
+          } = rgbToHsl(this.r, this.g, this.b);
+        return `${1 === opacity ? "hsl(" : "hsla("}${h},${s}%,${l}%${1 === opacity ? ")" : `,${opacity})`}`;
       }
-      release() {
-        isValid$1(this._canvas) && (this._canvas = null), isValid$1(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
+      toString() {
+        return this.formatHex();
       }
     }
-    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
 
-    const calculateAnchorOfBounds = (bounds, anchorType) => {
-      const {
-          x1: x1,
-          x2: x2,
-          y1: y1,
-          y2: y2
-        } = bounds,
-        rectWidth = Math.abs(x2 - x1),
-        rectHeight = Math.abs(y2 - y1);
-      let anchorX = (x1 + x2) / 2,
-        anchorY = (y1 + y2) / 2,
-        sx = 0,
-        sy = 0;
-      switch (anchorType) {
-        case "top":
-        case "inside-top":
-          sy = -.5;
-          break;
-        case "bottom":
-        case "inside-bottom":
-          sy = .5;
-          break;
-        case "left":
-        case "inside-left":
-          sx = -.5;
-          break;
-        case "right":
-        case "inside-right":
-          sx = .5;
-          break;
-        case "top-right":
-          sx = .5, sy = -.5;
-          break;
-        case "top-left":
-          sx = -.5, sy = -.5;
-          break;
-        case "bottom-right":
-          sx = .5, sy = .5;
-          break;
-        case "bottom-left":
-          sx = -.5, sy = .5;
-      }
-      return anchorX += sx * rectWidth, anchorY += sy * rectHeight, {
-        x: anchorX,
-        y: anchorY
+    function hexToRgb(str) {
+      let r = "",
+        g = "",
+        b = "";
+      const strtIndex = "#" === str[0] ? 1 : 0;
+      for (let i = strtIndex; i < str.length; i++) "#" !== str[i] && (i < strtIndex + 2 ? r += str[i] : i < strtIndex + 4 ? g += str[i] : i < strtIndex + 6 && (b += str[i]));
+      return [parseInt(r, 16), parseInt(g, 16), parseInt(b, 16)];
+    }
+
+    function rgbToHex(r, g, b) {
+      return Number((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+    }
+
+    function interpolateRgb$1(colorA, colorB) {
+      const redA = colorA.r,
+        redB = colorB.r,
+        greenA = colorA.g,
+        greenB = colorB.g,
+        blueA = colorA.b,
+        blueB = colorB.b,
+        opacityA = colorA.opacity,
+        opacityB = colorB.opacity;
+      return t => {
+        const r = Math.round(redA * (1 - t) + redB * t),
+          g = Math.round(greenA * (1 - t) + greenB * t),
+          b = Math.round(blueA * (1 - t) + blueB * t);
+        return new RGB(r, g, b, opacityA * (1 - t) + opacityB * t);
       };
-    };
+    }
+
+    var ColorUtil = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        Color: Color,
+        DEFAULT_COLORS: DEFAULT_COLORS,
+        RGB: RGB,
+        hexToRgb: hexToRgb,
+        hslToRgb: hslToRgb,
+        interpolateRgb: interpolateRgb$1,
+        rgbToHex: rgbToHex,
+        rgbToHsl: rgbToHsl
+    });
 
     function normalizePadding$1(padding) {
       if (isValidNumber$1(padding)) return [padding, padding, padding, padding];
@@ -12411,8 +12428,9 @@
         }), this.clipRange && (out.clipRange = this.clipRange + (1 - this.clipRange) * ratio), this.segmentsCache && this.to.segments) {
           let start = 0;
           out.segments = this.to.segments.map((segment, index) => {
-            const points = this.points.slice(start, this.segmentsCache[start]);
-            return start += this.segmentsCache[start], Object.assign(Object.assign({}, segment), {
+            const end = start + this.segmentsCache[index],
+              points = this.points.slice(start, end);
+            return start = end, Object.assign(Object.assign({}, segment), {
               points: points
             });
           });
@@ -13839,6 +13857,9 @@
       get AABBBounds() {
         return this.tryUpdateAABBBounds("imprecise" === this.attribute.boundsMode);
       }
+      get OBBBounds() {
+        return this.tryUpdateOBBBounds();
+      }
       get globalAABBBounds() {
         return this.tryUpdateGlobalAABBBounds();
       }
@@ -13851,7 +13872,7 @@
       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();
@@ -13885,13 +13906,22 @@
         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,
@@ -14868,6 +14898,7 @@
         }), 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;
       }
@@ -18692,7 +18723,10 @@
       }
       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);
@@ -19041,6 +19075,35 @@
       getGraphicTheme() {
         return getTheme$1(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
@@ -20357,7 +20420,7 @@
         }), aabbBounds;
       }
       doUpdateAABBBounds() {
-        this._AABBBounds.clear();
+        this.updateAABBBoundsStamp++, this._AABBBounds.clear();
         const bounds = this.updateAABBBounds(this.attribute, this.getGraphicTheme(), this._AABBBounds);
         return this.clearUpdateBoundTag(), bounds;
       }
@@ -21520,13 +21583,14 @@
         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$1(endAngle - startAngle),
           clockwise = endAngle > startAngle;
         if (outerRadius < innerRadius) {
@@ -30106,7 +30170,7 @@
           const {
             width: width,
             height: height
-          } = this._getSliderRenderBounds();
+          } = this.getSliderRenderBounds();
           return "vertical" === direction ? (currentPos = y, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = x, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
         }, this._onSliderPointerMove = e => {
           const {
@@ -30194,7 +30258,7 @@
             height: height
           }, railStyle), "rect");
         this._rail = rail;
-        const sliderRenderBounds = this._getSliderRenderBounds(),
+        const sliderRenderBounds = this.getSliderRenderBounds(),
           sliderPos = this._getSliderPos(clampRange$1(range, limitRange[0], limitRange[1])),
           sliderSize = sliderPos[1] - sliderPos[0];
         let sliderAttribute;
@@ -30222,7 +30286,7 @@
           y: containerAABBBounds.y1
         };
       }
-      _getSliderRenderBounds() {
+      getSliderRenderBounds() {
         if (this._sliderRenderBounds) return this._sliderRenderBounds;
         const {
             width: width,
@@ -30249,7 +30313,7 @@
           const {
             width: width,
             height: height
-          } = this._getSliderRenderBounds();
+          } = this.getSliderRenderBounds();
           return "horizontal" === direction ? height : width;
         }
         return 0;
@@ -30263,7 +30327,7 @@
             height: height,
             x1: x1,
             y1: y1
-          } = this._getSliderRenderBounds();
+          } = this.getSliderRenderBounds();
         return "horizontal" === direction ? [width * range[0] + x1, width * range[1] + x1] : [height * range[0] + y1, height * range[1] + y1];
       }
       _getScrollRange() {
@@ -30278,7 +30342,7 @@
             height: height,
             x1: x1,
             y1: y1
-          } = this._getSliderRenderBounds(),
+          } = this.getSliderRenderBounds(),
           sliderSize = this._sliderSize;
         return "horizontal" === direction ? clampRange$1([x1 + min * width, x1 + max * width], x1, width - sliderSize) : clampRange$1([y1 + min * height, y1 + max * height], y1, height - sliderSize);
       }
@@ -32354,45 +32418,33 @@
           const baseMark = this.getRelatedGraphic(label.attribute),
             backgroundColor = baseMark.attribute.fill,
             foregroundColor = label.attribute.fill,
-            baseColor = backgroundColor,
             invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors, mode),
             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);
             if (fill && label.setAttributes({
               fill: fill
             }), 0 === label.attribute.lineWidth) continue;
-            const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
+            const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
             stroke && label.setAttributes({
               stroke: stroke
             });
-          } else {
-            if (this._canPlaceInside(label.AABBBounds, baseMark.AABBBounds)) {
-              const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
-              if (fill && label.setAttributes({
-                fill: fill
-              }), 0 === label.attribute.lineWidth) continue;
-              const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
-              stroke && label.setAttributes({
-                stroke: stroke
-              });
-            } else {
-              if (0 === label.attribute.lineWidth) 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: fill
-              });
-              const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
-              stroke && label.setAttributes({
-                stroke: stroke
+          } else if (label.AABBBounds && baseMark.AABBBounds && baseMark.AABBBounds.intersects(label.AABBBounds)) {
+            if (0 === label.attribute.lineWidth) continue;
+            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: fill
+            });
+            const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
+            stroke && label.setAttributes({
+              stroke: stroke
+            });
           }
         }
       }
@@ -32825,7 +32877,7 @@
         const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height),
           flag = isQuadrantLeft(quadrant) ? -1 : 1;
         let cx = 0,
-          limit = (flag > 0 ? plotLayout_x2 - pointB.x : pointB.x - plotLayout_x1) - this._line2MinLength - spaceWidth;
+          limit = (flag > 0 ? plotLayout_x2 - pointB.x + this._alignOffset : pointB.x - plotLayout_x1 - this._alignOffset) - this._line2MinLength - spaceWidth;
         "labelLine" === labelLayoutAlign && (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;
@@ -33933,49 +33985,6 @@
       }
     }
 
-    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),
-          rotatedCenter = rotate(bounds.centerX, bounds.centerY, bounds.angle, item.attribute.x, item.attribute.y),
-          deltaX = rotatedCenter.x - bounds.centerX,
-          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, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0));
-    }
-    const DELTA_ANGLE = Math.sin(Math.PI / 10);
-    function isAngleVertical(angle) {
-      const hasAngle = !isNil$1(angle) && 0 !== angle,
-        cos = hasAngle ? Math.cos(angle) : 1;
-      return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
-    }
-    function isAngleHorizontal(angle) {
-      const hasAngle = !isNil$1(angle) && 0 !== angle,
-        sin = hasAngle ? Math.sin(angle) : 0;
-      return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
-    }
-
     const methods$2 = {
       parity: function (items) {
         return items.filter((item, i) => i % 2 ? item.setAttribute("opacity", 0) : 1);
@@ -33986,16 +33995,16 @@
       }
     };
     function intersect$1(textA, textB, sep) {
-      const 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) && (!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));
+      let a = textA.OBBBounds,
+        b = textB.OBBBounds;
+      return a && b && !a.empty() && !b.empty() ? a.intersects(b) : (a = textA.AABBBounds, b = textB.AABBBounds, sep > Math.max(b.x1 - a.x2, a.x1 - b.x2, b.y1 - a.y2, a.y1 - b.y2));
     }
     function hasOverlap$2(items, pad) {
       for (let b, i = 1, n = items.length, a = items[0]; i < n; a = b, ++i) if (intersect$1(a, b = items[i], pad)) return !0;
     }
     function hasBounds(item) {
-      const b = item.AABBBounds;
-      return b.width() > 1 && b.height() > 1;
+      let bounds;
+      return bounds = item.OBBBounds.empty() ? item.AABBBounds : item.OBBBounds, bounds.width() > 1 && bounds.height() > 1;
     }
     function reset$1(items) {
       return items.forEach(item => item.setAttribute("opacity", 1)), items;
@@ -34005,7 +34014,7 @@
       const source = labels.filter(hasBounds);
       if (isEmpty(source)) return;
       let items;
-      items = reset$1(source), genRotateBounds(items);
+      items = reset$1(source);
       const {
           method = "parity",
           separation: sep = 0
@@ -34031,6 +34040,50 @@
       });
     }
 
+    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),
+          rotatedCenter = rotatePoint({
+            x: item.attribute.x,
+            y: item.attribute.y
+          }, bounds.angle, {
+            x: bounds.centerX,
+            y: bounds.centerY
+          }),
+          deltaX = rotatedCenter.x - bounds.centerX,
+          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;
+      return (null === (_a = item1.OBBBounds) || void 0 === _a ? void 0 : _a.empty()) || (null === (_b = item2.OBBBounds) || void 0 === _b ? void 0 : _b.empty()) ? isRectIntersect(item1.AABBBounds, item2.AABBBounds, !1) && (!item1.rotatedBounds || !item2.rotatedBounds || isRotateAABBIntersect(item1.rotatedBounds, item2.rotatedBounds, !0)) : item1.OBBBounds.intersects(item2.OBBBounds);
+    }
+    const DELTA_ANGLE = Math.sin(Math.PI / 10);
+    function isAngleVertical(angle) {
+      const hasAngle = !isNil$1(angle) && 0 !== angle,
+        cos = hasAngle ? Math.cos(angle) : 1;
+      return hasAngle && Math.abs(cos) <= DELTA_ANGLE;
+    }
+    function isAngleHorizontal(angle) {
+      const hasAngle = !isNil$1(angle) && 0 !== angle,
+        sin = hasAngle ? Math.sin(angle) : 0;
+      return !hasAngle || Math.abs(sin) <= DELTA_ANGLE;
+    }
+
     function autoRotate(items, rotateConfig) {
       if (isEmpty(items)) return;
       const {
@@ -36541,10 +36594,19 @@
           shape.name = `${name}-line`, shape.id = this._getNodeId(`${name}-path-${id}`), container.add(shape);
         }), items.length > 1 && alternateColor) {
           const colors = isArray$1(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),
+            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)
@@ -36621,6 +36683,10 @@
         }
         return gridPoints;
       }
+      getGridPointsByValue(value) {
+        const basePoint = this.getTickCoord(value);
+        return this._getGridPoint(this.attribute.type, basePoint);
+      }
       getGridAttribute(isSubGrid) {
         const {
             type: gridType,
@@ -36634,7 +36700,7 @@
           const subGridItems = [],
             {
               count: subCount = 4
-            } = this.attribute.subGrid || {};
+            } = gridAttribute;
           if (this.data.length >= 2) {
             const points = this._getPointsOfSubGrid(tickSegment, alignWithLabel);
             for (let i = 0; i < points.length - 1; i++) {
@@ -36642,22 +36708,21 @@
                 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),
-                  value = (1 - percent) * pre.value + percent * next.value,
-                  point = this.getTickCoord(value);
+                  value = (1 - percent) * pre.value + percent * next.value;
                 subGridItems.push({
                   id: `sub-${i}-${j + 1}`,
-                  points: this._getGridPoint(gridType, point),
+                  points: this.getGridPointsByValue(value),
                   datum: {}
                 });
               }
               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: {}
               });
             }
@@ -36703,6 +36768,14 @@
       constructor(attributes, options) {
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge$2({}, BaseGrid.defaultAttributes, attributes), options);
       }
+      getGridPointsByValue(value) {
+        const basePoint = this.getTickCoord(value),
+          {
+            radius: radius,
+            innerRadius = 0
+          } = this.attribute;
+        return [basePoint, this.getVerticalCoord(basePoint, radius - innerRadius, !0)];
+      }
       getGridAttribute(isSubGrid) {
         let gridAttribute,
           items = [];
@@ -39885,11 +39958,11 @@
           focusShape = graphicCreator.symbol(Object.assign(Object.assign({
             x: 0,
             y: -focusSize / 2 - 1,
-            strokeBoundsBuffer: 0
+            strokeBoundsBuffer: 0,
+            boundsPadding: parsedPadding
           }, focusIconStyle), {
             visible: !0,
-            pickMode: "imprecise",
-            boundsPadding: parsedPadding
+            pickMode: "imprecise"
           })), this._appendDataToShape(focusShape, LEGEND_ELEMENT_NAME.focus, item, itemGroup), focusSpace = focusSize;
         }
         const text = labelAttr.formatMethod ? labelAttr.formatMethod(label, item, index) : label,
@@ -40044,6 +40117,20 @@
             let newPage = value[0] * this._itemContext.totalPage;
             return pager.scrollByPosition ? newPage += 1 : newPage = Math.floor(newPage) + 1, newPage;
           } : e => e.detail.current,
+          onScroll = e => {
+            e.preventDefault();
+            const scrollComponent = this._pagerComponent,
+              preScrollRange = scrollComponent.getScrollRange(),
+              {
+                direction: direction
+              } = scrollComponent.attribute,
+              {
+                width: width,
+                height: height
+              } = scrollComponent.getSliderRenderBounds(),
+              currentScrollValue = "vertical" === direction ? e.deltaY / height : e.deltaX / width;
+            scrollComponent.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0);
+          },
           onPaging = e => {
             const newPage = pageParser(e);
             if (newPage !== this._itemContext.currentPage) {
@@ -40057,7 +40144,12 @@
               }, animationDuration, animationEasing) : this._itemsContainer.setAttribute(channel, -(newPage - 1) * pageSize);
             }
           };
-        this._itemContext.isScrollbar ? (this._pagerComponent.addEventListener("scrollDrag", onPaging), this._pagerComponent.addEventListener("scrollUp", onPaging)) : (this._pagerComponent.addEventListener("toPrev", onPaging), this._pagerComponent.addEventListener("toNext", onPaging));
+        if (this._itemContext.isScrollbar) {
+          if (this._pagerComponent.addEventListener("scrollDrag", onPaging), this._pagerComponent.addEventListener("scrollUp", onPaging), this.attribute.pager.roamScroll) {
+            const THROTTLE_TIME = 50;
+            this.addEventListener("wheel", throttle(onScroll, THROTTLE_TIME));
+          }
+        } else this._pagerComponent.addEventListener("toPrev", onPaging), this._pagerComponent.addEventListener("toNext", onPaging);
       }
       _renderPager() {
         const renderStartY = this._title ? this._title.AABBBounds.height() + get$1(this.attribute, "title.space", 8) : 0,
@@ -43668,7 +43760,8 @@
                 discreteLegendPagerTextColor: 'rgb(51, 51, 51)',
                 discreteLegendPagerHandlerColor: 'rgb(47, 69, 84)',
                 discreteLegendPagerHandlerDisableColor: 'rgb(170, 170, 170)',
-                emptyCircleColor: '#e3e5e8'
+                emptyCircleColor: '#e3e5e8',
+                linearProgressTrackColor: '#E7EBED'
             }
         }
     };
@@ -43879,7 +43972,7 @@
         },
         track: {
             style: {
-                fill: '#E7EBED',
+                fill: { type: 'palette', key: 'linearProgressTrackColor' },
                 fillOpacity: 1
             }
         }
@@ -45388,7 +45481,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 discreteLegendPagerTextColor: '#BBBDC3',
                 discreteLegendPagerHandlerColor: '#BBBDC3',
                 discreteLegendPagerHandlerDisableColor: '#55595F',
-                emptyCircleColor: '#bbbdc3'
+                emptyCircleColor: '#bbbdc3',
+                linearProgressTrackColor: '#404349'
             }
         }
     };
@@ -48886,19 +48980,27 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }), this.differ.updateToCurrent(), this.needClear = !1);
       }
       evaluateMainTasks(data, parameters) {
-        var _a;
+        var _a, _b;
         if (this.needSkipBeforeLayout() && this.view.getLayoutState() === LayoutState.before) return this;
         const stage = null === (_a = this.view.renderer) || void 0 === _a ? void 0 : _a.stage();
         this.init(stage, parameters);
-        const transformData = this.evaluateTransform(this._getTransformsBeforeJoin(), null != data ? data : DefaultMarkData, parameters);
-        let inputData = (null == transformData ? void 0 : transformData.progressive) ? data : transformData;
-        return this.evaluateGroup(inputData), this.renderContext = this.parseRenderContext(inputData, parameters), this.renderContext.progressive ? (this.differ.reset(), this.elementMap.clear(), this.evaluateProgressive()) : ((null == transformData ? void 0 : transformData.progressive) && (this.renderContext.parameters = parameters, this.renderContext.beforeTransformProgressive = transformData.progressive, inputData = transformData.progressive.output()), this.emit(HOOK_EVENT.BEFORE_MARK_JOIN), this.evaluateJoin(inputData), this.emit(HOOK_EVENT.AFTER_MARK_JOIN), this.emit(HOOK_EVENT.BEFORE_MARK_STATE), this.evaluateState(this.elements, this.spec.state, parameters), this.emit(HOOK_EVENT.AFTER_MARK_STATE), this.emit(HOOK_EVENT.BEFORE_MARK_ENCODE), this.evaluateEncode(this.elements, this._getEncoders(), parameters), this.emit(HOOK_EVENT.AFTER_MARK_ENCODE)), this.emit(HOOK_EVENT.BEFORE_MARK_UPDATE), this.update(this.spec), this.emit(HOOK_EVENT.AFTER_MARK_UPDATE), this;
+        const transformData = this.evaluateTransform(this._getTransformsBeforeJoin(), null != data ? data : DefaultMarkData, parameters),
+          progressiveTransform = null == transformData ? void 0 : transformData.progressive;
+        if (progressiveTransform ? this.renderContext = {
+          large: !1
+        } : (this.evaluateGroup(transformData), this.renderContext = this.parseRenderContext(transformData, parameters)), null === (_b = this.renderContext) || void 0 === _b ? void 0 : _b.progressive) this.differ.reset(), this.elementMap.clear(), this.evaluateProgressive();else {
+          let inputData = null;
+          if (progressiveTransform) {
+            if (this.renderContext.parameters = parameters, this.renderContext.beforeTransformProgressive = transformData.progressive, inputData = transformData.progressive.output(), transformData.progressive.canAnimate && transformData.progressive.unfinished()) return this.update(this.spec), this;
+          } else inputData = transformData;
+          this.emit(HOOK_EVENT.BEFORE_MARK_JOIN), this.evaluateJoin(inputData), this.emit(HOOK_EVENT.AFTER_MARK_JOIN), this.emit(HOOK_EVENT.BEFORE_MARK_STATE), this.evaluateState(this.elements, this.spec.state, parameters), this.emit(HOOK_EVENT.AFTER_MARK_STATE), this.emit(HOOK_EVENT.BEFORE_MARK_ENCODE), this.evaluateEncode(this.elements, this._getEncoders(), parameters), this.emit(HOOK_EVENT.AFTER_MARK_ENCODE);
+        }
+        return this.update(this.spec), this;
       }
       evaluateGroup(data) {
         if (this.markType === GrammarMarkType.group) return;
-        const res = groupData(null != data ? data : DefaultMarkData, this.spec.groupBy, this.spec.groupSort),
-          groupKeys = res.keys;
-        this._groupKeys = groupKeys, this._groupEncodeResult = null, this.differ.setCurrentData(res);
+        const res = groupData(null != data ? data : DefaultMarkData, this.spec.groupBy, this.spec.groupSort);
+        this._groupEncodeResult = null, this._groupedData = res;
       }
       _getTransformsAfterEncodeItems() {
         return this.transforms && this.transforms.filter(entry => "afterEncodeItems" === entry.markPhase);
@@ -49047,7 +49149,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       }
       update(spec) {
         var _b;
-        if (this._context = this.spec.context, this.isUpdated = !0, this.renderContext.progressive || null === (_b = this.updateAnimate) || void 0 === _b || _b.call(this, spec), this.markType !== GrammarMarkType.group) {
+        if (this.emit(HOOK_EVENT.BEFORE_MARK_UPDATE), this._context = this.spec.context, this.isUpdated = !0, this.renderContext.progressive || null === (_b = this.updateAnimate) || void 0 === _b || _b.call(this, spec), this.markType !== GrammarMarkType.group) {
           if (isNil$1(spec.zIndex) || this.graphicItem.setAttribute("zIndex", spec.zIndex), isNil$1(spec.clip) || this.graphicItem.setAttribute("clip", spec.clip), !isNil$1(spec.clipPath)) {
             const paths = isArray$1(spec.clipPath) ? spec.clipPath : spec.clipPath(this.elements);
             paths && paths.length ? this.graphicItem.setAttribute("path", paths) : this.graphicItem.setAttributes({
@@ -49061,6 +49163,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         } else this.elementMap.forEach(element => {
           element.updateGraphicItem();
         });
+        this.emit(HOOK_EVENT.AFTER_MARK_UPDATE);
       }
       createElement() {
         return new Element$1(this);
@@ -49095,7 +49198,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           enterElements.delete(element);
         });
         const currentData = null != data ? data : DefaultMarkData;
-        isCollectionMark || this.differ.setCurrentData(groupData(currentData, datum => `${groupKeyGetter(datum)}-${keyGetter(datum)}`, void 0)), this.differ.doDiff(), enterElements.forEach(element => {
+        isCollectionMark ? this.differ.setCurrentData(this._groupedData) : this.differ.setCurrentData(groupData(currentData, datum => `${groupKeyGetter(datum)}-${keyGetter(datum)}`, void 0)), this.differ.doDiff(), enterElements.forEach(element => {
           this.elementMap.delete(isCollectionMark ? element.groupKey : `${element.groupKey}-${element.key}`), element.remove(), element.release();
         }), this.elements = elements, sort && this.elements.length >= 2 && this.elements.sort((elementA, elementB) => sort(elementA.getDatum(), elementB.getDatum()));
       }
@@ -49105,9 +49208,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
       }
       evaluateGroupEncode(elements, groupEncode, parameters) {
-        if (!this._groupKeys || !groupEncode) return;
+        if (!this._groupedData || !groupEncode) return;
         const res = {};
-        return this._groupKeys.forEach(key => {
+        return this._groupedData.keys.forEach(key => {
           const el = elements.find(el => el.groupKey === key);
           el && (res[key] = invokeEncoder(groupEncode, el.items && el.items[0] && el.items[0].datum, el, parameters));
         }), this._groupEncodeResult = res, res;
@@ -49152,8 +49255,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         if (graphicItem) {
           if (null === (_a = this.renderContext) || void 0 === _a ? void 0 : _a.progressive) {
             let group;
-            if (this._groupKeys) {
-              const index = this._groupKeys.indexOf(groupKey);
+            if (this._groupedData) {
+              const index = this._groupedData.keys.indexOf(groupKey);
               index >= 0 && (group = this.graphicParent.getChildAt(index));
             } else group = this.graphicParent.at(0);
             this.isCollectionMark() ? (graphicItem.incremental = 1, group.appendChild(graphicItem)) : group.incrementalAppendChild(graphicItem);
@@ -49165,7 +49268,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const enableProgressive = this.markType !== GrammarMarkType.group && this.spec.progressiveStep > 0 && this.spec.progressiveThreshold > 0 && this.spec.progressiveStep < this.spec.progressiveThreshold,
           large = this.spec.large && this.spec.largeThreshold > 0 && data.length >= this.spec.largeThreshold;
         if (enableProgressive) {
-          const groupedData = this.differ.getCurrentData();
+          const groupedData = this._groupedData;
           return groupedData && groupedData.keys && groupedData.keys.some(key => groupedData.data.get(key).length > this.spec.progressiveThreshold) ? {
             large: large,
             parameters: parameters,
@@ -49206,7 +49309,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const currentIndex = this.renderContext.progressive.currentIndex,
           keyGetter = parseField(null !== (_c = null !== (_a = this.spec.key) && void 0 !== _a ? _a : null === (_b = this.grammarSource) || void 0 === _b ? void 0 : _b.getDataIDKey()) && void 0 !== _c ? _c : () => DefaultKey),
           elements = [];
-        if (this.isCollectionMark()) return this._groupKeys.forEach((key, index) => {
+        if (this.isCollectionMark()) return this._groupedData.keys.forEach((key, index) => {
           const data = this.renderContext.progressive.groupedData.get(key),
             groupStep = this.renderContext.progressive.step,
             dataSlice = data.slice(currentIndex * groupStep, (currentIndex + 1) * groupStep);
@@ -49219,7 +49322,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
           }
         }), elements;
         const groupElements = {};
-        return this._groupKeys.forEach(key => {
+        return this._groupedData.keys.forEach(key => {
           const data = this.renderContext.progressive.groupedData.get(key),
             groupStep = this.renderContext.progressive.step,
             dataSlice = data.slice(currentIndex * groupStep, (currentIndex + 1) * groupStep),
@@ -49249,8 +49352,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       evaluateProgressive() {
         var _a, _b, _c;
         if (null === (_a = this.renderContext) || void 0 === _a ? void 0 : _a.beforeTransformProgressive) {
-          this.renderContext.beforeTransformProgressive.progressiveRun();
-          const output = this.renderContext.beforeTransformProgressive.output();
+          const transform = this.renderContext.beforeTransformProgressive;
+          transform.progressiveRun();
+          const output = transform.output();
+          if (transform.canAnimate) {
+            if (transform.unfinished()) return;
+            this.evaluateGroup(output);
+          }
           return this.emit(HOOK_EVENT.BEFORE_MARK_JOIN), this.evaluateJoin(output), this.emit(HOOK_EVENT.AFTER_MARK_JOIN), this.emit(HOOK_EVENT.BEFORE_MARK_STATE), this.evaluateState(this.elements, this.spec.state, this.renderContext.parameters), this.emit(HOOK_EVENT.AFTER_MARK_STATE), this.emit(HOOK_EVENT.BEFORE_MARK_ENCODE), this.evaluateEncode(this.elements, this._getEncoders(), this.renderContext.parameters), void this.emit(HOOK_EVENT.AFTER_MARK_ENCODE);
         }
         if (!(null === (_b = this.renderContext) || void 0 === _b ? void 0 : _b.progressive)) return;
@@ -49258,7 +49366,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         this.emit(HOOK_EVENT.BEFORE_MARK_JOIN);
         const result = this.evaluateJoinProgressive(),
           elements = Array.isArray(result) ? result : result.elements;
-        if (this.emit(HOOK_EVENT.AFTER_MARK_JOIN), 0 === this.renderContext.progressive.currentIndex ? (this.graphicParent.removeAllChild(), this._groupKeys.forEach(key => {
+        if (this.emit(HOOK_EVENT.AFTER_MARK_JOIN), 0 === this.renderContext.progressive.currentIndex ? (this.graphicParent.removeAllChild(), this._groupedData.keys.forEach(key => {
           const graphicItem = createGraphicItem(this, GrammarMarkType.group, {
             pickable: !1,
             zIndex: this.spec.zIndex
@@ -49332,10 +49440,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
       }
       prepareRelease() {
         var _a;
-        null === (_a = this.animate) || void 0 === _a || _a.stop(), this.elementMap.forEach(element => element.diffState = DiffState.exit), this._finalParameters = this.parameters();
+        this.differ.setCurrentData(null), null === (_a = this.animate) || void 0 === _a || _a.stop(), this.elementMap.forEach(element => element.diffState = DiffState.exit), this._finalParameters = this.parameters();
       }
       release() {
-        this.releaseEvent(), this.elements.forEach(element => element.release()), this.elementMap.clear(), this._finalParameters = null, this.animate && this.animate.release(), this.graphicItem && removeGraphicItem(this.graphicItem), this.detachAll(), super.release();
+        this.releaseEvent(), this.elements.forEach(element => element.release()), this.differ = null, this.elements = [], this.elementMap.clear(), this._finalParameters = null, this.animate && this.animate.release(), this.graphicItem && removeGraphicItem(this.graphicItem), this.detachAll(), super.release();
       }
     }
 
@@ -55707,8 +55815,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         return viewData;
     }
-    function dataToDataView(data, dataSet, sourceDataViews = [], ctx = {}) {
-        var _a, _b, _c;
+    function dataToDataView(data, dataSet, sourceDataViews = []) {
+        var _a;
         if (data instanceof DataView) {
             return data;
         }
@@ -55730,7 +55838,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (typeof fromDataId === 'string') {
                 const fromDataView = sourceDataViews.find(dv => dv.name === fromDataId);
                 if (!fromDataView) {
-                    ((_a = ctx.onError) !== null && _a !== void 0 ? _a : error$1)(`no data matches fromDataId ${fromDataId}`);
+                    warn(`no data matches fromDataId ${fromDataId}`);
                     return null;
                 }
                 dataView.parse([fromDataView], {
@@ -55743,7 +55851,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             else if (typeof fromDataIndex === 'number') {
                 const fromDataView = sourceDataViews[fromDataIndex];
                 if (!fromDataView) {
-                    ((_b = ctx.onError) !== null && _b !== void 0 ? _b : error$1)(`no data matches fromDataIndex ${fromDataIndex}`);
+                    warn(`no data matches fromDataIndex ${fromDataIndex}`);
                     return null;
                 }
                 dataView.parse([fromDataView], {
@@ -55757,7 +55865,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 dataView.parse(values, parser);
             }
             else if (isString$1(values) && (!parser || ['csv', 'dsv', 'tsv'].includes(parser.type))) {
-                dataView.parse(values, (_c = parser) !== null && _c !== void 0 ? _c : { type: 'csv' });
+                dataView.parse(values, (_a = parser) !== null && _a !== void 0 ? _a : { type: 'csv' });
             }
             else {
                 dataView.parse([]);
@@ -59984,6 +60092,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 plugin.onAfterChartSpecTransform && plugin.onAfterChartSpecTransform(this, chartSpec, actionSource);
             });
         }
+        onAfterModelSpecTransform(chartSpec, chartSpecInfo, actionSource) {
+            this._plugins.forEach(plugin => {
+                plugin.onAfterModelSpecTransform &&
+                    plugin.onAfterModelSpecTransform(this, chartSpec, chartSpecInfo, actionSource);
+            });
+        }
         onBeforeInitChart(chartSpec, actionSource) {
             this._plugins.forEach(plugin => {
                 plugin.onBeforeInitChart && plugin.onBeforeInitChart(this, chartSpec, actionSource);
@@ -60136,7 +60250,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     result.changeTheme = true;
                     return result;
                 }
-                this._initChartSpec(this._spec, 'render');
+                this._initChartSpec(this._spec, 'updateSpec');
                 const res = mergeUpdateResult(this._chart.updateSpec(this._spec), result);
                 return userUpdateOptions
                     ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
@@ -60565,7 +60679,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const prevData = array(this._spec.data);
             const list = array(data);
             list.forEach(d => {
-                var _a;
                 const { id, values, parser, fields } = d;
                 const preDV = prevData.find(dv => dv.name === id);
                 if (preDV) {
@@ -60580,9 +60693,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
                 else {
-                    const dataView = dataToDataView(d, this._dataSet, prevData, {
-                        onError: (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError
-                    });
+                    const dataView = dataToDataView(d, this._dataSet, prevData);
                     if (isArray$1(this._spec.data)) {
                         this._spec.data.push(dataView);
                     }
@@ -61296,7 +61407,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.6";
+    const version = "1.12.7";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -62423,14 +62534,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initData() {
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             const d = (_a = this._spec.data) !== null && _a !== void 0 ? _a : this._option.getSeriesData(this._spec.dataId, this._spec.dataIndex);
             if (d) {
-                this._rawData = dataToDataView(d, this._dataSet, this._option.sourceDataList, {
-                    onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError
-                });
+                this._rawData = dataToDataView(d, this._dataSet, this._option.sourceDataList);
             }
-            (_d = (_c = this._rawData) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.addListener('change', this.rawDataUpdate.bind(this));
+            (_c = (_b = this._rawData) === null || _b === void 0 ? void 0 : _b.target) === null || _c === void 0 ? void 0 : _c.addListener('change', this.rawDataUpdate.bind(this));
             this._addDataIndexAndKey();
             if (this._rawData) {
                 if (this.getStack()) {
@@ -65889,12 +65998,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const attrs = this._getUpdateAttribute(true);
                 const axisComponent = product.getGroupGraphicItem();
                 const spec = mergeSpec(Object.assign({}, this.getLayoutStartPoint()), this._axisStyle, attrs, { line: { visible: false } });
-                const updateBounds = axisComponent.getBoundsWithoutRender(spec);
+                let updateBounds = axisComponent.getBoundsWithoutRender(spec);
+                if (updateBounds.empty()) {
+                    updateBounds = new Bounds().set(spec.x, spec.y, spec.x, spec.y);
+                }
                 hasBounds = true;
                 this._latestBounds = updateBounds;
-                if (isFinite(updateBounds.width())) {
-                    result = this._appendAxisUnit(updateBounds, isX);
-                }
+                result = this._appendAxisUnit(updateBounds, isX);
             }
             if (!hasBounds) {
                 this._latestBounds = product.getBounds();
@@ -67222,16 +67332,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         get dataList() {
             return this._dataArr;
         }
-        constructor(dataSet, onError) {
+        constructor(dataSet) {
             this._dataArr = [];
-            this._onError = onError;
             this._dataSet = dataSet;
         }
         parseData(dataSpec) {
             this._dataArr = [];
             const list = array(dataSpec);
             for (let i = 0; i < list.length; i++) {
-                this._dataArr.push(dataToDataView(list[i], this._dataSet, this._dataArr, { onError: this._onError }));
+                this._dataArr.push(dataToDataView(list[i], this._dataSet, this._dataArr));
             }
         }
         updateData(dataSpec, fullUp = false, forceMerge = true) {
@@ -67260,7 +67369,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         getSeriesData(id, index) {
-            var _a, _b;
             if (!this._dataArr.length) {
                 return null;
             }
@@ -67271,15 +67379,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (metchData[0]) {
                     return metchData[0];
                 }
-                (_a = this._onError) === null || _a === void 0 ? void 0 : _a.call(this, `no data matches dataId ${id}!`);
-                return null;
+                warn(`no data matches dataId ${id}!`);
             }
             if (typeof index === 'number') {
                 if (this._dataArr[index]) {
                     return this._dataArr[index];
                 }
-                (_b = this._onError) === null || _b === void 0 ? void 0 : _b.call(this, `no data matches dataIndex ${index}!`);
-                return null;
+                warn(`no data matches dataIndex ${index}!`);
             }
             return this._dataArr[0];
         }
@@ -67639,7 +67745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._chartData;
         }
         constructor(spec, option) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             super(option);
             this.type = 'chart';
             this.id = createID();
@@ -67769,8 +67875,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._paddingSpec = normalizeLayoutPaddingSpec((_a = spec.padding) !== null && _a !== void 0 ? _a : option.getTheme().padding);
             this._event = new Event$1(option.eventDispatcher, option.mode);
             this._dataSet = option.dataSet;
-            this._chartData = new ChartData(this._dataSet, (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError);
-            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_c = this._option) === null || _c === void 0 ? void 0 : _c.onError, disableTriggerEvent: ((_d = this._option) === null || _d === void 0 ? void 0 : _d.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
+            this._chartData = new ChartData(this._dataSet);
+            this._modelOption = Object.assign(Object.assign({}, option), { mode: this._option.mode, map: this._idMap, getChartLayoutRect: () => this._layoutRect, getChartViewRect: () => this._viewRect, getChart: () => this, globalScale: this._globalScale, onError: (_b = this._option) === null || _b === void 0 ? void 0 : _b.onError, disableTriggerEvent: ((_c = this._option) === null || _c === void 0 ? void 0 : _c.disableTriggerEvent) === true, getSeriesData: this._chartData.getSeriesData.bind(this._chartData) });
             this._spec = spec;
         }
         created() {
@@ -68096,6 +68202,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._globalScale.getScale('color').range(colorSpec.range);
             }
         }
+        _getSpecKeys(spec) {
+            const ignoreKeys = { width: true, height: true };
+            return Object.keys(spec)
+                .filter(key => !ignoreKeys[key])
+                .sort();
+        }
         updateSpec(spec) {
             const result = {
                 change: false,
@@ -68109,9 +68221,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 result.reMake = true;
                 return result;
             }
-            const currentKeys = Object.keys(this._spec).sort();
-            const nextKeys = Object.keys(spec).sort();
-            if (JSON.stringify(currentKeys) !== JSON.stringify(nextKeys)) {
+            const currentKeys = this._getSpecKeys(this._spec);
+            const nextKeys = this._getSpecKeys(spec);
+            if (!isEqual(currentKeys, nextKeys)) {
                 result.reMake = true;
                 return result;
             }
@@ -68210,10 +68322,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
             }
+            const isVisible = (compSpec) => compSpec && compSpec.visible !== false;
             Object.keys(checkVisibleComponents).forEach(type => {
                 if (checkVisibleComponents[type]) {
                     const compSpec = this._spec[type];
-                    const switchToVisible = isArray$1(compSpec) ? compSpec.some(entry => entry === null || entry === void 0 ? void 0 : entry.visible) : compSpec === null || compSpec === void 0 ? void 0 : compSpec.visible;
+                    const switchToVisible = isArray$1(compSpec) ? compSpec.some(isVisible) : isVisible(compSpec);
                     if (switchToVisible) {
                         result.reMake = true;
                     }
@@ -80080,12 +80193,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._valueField;
         }
         setAttrFromSpec() {
-            var _a, _b;
+            var _a, _b, _c, _d, _e;
             super.setAttrFromSpec();
             this.setCategoryField(this._spec.categoryField);
             this.setValueField(this._spec.valueField);
             this._funnelOrient = (_a = this._spec.funnelOrient) !== null && _a !== void 0 ? _a : 'top';
             this._shape = (_b = this._spec.shape) !== null && _b !== void 0 ? _b : 'trapezoid';
+            this._minLabelLineWidth = (_e = (_d = (_c = this._spec.outerLabel) === null || _c === void 0 ? void 0 : _c.line) === null || _d === void 0 ? void 0 : _d.minLength) !== null && _e !== void 0 ? _e : FUNNEL_LABEL_LINE_LENGTH;
             if (this._isHorizontal()) {
                 this._funnelAlign = ['top', 'bottom'].includes(this._spec.funnelAlign) ? this._spec.funnelAlign : 'center';
             }
@@ -80593,7 +80707,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return type === 'text' && ((_a = attribute.data) === null || _a === void 0 ? void 0 : _a[categoryField]) === datum[categoryField];
             }, true)) === null || _c === void 0 ? void 0 : _c.AABBBounds;
             const funnelLabelWidth = funnelLabelBounds ? funnelLabelBounds.x2 - funnelLabelBounds.x1 : 0;
-            const outerLineSpace = this._funnelOuterLabelMark.line ? FUNNEL_LABEL_LINE_LENGTH : 0;
+            const outerLineSpace = this._funnelOuterLabelMark.line ? this._minLabelLineWidth : 0;
             let space = this.getLayoutRect().width - Math.max(shapeMiddleWidth, funnelLabelWidth);
             if (this._funnelAlign === 'center') {
                 space /= 2;
@@ -80621,14 +80735,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     y1 = this._getPolygonCenter(points).y - shapeMiddleHeight / 2 - spaceWidth;
                     y2 = outerLabelSpec.alignLabel !== false ? (outerLabelMarkBounds === null || outerLabelMarkBounds === void 0 ? void 0 : outerLabelMarkBounds.y2) + spaceWidth : y1 - spaceWidth;
                     x1 = this._getPolygonCenter(points).x;
-                    y1 - y2 < FUNNEL_LABEL_LINE_LENGTH && (y2 = y1 - FUNNEL_LABEL_LINE_LENGTH);
+                    y1 - y2 < this._minLabelLineWidth && (y2 = y1 - this._minLabelLineWidth);
                     x2 = x1;
                 }
                 else {
                     y1 = this._getPolygonCenter(points).y + shapeMiddleHeight / 2 + spaceWidth;
                     y2 = outerLabelSpec.alignLabel !== false ? (outerLabelMarkBounds === null || outerLabelMarkBounds === void 0 ? void 0 : outerLabelMarkBounds.y1) - spaceWidth : y1 + spaceWidth;
                     x1 = this._getPolygonCenter(points).x;
-                    y2 - y1 < FUNNEL_LABEL_LINE_LENGTH && (y2 = y1 + FUNNEL_LABEL_LINE_LENGTH);
+                    y2 - y1 < this._minLabelLineWidth && (y2 = y1 + this._minLabelLineWidth);
                     x2 = x1;
                 }
                 return { x1, x2, y1, y2 };
@@ -80641,14 +80755,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 x1 = this._getPolygonCenter(points).x + Math.max(labelWidth / 2, shapeMiddleWidth / 2) + spaceWidth;
                 x2 = outerLabelSpec.alignLabel !== false ? (outerLabelMarkBounds === null || outerLabelMarkBounds === void 0 ? void 0 : outerLabelMarkBounds.x1) - spaceWidth : x1 + spaceWidth;
                 y1 = this._getPolygonCenter(points).y;
-                x2 - x1 < FUNNEL_LABEL_LINE_LENGTH && (x2 = x1 + FUNNEL_LABEL_LINE_LENGTH);
+                x2 - x1 < this._minLabelLineWidth && (x2 = x1 + this._minLabelLineWidth);
                 y2 = y1;
             }
             else {
                 x1 = this._getPolygonCenter(points).x - Math.max(labelWidth / 2, shapeMiddleWidth / 2) - spaceWidth;
                 x2 = outerLabelSpec.alignLabel !== false ? (outerLabelMarkBounds === null || outerLabelMarkBounds === void 0 ? void 0 : outerLabelMarkBounds.x2) + spaceWidth : x1 - spaceWidth;
                 y1 = this._getPolygonCenter(points).y;
-                x1 - x2 < FUNNEL_LABEL_LINE_LENGTH && (x2 = x1 - FUNNEL_LABEL_LINE_LENGTH);
+                x1 - x2 < this._minLabelLineWidth && (x2 = x1 - this._minLabelLineWidth);
                 y2 = y1;
             }
             return { x1, x2, y1, y2 };
@@ -92496,11 +92610,27 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         let filter = null;
         if (isContinuous()) {
-            filter = (d) => d[datumField] >= newDomain[0] && d[datumField] <= last(newDomain);
+            filter = (d) => {
+                let flag = false;
+                array(datumField).every(field => {
+                    if (d[field] >= newDomain[0] && d[field] <= last(newDomain)) {
+                        flag = true;
+                    }
+                    return;
+                });
+                return flag;
+            };
         }
         else {
             filter = (d) => {
-                return domainMap[d[datumField] + ''] || domainMap[d[datumField]];
+                let flag = false;
+                array(datumField).every(field => {
+                    if (domainMap[d[field] + ''] || domainMap[d[field]]) {
+                        flag = true;
+                    }
+                    return;
+                });
+                return flag;
             };
         }
         return data.filter(filter);
@@ -92910,18 +93040,28 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 : yAxisHelper;
                     const valueAxisHelper = stateAxisHelper === xAxisHelper ? yAxisHelper : xAxisHelper;
                     const isValidateValueAxis = isContinuous(valueAxisHelper.getScale(0).type);
+                    const isValidateStateAxis = isContinuous(stateAxisHelper.getScale(0).type);
                     dataCollection.push(s.getRawData());
                     const seriesSpec = s.getSpec();
-                    const xFields = array(seriesSpec.xField);
-                    const yFields = array(seriesSpec.yField);
-                    const xField = s.coordinate === 'cartesian' ? xFields[0] : (_a = seriesSpec.angleField) !== null && _a !== void 0 ? _a : seriesSpec.categoryField;
-                    const yField = s.coordinate === 'cartesian' ? yFields[0] : (_b = seriesSpec.radiusField) !== null && _b !== void 0 ? _b : seriesSpec.valueField;
+                    const xField = s.coordinate === 'cartesian'
+                        ? array(seriesSpec.xField)
+                        : array((_a = seriesSpec.angleField) !== null && _a !== void 0 ? _a : seriesSpec.categoryField);
+                    const yField = s.coordinate === 'cartesian'
+                        ? array(seriesSpec.yField)
+                        : array((_b = seriesSpec.radiusField) !== null && _b !== void 0 ? _b : seriesSpec.valueField);
                     originalStateFields[s.id] =
-                        s.type === 'link' ? 'from_xField' : stateAxisHelper === xAxisHelper ? xField : yField;
-                    stateFields.push(originalStateFields[s.id]);
+                        s.type === 'link' ? ['from_xField'] : stateAxisHelper === xAxisHelper ? xField : yField;
+                    if (isValidateStateAxis) {
+                        stateFields.push(originalStateFields[s.id]);
+                    }
+                    else {
+                        stateFields.push(originalStateFields[s.id][0]);
+                    }
                     if (this._valueField) {
-                        const valueField = s.type === 'link' ? 'from_yField' : valueAxisHelper === xAxisHelper ? xField : yField;
-                        valueFields.push(isValidateValueAxis ? valueField : null);
+                        const valueField = s.type === 'link' ? ['from_yField'] : valueAxisHelper === xAxisHelper ? xField : yField;
+                        if (isValidateValueAxis) {
+                            valueFields.push(...valueField);
+                        }
                     }
                 }, {
                     userId: this._seriesUserId,
@@ -101232,6 +101372,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._reInit(false, false);
             }
         }
+        onAfterModelSpecTransform(service, chartSpec, chartInfo, actionSource) {
+            if (!this._initialized) {
+                return;
+            }
+            if (actionSource === 'updateSpec') {
+                this.onBeforeInitChart(service, chartSpec, 'setCurrentTheme');
+            }
+        }
         onBeforeInitChart(service, chartSpec, actionSource) {
             if (!this._initialized) {
                 return;
@@ -101244,7 +101392,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     resetMediaQuery = false;
                     checkMediaQuery = true;
                     break;
-                case 'updateSpec':
                 case 'setCurrentTheme':
                     resetMediaQuery = true;
                     checkMediaQuery = false;