@visactor/vtable 1.6.0-alpha.5 → 1.6.0

package/dist/vtable.js

@@ -1837,11 +1837,11 @@
     }
 
     const epsilon = 1e-12;
-    const pi$1 = Math.PI;
-    const halfPi$2 = pi$1 / 2;
-    const tau = 2 * pi$1;
+    const pi = Math.PI;
+    const halfPi$1 = pi / 2;
+    const tau = 2 * pi;
     const pi2 = 2 * Math.PI;
-    const abs$1 = Math.abs;
+    const abs = Math.abs;
     const atan2 = Math.atan2;
     const cos = Math.cos;
     const max = Math.max;
@@ -1850,10 +1850,10 @@
     const sqrt = Math.sqrt;
     const pow = Math.pow;
     function acos(x) {
-      return x > 1 ? 0 : x < -1 ? pi$1 : Math.acos(x);
+      return x > 1 ? 0 : x < -1 ? pi : Math.acos(x);
     }
     function asin(x) {
-      return x >= 1 ? halfPi$2 : x <= -1 ? -halfPi$2 : Math.asin(x);
+      return x >= 1 ? halfPi$1 : x <= -1 ? -halfPi$1 : Math.asin(x);
     }
     function pointAt(x1, y1, x2, y2, t) {
       let x = x2,
@@ -1867,7 +1867,7 @@
       return dir1[0] * dir2[1] - dir1[1] * dir2[0];
     }
     function fuzzyEqualVec(a, b) {
-      return abs$1(a[0] - b[0]) + abs$1(a[1] - b[1]) < 1e-12;
+      return abs(a[0] - b[0]) + abs(a[1] - b[1]) < 1e-12;
     }
     function getDecimalPlaces(n) {
       const dStr = n.toString().split(/[eE]/),
@@ -2896,9 +2896,9 @@
         A1B1 = vector(rect2[0], rect2[1]),
         B1C1 = vector(rect2[1], rect2[2]),
         deg11 = isDeg ? box1.angle : degreeToRadian$1(box1.angle);
-      let deg12 = isDeg ? box1.angle + halfPi$2 : degreeToRadian$1(90 - box1.angle);
+      let deg12 = isDeg ? box1.angle + halfPi$1 : degreeToRadian$1(90 - box1.angle);
       const deg21 = isDeg ? box2.angle : degreeToRadian$1(box2.angle);
-      let deg22 = isDeg ? box2.angle + halfPi$2 : degreeToRadian$1(90 - box2.angle);
+      let deg22 = isDeg ? box2.angle + halfPi$1 : degreeToRadian$1(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)];
@@ -3272,7 +3272,7 @@
         function update(a) {
           x = r * Math.cos(a), y = r * Math.sin(a), x < xmin && (xmin = x), x > xmax && (xmax = x), y < ymin && (ymin = y), y > ymax && (ymax = y);
         }
-        if (update(sa), update(ea), ea !== sa) if ((sa %= tau) < 0 && (sa += tau), (ea %= tau) < 0 && (ea += tau), ea < sa && (ccw = !ccw, s = sa, sa = ea, ea = s), ccw) for (ea -= tau, s = sa - sa % halfPi$2, i = 0; i < 4 && s > ea; ++i, s -= halfPi$2) update(s);else for (s = sa - sa % halfPi$2 + halfPi$2, i = 0; i < 4 && s < ea; ++i, s += halfPi$2) update(s);
+        if (update(sa), update(ea), ea !== sa) if ((sa %= tau) < 0 && (sa += tau), (ea %= tau) < 0 && (ea += tau), ea < sa && (ccw = !ccw, s = sa, sa = ea, ea = s), ccw) for (ea -= tau, s = sa - sa % halfPi$1, i = 0; i < 4 && s > ea; ++i, s -= halfPi$1) update(s);else for (s = sa - sa % halfPi$1 + halfPi$1, i = 0; i < 4 && s < ea; ++i, s += halfPi$1) update(s);
         this.bounds.add(cx + xmin, cy + ymin), this.bounds.add(cx + xmax, cy + ymax);
       }
       arcTo(x1, y1, x2, y2, radius) {
@@ -3439,7 +3439,7 @@
         th0 = Math.atan2(y0 - yc, x0 - xc);
       let th_arc = Math.atan2(y1 - yc, x1 - xc) - th0;
       th_arc < 0 && 1 === sweep ? th_arc += tau : th_arc > 0 && 0 === sweep && (th_arc -= tau);
-      const segs = Math.ceil(Math.abs(th_arc / (halfPi$2 + .001))),
+      const segs = Math.ceil(Math.abs(th_arc / (halfPi$1 + .001))),
         result = [];
       for (let i = 0; i < segs; ++i) {
         const th2 = th0 + i * th_arc / segs,
@@ -3574,7 +3574,7 @@
         return this._validPoint() ? cubicLength(this.p0, this.p1, this.p2, this.p3) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p3.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p3.y) : 0;
+        return direction === Direction$2.ROW ? abs(this.p0.x - this.p3.x) : direction === Direction$2.COLUMN ? abs(this.p0.y - this.p3.y) : 0;
       }
       getAngleAt(t) {
         const minT = max(t - .01, 0),
@@ -3611,7 +3611,7 @@
         return this._validPoint() ? PointService.distancePP(this.p0, this.p1) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p1.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p1.y) : 0;
+        return direction === Direction$2.ROW ? abs(this.p0.x - this.p1.x) : direction === Direction$2.COLUMN ? abs(this.p0.y - this.p1.y) : 0;
       }
     }
 
@@ -3673,14 +3673,14 @@
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
             endP = null !== (_a = ec.p3) && void 0 !== _a ? _a : ec.p1;
-          return abs$1(sc.p0.y - endP.y);
+          return abs(sc.p0.y - endP.y);
         }
         if (direction === Direction$2.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
             endP = null !== (_b = ec.p3) && void 0 !== _b ? _b : ec.p1;
-          return abs$1(sc.p0.x - endP.x);
+          return abs(sc.p0.x - endP.x);
         }
         return Number.isFinite(this.length) || (this.length = this.curves.reduce((l, c) => l + c.getLength(), 0)), this.length;
       }
@@ -3705,7 +3705,7 @@
       for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), defined0 && path.point(points[i]);
     }
     function genSegContext(curveType, direction, points) {
-      const curveDirection = null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN;
+      const curveDirection = null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN;
       return "monotoneY" === curveType ? new ReflectSegContext(curveType, curveDirection) : new SegContext(curveType, curveDirection);
     }
 
@@ -3967,7 +3967,7 @@
         startPoint: startPoint
       } = params;
       if (points.length < 2 - Number(!!startPoint)) return null;
-      const segContext = new SegContext("step", null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
+      const segContext = new SegContext("step", null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
       return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
     }
     function genStepTypeSegments(path, points) {
@@ -4453,13 +4453,13 @@
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
-          return abs$1(sc.p0.y - ec.p1.y);
+          return abs(sc.p0.y - ec.p1.y);
         }
         if (this.direction === Direction$2.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
-          return abs$1(sc.p0.x - ec.p1.x);
+          return abs(sc.p0.x - ec.p1.x);
         }
         return this.curves.reduce((l, c) => l + c.getLength(), 0);
       }
@@ -5455,13 +5455,13 @@
         if (x_ + cx > x) {
           let angle = Math.atan2(y, x_),
             dir = anticlockwise ? 1 : -1;
-          angle < 0 && (angle = pi2 + angle), (angle >= startAngle && angle <= endAngle || angle + pi2 >= startAngle && angle + pi2 <= endAngle) && (angle > pi$1 / 2 && angle < 1.5 * pi$1 && (dir = -dir), w += dir);
+          angle < 0 && (angle = pi2 + angle), (angle >= startAngle && angle <= endAngle || angle + pi2 >= startAngle && angle + pi2 <= endAngle) && (angle > pi / 2 && angle < 1.5 * pi && (dir = -dir), w += dir);
         }
       }
       return w;
     }
     function modpi2(radian) {
-      return Math.round(radian / pi$1 * 1e8) / 1e8 % 2 * pi$1;
+      return Math.round(radian / pi * 1e8) / 1e8 % 2 * pi;
     }
     function normalizeArcAngles(angles, anticlockwise) {
       let newStartAngle = modpi2(angles[0]);
@@ -7763,9 +7763,9 @@
       for (; startAngle < 0;) startAngle += pi2;
       for (; startAngle > endAngle;) endAngle += pi2;
       _coords[0].x = radius, _coords[1].y = radius, _coords[2].x = -radius, _coords[3].y = -radius;
-      const startIdx = Math.ceil(startAngle / halfPi$2) % 4,
-        endIdx = Math.ceil(endAngle / halfPi$2) % 4;
-      if (bounds.add(cos(startAngle) * radius, sin(startAngle) * radius), bounds.add(cos(endAngle) * radius, sin(endAngle) * radius), startIdx !== endIdx || endAngle - startAngle > pi$1) {
+      const startIdx = Math.ceil(startAngle / halfPi$1) % 4,
+        endIdx = Math.ceil(endAngle / halfPi$1) % 4;
+      if (bounds.add(cos(startAngle) * radius, sin(startAngle) * radius), bounds.add(cos(endAngle) * radius, sin(endAngle) * radius), startIdx !== endIdx || endAngle - startAngle > pi) {
         let match = !1;
         for (let i = 0; i < indexList.length; i++) if (match || startIdx !== indexList[i]) {
           if (match && endIdx === indexList[i]) break;
@@ -8488,7 +8488,7 @@
           x = r * Math.sin(phi) * Math.cos(theta) + center.x,
           y = r * Math.cos(phi) + center.y,
           z = r * Math.sin(phi) * Math.sin(theta) + center.z;
-        for (out.x = x, out.y = y, out.z = z, out.alpha = theta + pi$1 / 2; out.alpha > pi2;) out.alpha -= pi2;
+        for (out.x = x, out.y = y, out.z = z, out.alpha = theta + pi / 2; out.alpha > pi2;) out.alpha -= pi2;
         out.alpha = pi2 - out.alpha, out.zIndex = -1e4 * out.z, cb && cb(out);
       }
     }
@@ -11267,7 +11267,7 @@
           startAngle: startAngle,
           endAngle: endAngle
         } = arc.getParsedAngle(),
-        deltaAngle = abs$1(endAngle - startAngle),
+        deltaAngle = abs(endAngle - startAngle),
         clockwise = endAngle > startAngle;
       let collapsedToLine = !1;
       if (outerRadius < innerRadius) {
@@ -11298,7 +11298,7 @@
           xire = innerRadius * cos(innerEndAngle),
           yire = innerRadius * sin(innerEndAngle);
         let xore, yore, xirs, yirs;
-        if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi$1)) {
+        if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi)) {
           const oc = intersect$2(xors, yors, xirs, yirs, xore, yore, xire, yire);
           if (oc) {
             const ax = xors - oc[0],
@@ -13606,20 +13606,21 @@
         this.frame.lines.push(line), this.frame.actualHeight += line.height, this.y += line.height, this.lineBuffer.length = 0, this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;
       }
       deal(paragraph) {
-        paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), 0 !== paragraph.text.length && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph)));
+        let singleLine = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+        paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), 0 !== paragraph.text.length && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph, singleLine)));
       }
-      cut(paragraph) {
+      cut(paragraph, singleLine) {
         const availableWidth = this[this.directionKey.width] - this.lineWidth || 0,
           guessIndex = Math.ceil(availableWidth / paragraph[this.directionKey.width] * paragraph.length) || 0,
           index = getStrByWithCanvas(paragraph.text, availableWidth, paragraph.character, guessIndex, "break-word" === this.frame.wordBreak);
         if (0 !== index) {
           const [p1, p2] = seperateParagraph(paragraph, index);
-          this.store(p1), this.deal(p2);
+          this.store(p1), singleLine ? this.send() : this.deal(p2);
         } else 0 !== this.lineBuffer.length && (this.send(), this.deal(paragraph));
       }
     }
 
-    const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", ...GRAPHIC_UPDATE_TAG_KEY];
+    const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", ...GRAPHIC_UPDATE_TAG_KEY];
     class RichText extends Graphic {
       constructor(params) {
         super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE;
@@ -13791,7 +13792,7 @@
             skip = !1;
           for (let i = 0; i < paragraphs.length; i++) {
             const p = paragraphs[i];
-            skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1, wrapper.lineWidth = 0);
+            skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p, !0), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1, wrapper.lineWidth = 0), wrapper.send();
           }
         } else for (let i = 0; i < paragraphs.length; i++) wrapper.deal(paragraphs[i]);
         wrapper.send();
@@ -13832,10 +13833,11 @@
         let pickIcon;
         return frameCache.icons.forEach(icon => {
           var _a, _b;
-          icon.AABBBounds.containsPoint({
+          const bounds = icon.AABBBounds.clone();
+          bounds.translate(icon._marginArray[3], icon._marginArray[0]), bounds.containsPoint({
             x: point.x - x,
             y: point.y - y
-          }) && (pickIcon = icon, pickIcon.globalX = (null !== (_a = pickIcon.attribute.x) && void 0 !== _a ? _a : 0) + x, pickIcon.globalY = (null !== (_b = pickIcon.attribute.y) && void 0 !== _b ? _b : 0) + y);
+          }) && (pickIcon = icon, pickIcon.globalX = (null !== (_a = pickIcon.attribute.x) && void 0 !== _a ? _a : 0) + x + icon._marginArray[3], pickIcon.globalY = (null !== (_b = pickIcon.attribute.y) && void 0 !== _b ? _b : 0) + y + icon._marginArray[0]);
         }), pickIcon;
       }
       getNoWorkAnimateAttr() {
@@ -14052,7 +14054,7 @@
           } = this.attribute,
           sign = endAngle - startAngle >= 0 ? 1 : -1,
           deltaAngle = endAngle - startAngle;
-        if (startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs$1(deltaAngle) < pi2 - epsilon) {
+        if (startAngle = clampAngleByRadian(startAngle), endAngle = startAngle + deltaAngle, cap && abs(deltaAngle) < pi2 - epsilon) {
           let startCap = 1,
             endCap = 1;
           cap.length && (startCap = Number(cap[0]), endCap = Number(cap[1]));
@@ -14094,7 +14096,7 @@
         const {
             padRadius = sqrt(outerRadius * outerRadius + innerRadius * innerRadius)
           } = this.attribute,
-          deltaAngle = abs$1(endAngle - startAngle);
+          deltaAngle = abs(endAngle - startAngle);
         let outerStartAngle = startAngle,
           outerEndAngle = endAngle,
           innerStartAngle = startAngle,
@@ -14155,7 +14157,7 @@
           } = this.getParsedAngle();
         let innerRadius = attribute.innerRadius - (attribute.innerPadding || 0),
           outerRadius = attribute.outerRadius - (attribute.outerPadding || 0);
-        const deltaAngle = abs$1(endAngle - startAngle),
+        const deltaAngle = abs(endAngle - startAngle),
           clockwise = endAngle > startAngle;
         if (outerRadius < innerRadius) {
           const temp = outerRadius;
@@ -15500,8 +15502,8 @@
             orientation: orientation,
             colorStops = []
           } = datum,
-          halfPi = pi$1 / 2,
-          sa = parseFloat(orientation.value) / 180 * pi$1 - halfPi;
+          halfPi = pi / 2,
+          sa = parseFloat(orientation.value) / 180 * pi - halfPi;
         return {
           gradient: "conical",
           x: .5,
@@ -15537,15 +15539,15 @@
             orientation: orientation,
             colorStops = []
           } = datum,
-          halfPi = pi$1 / 2;
-        let angle = "angular" === orientation.type ? parseFloat(orientation.value) / 180 * pi$1 : 0;
+          halfPi = pi / 2;
+        let angle = "angular" === orientation.type ? parseFloat(orientation.value) / 180 * pi : 0;
         for (; angle < 0;) angle += pi2;
         for (; angle > pi2;) angle -= pi2;
         let x0 = 0,
           y0 = 0,
           x1 = 0,
           y1 = 0;
-        return angle < halfPi ? (x0 = 0, y0 = 1, x1 = Math.sin(angle), y1 = Math.cos(angle)) : angle < pi$1 ? (x0 = 0, y0 = 0, x1 = Math.cos(angle - halfPi), y1 = Math.sin(angle - halfPi)) : angle < pi$1 + halfPi ? (x0 = 1, y0 = 0, x1 = x0 - Math.sin(angle - pi$1), y1 = Math.cos(angle - pi$1)) : (x0 = 1, x1 = x0 - Math.cos(angle - halfPi - pi$1), y1 -= Math.sin(angle - halfPi - pi$1)), {
+        return angle < halfPi ? (x0 = 0, y0 = 1, x1 = Math.sin(angle), y1 = Math.cos(angle)) : angle < pi ? (x0 = 0, y0 = 0, x1 = Math.cos(angle - halfPi), y1 = Math.sin(angle - halfPi)) : angle < pi + halfPi ? (x0 = 1, y0 = 0, x1 = x0 - Math.sin(angle - pi), y1 = Math.cos(angle - pi)) : (x0 = 1, x1 = x0 - Math.cos(angle - halfPi - pi), y1 -= Math.sin(angle - halfPi - pi)), {
           gradient: "linear",
           x0: x0,
           y0: y0,
@@ -15995,10 +15997,10 @@
     }
     const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
-    const halfPi$1 = pi$1 / 2;
-    function createRectPath$1(path, x, y, width, height, rectCornerRadius, edgeCb) {
+    const halfPi = pi / 2;
+    function createRectPath(path, x, y, width, height, rectCornerRadius, edgeCb) {
       let cornerRadius;
-      if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber$4(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs$1(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
+      if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber$4(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
         const cornerRadiusArr = rectCornerRadius;
         let cr0, cr1;
         switch (cornerRadiusArr.length) {
@@ -16006,14 +16008,14 @@
             cornerRadius = [0, 0, 0, 0];
             break;
           case 1:
-            cr0 = abs$1(cornerRadiusArr[0]), cornerRadius = [cr0, cr0, cr0, cr0];
+            cr0 = abs(cornerRadiusArr[0]), cornerRadius = [cr0, cr0, cr0, cr0];
             break;
           case 2:
           case 3:
-            cr0 = abs$1(cornerRadiusArr[0]), cr1 = abs$1(cornerRadiusArr[1]), cornerRadius = [cr0, cr1, cr0, cr1];
+            cr0 = abs(cornerRadiusArr[0]), cr1 = abs(cornerRadiusArr[1]), cornerRadius = [cr0, cr1, cr0, cr1];
             break;
           default:
-            cornerRadius = cornerRadiusArr, cornerRadius[0] = abs$1(cornerRadius[0]), cornerRadius[1] = abs$1(cornerRadius[1]), cornerRadius[2] = abs$1(cornerRadius[2]), cornerRadius[3] = abs$1(cornerRadius[3]);
+            cornerRadius = cornerRadiusArr, cornerRadius[0] = abs(cornerRadius[0]), cornerRadius[1] = abs(cornerRadius[1]), cornerRadius[2] = abs(cornerRadius[2]), cornerRadius[3] = abs(cornerRadius[3]);
         }
       } else cornerRadius = [0, 0, 0, 0];
       if (width < 0 || cornerRadius[0] + cornerRadius[1] + cornerRadius[2] + cornerRadius[3] < 1e-12) return path.rect(x, y, width, height);
@@ -16029,24 +16031,25 @@
         leftBottomPoint1 = [leftBottom[0] + _cornerRadius[3], leftBottom[1]],
         leftBottomPoint2 = [leftBottom[0], leftBottom[1] - _cornerRadius[3]];
       if (path.moveTo(leftTopPoint1[0], leftTopPoint1[1]), edgeCb && edgeCb[0] ? edgeCb[0](leftTopPoint1[0], leftTopPoint1[1], rightTopPoint1[0], rightTopPoint1[1]) : path.lineTo(rightTopPoint1[0], rightTopPoint1[1]), !arrayEqual$1(rightTopPoint1, rightTopPoint2)) {
+        edgeCb && edgeCb[0] && path.moveTo(rightTopPoint1[0], rightTopPoint1[1]);
         const centerX = rightTopPoint1[0],
           centerY = rightTopPoint1[1] + _cornerRadius[1];
-        path.arc(centerX, centerY, _cornerRadius[1], -halfPi$1, 0, !1);
+        path.arc(centerX, centerY, _cornerRadius[1], -halfPi, 0, !1);
       }
-      if (edgeCb && edgeCb[1] ? edgeCb[1](rightTopPoint1[0], rightTopPoint1[1], rightBottomPoint2[0], rightBottomPoint2[1]) : path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual$1(rightBottomPoint1, rightBottomPoint2)) {
+      if (edgeCb && edgeCb[1] ? edgeCb[1](rightTopPoint2[0], rightTopPoint2[1], rightBottomPoint2[0], rightBottomPoint2[1]) : path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual$1(rightBottomPoint1, rightBottomPoint2)) {
         const centerX = rightBottomPoint2[0] - _cornerRadius[2],
           centerY = rightBottomPoint2[1];
-        path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi$1, !1);
+        edgeCb && edgeCb[1] && path.moveTo(rightBottomPoint2[0], rightBottomPoint2[1]), path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, !1);
       }
-      if (edgeCb && edgeCb[2] ? edgeCb[2](rightBottomPoint2[0], rightBottomPoint2[1], leftBottomPoint1[0], leftBottomPoint1[1]) : path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual$1(leftBottomPoint1, leftBottomPoint2)) {
+      if (edgeCb && edgeCb[2] ? edgeCb[2](rightBottomPoint1[0], rightBottomPoint1[1], leftBottomPoint1[0], leftBottomPoint1[1]) : path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual$1(leftBottomPoint1, leftBottomPoint2)) {
         const centerX = leftBottomPoint1[0],
           centerY = leftBottomPoint1[1] - _cornerRadius[3];
-        path.arc(centerX, centerY, _cornerRadius[3], halfPi$1, pi$1, !1);
+        edgeCb && edgeCb[2] && path.moveTo(leftBottomPoint1[0], leftBottomPoint1[1]), path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, !1);
       }
-      if (edgeCb && edgeCb[3] ? edgeCb[3](leftBottomPoint1[0], leftBottomPoint1[1], leftTopPoint2[0], leftTopPoint2[1]) : path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual$1(leftTopPoint1, leftTopPoint2)) {
+      if (edgeCb && edgeCb[3] ? edgeCb[3](leftBottomPoint2[0], leftBottomPoint2[1], leftTopPoint2[0], leftTopPoint2[1]) : path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual$1(leftTopPoint1, leftTopPoint2)) {
         const centerX = leftTopPoint1[0],
           centerY = leftTopPoint1[1] + _cornerRadius[0];
-        path.arc(centerX, centerY, _cornerRadius[0], pi$1, pi$1 + halfPi$1, !1);
+        edgeCb && edgeCb[3] && path.moveTo(leftTopPoint2[0], leftTopPoint2[1]), path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, !1);
       }
       return !edgeCb && path.closePath(), path;
     }
@@ -16095,7 +16098,7 @@
             nextX = x - d,
             nextY = y - d,
             dw = 2 * d;
-          if (0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, width + dw, height + dw)) : (context.beginPath(), createRectPath$1(context, nextX, nextY, width + dw, height + dw, cornerRadius)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, outerBorder, rectAttribute.outerBorder);else if (doStrokeOuter) {
+          if (0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, width + dw, height + dw)) : (context.beginPath(), createRectPath(context, nextX, nextY, width + dw, height + dw, cornerRadius)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, outerBorder, rectAttribute.outerBorder);else if (doStrokeOuter) {
             const lastOpacity = rectAttribute.outerBorder.opacity;
             rectAttribute.outerBorder.opacity = opacity, context.setStrokeStyle(rect, outerBorder, (originX - x) / scaleX, (originY - y) / scaleY, rectAttribute.outerBorder), rectAttribute.outerBorder.opacity = lastOpacity, context.stroke();
           }
@@ -16108,7 +16111,7 @@
             nextX = x + d,
             nextY = y + d,
             dw = 2 * d;
-          if (0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, width - dw, height - dw)) : (context.beginPath(), createRectPath$1(context, nextX, nextY, width - dw, height - dw, cornerRadius)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, innerBorder, rectAttribute.innerBorder);else if (doStrokeInner) {
+          if (0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, width - dw, height - dw)) : (context.beginPath(), createRectPath(context, nextX, nextY, width - dw, height - dw, cornerRadius)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, innerBorder, rectAttribute.innerBorder);else if (doStrokeInner) {
             const lastOpacity = rectAttribute.innerBorder.opacity;
             rectAttribute.innerBorder.opacity = opacity, context.setStrokeStyle(rect, innerBorder, (originX - x) / scaleX, (originY - y) / scaleY, rectAttribute.innerBorder), rectAttribute.innerBorder.opacity = lastOpacity, context.stroke();
           }
@@ -16148,7 +16151,7 @@
           if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), !(0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num))) {
             let lastStroke,
               lastStrokeI = 0;
-            return createRectPath$1(context, x, y, width, height, cornerRadius, new Array(4).fill(0).map((_, i) => (x1, y1, x2, y2) => {
+            return createRectPath(context, x, y, width, height, cornerRadius, new Array(4).fill(0).map((_, i) => (x1, y1, x2, y2) => {
               stroke[i] && (lastStrokeI === i - 1 && stroke[i] === lastStroke || (context.setStrokeStyle(rect, Object.assign(Object.assign({}, rect.attribute), {
                 stroke: stroke[i]
               }), x, y, groupAttribute), context.beginPath(), context.moveTo(x1, y1), lastStroke = stroke[i]), lastStrokeI = i, context.lineTo(x2, y2), context.stroke(), 3 === i && context.beginPath());
@@ -16207,7 +16210,7 @@
             width: width,
             height: height
           } = getActualPosition(graphic);
-          cornerRadius ? createRectPath$1(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
+          cornerRadius ? createRectPath(context, x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY, cornerRadius) : context.rect(x - expandX, y - expandY, width + 2 * expandX, height + 2 * expandY), context.globalAlpha = 1, fill && (context.fillStyle = fill, context.fill()), stroke && lineWidth > 0 && (context.lineWidth = lineWidth, context.strokeStyle = stroke, context.stroke());
         } else {
           context.beginPath();
           const b = graphic.AABBBounds;
@@ -16335,7 +16338,7 @@
           startAngle = data.startAngle;
         let endAngle = data.endAngle;
         endAngle = _ea;
-        const deltaAngle = abs$1(endAngle - startAngle),
+        const deltaAngle = abs(endAngle - startAngle),
           clockwise = endAngle > startAngle;
         let collapsedToLine = !1;
         if (outerRadius < innerRadius) {
@@ -16365,7 +16368,7 @@
           xire = innerRadius * cos(innerEndAngle),
           yire = innerRadius * sin(innerEndAngle);
         let xore, yore, xirs, yirs;
-        if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi$1)) {
+        if ((maxInnerCornerRadius > epsilon || maxOuterCornerRadius > epsilon) && (xore = outerRadius * cos(outerEndAngle), yore = outerRadius * sin(outerEndAngle), xirs = innerRadius * cos(innerStartAngle), yirs = innerRadius * sin(innerStartAngle), deltaAngle < pi)) {
           const oc = intersect$2(xors, yors, xirs, yirs, xore, yore, xire, yire);
           if (oc) {
             const ax = xors - oc[0],
@@ -16440,7 +16443,7 @@
             startAngle: startAngle,
             endAngle: endAngle
           } = arc.getParsedAngle();
-          abs$1(endAngle - startAngle) < pi2 - epsilon && (conicalOffset = sc || 0, fill.startAngle -= conicalOffset, fill.endAngle -= conicalOffset);
+          abs(endAngle - startAngle) < pi2 - epsilon && (conicalOffset = sc || 0, fill.startAngle -= conicalOffset, fill.endAngle -= conicalOffset);
         }
         let beforeRenderContribitionsRuned = !1;
         const {
@@ -16457,7 +16460,7 @@
             startAngle: sa,
             endAngle: ea
           } = arc.getParsedAngle();
-          if (abs$1(ea - sa) >= pi2 - epsilon) {
+          if (abs(ea - sa) >= pi2 - epsilon) {
             context.beginPath();
             const capAngle = Math.abs(outerRadius - innerRadius) / 2 / outerRadius,
               {
@@ -16882,8 +16885,8 @@
           curves: topCurves
         } = top,
         endP = null !== (_a = topCurves[topCurves.length - 1].p3) && void 0 !== _a ? _a : topCurves[topCurves.length - 1].p1,
-        xTotalLength = abs$1(endP.x - topCurves[0].p0.x),
-        yTotalLength = abs$1(endP.y - topCurves[0].p0.y);
+        xTotalLength = abs(endP.x - topCurves[0].p0.x),
+        yTotalLength = abs(endP.y - topCurves[0].p0.y);
       direction = null != direction ? direction : xTotalLength > yTotalLength ? Direction$2.ROW : Direction$2.COLUMN, Number.isFinite(xTotalLength) || (direction = Direction$2.COLUMN), Number.isFinite(yTotalLength) || (direction = Direction$2.ROW);
       const totalDrawLength = percent * (direction === Direction$2.ROW ? xTotalLength : yTotalLength);
       let drawedLengthUntilLast = 0,
@@ -17063,9 +17066,9 @@
           data = this.valid(area, areaAttribute, fillCb, strokeCb);
         if (!data) return;
         const {
-            doFill: doFill,
-            doStroke: doStroke
+            doFill: doFill
           } = data,
+          doStroke = data.doStroke && data.sVisible,
           {
             clipRange = areaAttribute.clipRange,
             closePath: closePath,
@@ -17194,8 +17197,8 @@
           const endSeg = segments[segments.length - 1];
           startP = segments[0].points[0], endP = endSeg.points[endSeg.points.length - 1];
         } else startP = points[0], endP = points[points.length - 1];
-        const xTotalLength = abs$1(endP.x - startP.x),
-          yTotalLength = abs$1(endP.y - startP.y);
+        const xTotalLength = abs(endP.x - startP.x),
+          yTotalLength = abs(endP.y - startP.y);
         direction = null == endP.x1 ? Direction$2.ROW : null == endP.y1 ? Direction$2.COLUMN : Number.isFinite(xTotalLength + yTotalLength) ? xTotalLength > yTotalLength ? Direction$2.ROW : Direction$2.COLUMN : Direction$2.ROW, drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
           offsetX: offsetX,
           offsetY: offsetY,
@@ -17333,7 +17336,7 @@
         if (!rect.valid || !visible) return;
         if (!doFill && !doStroke) return;
         if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
-        0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath$1(context, x, y, width, height, cornerRadius));
+        0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
         const doFillOrStroke = {
           doFill: doFill,
           doStroke: doStroke
@@ -17495,7 +17498,7 @@
           const {
             backgroundCornerRadius: backgroundCornerRadius
           } = graphic.attribute;
-          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = background, backgroundCornerRadius ? (createRectPath$1(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
+          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
         }
         shouldReCalBounds && boundsAllocate.free(b), restore();
       }
@@ -17871,7 +17874,7 @@
           context.disableFill = !0, context.disableStroke = !0, context.disableBeginPath = !0, path.forEach(g => {
             drawContext.drawContribution.getRenderContribution(g).draw(g, drawContext.renderService, drawContext, params);
           }), context.disableFill = disableFill, context.disableStroke = disableStroke, context.disableBeginPath = disableBeginPath;
-        } else 0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath$1(context, x, y, width, height, cornerRadius));
+        } else 0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
         this._groupRenderContribitions || (this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution));
         const doFillOrStroke = {
           doFill: doFill,
@@ -17960,7 +17963,7 @@
           const res = image.resources.get(url);
           if ("success" !== res.state) return;
           let needRestore = !1;
-          0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) || (context.beginPath(), createRectPath$1(context, x, y, width, height, cornerRadius), context.save(), context.clip(), needRestore = !0), context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
+          0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) || (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius), context.save(), context.clip(), needRestore = !0), context.setCommonStyle(image, image.attribute, x, y, imageAttribute);
           let repeat = 0;
           if ("repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat) {
             const pattern = context.createPattern(res.data, repeatStr[repeat]);
@@ -18042,7 +18045,7 @@
           const m = graphic.globalTransMatrix.getInverse();
           drawContribution.dirtyBounds.copy(drawContribution.backupDirtyBounds).transformWithMatrix(m), drawContribution.backupDirtyBounds.copy(drawContribution.dirtyBounds);
         }
-        return drawContribution.renderGroup(graphic.shadowRoot, drawContext, graphic.parent.globalTransMatrix), context.highPerformanceRestore(), drawContribution.dirtyBounds && drawContribution.backupDirtyBounds && (drawContribution.dirtyBounds.copy(tempDirtyBounds), drawContribution.backupDirtyBounds.copy(tempBackupDirtyBounds)), !0;
+        return drawContribution.renderGroup(graphic.shadowRoot, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0)), context.highPerformanceRestore(), drawContribution.dirtyBounds && drawContribution.backupDirtyBounds && (drawContribution.dirtyBounds.copy(tempDirtyBounds), drawContribution.backupDirtyBounds.copy(tempBackupDirtyBounds)), !0;
       }
     }
     class DebugDrawItemInterceptorContribution {
@@ -21856,7 +21859,7 @@
         if (margin && (x += icon._marginArray[3], y += icon._marginArray[0]), icon._hovered) {
           const expandX = (backgroundWidth - width) / 2,
             expandY = (backgroundHeight - height) / 2;
-          0 === backgroundRadius ? (context.beginPath(), context.rect(x - expandX, y - expandY, backgroundWidth, backgroundHeight)) : (context.beginPath(), createRectPath$1(context, x - expandX, y - expandY, backgroundWidth, backgroundHeight, backgroundRadius)), backgroundFill && (context.globalAlpha = backgroundFillOpacity, context.fillStyle = backgroundFill, context.fill()), backgroundStroke && (context.globalAlpha = backgroundStrokeOpacity, context.strokeStyle = backgroundStroke, context.stroke());
+          0 === backgroundRadius ? (context.beginPath(), context.rect(x - expandX, y - expandY, backgroundWidth, backgroundHeight)) : (context.beginPath(), createRectPath(context, x - expandX, y - expandY, backgroundWidth, backgroundHeight, backgroundRadius)), backgroundFill && (context.globalAlpha = backgroundFillOpacity, context.fillStyle = backgroundFill, context.fill()), backgroundStroke && (context.globalAlpha = backgroundStrokeOpacity, context.strokeStyle = backgroundStroke, context.stroke());
         }
         const res = url && (null === (_a = null == icon ? void 0 : icon.resources) || void 0 === _a ? void 0 : _a.get(url));
         res && "success" === res.state && (context.globalAlpha = opacity, context.drawImage(res.data, x, y, width, height));
@@ -22023,7 +22026,7 @@
           startAngle: startAngle,
           endAngle: endAngle
         } = arc.getParsedAngle(),
-        deltaAngle = abs$1(endAngle - startAngle),
+        deltaAngle = abs(endAngle - startAngle),
         clockwise = endAngle > startAngle;
       let collapsedToLine = !1;
       if (outerRadius < innerRadius) {
@@ -22052,7 +22055,7 @@
           startAngle: startAngle,
           endAngle: endAngle
         } = arc.getParsedAngle(),
-        deltaAngle = abs$1(endAngle - startAngle),
+        deltaAngle = abs(endAngle - startAngle),
         clockwise = endAngle > startAngle;
       let collapsedToLine = !1;
       if (radius <= epsilon) context.moveTo(cx, cy, z1);else if (deltaAngle >= pi2 - epsilon) context.moveTo(cx + radius * cos(startAngle), cy + radius * sin(startAngle), z1), context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1), context.lineTo(cx + radius * cos(endAngle), cy + radius * sin(endAngle), z2), context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);else {
@@ -24970,7 +24973,7 @@
     const outP = [0, 0, 0],
       addArcToBezierPath = (bezierPath, startAngle, endAngle, cx, cy, rx, ry, clockwise) => {
         if (clockwise) for (; endAngle > startAngle;) endAngle -= pi2;else for (; endAngle < startAngle;) endAngle += pi2;
-        const step = pi$1 / 3 * (endAngle > startAngle ? 1 : -1);
+        const step = pi / 3 * (endAngle > startAngle ? 1 : -1);
         let sa = startAngle,
           ea = sa;
         for (; ea !== endAngle;) {
@@ -25378,7 +25381,7 @@
           opacity = defaultParams.opacity,
           fill = defaultParams.fill
         } = attribute;
-        fillOpacity > 1e-12 && opacity > 1e-12 ? (_context.globalAlpha = fillOpacity * opacity * this.baseGlobalAlpha, _context.fillStyle = createColor(this, fill, params, offsetX, offsetY)) : _context.globalAlpha = fillOpacity * opacity * this.baseGlobalAlpha;
+        _context.globalAlpha = fillOpacity * opacity * this.baseGlobalAlpha, fillOpacity > 1e-12 && opacity > 1e-12 && (_context.fillStyle = createColor(this, fill, params, offsetX, offsetY));
       }
       setShadowBlendStyle(params, attribute, defaultParams) {
         if (Array.isArray(defaultParams)) {
@@ -25421,7 +25424,7 @@
           strokeOpacity = defaultParams.strokeOpacity,
           opacity = defaultParams.opacity
         } = attribute;
-        if (strokeOpacity > 1e-12 && opacity > 1e-12) {
+        if (_context.globalAlpha = strokeOpacity * opacity * this.baseGlobalAlpha, strokeOpacity > 1e-12 && opacity > 1e-12) {
           const {
             lineWidth = defaultParams.lineWidth,
             stroke = defaultParams.stroke,
@@ -25430,7 +25433,7 @@
             lineCap = defaultParams.lineCap,
             miterLimit = defaultParams.miterLimit
           } = attribute;
-          _context.globalAlpha = strokeOpacity * opacity * this.baseGlobalAlpha, _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
+          _context.lineWidth = getScaledStroke(this, lineWidth, this.dpr), _context.strokeStyle = createColor(this, stroke, params, offsetX, offsetY), _context.lineJoin = lineJoin, lineDash && _context.setLineDash(lineDash), _context.lineCap = lineCap, _context.miterLimit = miterLimit;
         }
       }
       setTextStyleWithoutAlignBaseline(params, defaultParams, z) {
@@ -30441,10 +30444,11 @@
         return this._textShape;
       }
       constructor(attributes, options) {
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Tag.defaultAttributes, attributes)), this.name = "tag";
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Tag.defaultAttributes, attributes)), this.name = "tag", this._tagStates = [], this._rectStates = [], this._symbolStates = [], this._textStates = [];
       }
       render() {
         var _a, _b, _c;
+        this.cacheStates();
         const {
             text = "",
             textStyle = {},
@@ -30609,7 +30613,24 @@
             this._bgRect = bgRect;
           }
         }
-        this._textShape = textShape;
+        this._textShape = textShape, this._symbol = symbol, this.resetStates();
+      }
+      initAttributes(params, options) {
+        params = (null == options ? void 0 : options.skipDefault) ? params : merge$1({}, Tag.defaultAttributes, params), super.initAttributes(params), this.render();
+      }
+      addState(stateName, keepCurrentStates, hasAnimation) {
+        super.addState(stateName, keepCurrentStates, hasAnimation), this._textShape && this._textShape.addState(stateName, keepCurrentStates, hasAnimation), this._bgRect && this._bgRect.addState(stateName, keepCurrentStates, hasAnimation), this._symbol && this._symbol.addState(stateName, keepCurrentStates, hasAnimation);
+      }
+      removeState(stateName, hasAnimation) {
+        super.removeState(stateName, hasAnimation), this._textShape && this._textShape.removeState(stateName, hasAnimation), this._bgRect && this._bgRect.removeState(stateName, hasAnimation), this._symbol && this._symbol.removeState(stateName, hasAnimation);
+      }
+      cacheStates() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        this._tagStates = null !== (_b = null === (_a = this.currentStates) || void 0 === _a ? void 0 : _a.slice()) && void 0 !== _b ? _b : [], this._rectStates = null !== (_e = null === (_d = null === (_c = this._bgRect) || void 0 === _c ? void 0 : _c.currentStates) || void 0 === _d ? void 0 : _d.slice()) && void 0 !== _e ? _e : [], this._symbolStates = null !== (_h = null === (_g = null === (_f = this._symbol) || void 0 === _f ? void 0 : _f.currentStates) || void 0 === _g ? void 0 : _g.slice()) && void 0 !== _h ? _h : [], this._textStates = null !== (_l = null === (_k = null === (_j = this._textShape) || void 0 === _j ? void 0 : _j.currentStates) || void 0 === _k ? void 0 : _k.slice()) && void 0 !== _l ? _l : [], this.clearStates(), null === (_m = this._bgRect) || void 0 === _m || _m.clearStates(), null === (_o = this._symbol) || void 0 === _o || _o.clearStates(), null === (_p = this._textShape) || void 0 === _p || _p.clearStates();
+      }
+      resetStates() {
+        var _a, _b, _c;
+        this._tagStates.length && this.useStates(this._tagStates), this._rectStates.length && (null === (_a = this._bgRect) || void 0 === _a || _a.useStates(this._rectStates)), this._symbolStates.length && (null === (_b = this._symbol) || void 0 === _b || _b.useStates(this._symbolStates)), this._textStates.length && (null === (_c = this._textShape) || void 0 === _c || _c.useStates(this._textStates));
       }
     };
     Tag$1.defaultAttributes = {
@@ -30822,19 +30843,19 @@
         switch (position) {
           case "tl":
             return {
-              angle: pi$1 / 2 * 3,
+              angle: pi / 2 * 3,
               offset: [width / 4, height + sizeH],
               rectOffset: [-width / 4, -height - size[1]]
             };
           case "top":
             return {
-              angle: pi$1 / 2 * 3,
+              angle: pi / 2 * 3,
               offset: [width / 2, height + sizeH],
               rectOffset: [0, -height - size[1]]
             };
           case "tr":
             return {
-              angle: pi$1 / 2 * 3,
+              angle: pi / 2 * 3,
               offset: [width / 4 * 3, height + sizeH],
               rectOffset: [width / 4 * 3, -height - size[1]]
             };
@@ -30858,37 +30879,37 @@
             };
           case "bl":
             return {
-              angle: pi$1 / 2,
+              angle: pi / 2,
               offset: [width / 4, -sizeH],
               rectOffset: [-width / 4, -height - size[1]]
             };
           case "bottom":
             return {
-              angle: pi$1 / 2,
+              angle: pi / 2,
               offset: [width / 2, -sizeH],
               rectOffset: [0, -height - size[1]]
             };
           case "br":
             return {
-              angle: pi$1 / 2,
+              angle: pi / 2,
               offset: [width / 4 * 3, -sizeH],
               rectOffset: [width / 4 * 3, -height - size[1]]
             };
           case "lt":
             return {
-              angle: pi$1,
+              angle: pi,
               offset: [width + sizeH, height / 5],
               rectOffset: [-width / 4, -height - size[1]]
             };
           case "left":
             return {
-              angle: pi$1,
+              angle: pi,
               offset: [width + sizeH, height / 2],
               rectOffset: [0, -height - size[1]]
             };
           case "lb":
             return {
-              angle: pi$1,
+              angle: pi,
               offset: [width + sizeH, height / 5 * 4],
               rectOffset: [width / 4 * 3, -height - size[1]]
             };
@@ -31821,17 +31842,23 @@
         };
       }
       labeling(textBounds, graphicBounds, position, offset) {}
+      _getLabelLinePoints(text, baseMark) {
+        return connectLineBetweenBounds(text.AABBBounds, null == baseMark ? void 0 : baseMark.AABBBounds);
+      }
       _createLabelLine(text, baseMark) {
-        const points = connectLineBetweenBounds(text.AABBBounds, null == baseMark ? void 0 : baseMark.AABBBounds);
+        const points = this._getLabelLinePoints(text, baseMark);
         if (points) {
-          const line = graphicCreator.line({
-            points: points
-          });
-          if (null == line ? void 0 : line.customShape) {
+          const lineGraphic = graphicCreator.line({
+              points: points
+            }),
+            {
+              line = {}
+            } = text.attribute;
+          if (line.customShape) {
             const customShape = line.customShape;
-            line.pathProxy = attrs => customShape(text.attribute, attrs, new CustomPath2D());
+            lineGraphic.pathProxy = attrs => customShape(text.attribute, attrs, new CustomPath2D());
           }
-          return baseMark && baseMark.attribute.fill && line.setAttribute("stroke", baseMark.attribute.fill), this.attribute.line && !isEmpty$1(this.attribute.line.style) && line.setAttributes(this.attribute.line.style), this._setStatesOfLabelLine(line), line;
+          return baseMark && baseMark.attribute.fill && lineGraphic.setAttribute("stroke", baseMark.attribute.fill), this.attribute.line && !isEmpty$1(this.attribute.line.style) && lineGraphic.setAttributes(this.attribute.line.style), this._setStatesOfLabelLine(lineGraphic), lineGraphic;
         }
       }
       render() {
@@ -32465,7 +32492,7 @@
               points: basedArc.pointA && basedArc.pointB && basedArc.pointC ? [basedArc.pointA, basedArc.pointB, basedArc.pointC] : void 0,
               line: basedArc.labelLine
             };
-            labels[i].setAttributes(labelAttribute);
+            "richtext" === labels[i].type && (labelAttribute.width = basedArc.labelLimit), labels[i].setAttributes(labelAttribute);
           }
         }
         return labels;
@@ -32888,29 +32915,22 @@
           checkBoundsOverlap(lastBounds, bounds) ? arcs[i].labelVisible = !1 : lastBounds = bounds;
         }
       }
+      _getLabelLinePoints(text, baseMark) {
+        return text.attribute.points;
+      }
       _createLabelLine(text, baseMark) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e;
         const {
-            points: points,
             line = {},
-            visible: visible,
-            fill: fill
+            visible: visible
           } = text.attribute,
-          labelLine = text.attribute.points ? graphicCreator.line({
-            visible: null === (_c = null !== (_a = line.visible && visible) && void 0 !== _a ? _a : null === (_b = text.attribute) || void 0 === _b ? void 0 : _b.visible) || void 0 === _c || _c,
-            stroke: null !== (_e = null === (_d = line.style) || void 0 === _d ? void 0 : _d.stroke) && void 0 !== _e ? _e : fill,
-            lineWidth: null !== (_g = null === (_f = line.style) || void 0 === _f ? void 0 : _f.lineWidth) && void 0 !== _g ? _g : 1,
-            points: points,
-            curveType: line.smooth ? "basis" : null
-          }) : void 0;
-        if (labelLine) {
-          if (null == line ? void 0 : line.customShape) {
-            const customShape = line.customShape;
-            labelLine.pathProxy = attrs => customShape(text.attribute, attrs, new CustomPath2D());
-          }
-          this._setStatesOfLabelLine(labelLine);
-        }
-        return labelLine;
+          lineGraphic = super._createLabelLine(text, baseMark);
+        return lineGraphic && (lineGraphic.setAttributes({
+          visible: null === (_c = null !== (_a = line.visible && visible) && void 0 !== _a ? _a : null === (_b = text.attribute) || void 0 === _b ? void 0 : _b.visible) || void 0 === _c || _c,
+          lineWidth: null !== (_e = null === (_d = line.style) || void 0 === _d ? void 0 : _d.lineWidth) && void 0 !== _e ? _e : 1
+        }), line.smooth && lineGraphic.setAttributes({
+          curveType: "basis"
+        })), lineGraphic;
       }
       computeRadius(r, width, height, k) {
         return this.computeLayoutRadius(width || 0, height || 0) * r * (isNil$3(k) ? 1 : k);
@@ -32938,7 +32958,8 @@
         fontSize: 14,
         fontWeight: "normal",
         fillOpacity: 1,
-        boundsPadding: [-1, 0, -1, 0]
+        boundsPadding: [-1, 0, -1, 0],
+        ellipsis: !0
       },
       position: "outside",
       line: {
@@ -33455,6 +33476,21 @@
         labelPoint = getVerticalCoord(point, getCircleVerticalVector(labelOffset, point, center, inside));
       return getCircleLabelPosition(labelPoint, getCircleVerticalVector(labelOffset || 1, labelPoint, center, inside), text, style);
     }
+    function getCirclePoints(center, count, radius, startAngle, endAngle) {
+      const points = [],
+        range = endAngle - startAngle;
+      for (let i = 0; i < count; i++) {
+        const angle = startAngle + i * range / count;
+        points.push(polarToCartesian$1(center, radius, angle));
+      }
+      return points;
+    }
+    function getPolygonPath(points, closed) {
+      let path = "";
+      return 0 === points.length || (points.forEach((point, index) => {
+        0 === index ? path = `M${point.x},${point.y}` : path += `L${point.x},${point.y}`;
+      }), closed && (path += "Z")), path;
+    }
 
     const dispatchHoverState = (e, container, lastHover) => {
       const target = e.target;
@@ -33525,7 +33561,8 @@
           axisContainer = graphicCreator.group({
             x: 0,
             y: 0,
-            zIndex: 1
+            zIndex: 1,
+            pickable: !1
           });
         if (axisContainer.name = AXIS_ELEMENT_NAME.axisContainer, axisContainer.id = this._getNodeId("container"), axisContainer.setMode(this.mode), this.axisContainer = axisContainer, container.add(axisContainer), line && line.visible && this.renderLine(axisContainer), items && items.length && (this.data = this._transformItems(items[0]), tick && tick.visible && this.renderTicks(axisContainer), label && label.visible)) {
           const labelGroup = graphicCreator.group({
@@ -33657,7 +33694,7 @@
             const vec = this.getVerticalVector(length, inside, point);
             let alpha = 0,
               beta = 0;
-            abs$1(vec[0]) > abs$1(vec[1]) ? alpha = pi$1 / 2 * (endPoint.x > point.x ? 1 : -1) : beta = pi$1 / 2 * (endPoint.y > point.y ? -1 : 1), tickLineItems.push({
+            abs(vec[0]) > abs(vec[1]) ? alpha = pi / 2 * (endPoint.x > point.x ? 1 : -1) : beta = pi / 2 * (endPoint.y > point.y ? -1 : 1), tickLineItems.push({
               start: point,
               end: endPoint,
               value: tickValue,
@@ -34476,19 +34513,27 @@
           center: center,
           innerRadius = 0,
           line = {},
-          inside = !1
+          inside = !1,
+          sides: sides
         } = this.attribute;
-        let arcRadius = radius,
+        let lineGraphic,
+          arcRadius = radius,
           arcInnerRadius = innerRadius;
-        inside && innerRadius > 0 && (arcRadius = innerRadius, arcInnerRadius = 0);
-        const arcAttrs = Object.assign(Object.assign(Object.assign({}, center), {
+        if (inside && innerRadius > 0 && (arcRadius = innerRadius, arcInnerRadius = 0), isValidNumber$3(sides) && sides >= 3) {
+          const gridPoints = getCirclePoints(center, sides, arcRadius, startAngle, endAngle);
+          lineGraphic = graphicCreator.path(Object.assign(Object.assign({}, line.style), {
+            path: getPolygonPath(gridPoints, !0)
+          }));
+        } else {
+          const arcAttrs = Object.assign(Object.assign(Object.assign({}, center), {
             startAngle: startAngle,
             endAngle: endAngle,
             radius: arcRadius,
             innerRadius: arcInnerRadius
-          }), line.style),
-          axisLine = graphicCreator.circle(arcAttrs);
-        axisLine.name = AXIS_ELEMENT_NAME.line, axisLine.id = this._getNodeId("line"), isEmpty$1(line.state) || (axisLine.states = merge$1({}, DEFAULT_STATES$1, line.state)), container.add(axisLine);
+          }), line.style);
+          lineGraphic = graphicCreator.circle(arcAttrs);
+        }
+        lineGraphic.name = AXIS_ELEMENT_NAME.line, lineGraphic.id = this._getNodeId("line"), isEmpty$1(line.state) || (lineGraphic.states = merge$1({}, DEFAULT_STATES$1, line.state)), container.add(lineGraphic);
       }
       getTitleAttribute() {
         var _a, _b, _c;
@@ -34642,7 +34687,7 @@
       onStart() {
         let duration = this.duration,
           easing = this.easing;
-        Object.keys(this._newElementAttrMap).forEach(id => {
+        this._newElementAttrMap && Object.keys(this._newElementAttrMap).forEach(id => {
           var _a;
           const {
             node: node,
@@ -35454,12 +35499,6 @@
       return convertDomainToTickData(scale.domain());
     };
 
-    function getLinePath(points, closed) {
-      let path = "";
-      return 0 === points.length || (points.forEach((point, index) => {
-        0 === index ? path = `M${point.x},${point.y}` : path += `L${point.x},${point.y}`;
-      }), closed && (path += "Z")), path;
-    }
     function getArcPath(center, points, reverse, closed) {
       let path = "";
       if (!center || 0 === points.length) return path;
@@ -35482,7 +35521,7 @@
         const fromStart = from[0],
           toEnd = reversePoints[0],
           center = attribute.center;
-        regionPath = getLinePath(from, !!closed), nextPath = getLinePath(reversePoints, !!closed);
+        regionPath = getPolygonPath(from, !!closed), nextPath = getPolygonPath(reversePoints, !!closed);
         const toEndRadius = PointService.distancePP(toEnd, center),
           fromStartRadius = PointService.distancePP(fromStart, center);
         regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`, nextPath += `A${fromStartRadius},${fromStartRadius},0,0,0,${fromStart.x},${fromStart.y}`;
@@ -35491,7 +35530,7 @@
           center: center
         } = attribute;
         regionPath = getArcPath(center, from, !1, !!closed), nextPath = getArcPath(center, reversePoints, !0, !!closed);
-      } else "line" !== type && "polygon" !== type || (regionPath = getLinePath(from, !!closed), nextPath = getLinePath(reversePoints, !!closed));
+      } else "line" !== type && "polygon" !== type || (regionPath = getPolygonPath(from, !!closed), nextPath = getPolygonPath(reversePoints, !!closed));
       return closed ? regionPath += nextPath : (nextPath = "L" + nextPath.substring(1), regionPath += nextPath, regionPath += "Z"), regionPath;
     }
     class BaseGrid extends AbstractComponent {
@@ -35552,7 +35591,7 @@
             points: points
           } = item;
           let path = "";
-          if ("line" === type || "polygon" === type) path = getLinePath(points, !!closed);else if ("circle" === type) {
+          if ("line" === type || "polygon" === type) path = getPolygonPath(points, !!closed);else if ("circle" === type) {
             const {
               center: center
             } = this.attribute;
@@ -35578,14 +35617,14 @@
             x: points[0].x + dir_x * ratio,
             y: points[0].y + dir_y * ratio
           });
-          const path = getLinePath(nextPoints, !!closed),
-            deltaX = abs$1(nextPoints[0].x - nextPoints[1].x),
-            deltaY = abs$1(nextPoints[0].y - nextPoints[1].y),
+          const path = getPolygonPath(nextPoints, !!closed),
+            deltaX = abs(nextPoints[0].x - nextPoints[1].x),
+            deltaY = abs(nextPoints[0].y - nextPoints[1].y),
             shape = graphicCreator.path(Object.assign({
               path: path,
               z: 0,
-              alpha: deltaX > deltaY ? (points[1].x - points[0].x > 0 ? -1 : 1) * pi$1 / 2 : 0,
-              beta: deltaX < deltaY ? -pi$1 / 2 : 0,
+              alpha: deltaX > deltaY ? (points[1].x - points[0].x > 0 ? -1 : 1) * pi / 2 : 0,
+              beta: deltaX < deltaY ? -pi / 2 : 0,
               anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y]
             }, isFunction$3(style) ? merge$1({}, this.skipDefault ? null : BaseGrid.defaultAttributes.style, style(item, index)) : style));
           shape.name = `${name}-line`, shape.id = this._getNodeId(`${name}-path-${id}`), container.add(shape);
@@ -35628,15 +35667,6 @@
       }
     };
 
-    function getCirclePoints(center, count, radius, startAngle, endAngle) {
-      const points = [],
-        range = endAngle - startAngle;
-      for (let i = 0; i < count; i++) {
-        const angle = startAngle + i * range / count;
-        points.push(polarToCartesian$1(center, radius, angle));
-      }
-      return points;
-    }
     loadLineAxisGridComponent();
     class LineAxisGrid extends BaseGrid {
       constructor(attributes, options) {
@@ -35651,12 +35681,13 @@
           gridPoints = [point, this.getVerticalCoord(point, length, !0)];
         } else if ("circle" === gridType || "polygon" === gridType) {
           const {
-            center: center,
-            sides = 6,
-            startAngle = POLAR_START_ANGLE,
-            endAngle = POLAR_END_ANGLE
-          } = this.attribute;
-          gridPoints = getCirclePoints(center, sides, PointService.distancePP(center, point), startAngle, endAngle);
+              center: center,
+              sides = 6,
+              startAngle = POLAR_START_ANGLE,
+              endAngle = POLAR_END_ANGLE
+            } = this.attribute,
+            distance = PointService.distancePP(center, point);
+          gridPoints = getCirclePoints(center, sides, distance, startAngle, endAngle);
         }
         return gridPoints;
       }
@@ -39043,12 +39074,13 @@
       _createPager(compStyle) {
         var _a, _b;
         const {
-          disableTriggerEvent: disableTriggerEvent,
-          maxRow: maxRow
-        } = this.attribute;
+            disableTriggerEvent: disableTriggerEvent,
+            maxRow: maxRow
+          } = this.attribute,
+          estimateTotal = num => num <= 99 ? 99 : num <= 999 ? 999 : 9999;
         return this._itemContext.isHorizontal ? new Pager(Object.assign(Object.assign({
           layout: 1 === maxRow ? "horizontal" : "vertical",
-          total: 99
+          total: estimateTotal(this._itemContext.pages)
         }, merge$1({
           handler: {
             preShape: "triangleUp",
@@ -39059,7 +39091,7 @@
           disableTriggerEvent: disableTriggerEvent
         })) : new Pager(Object.assign({
           layout: "horizontal",
-          total: 99,
+          total: estimateTotal(this._itemContext.pages),
           disableTriggerEvent: disableTriggerEvent,
           defaultCurrent: null === (_b = this.attribute.pager) || void 0 === _b ? void 0 : _b.defaultCurrent
         }, compStyle));
@@ -42069,18 +42101,14 @@
             delay = percent * (1 === size ? 0 : 400 / (size - 1)),
             delayNormal = percent * (1 === size ? 0 : 240 / (size - 1));
           this._symbolGroup.forEachChildren((symbol, i) => {
-            const originAttrs = Object.assign({}, symbol.attribute);
-            symbol.setAttributes({
+            const originAttrs = {};
+            Object.keys(activeSymbolStyle).forEach(k => {
+              originAttrs[k] = symbol.attribute[k];
+            }), symbol.setAttributes({
               opacity: 0
             }), symbol.animate().wait(symbolDelay + delay * i).to({
               opacity: 1
-            }, perSymbolDuration, easing), symbol.animate().wait(symbolNormalDelay + delayNormal * i).to(Object.assign({
-              scaleX: 1.8,
-              scaleY: 1.8
-            }, activeSymbolStyle), perSymbolNormalDuration, easing).to(Object.assign({
-              scaleX: 1,
-              scaleY: 1
-            }, originAttrs), perSymbolNormalDuration, easing);
+            }, perSymbolDuration, easing), symbol.animate().wait(symbolNormalDelay + delayNormal * i).to(Object.assign({}, activeSymbolStyle), perSymbolNormalDuration, easing).to(Object.assign({}, originAttrs), perSymbolNormalDuration, easing);
           });
         }
         if (this._labelGroup) {
@@ -42088,8 +42116,10 @@
             delay = percent * (1 === size ? 0 : 400 / (size - 1)),
             delayNormal = percent * (1 === size ? 0 : 240 / (size - 1));
           this._labelGroup.forEachChildren((label, i) => {
-            const originAttrs = Object.assign({}, label.attribute);
-            label.setAttributes({
+            const originAttrs = {};
+            Object.keys(activeLabelStyle).forEach(k => {
+              originAttrs[k] = label.attribute[k];
+            }), label.setAttributes({
               opacity: 0
             }), label.animate().wait(symbolDelay + delay * i).to({
               opacity: 1
@@ -42102,7 +42132,6 @@
         }
       }
       goto(flag, animateConfig) {
-        var _a;
         let {
           clipRange: clipRange
         } = this.attribute;
@@ -42121,16 +42150,15 @@
         });
         let i = 0;
         for (; i < this._timesPercent.length && !(clipRange < this._timesPercent[i]); i++);
-        const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;
+        const nextClipRange = flag > 0 ? this._timesPercent[i] || 1 : this._timesPercent[i - 1] || 0;
         if (animation) {
           const {
-              duration = 1e3,
-              easing = "quadOut"
-            } = animateConfig,
-            actDuration = Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - (null !== (_a = this._timesPercent[i - 1]) && void 0 !== _a ? _a : 0)) * duration;
+            duration = 1e3,
+            easing = "quadOut"
+          } = animateConfig;
           this.animate().to({
             clipRange: nextClipRange
-          }, actDuration, easing);
+          }, duration, easing);
         } else this.setAttributes({
           clipRange: nextClipRange
         });
@@ -42152,7 +42180,8 @@
         symbolType: "circle"
       },
       activeSymbolStyle: {
-        fill: "orange"
+        fill: "orange",
+        size: 16
       },
       lineStyle: {
         lineDash: [2, 2],
@@ -42256,6 +42285,9 @@
           y: textY
         });
       }
+      initAttributes(params, options) {
+        params = (null == options ? void 0 : options.skipDefault) ? params : merge$1({}, CheckBox.defaultAttributes, params), super.initAttributes(params), this.renderGroup(), this.render();
+      }
     }
     CheckBox.defaultAttributes = {
       interactive: !0,
@@ -42348,6 +42380,9 @@
           y: textY
         });
       }
+      initAttributes(params, options) {
+        params = (null == options ? void 0 : options.skipDefault) ? params : merge$1({}, Radio.defaultAttributes, params), super.initAttributes(params), this.renderGroup(), this.render();
+      }
     }
     Radio.defaultAttributes = {
       interactive: !0,
@@ -42433,7 +42468,7 @@
       }
     };
 
-    const version$1 = "0.19.24-alpha.3";
+    const version$1 = "0.19.25-alpha.2";
 
     let registed = false;
     function registerForVrender() {
@@ -42923,7 +42958,7 @@
         createPyramid3d: createPyramid3d,
         createRect: createRect,
         createRect3d: createRect3d,
-        createRectPath: createRectPath$1,
+        createRectPath: createRectPath,
         createRichText: createRichText,
         createShadowRoot: createShadowRoot,
         createStage: createStage,
@@ -42997,6 +43032,7 @@
         genStepTypeSegments: genStepTypeSegments,
         getAttributeFromDefaultAttrList: getAttributeFromDefaultAttrList,
         getCircleLabelPosition: getCircleLabelPosition,
+        getCirclePoints: getCirclePoints,
         getCircleVerticalVector: getCircleVerticalVector,
         getConicGradientAt: getConicGradientAt,
         getContextFont: getContextFont$1,
@@ -43008,6 +43044,7 @@
         getModelMatrix: getModelMatrix,
         getNoneGroupMarksByName: getNoneGroupMarksByName,
         getPolarAngleLabelPosition: getPolarAngleLabelPosition,
+        getPolygonPath: getPolygonPath,
         getRichTextBounds: getRichTextBounds,
         getScaledStroke: getScaledStroke,
         getSizeHandlerPath: getSizeHandlerPath,
@@ -43718,10 +43755,6 @@
       return t => (d.setTime(aVal * (1 - t) + bVal * t), d);
     }
 
-    const pi = Math.PI;
-    const halfPi = pi / 2;
-    const abs = Math.abs;
-
     function transformBoundsWithMatrix(out, bounds, matrix) {
       const {
         x1: x1,
@@ -45248,18 +45281,6 @@
 
   overflow: hidden; // for react-vtable dom custom element
 }
-
-.vtable-gantt {
-	/* 设置overflow: auto 应该是为了滚动条的某个问题 但设置了auto之后 dom的下拉菜单只能显示在vtable节点中 超出会截断;现在去掉auto 暂时滚动条的问题没有发现 */
-	/* overflow: auto; */
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	text-align: left;
-  -webkit-font-smoothing:auto;
-
-  overflow: hidden; // for react-vtable dom custom element
-}
 .vtable .table-component-container {
   pointer-events: none;
   overflow: hidden;
@@ -45297,18 +45318,8 @@
         document.head.appendChild(styleElement);
     }
 
-    function getHorizontalScrollBarSize(scrollStyle) {
-        if (scrollStyle?.hoverOn ||
-            (scrollStyle?.horizontalVisible && scrollStyle?.horizontalVisible === 'none') ||
-            (!scrollStyle?.horizontalVisible && scrollStyle?.visible === 'none')) {
-            return 0;
-        }
-        return scrollStyle?.width ?? 7;
-    }
-    function getVerticalScrollBarSize(scrollStyle) {
-        if (scrollStyle?.hoverOn ||
-            (scrollStyle?.verticalVisible && scrollStyle?.verticalVisible === 'none') ||
-            (!scrollStyle?.verticalVisible && scrollStyle?.visible === 'none')) {
+    function getScrollBarSize(scrollStyle) {
+        if (scrollStyle?.hoverOn || scrollStyle?.visible === 'none') {
             return 0;
         }
         return scrollStyle?.width ?? 7;
@@ -47180,12 +47191,6 @@
                     get visible() {
                         return scroll.visible ?? 'scrolling';
                     },
-                    get verticalVisible() {
-                        return scroll.verticalVisible;
-                    },
-                    get horizontalVisible() {
-                        return scroll.horizontalVisible;
-                    },
                     get width() {
                         return scroll.width ?? 7;
                     },
@@ -49976,10 +49981,10 @@
         return couldBeValidNumber(v.substring(0, v.length - 1));
     }
 
-    function createRootElement(padding, className = 'vtable') {
+    function createRootElement(padding) {
         const element = document.createElement('div');
         element.setAttribute('tabindex', '0');
-        element.classList.add(className);
+        element.classList.add('vtable');
         element.style.outline = 'none';
         element.style.margin = `${padding.top}px ${padding.right}px ${padding.bottom}px ${padding.left}px`;
         const width = (element.offsetWidth || element.parentElement?.offsetWidth || 1) - 1;
@@ -50195,13 +50200,7 @@
                 underlineDash,
                 underlineOffset,
                 lineThrough: lineThrough ? textDecorationWidth : undefined,
-                ellipsis: textOverflow === 'clip'
-                    ? ''
-                    : textOverflow === 'ellipsis'
-                        ? '...'
-                        : isValid$1(textOverflow)
-                            ? textOverflow
-                            : undefined
+                ellipsis: !textOverflow || textOverflow === 'clip' ? undefined : textOverflow === 'ellipsis' ? '...' : textOverflow
             },
             group: {
                 fill: bgColor,
@@ -51638,11 +51637,12 @@
     }
 
     function getCellBorderStrokeWidth(col, row, cellTheme, table) {
+        const frameBorderLineWidths = style.toBoxArray(table.internalProps.theme.frameStyle?.borderLineWidth ?? [null]);
         let strokeArrayWidth = cellTheme?.group?.strokeArrayWidth ?? undefined;
         if (table.theme.cellInnerBorder) {
             return strokeArrayWidth;
         }
-        if (col === 0) {
+        if (col === 0 && frameBorderLineWidths[3]) {
             strokeArrayWidth = strokeArrayWidth ?? [
                 cellTheme?.group?.lineWidth,
                 cellTheme?.group?.lineWidth,
@@ -51651,7 +51651,7 @@
             ];
             strokeArrayWidth[3] = 0;
         }
-        if (col === table.colCount - 1) {
+        if (col === table.colCount - 1 && frameBorderLineWidths[1]) {
             strokeArrayWidth = strokeArrayWidth ?? [
                 cellTheme?.group?.lineWidth,
                 cellTheme?.group?.lineWidth,
@@ -51660,7 +51660,7 @@
             ];
             strokeArrayWidth[1] = 0;
         }
-        if (row === 0) {
+        if (row === 0 && frameBorderLineWidths[0]) {
             strokeArrayWidth = strokeArrayWidth ?? [
                 cellTheme?.group?.lineWidth,
                 cellTheme?.group?.lineWidth,
@@ -51669,7 +51669,7 @@
             ];
             strokeArrayWidth[0] = 0;
         }
-        if (row === table.rowCount - 1) {
+        if (row === table.rowCount - 1 && frameBorderLineWidths[2]) {
             strokeArrayWidth = strokeArrayWidth ?? [
                 cellTheme?.group?.lineWidth,
                 cellTheme?.group?.lineWidth,
@@ -52210,11 +52210,13 @@
         let rightIconHeight = 0;
         cellGroup.forEachChildren((iconMark) => {
             if (iconMark.role === 'icon-left') {
-                leftIconWidth += iconMark.AABBBounds.width();
+                leftIconWidth +=
+                    iconMark.AABBBounds.width() + (iconMark.attribute.marginLeft ?? 0) + (iconMark.attribute.marginRight ?? 0);
                 leftIconHeight = Math.max(leftIconHeight, iconMark.AABBBounds.height());
             }
             else if (iconMark.role === 'icon-right') {
-                rightIconWidth += iconMark.AABBBounds.width();
+                rightIconWidth +=
+                    iconMark.AABBBounds.width() + (iconMark.attribute.marginLeft ?? 0) + (iconMark.attribute.marginRight ?? 0);
                 rightIconHeight = Math.max(rightIconHeight, iconMark.AABBBounds.height());
             }
         });
@@ -52226,7 +52228,7 @@
             oldTextHeight = textMark.AABBBounds.height();
             textMark.setAttribute('maxLineWidth', distWidth -
                 leftIconWidth -
-                rightIconHeight -
+                rightIconWidth -
                 (padding[1] + padding[3]) -
                 (textMark.attribute.dx ?? 0) -
                 (scene.table.theme._contentOffset ?? 0));
@@ -52234,12 +52236,12 @@
         }
         else if (textMark instanceof RichText) {
             oldTextHeight = textMark.AABBBounds.height();
-            textMark.setAttribute('width', distWidth - leftIconWidth - rightIconHeight - (padding[1] + padding[3]));
+            textMark.setAttribute('width', distWidth - leftIconWidth - rightIconWidth - (padding[1] + padding[3]));
             contentHeight = textMark.AABBBounds.height();
         }
         else if (cellContent) {
             oldTextHeight = cellContent.AABBBounds.height();
-            cellContent.updateWidth(distWidth - leftIconWidth - rightIconHeight - (padding[1] + padding[3]));
+            cellContent.updateWidth(distWidth - leftIconWidth - rightIconWidth - (padding[1] + padding[3]));
             contentHeight = cellContent.AABBBounds.height();
         }
         const oldCellHeight = Math.round(Math.max(leftIconHeight, rightIconHeight, oldTextHeight) + padding[0] + padding[2]);
@@ -53986,7 +53988,7 @@
             };
             if (isFunction$1(customLayout)) {
                 const customLayoutObj = customLayout(arg);
-                if (customLayoutObj.rootContainer instanceof Group$2) {
+                if (customLayoutObj.rootContainer) {
                     customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);
                     dealPercentCalc(customLayoutObj.rootContainer, table.getColWidth(col), 0);
                     customLayoutObj.rootContainer.setStage(table.scenegraph.stage);
@@ -55567,9 +55569,7 @@
             const oldVerticalBarPos = this.table.stateManager.scroll.verticalBarPos;
             const theme = this.table.theme;
             const width = theme.scrollStyle?.width;
-            const visible1 = theme.scrollStyle?.visible;
-            const horizontalVisible = theme.scrollStyle?.horizontalVisible ?? visible1;
-            const verticalVisible = theme.scrollStyle?.verticalVisible ?? visible1;
+            const visible = theme.scrollStyle?.visible;
             const tableWidth = Math.ceil(this.table.scenegraph.tableGroup.attribute.width);
             const tableHeight = Math.ceil(this.table.scenegraph.tableGroup.attribute.height);
             const totalHeight = this.table.getAllRowsHeight();
@@ -55598,14 +55598,14 @@
                     y: attrY,
                     width: tableWidth - frozenColsWidth - rightFrozenColsWidth,
                     range: [0, rangeEnd],
-                    visible: horizontalVisible === 'always'
+                    visible: visible === 'always'
                 });
                 const bounds = this.hScrollBar.AABBBounds && this.hScrollBar.globalAABBBounds;
                 this.hScrollBar._viewPosition = {
                     x: bounds.x1,
                     y: bounds.y1
                 };
-                if (horizontalVisible === 'always') {
+                if (visible === 'always') {
                     this.hScrollBar.showAll();
                 }
             }
@@ -55636,14 +55636,14 @@
                     y: frozenRowsHeight + (!hoverOn ? this.table.scenegraph.tableGroup.attribute.y : 0),
                     height: tableHeight - frozenRowsHeight - bottomFrozenRowsHeight,
                     range: [0, rangeEnd],
-                    visible: verticalVisible === 'always'
+                    visible: visible === 'always'
                 });
                 const bounds = this.vScrollBar.AABBBounds && this.vScrollBar.globalAABBBounds;
                 this.vScrollBar._viewPosition = {
                     x: bounds.x1,
                     y: bounds.y1
                 };
-                if (verticalVisible === 'always') {
+                if (visible === 'always') {
                     this.vScrollBar.showAll();
                 }
             }
@@ -55806,9 +55806,8 @@
             }
         }
         hideVerticalScrollBar() {
-            const visible1 = this.table.theme.scrollStyle.visible;
-            const verticalVisible = this.table.theme.scrollStyle.verticalVisible ?? visible1;
-            if (verticalVisible !== 'focus' && verticalVisible !== 'scrolling') {
+            const visable = this.table.theme.scrollStyle.visible;
+            if (visable !== 'focus' && visable !== 'scrolling') {
                 return;
             }
             this.vScrollBar.setAttribute('visible', false);
@@ -55816,9 +55815,8 @@
             this.table.scenegraph.updateNextFrame();
         }
         showVerticalScrollBar() {
-            const visible1 = this.table.theme.scrollStyle.visible;
-            const verticalVisible = this.table.theme.scrollStyle.verticalVisible ?? visible1;
-            if (verticalVisible !== 'focus' && verticalVisible !== 'scrolling') {
+            const visable = this.table.theme.scrollStyle.visible;
+            if (visable !== 'focus' && visable !== 'scrolling') {
                 return;
             }
             this.vScrollBar.setAttribute('visible', true);
@@ -55826,9 +55824,8 @@
             this.table.scenegraph.updateNextFrame();
         }
         hideHorizontalScrollBar() {
-            const visible1 = this.table.theme.scrollStyle.visible;
-            const horizontalVisible = this.table.theme.scrollStyle.horizontalVisible ?? visible1;
-            if (horizontalVisible !== 'focus' && horizontalVisible !== 'scrolling') {
+            const visable = this.table.theme.scrollStyle.visible;
+            if (visable !== 'focus' && visable !== 'scrolling') {
                 return;
             }
             this.hScrollBar.setAttribute('visible', false);
@@ -55836,9 +55833,8 @@
             this.table.scenegraph.updateNextFrame();
         }
         showHorizontalScrollBar() {
-            const visible1 = this.table.theme.scrollStyle.visible;
-            const horizontalVisible = this.table.theme.scrollStyle.horizontalVisible ?? visible1;
-            if (horizontalVisible !== 'focus' && horizontalVisible !== 'scrolling') {
+            const visable = this.table.theme.scrollStyle.visible;
+            if (visable !== 'focus' && visable !== 'scrolling') {
                 return;
             }
             this.hScrollBar.setAttribute('visible', true);
@@ -57417,7 +57413,7 @@
                 }
                 const { width: widthFroDraw, height: heightFroDraw } = getCellSizeForDraw(group, Math.ceil(width), Math.ceil(height), bottomRight);
                 if (cornerRadius) {
-                    createRectPath$1(context, x, y, widthFroDraw + deltaWidth, heightFroDraw + deltaHeight, cornerRadius);
+                    createRectPath(context, x, y, widthFroDraw + deltaWidth, heightFroDraw + deltaHeight, cornerRadius);
                 }
                 else {
                     context.rect(x, y, widthFroDraw, heightFroDraw);
@@ -57800,119 +57796,6 @@
         context.setLineDash([]);
         context.closePath();
     }
-    function createRectPath(path, x, y, width, height, rectCornerRadius, edgeCb) {
-        if (width < 0) {
-            x += width;
-            width = -width;
-        }
-        if (height < 0) {
-            y += height;
-            height = -height;
-        }
-        let cornerRadius;
-        if (isNumber$2(rectCornerRadius, true)) {
-            rectCornerRadius = abs(rectCornerRadius);
-            cornerRadius = [
-                rectCornerRadius,
-                rectCornerRadius,
-                rectCornerRadius,
-                rectCornerRadius
-            ];
-        }
-        else if (Array.isArray(rectCornerRadius)) {
-            const cornerRadiusArr = rectCornerRadius;
-            let cr0;
-            let cr1;
-            switch (cornerRadiusArr.length) {
-                case 0:
-                    cornerRadius = [0, 0, 0, 0];
-                    break;
-                case 1:
-                    cr0 = abs(cornerRadiusArr[0]);
-                    cornerRadius = [cr0, cr0, cr0, cr0];
-                    break;
-                case 2:
-                case 3:
-                    cr0 = abs(cornerRadiusArr[0]);
-                    cr1 = abs(cornerRadiusArr[1]);
-                    cornerRadius = [cr0, cr1, cr0, cr1];
-                    break;
-                default:
-                    cornerRadius = cornerRadiusArr;
-                    cornerRadius[0] = abs(cornerRadius[0]);
-                    cornerRadius[1] = abs(cornerRadius[1]);
-                    cornerRadius[2] = abs(cornerRadius[2]);
-                    cornerRadius[3] = abs(cornerRadius[3]);
-                    break;
-            }
-        }
-        else {
-            cornerRadius = [0, 0, 0, 0];
-        }
-        if (width < 0 || cornerRadius[0] + cornerRadius[1] + cornerRadius[2] + cornerRadius[3] < 1e-12) {
-            return path.rect(x, y, width, height);
-        }
-        const [leftTop, rightTop, rightBottom, leftBottom] = [
-            [x, y],
-            [x + width, y],
-            [x + width, y + height],
-            [x, y + height]
-        ];
-        const maxCornerRadius = Math.min(width / 2, height / 2);
-        const _cornerRadius = [
-            Math.min(maxCornerRadius, cornerRadius[0]),
-            Math.min(maxCornerRadius, cornerRadius[1]),
-            Math.min(maxCornerRadius, cornerRadius[2]),
-            Math.min(maxCornerRadius, cornerRadius[3])
-        ];
-        const leftTopPoint1 = [leftTop[0] + _cornerRadius[0], leftTop[1]];
-        const leftTopPoint2 = [leftTop[0], leftTop[1] + _cornerRadius[0]];
-        const rightTopPoint1 = [rightTop[0] - _cornerRadius[1], rightTop[1]];
-        const rightTopPoint2 = [rightTop[0], rightTop[1] + _cornerRadius[1]];
-        const rightBottomPoint1 = [rightBottom[0] - _cornerRadius[2], rightBottom[1]];
-        const rightBottomPoint2 = [rightBottom[0], rightBottom[1] - _cornerRadius[2]];
-        const leftBottomPoint1 = [leftBottom[0] + _cornerRadius[3], leftBottom[1]];
-        const leftBottomPoint2 = [leftBottom[0], leftBottom[1] - _cornerRadius[3]];
-        path.moveTo(leftTopPoint1[0], leftTopPoint1[1]);
-        edgeCb && edgeCb[0]
-            ? edgeCb[0](leftTopPoint1[0], leftTopPoint1[1], rightTopPoint1[0], rightTopPoint1[1])
-            : path.lineTo(rightTopPoint1[0], rightTopPoint1[1]);
-        if (!arrayEqual(rightTopPoint1, rightTopPoint2)) {
-            path.moveTo(rightTopPoint1[0], rightTopPoint1[1]);
-            const centerX = rightTopPoint1[0];
-            const centerY = rightTopPoint1[1] + _cornerRadius[1];
-            path.arc(centerX, centerY, _cornerRadius[1], -halfPi, 0, false);
-        }
-        edgeCb && edgeCb[1]
-            ? edgeCb[1](rightTopPoint2[0], rightTopPoint2[1], rightBottomPoint2[0], rightBottomPoint2[1])
-            : path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]);
-        if (!arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
-            const centerX = rightBottomPoint2[0] - _cornerRadius[2];
-            const centerY = rightBottomPoint2[1];
-            path.moveTo(rightBottomPoint2[0], rightBottomPoint2[1]);
-            path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, false);
-        }
-        edgeCb && edgeCb[2]
-            ? edgeCb[2](rightBottomPoint1[0], rightBottomPoint1[1], leftBottomPoint1[0], leftBottomPoint1[1])
-            : path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]);
-        if (!arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
-            const centerX = leftBottomPoint1[0];
-            const centerY = leftBottomPoint1[1] - _cornerRadius[3];
-            path.moveTo(leftBottomPoint1[0], leftBottomPoint1[1]);
-            path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, false);
-        }
-        edgeCb && edgeCb[3]
-            ? edgeCb[3](leftBottomPoint2[0], leftBottomPoint2[1], leftTopPoint2[0], leftTopPoint2[1])
-            : path.lineTo(leftTopPoint2[0], leftTopPoint2[1]);
-        if (!arrayEqual(leftTopPoint1, leftTopPoint2)) {
-            const centerX = leftTopPoint1[0];
-            const centerY = leftTopPoint1[1] + _cornerRadius[0];
-            path.moveTo(leftTopPoint2[0], leftTopPoint2[1]);
-            path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, false);
-        }
-        !edgeCb && path.closePath();
-        return path;
-    }
 
     let loadingImage;
     let VTableDrawItemInterceptorContribution = class VTableDrawItemInterceptorContribution {
@@ -58410,7 +58293,7 @@
             };
             if (isFunction$1(customLayout)) {
                 const customLayoutObj = customLayout(arg);
-                if (customLayoutObj.rootContainer instanceof Group$2) {
+                if (customLayoutObj.rootContainer) {
                     customLayoutObj.rootContainer = decodeReactDom(customLayoutObj.rootContainer);
                     dealPercentCalc(customLayoutObj.rootContainer, 0, table.getRowHeight(row));
                     const setedWidth = customLayoutObj.rootContainer.attribute.width;
@@ -59677,7 +59560,7 @@
             }
             [colStart, colEnd].forEach((col) => {
                 const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
+                if (style?.textStick && style?.textStick !== 'vertical') {
                     const cellGroup = table.scenegraph.getCell(col, row);
                     adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
                 }
@@ -59689,7 +59572,9 @@
             }
             [rowStart, rowEnd].forEach((row) => {
                 const style = table._getCellStyle(col, row);
-                if (style?.textStick && table.internalProps.layoutMap.rowHierarchyType !== 'tree') {
+                if (style?.textStick &&
+                    table.internalProps.layoutMap.rowHierarchyType !== 'tree' &&
+                    style?.textStick !== 'horizontal') {
                     const cellGroup = table.scenegraph.getCell(col, row);
                     adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
                 }
@@ -59701,19 +59586,19 @@
             }
             [rowStart, rowEnd].forEach((row) => {
                 const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
+                if (style?.textStick && style?.textStick !== 'horizontal') {
                     const cellGroup = table.scenegraph.getCell(col, row);
                     adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
                 }
             });
         }
-        for (let row = rowStart; row < rowEnd; row++) {
+        for (let row = rowStart; row <= rowEnd; row++) {
             if (colEnd < colStart) {
                 break;
             }
             [colStart, colEnd].forEach((col) => {
                 const style = table._getCellStyle(col, row);
-                if (table._getCellStyle(col, row)?.textStick) {
+                if (style?.textStick && style?.textStick !== 'vertical') {
                     const cellGroup = table.scenegraph.getCell(col, row);
                     adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
                 }
@@ -63956,7 +63841,9 @@
             this.updateNextFrame();
         }
         updateCellContentWhileResize(col, row) {
-            const type = this.table.getBodyColumnType(col, row);
+            const type = this.table.isHeader(col, row)
+                ? this.table._getHeaderLayoutMap(col, row).headerType
+                : this.table.getBodyColumnType(col, row);
             const cellGroup = this.getCell(col, row);
             if (type === 'image' || type === 'video') {
                 updateImageCellContentWhileResize(cellGroup, col, row, 0, 0, this.table);
@@ -64242,12 +64129,13 @@
         updateDomContainer() {
             const { headerDomContainer, bodyDomContainer } = this.table.internalProps;
             if (headerDomContainer) {
-                headerDomContainer.style.width = `${headerDomContainer.parentElement?.offsetWidth ?? 1 - 1}px`;
+                headerDomContainer.style.width = `${(headerDomContainer.parentElement?.offsetWidth ?? 1) - 1}px`;
                 headerDomContainer.style.height = `${this.table.getFrozenRowsHeight()}px`;
             }
             if (bodyDomContainer) {
-                bodyDomContainer.style.width = `${bodyDomContainer.parentElement?.offsetWidth ?? 1 - 1}px`;
-                bodyDomContainer.style.height = `${bodyDomContainer.parentElement?.offsetHeight ?? 1 - 1 - this.table.getFrozenRowsHeight()}px`;
+                const totalFrozenRowsHeight = this.table.getFrozenRowsHeight() + this.table.getBottomFrozenRowsHeight();
+                bodyDomContainer.style.width = `${(bodyDomContainer.parentElement?.offsetWidth ?? 1) - 1}px`;
+                bodyDomContainer.style.height = `${(bodyDomContainer.parentElement?.offsetHeight ?? 1) - 1 - totalFrozenRowsHeight}px`;
                 bodyDomContainer.style.top = `${this.table.getFrozenRowsHeight()}px`;
             }
         }
@@ -66394,7 +66282,7 @@
                 this.checkHorizontalScrollBarEnd();
             }
         }
-        setScrollTop(top, triggerEvent = true) {
+        setScrollTop(top) {
             const totalHeight = this.table.getAllRowsHeight();
             const sizeTolerance = this.table.options.customConfig?._disableColumnAndRowSizeRound ? 1 : 0;
             top = Math.max(0, Math.min(top, totalHeight - this.table.scenegraph.height - sizeTolerance));
@@ -66410,7 +66298,7 @@
             this.table.scenegraph.setY(-top);
             const yRatio = top / (totalHeight - this.table.scenegraph.height);
             this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
-            if (oldVerticalBarPos !== top && triggerEvent) {
+            if (oldVerticalBarPos !== top) {
                 this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
                     scrollTop: this.scroll.verticalBarPos,
                     scrollLeft: this.scroll.horizontalBarPos,
@@ -66424,7 +66312,7 @@
                 this.checkVerticalScrollBarEnd();
             }
         }
-        setScrollLeft(left, triggerEvent = true) {
+        setScrollLeft(left) {
             this.table.scrollLeft;
             const totalWidth = this.table.getAllColsWidth();
             this.table.getFrozenColsWidth();
@@ -66442,7 +66330,7 @@
             this.table.scenegraph.setX(-left);
             const xRatio = left / (totalWidth - this.table.scenegraph.width);
             this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
-            if (oldHorizontalBarPos !== left && triggerEvent) {
+            if (oldHorizontalBarPos !== left) {
                 this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
                     scrollTop: this.scroll.verticalBarPos,
                     scrollLeft: this.scroll.horizontalBarPos,
@@ -67057,12 +66945,8 @@
             }
         });
         table.scenegraph.tableGroup.addEventListener('pointerenter', (e) => {
-            if ((table.theme.scrollStyle.horizontalVisible && table.theme.scrollStyle.horizontalVisible === 'focus') ||
-                (!table.theme.scrollStyle.horizontalVisible && table.theme.scrollStyle.visible === 'focus')) {
+            if (table.theme.scrollStyle.visible === 'focus') {
                 stateManager.showHorizontalScrollBar();
-            }
-            if ((table.theme.scrollStyle.verticalVisible && table.theme.scrollStyle.verticalVisible === 'focus') ||
-                (!table.theme.scrollStyle.verticalVisible && table.theme.scrollStyle.visible === 'focus')) {
                 stateManager.showVerticalScrollBar();
             }
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_TABLE)) {
@@ -67076,12 +66960,8 @@
                 stateManager.updateInteractionState(InteractionState.default);
                 stateManager.updateCursor();
             }
-            if ((table.theme.scrollStyle.horizontalVisible && table.theme.scrollStyle.horizontalVisible === 'focus') ||
-                (!table.theme.scrollStyle.horizontalVisible && table.theme.scrollStyle.visible === 'focus')) {
+            if (table.theme.scrollStyle.visible === 'focus') {
                 stateManager.hideHorizontalScrollBar();
-            }
-            if ((table.theme.scrollStyle.verticalVisible && table.theme.scrollStyle.verticalVisible === 'focus') ||
-                (!table.theme.scrollStyle.verticalVisible && table.theme.scrollStyle.visible === 'focus')) {
                 stateManager.hideVerticalScrollBar();
             }
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL)) {
@@ -73222,12 +73102,11 @@
         eventManager;
         editorManager;
         _pixelRatio;
-        canvasSizeSeted;
         static get EVENT_TYPE() {
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.6.0-alpha.5";
+        version = "1.6.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -73271,9 +73150,6 @@
                     padding.right && (this.padding.right = padding.right);
                 }
             }
-            if (isValid$1(canvasHeight) && isValid$1(canvasWidth)) {
-                this.canvasSizeSeted = true;
-            }
             this.tableNoFrameWidth = 0;
             this.tableNoFrameHeight = 0;
             this.canvasWidth = canvasWidth;
@@ -73413,7 +73289,7 @@
             }, options.tooltip);
             if (internalProps.tooltip.renderMode === 'html') {
                 const TooltipHandler = Factory.getComponent('tooltipHandler');
-                internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine);
+                TooltipHandler && (internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine));
             }
             internalProps.menu = Object.assign({
                 renderMode: 'html'
@@ -73444,11 +73320,6 @@
         get canvas() {
             return this.internalProps.canvas;
         }
-        setCanvasSize(canvasWidth, canvasHeight) {
-            this.canvasWidth = canvasWidth;
-            this.canvasHeight = canvasHeight;
-            this.resize();
-        }
         resize() {
             this._updateSize();
             this.internalProps.legends?.forEach(legend => {
@@ -73723,22 +73594,16 @@
                 const element = this.getElement();
                 let widthWithoutPadding = 0;
                 let heightWithoutPadding = 0;
-                if (this.canvasSizeSeted) {
-                    widthWithoutPadding = this.canvasWidth;
-                    heightWithoutPadding = this.canvasHeight;
-                }
-                else {
-                    if (element.parentElement) {
-                        const computedStyle = element.parentElement.style || window.getComputedStyle(element.parentElement);
-                        widthWithoutPadding =
-                            element.parentElement.offsetWidth -
-                                parseInt(computedStyle.paddingLeft || '0px', 10) -
-                                parseInt(computedStyle.paddingRight || '0px', 10);
-                        heightWithoutPadding =
-                            element.parentElement.offsetHeight -
-                                parseInt(computedStyle.paddingTop || '0px', 10) -
-                                parseInt(computedStyle.paddingBottom || '0px', 20);
-                    }
+                if (element.parentElement) {
+                    const computedStyle = element.parentElement.style || window.getComputedStyle(element.parentElement);
+                    widthWithoutPadding =
+                        element.parentElement.offsetWidth -
+                            parseInt(computedStyle.paddingLeft || '0px', 10) -
+                            parseInt(computedStyle.paddingRight || '0px', 10);
+                    heightWithoutPadding =
+                        element.parentElement.offsetHeight -
+                            parseInt(computedStyle.paddingTop || '0px', 10) -
+                            parseInt(computedStyle.paddingBottom || '0px', 20);
                 }
                 const width1 = widthWithoutPadding ?? 1 - 1;
                 const height1 = heightWithoutPadding ?? 1 - 1;
@@ -73771,8 +73636,8 @@
                 widthP = this.canvasWidth - 1;
                 heightP = this.canvasHeight - 1;
             }
-            const width = Math.floor(widthP - getVerticalScrollBarSize(this.getTheme().scrollStyle));
-            const height = Math.floor(heightP - getHorizontalScrollBarSize(this.getTheme().scrollStyle));
+            const width = Math.floor(widthP - getScrollBarSize(this.getTheme().scrollStyle));
+            const height = Math.floor(heightP - getScrollBarSize(this.getTheme().scrollStyle));
             if (this.internalProps.theme?.frameStyle) {
                 const lineWidths = toBoxArray(this.internalProps.theme.frameStyle?.borderLineWidth ?? [null]);
                 const shadowWidths = toBoxArray(this.internalProps.theme.frameStyle?.shadowBlur ?? [0]);
@@ -74851,7 +74716,7 @@
             return body?.define;
         }
         getBodyColumnType(col, row) {
-            const cellType = this.internalProps.layoutMap.getBody(col, row).cellType;
+            const cellType = this.internalProps.layoutMap.getBody(col, row)?.cellType ?? 'text';
             return getProp('cellType', { cellType }, col, row, this);
         }
         getCellType(col, row) {
@@ -77098,6 +76963,7 @@
                             title: seriesNumber.title,
                             define: seriesNumber,
                             cellType: seriesNumber.cellType ?? 'text',
+                            headerType: rowSeriesNumber.cellType ?? 'text',
                             style: seriesNumber.style,
                             width: seriesNumber.width,
                             format: seriesNumber.format,
@@ -77115,6 +76981,7 @@
                             title: rowSeriesNumber.title,
                             define: rowSeriesNumber,
                             cellType: rowSeriesNumber.cellType ?? 'text',
+                            headerType: rowSeriesNumber.cellType ?? 'text',
                             style: rowSeriesNumber.style,
                             width: rowSeriesNumber.width,
                             format: rowSeriesNumber.format,
@@ -79294,8 +79161,8 @@
             if (table.transpose) {
                 table.rowCount = layoutMap.rowCount ?? 0;
                 table.colCount = layoutMap.colCount ?? 0;
-                table.frozenRowCount = 0;
                 this.internalProps.frozenColCount = Math.max((layoutMap.headerLevelCount ?? 0) + layoutMap.leftRowSeriesNumberColumnCount, this.options.frozenColCount ?? 0);
+                this.internalProps.frozenRowCount = this.options.frozenRowCount ?? 0;
                 if (table.bottomFrozenRowCount !== (this.options.bottomFrozenRowCount ?? 0)) {
                     table.bottomFrozenRowCount = this.options.bottomFrozenRowCount ?? 0;
                 }
@@ -82765,6 +82632,7 @@
         constructor(titleOption, table) {
             this.table = table;
             this._titleOption = titleOption;
+            this._titleOption.orient = titleOption.orient ?? 'top';
             if (titleOption.visible !== false) {
                 this._titleComponent = this._createOrUpdateTitleComponent(this._getTitleAttrs());
             }
@@ -85057,7 +84925,15 @@
                 });
                 percentCompleteBarGroup.addChild(barPosi);
                 const lineLeft = barRightToLeft ? barRectNega.left : barRectPosi.left;
-                const lineStrokeColor = getOrApply(barAxisColor);
+                const lineStrokeColor = getOrApply(barAxisColor, {
+                    col,
+                    row,
+                    table,
+                    context: null,
+                    value,
+                    dataValue,
+                    percentile: positiveRate
+                });
                 const line = createLine({
                     x: 0,
                     y: 0,
@@ -85693,6 +85569,7 @@
                             title: seriesNumber.title,
                             define: seriesNumber,
                             cellType: seriesNumber.cellType ?? 'text',
+                            headerType: seriesNumber.cellType ?? 'text',
                             width: seriesNumber.width,
                             style: seriesNumber.style,
                             format: seriesNumber.format,
@@ -85708,6 +85585,7 @@
                             title: rowSeriesNumber.title,
                             define: rowSeriesNumber,
                             cellType: rowSeriesNumber.cellType ?? 'text',
+                            headerType: rowSeriesNumber.cellType ?? 'text',
                             style: rowSeriesNumber.style,
                             width: rowSeriesNumber.width,
                             format: rowSeriesNumber.format,
@@ -93011,7 +92889,7 @@
     }
 
     registerForVrender();
-    const version = "1.6.0-alpha.5";
+    const version = "1.6.0";
     function getIcons() {
         return get$2();
     }
@@ -93023,9 +92901,12 @@
     exports.DataStatistics = DataStatistics;
     exports.ListTable = ListTableAll;
     exports.ListTableSimple = ListTableSimple;
+    exports.PIVOT_CHART_EVENT_TYPE = PIVOT_CHART_EVENT_TYPE;
+    exports.PIVOT_TABLE_EVENT_TYPE = PIVOT_TABLE_EVENT_TYPE;
     exports.PivotChart = PivotChart;
     exports.PivotTable = PivotTableAll;
     exports.PivotTableSimple = PivotTableSimple;
+    exports.TABLE_EVENT_TYPE = TABLE_EVENT_TYPE;
     exports.TYPES = index$1;
     exports.VArc = VArc;
     exports.VArea = VArea;