@visactor/vtable 0.23.2-alpha.0 → 0.23.3

package/dist/vtable.js

@@ -1281,8 +1281,8 @@
     };
     var isBoolean$2 = isBoolean$1;
 
-    const isFunction$2 = value => "function" == typeof value;
-    var isFunction$3 = isFunction$2;
+    const isFunction = value => "function" == typeof value;
+    var isFunction$1 = isFunction;
 
     const isNil$2 = value => null == value;
     var isNil$3 = isNil$2;
@@ -1311,20 +1311,20 @@
     const isUndefined = value => void 0 === value;
     var isUndefined$1 = isUndefined;
 
-    const isString$3 = function (value) {
+    const isString$1 = function (value) {
       let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       const type = typeof value;
       return fuzzy ? "string" === type : "string" === type || isType$3(value, "String");
     };
-    var isString$4 = isString$3;
+    var isString$2 = isString$1;
 
     const isArray$2 = value => Array.isArray ? Array.isArray(value) : isType$3(value, "Array");
     var isArray$3 = isArray$2;
 
-    const isArrayLike$2 = function (value) {
+    const isArrayLike = function (value) {
       return null !== value && "function" != typeof value && Number.isFinite(value.length);
     };
-    var isArrayLike$3 = isArrayLike$2;
+    var isArrayLike$1 = isArrayLike;
 
     const isDate = value => isType$3(value, "Date");
     var isDate$1 = isDate;
@@ -1358,7 +1358,7 @@
     const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
     function isEmpty(value) {
       if (isNil$3(value)) return !0;
-      if (isArrayLike$3(value)) return !value.length;
+      if (isArrayLike$1(value)) return !value.length;
       const type = getType$1(value);
       if ("Map" === type || "Set" === type) return !value.size;
       if (isPrototype$1(value)) return !Object.keys(value).length;
@@ -1367,7 +1367,7 @@
     }
 
     const get$4 = (obj, path, defaultValue) => {
-      const paths = isString$4(path) ? path.split(".") : path;
+      const paths = isString$2(path) ? path.split(".") : path;
       for (let p = 0; p < paths.length; p++) obj = obj ? obj[paths[p]] : void 0;
       return void 0 === obj ? defaultValue : obj;
     };
@@ -1382,7 +1382,7 @@
       if (!isValid$3(value) || "object" != typeof value) return value;
       const isArr = isArray$3(value),
         length = value.length;
-      result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$2(value) || isNumber$4(value) || isString$4(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
+      result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$2(value) || isNumber$4(value) || isString$2(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
       const props = isArr ? void 0 : Object.keys(Object(value));
       let index = -1;
       if (result) for (; ++index < (props || value).length;) {
@@ -1419,7 +1419,7 @@
       let newValue = source[key],
         isCommon = !0;
       if (isArray$3(srcValue)) {
-        if (shallowArray) newValue = [];else if (isArray$3(objValue)) newValue = objValue;else if (isArrayLike$3(objValue)) {
+        if (shallowArray) newValue = [];else if (isArray$3(objValue)) newValue = objValue;else if (isArrayLike$1(objValue)) {
           newValue = new Array(objValue.length);
           let index = -1;
           const length = objValue.length;
@@ -1450,7 +1450,7 @@
         const v = obj[k];
         let match = !1;
         keys.forEach(itKey => {
-          (isString$4(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
+          (isString$2(itKey) && itKey === k || itKey instanceof RegExp && k.match(itKey)) && (match = !0);
         }), match || (result[k] = v);
       }), result;
     }
@@ -1467,7 +1467,7 @@
       if (null == a || null == b) return !1;
       if (Number.isNaN(a) && Number.isNaN(b)) return !0;
       if (objToString(a) !== objToString(b)) return !1;
-      if (isFunction$3(a)) return !!(null == options ? void 0 : options.skipFunction);
+      if (isFunction$1(a)) return !!(null == options ? void 0 : options.skipFunction);
       if ("object" != typeof a) return !1;
       if (isArray$3(a)) {
         if (a.length !== b.length) return !1;
@@ -1516,12 +1516,12 @@
     function array$1(arr) {
       return isValid$3(arr) ? isArray$3(arr) ? arr : [arr] : [];
     }
-    function last$1(val) {
-      if (isArrayLike$3(val)) {
+    function last(val) {
+      if (isArrayLike$1(val)) {
         return val[val.length - 1];
       }
     }
-    const maxInArray$1 = (arr, compareFn) => {
+    const maxInArray = (arr, compareFn) => {
       var _a;
       if (0 === arr.length) return;
       let max = arr[0];
@@ -1531,7 +1531,7 @@
       }
       return max;
     };
-    const minInArray$1 = (arr, compareFn) => {
+    const minInArray = (arr, compareFn) => {
       var _a;
       if (0 === arr.length) return;
       let min = arr[0];
@@ -1794,7 +1794,7 @@
       }
     }
 
-    function transformBoundsWithMatrix$1(out, bounds, matrix) {
+    function transformBoundsWithMatrix(out, bounds, matrix) {
       const {
         x1: x1,
         y1: y1,
@@ -1803,7 +1803,7 @@
       } = bounds;
       return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
     }
-    let Bounds$1 = class Bounds {
+    class Bounds {
       constructor(bounds) {
         bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
       }
@@ -1903,7 +1903,7 @@
         return this.y1 *= s, this.y2 *= s, this;
       }
       transformWithMatrix(matrix) {
-        return transformBoundsWithMatrix$1(this, this, matrix), this;
+        return transformBoundsWithMatrix(this, this, matrix), this;
       }
       copy(b) {
         return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
@@ -1930,21 +1930,27 @@
         } = this;
         return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
       }
-    };
-    let AABBBounds$1 = class AABBBounds extends Bounds$1 {};
+    }
+    class AABBBounds extends Bounds {}
 
-    function degreeToRadian$1(degree) {
+    function degreeToRadian(degree) {
       return degree * (Math.PI / 180);
     }
     function radianToDegree(radian) {
       return 180 * radian / Math.PI;
     }
-    const clampRadian = function () {
+    const clampRadian$1 = function () {
       let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       if (angle < 0) for (; angle < -tau;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
       return angle;
     };
-    const clampAngleByRadian = clampRadian;
+    const clampAngleByRadian = clampRadian$1;
+    function polarToCartesian(center, radius, angleInRadian) {
+      return {
+        x: center.x + radius * Math.cos(angleInRadian),
+        y: center.y + radius * Math.sin(angleInRadian)
+      };
+    }
 
     class Matrix {
       constructor() {
@@ -2689,14 +2695,14 @@
       return isCover((box1.x2 - box1.x1) / 2, deg11, A1B1, B1C1) && isCover((box1.y2 - box1.y1) / 2, deg12, A1B1, B1C1) && isCover((box2.x2 - box2.x1) / 2, deg21, AB, BC) && isCover((box2.y2 - box2.y1) / 2, deg22, AB, BC);
     }
 
-    const eastAsianCharacterInfo$1 = character => {
+    const eastAsianCharacterInfo = character => {
       let x = character.charCodeAt(0),
         y = 2 === character.length ? character.charCodeAt(1) : 0,
         codePoint = x;
       return 55296 <= x && x <= 56319 && 56320 <= y && y <= 57343 && (x &= 1023, y &= 1023, codePoint = x << 10 | y, codePoint += 65536), 12288 === codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 ? "F" : 8361 === codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518 ? "H" : 4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141 ? "W" : 32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 === codePoint || 175 === codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630 ? "Na" : 161 === codePoint || 164 === codePoint || 167 <= codePoint && codePoint <= 168 || 170 === codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 === codePoint || 208 === codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 === codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 === codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 === codePoint || 254 === codePoint || 257 === codePoint || 273 === codePoint || 275 === codePoint || 283 === codePoint || 294 <= codePoint && codePoint <= 295 || 299 === codePoint || 305 <= codePoint && codePoint <= 307 || 312 === codePoint || 319 <= codePoint && codePoint <= 322 || 324 === codePoint || 328 <= codePoint && codePoint <= 331 || 333 === codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 === codePoint || 462 === codePoint || 464 === codePoint || 466 === codePoint || 468 === codePoint || 470 === codePoint || 472 === codePoint || 474 === codePoint || 476 === codePoint || 593 === codePoint || 609 === codePoint || 708 === codePoint || 711 === codePoint || 713 <= codePoint && codePoint <= 715 || 717 === codePoint || 720 === codePoint || 728 <= codePoint && codePoint <= 731 || 733 === codePoint || 735 === codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 === codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 === codePoint || 8208 === codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 === codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 === codePoint || 8251 === codePoint || 8254 === codePoint || 8308 === codePoint || 8319 === codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 === codePoint || 8451 === codePoint || 8453 === codePoint || 8457 === codePoint || 8467 === codePoint || 8470 === codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 === codePoint || 8491 === codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 === codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 === codePoint || 8660 === codePoint || 8679 === codePoint || 8704 === codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 === codePoint || 8719 === codePoint || 8721 === codePoint || 8725 === codePoint || 8730 === codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 === codePoint || 8741 === codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 === codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 === codePoint || 8780 === codePoint || 8786 === codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 === codePoint || 8857 === codePoint || 8869 === codePoint || 8895 === codePoint || 8978 === codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 === codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 === codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 === codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 === codePoint || 9758 === codePoint || 9792 === codePoint || 9794 === codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 === codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 === codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 === codePoint || 10071 === codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 === codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109 ? "A" : "N";
     };
 
-    function getContextFont$2(text) {
+    function getContextFont$1(text) {
       let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       const {
         fontStyle = defaultAttr.fontStyle,
@@ -2708,7 +2714,7 @@
       return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
     }
 
-    let TextMeasure$1 = class TextMeasure {
+    class TextMeasure {
       constructor(option, textSpec) {
         this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$3(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$3(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
       }
@@ -2716,7 +2722,7 @@
         if (this._notSupportCanvas) return !1;
         if (isNil$3(this._canvas) && (isValid$3(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$3(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$3(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$3(this._context) && isValid$3(this._canvas)) {
           const context = this._canvas.getContext("2d");
-          isValid$3(context) && (context.save(), context.font = getContextFont$2(this.textSpec), this._contextSaved = !0, this._context = context);
+          isValid$3(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
         }
         return !isNil$3(this._context) || (this._notSupportCanvas = !0, !1);
       }
@@ -2741,7 +2747,7 @@
         let {
           lineHeight = fontSize
         } = this._userSpec;
-        if (isString$4(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
+        if (isString$2(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
           const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
           lineHeight = fontSize * scale;
         }
@@ -2836,7 +2842,7 @@
         for (let i = 0; i < text.length; i++) {
           const char = text[i];
           let size = this._measureSpecialChar(char);
-          isNil$3(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$3(size) && ["F", "W"].includes(eastAsianCharacterInfo$1(char)) && (size = this._measureFullSizeChar()), isNil$3(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
+          isNil$3(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$3(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$3(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
         }
         return totalSize;
       }
@@ -2855,7 +2861,7 @@
           } = this.textSpec;
         for (let i = 0; i < text.length; i++) {
           const char = text[i],
-            size = ["F", "W"].includes(eastAsianCharacterInfo$1(char)) ? 1 : .53;
+            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
           totalSize.width += size * fontSize;
         }
         return totalSize.height = null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize, totalSize;
@@ -2909,8 +2915,8 @@
       release() {
         isValid$3(this._canvas) && (this._canvas = null), isValid$3(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
       }
-    };
-    TextMeasure$1.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure$1.NUMBERS_CHAR_SET = "0123456789", TextMeasure$1.FULL_SIZE_CHAR = "字";
+    }
+    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
 
     const hasConsole = "undefined" != typeof console;
     function log(method, level, input) {
@@ -3079,7 +3085,7 @@
 
     class CurvePath {
       constructor() {
-        this.curves = [], this.bounds = new AABBBounds$1();
+        this.curves = [], this.bounds = new AABBBounds();
       }
       getCurveLengths() {
         return this.curves.map(curve => curve.getLength());
@@ -3189,7 +3195,7 @@
     }(BaseRenderContributionTime || (BaseRenderContributionTime = {}));
 
     function segments(x, y, rx, ry, large, sweep, rotateX, ox, oy) {
-      const th = degreeToRadian$1(rotateX),
+      const th = degreeToRadian(rotateX),
         sin_th = Math.sin(th),
         cos_th = Math.cos(th),
         px = cos_th * (ox - x) * .5 + sin_th * (oy - y) * .5,
@@ -3918,7 +3924,7 @@
           controlX = 0,
           controlY = 0;
         for (let i = 0, len = commandStrList.length; i < len; ++i) {
-          switch (current = commandStrList[i], 1 === sX && 1 === sY || (current = scale$2(current, sX, sY)), current[0]) {
+          switch (current = commandStrList[i], 1 === sX && 1 === sY || (current = scale$3(current, sX, sY)), current[0]) {
             case "l":
               x += current[1], y += current[2], this.lineTo(x + l, y + t);
               break;
@@ -4062,7 +4068,7 @@
       }
     }
     const temp = ["l", 0, 0, 0, 0, 0, 0, 0];
-    function scale$2(current, sX, sY) {
+    function scale$3(current, sX, sY) {
       const c = temp[0] = current[0];
       if ("a" === c || "A" === c) temp[1] = sX * current[1], temp[2] = sY * current[2], temp[3] = current[3], temp[4] = current[4], temp[5] = current[5], temp[6] = sX * current[6], temp[7] = sY * current[7];else if ("h" === c || "H" === c) temp[1] = sX * current[1];else if ("v" === c || "V" === c) temp[1] = sY * current[1];else for (let i = 1, n = current.length; i < n; ++i) temp[i] = (i % 2 == 1 ? sX : sY) * current[i];
       return temp;
@@ -4947,14 +4953,14 @@
         return this.global.measureTextMethod = m, data;
       }
       createTextMeasureInstance(textSpec, option, getCanvasForMeasure) {
-        return this.configure(this.global, this.global.env), new TextMeasure$1(Object.assign({
+        return this.configure(this.global, this.global.env), new TextMeasure(Object.assign({
           defaultFontParams: {
             fontFamily: DefaultTextStyle.fontFamily,
             fontSize: DefaultTextStyle.fontSize
           },
           getCanvasForMeasure: getCanvasForMeasure || (() => this.canvas),
           getTextBounds: void 0,
-          specialCharSet: "-/: .,@%'\"~" + TextMeasure$1.ALPHABET_CHAR_SET + TextMeasure$1.ALPHABET_CHAR_SET.toUpperCase()
+          specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
         }, null != option ? option : {}), textSpec);
       }
       drawGraphicToCanvas(graphic, stage, canvas) {
@@ -5464,16 +5470,16 @@
       addEventListener(type, listener, options) {
         const capture = isBoolean$2(options, !0) && options || isObject$4(options) && options.capture,
           once = isObject$4(options) && options.once,
-          context = isFunction$3(listener) ? void 0 : listener;
-        return type = capture ? `${type}capture` : type, listener = isFunction$3(listener) ? listener : listener.handleEvent, once ? super.once(type, listener, context) : super.on(type, listener, context), this;
+          context = isFunction$1(listener) ? void 0 : listener;
+        return type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent, once ? super.once(type, listener, context) : super.on(type, listener, context), this;
       }
       on(type, listener, options) {
         return this.addEventListener(type, listener, options);
       }
       removeEventListener(type, listener, options) {
         const capture = isBoolean$2(options, !0) && options || isObject$4(options) && options.capture,
-          context = isFunction$3(listener) ? void 0 : listener;
-        type = capture ? `${type}capture` : type, listener = isFunction$3(listener) ? listener : listener.handleEvent;
+          context = isFunction$1(listener) ? void 0 : listener;
+        type = capture ? `${type}capture` : type, listener = isFunction$1(listener) ? listener : listener.handleEvent;
         const once = isObject$4(options) && options.once;
         return super.off(type, listener, context, once), this;
       }
@@ -5997,7 +6003,7 @@
         if (this.currentCursor === mode) return;
         this.currentCursor = mode;
         const style = this.cursorStyles[mode];
-        style ? "string" == typeof style && applyStyles ? domElement.style.cursor = style : "function" == typeof style ? style(mode) : "object" == typeof style && applyStyles && Object.assign(domElement.style, style) : applyStyles && isString$4(mode) && !has$1(this.cursorStyles, mode) && (domElement.style.cursor = mode);
+        style ? "string" == typeof style && applyStyles ? domElement.style.cursor = style : "function" == typeof style ? style(mode) : "object" == typeof style && applyStyles && Object.assign(domElement.style, style) : applyStyles && isString$2(mode) && !has$1(this.cursorStyles, mode) && (domElement.style.cursor = mode);
       }
       setTargetElement(element) {
         this.removeEvents(), this.domElement = element, this.addEvents();
@@ -6902,7 +6908,7 @@
     RafBasedSTO.TimeOut = 1e3 / 60;
     const rafBasedSto = new RafBasedSTO();
     const calculateLineHeight = (lineHeight, fontSize) => {
-      if (isString$4(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
+      if (isString$2(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
         return fontSize * (Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100);
       }
       return lineHeight;
@@ -7140,7 +7146,7 @@
     ResourceLoader.cache = new Map(), ResourceLoader.isLoading = !1, ResourceLoader.toLoadAueue = [];
 
     const tempMatrix = new Matrix(),
-      tempBounds$1 = new AABBBounds$1();
+      tempBounds$1 = new AABBBounds();
     const GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "anchor", "visible"];
     const tempConstantXYKey = ["x", "y"],
       tempConstantScaleXYKey = ["scaleX", "scaleY"],
@@ -7202,7 +7208,7 @@
       constructor() {
         let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var _a;
-        super(), this._AABBBounds = new AABBBounds$1(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), params.background && this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0);
+        super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), params.background && this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0);
       }
       setMode(mode) {
         "3d" === mode ? this.set3dMode() : this.set2dMode();
@@ -7744,7 +7750,7 @@
         };
       }
       createPathProxy(path) {
-        return isString$4(path, !0) ? this.pathProxy = new CustomPath2D().fromString(path) : this.pathProxy = new CustomPath2D(), this.pathProxy;
+        return isString$2(path, !0) ? this.pathProxy = new CustomPath2D().fromString(path) : this.pathProxy = new CustomPath2D(), this.pathProxy;
       }
       loadImage(image) {
         let background = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
@@ -8822,7 +8828,7 @@
       return new Circle$1(attributes);
     }
 
-    function getContextFont$1(text) {
+    function getContextFont(text) {
       let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       let fontSizeScale = arguments.length > 2 ? arguments[2] : undefined;
       fontSizeScale || (fontSizeScale = 1);
@@ -8937,7 +8943,7 @@
     let Text$1 = class Text extends Graphic {
       get font() {
         const textTheme = getTheme(this).text;
-        return this._font || (this._font = getContextFont$1(this.attribute, textTheme)), this._font;
+        return this._font || (this._font = getContextFont(this.attribute, textTheme)), this._font;
       }
       get clipedText() {
         var _a;
@@ -9980,7 +9986,7 @@
     }
     var rect = new RectSymbol();
 
-    const tempBounds = new AABBBounds$1();
+    const tempBounds = new AABBBounds();
     class CustomSymbolClass {
       constructor(type, path) {
         let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
@@ -10022,7 +10028,7 @@
       roundLine: "M 1.2392 -0.258 L -1.3432 -0.258 C -1.4784 -0.258 -1.588 -0.1436 -1.588 -0.002 c 0 0.1416 0.1096 0.256 0.2448 0.256 l 2.5824 0 c 0.1352 0 0.2448 -0.1144 0.2448 -0.256 C 1.484 -0.1436 1.3744 -0.258 1.2392 -0.258 z"
     };
 
-    const _tempBounds$1 = new AABBBounds$1(),
+    const _tempBounds$1 = new AABBBounds(),
       SYMBOL_UPDATE_TAG_KEY = ["symbolType", "size", ...GRAPHIC_UPDATE_TAG_KEY];
     let Symbol$1 = class Symbol extends Graphic {
       constructor() {
@@ -11146,7 +11152,7 @@
       }
       doUpdatePathShape() {
         const attribute = this.attribute;
-        isString$4(attribute.path, !0) ? this.cache = new CustomPath2D().fromString(attribute.path) : attribute.customPath && (this.cache = new CustomPath2D(), attribute.customPath(this.cache, this));
+        isString$2(attribute.path, !0) ? this.cache = new CustomPath2D().fromString(attribute.path) : attribute.customPath && (this.cache = new CustomPath2D(), attribute.customPath(this.cache, this));
       }
       tryUpdateOBBBounds() {
         throw new Error("暂不支持");
@@ -11810,7 +11816,7 @@
     function mat3Tomat4(out, b) {
       out[0] = b.a, out[1] = b.b, out[2] = 0, out[3] = 0, out[4] = b.c, out[5] = b.d, out[6] = 0, out[7] = 0, out[8] = 0, out[9] = 0, out[10] = 1, out[11] = 0, out[12] = b.e, out[13] = b.f, out[14] = 0, out[15] = 1;
     }
-    function scale$1(out, a, v) {
+    function scale$2(out, a, v) {
       const x = v[0],
         y = v[1],
         z = v[2];
@@ -11871,7 +11877,7 @@
         } else _anchor[1] = anchor3d[1];
         _anchor[2] = null !== (_a = anchor3d[2]) && void 0 !== _a ? _a : 0;
       }
-      if (identity$2(out), translate(out, out, [x + dx, y + dy, z + dz]), translate(out, out, [_anchor[0], _anchor[1], _anchor[2]]), rotateX(out, out, beta), rotateY(out, out, alpha), translate(out, out, [-_anchor[0], -_anchor[1], _anchor[2]]), scale$1(out, out, [scaleX, scaleY, scaleZ]), angle) {
+      if (identity$2(out), translate(out, out, [x + dx, y + dy, z + dz]), translate(out, out, [_anchor[0], _anchor[1], _anchor[2]]), rotateX(out, out, beta), rotateY(out, out, alpha), translate(out, out, [-_anchor[0], -_anchor[1], _anchor[2]]), scale$2(out, out, [scaleX, scaleY, scaleZ]), angle) {
         const m = mat4Allocate.allocate(),
           _anchor = [0, 0];
         if (anchor) {
@@ -11907,7 +11913,7 @@
           onClearIncremental: new SyncHook(["graphic", "group", "stage"]),
           beforeUpdateAABBBounds: new SyncHook(["graphic", "stage", "willUpdate", "aabbBounds"]),
           afterUpdateAABBBounds: new SyncHook(["graphic", "stage", "aabbBounds", "globalAABBBounds", "selfChange"])
-        }, this.tempAABBBounds1 = new AABBBounds$1(), this.tempAABBBounds2 = new AABBBounds$1(), this._rectBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._symbolBoundsContribitions = [new DefaultSymbolOuterBorderBoundsContribution()], this._circleBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._arcBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._pathBoundsContribitions = [new DefaultOuterBorderBoundsContribution()];
+        }, this.tempAABBBounds1 = new AABBBounds(), this.tempAABBBounds2 = new AABBBounds(), this._rectBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._symbolBoundsContribitions = [new DefaultSymbolOuterBorderBoundsContribution()], this._circleBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._arcBoundsContribitions = [new DefaultOuterBorderBoundsContribution()], this._pathBoundsContribitions = [new DefaultOuterBorderBoundsContribution()];
       }
       onAttributeUpdate(graphic) {
         this.hooks.onAttributeUpdate.taps.length && this.hooks.onAttributeUpdate.call(graphic);
@@ -12049,7 +12055,7 @@
           const shadowBlurHalfWidth = shadowBlur / Math.abs(scaleX + scaleY);
           boundStroke(tb1, shadowBlurHalfWidth, !0, strokeBoundsBuffer), aabbBounds.union(tb1);
         }
-        return this.combindShadowAABBBounds(aabbBounds, graphic), transformBoundsWithMatrix$1(aabbBounds, aabbBounds, graphic.transMatrix), aabbBounds;
+        return this.combindShadowAABBBounds(aabbBounds, graphic), transformBoundsWithMatrix(aabbBounds, aabbBounds, graphic.transMatrix), aabbBounds;
       }
       updatePathAABBBounds(attribute, pathTheme, aabbBounds, graphic) {
         if (!this._validCheck(attribute, pathTheme, aabbBounds, graphic)) return aabbBounds;
@@ -12327,7 +12333,7 @@
         if (this.combindShadowAABBBounds(aabbBounds, graphic), aabbBounds.empty()) return;
         let updateMatrix = !0;
         const m = graphic.transMatrix;
-        graphic && graphic.isContainer && (updateMatrix = !(1 === m.a && 0 === m.b && 0 === m.c && 1 === m.d && 0 === m.e && 0 === m.f)), updateMatrix && transformBoundsWithMatrix$1(aabbBounds, aabbBounds, m);
+        graphic && graphic.isContainer && (updateMatrix = !(1 === m.a && 0 === m.b && 0 === m.c && 1 === m.d && 0 === m.e && 0 === m.f)), updateMatrix && transformBoundsWithMatrix(aabbBounds, aabbBounds, m);
       }
       _validCheck(attribute, theme, aabbBounds, graphic) {
         if (!graphic) return !0;
@@ -14529,15 +14535,15 @@
     class DefaultBoundsAllocate {
       constructor() {
         this.pools = [];
-        for (let i = 0; i < 10; i++) this.pools.push(new AABBBounds$1());
+        for (let i = 0; i < 10; i++) this.pools.push(new AABBBounds());
       }
       allocate(x1, y1, x2, y2) {
-        if (!this.pools.length) return new AABBBounds$1().setValue(x1, y1, x2, y2);
+        if (!this.pools.length) return new AABBBounds().setValue(x1, y1, x2, y2);
         const b = this.pools.pop();
         return b.x1 = x1, b.y1 = y1, b.x2 = x2, b.y2 = y2, b;
       }
       allocateByObj(b) {
-        if (!this.pools.length) return new AABBBounds$1(b);
+        if (!this.pools.length) return new AABBBounds(b);
         const _b = this.pools.pop();
         return _b.x1 = b.x1, _b.y1 = b.y1, _b.x2 = b.x2, _b.y2 = b.y2, _b;
       }
@@ -14973,7 +14979,7 @@
         } = image.attribute;
         if (!url || !image.resources) return;
         const res = image.resources.get(url);
-        if ("loading" === res.state && isString$4(url)) return void ResourceLoader.improveImageLoading(url);
+        if ("loading" === res.state && isString$2(url)) return void ResourceLoader.improveImageLoading(url);
         if ("success" !== res.state) return;
         const {
           context: context
@@ -15016,7 +15022,7 @@
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
-    const tempDirtyBounds = new AABBBounds$1();
+    const tempDirtyBounds = new AABBBounds();
     class ShadowRootDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -15766,7 +15772,7 @@
       };
     let DefaultDrawContribution = class {
       constructor(contributions, drawItemInterceptorContributions) {
-        this.contributions = contributions, this.drawItemInterceptorContributions = drawItemInterceptorContributions, this.currentRenderMap = new Map(), this.defaultRenderMap = new Map(), this.styleRenderMap = new Map(), this.dirtyBounds = new Bounds$1(), this.backupDirtyBounds = new Bounds$1(), this.global = application.global, this.layerService = application.layerService, this.init();
+        this.contributions = contributions, this.drawItemInterceptorContributions = drawItemInterceptorContributions, this.currentRenderMap = new Map(), this.defaultRenderMap = new Map(), this.styleRenderMap = new Map(), this.dirtyBounds = new Bounds(), this.backupDirtyBounds = new Bounds(), this.global = application.global, this.layerService = application.layerService, this.init();
       }
       init() {
         this.contributions.forEach(item => {
@@ -16507,7 +16513,7 @@
       }
     }
 
-    const globalBounds = new AABBBounds$1();
+    const globalBounds = new AABBBounds();
     class DirtyBoundsPlugin {
       constructor() {
         this.name = "DirtyBoundsPlugin", this.activeEvent = "onRegister", this._uid = Generator.GenAutoIncrementId(), this.key = this.name + this._uid;
@@ -16529,10 +16535,10 @@
       }
     }
 
-    const _tempBounds = new AABBBounds$1();
+    const _tempBounds = new AABBBounds();
     class FlexLayoutPlugin {
       constructor() {
-        this.name = "FlexLayoutPlugin", this.activeEvent = "onRegister", this.id = Generator.GenAutoIncrementId(), this.key = this.name + this.id, this.tempBounds = new AABBBounds$1();
+        this.name = "FlexLayoutPlugin", this.activeEvent = "onRegister", this.id = Generator.GenAutoIncrementId(), this.key = this.name + this.id, this.tempBounds = new AABBBounds();
       }
       pauseLayout(p) {
         this.pause = p;
@@ -16809,7 +16815,7 @@
         const lightDir = this.formatedDir,
           brightness = min(max((normal[0] * lightDir[0] + normal[1] * lightDir[1] + normal[2] * lightDir[2]) * (1 - this.ambient / 2), 0) + this.ambient, 1);
         let colorArray;
-        colorArray = isString$4(color) ? ColorStore.Get(color, ColorType.Color1) : color;
+        colorArray = isString$2(color) ? ColorStore.Get(color, ColorType.Color1) : color;
         const lightColorArray = this.colorRgb;
         return `rgb(${lightColorArray[0] * colorArray[0] * brightness}, ${lightColorArray[1] * colorArray[1] * brightness}, ${lightColorArray[2] * colorArray[2] * brightness})`;
       }
@@ -17039,9 +17045,9 @@
           canvasControled: !1 !== params.canvasControled,
           title: params.title || "",
           canvas: params.canvas
-        }), this._viewBox = new AABBBounds$1(), params.viewBox ? this._viewBox.setValue(params.viewBox.x1, params.viewBox.y1, params.viewBox.x2, params.viewBox.y2) : this._viewBox.setValue(0, 0, this.width, this.height), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._subView = !(this._viewBox.width() === this.width && this._viewBox.height() === this.height), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig$1.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
+        }), this._viewBox = new AABBBounds(), params.viewBox ? this._viewBox.setValue(params.viewBox.x1, params.viewBox.y1, params.viewBox.x2, params.viewBox.y2) : this._viewBox.setValue(0, 0, this.width, this.height), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._subView = !(this._viewBox.width() === this.width && this._viewBox.height() === this.height), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig$1.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), params.optimize || (params.optimize = {}), this.optmize(params.optimize), params.background && isString$4(this._background) && this._background.includes("/") && this.setAttributes({
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), params.optimize || (params.optimize = {}), this.optmize(params.optimize), params.background && isString$2(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
         });
       }
@@ -17185,7 +17191,7 @@
       }
       enableDirtyBounds() {
         if (this.dirtyBounds) return;
-        this.dirtyBounds = new Bounds$1();
+        this.dirtyBounds = new Bounds();
         let plugin = this.pluginService.findPluginsByName("DirtyBoundsPlugin")[0];
         plugin ? plugin.activate(this.pluginService) : (plugin = new DirtyBoundsPlugin(), this.pluginService.register(plugin));
       }
@@ -17524,7 +17530,7 @@
         service.env === this.type && service.setActiveEnvContribution(this);
       }
       getNativeAABBBounds(dom) {
-        return new AABBBounds$1();
+        return new AABBBounds();
       }
       removeDom(dom) {
         return !1;
@@ -18469,7 +18475,7 @@
         } = _a,
         props = __rest$4(_a, ["key", "name", "id", "attribute", "stateProxy"]);
       let c = type;
-      isString$4(type) && (c = graphicCreator$1[type]);
+      isString$2(type) && (c = graphicCreator$1[type]);
       const childrenList = [];
       for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
         children[_key - 2] = arguments[_key];
@@ -19200,7 +19206,7 @@
         const {
           scaleIn3d = defaultParams.scaleIn3d
         } = params;
-        params.font ? _context.font = params.font : _context.font = getContextFont$1(params, defaultParams, scaleIn3d && this.camera && this.camera.getProjectionScale(z));
+        params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams, scaleIn3d && this.camera && this.camera.getProjectionScale(z));
         const {
           fontFamily = defaultParams.fontFamily,
           fontSize = defaultParams.fontSize
@@ -19210,7 +19216,7 @@
       setTextStyle(params, defaultParams, z) {
         var _a, _b;
         const _context = this.nativeContext;
-        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont$1(params, defaultParams, this.camera && this.camera.getProjectionScale(z));
+        defaultParams || (defaultParams = this.textAttributes), params.font ? _context.font = params.font : _context.font = getContextFont(params, defaultParams, this.camera && this.camera.getProjectionScale(z));
         const {
           fontFamily = defaultParams.fontFamily,
           fontSize = defaultParams.fontSize
@@ -19688,7 +19694,7 @@
           const b = dom.getBoundingClientRect();
           return new DynamicB(b);
         }
-        return new AABBBounds$1();
+        return new AABBBounds();
       }
       removeDom(dom) {
         return dom.parentElement.removeChild(dom), !0;
@@ -19702,10 +19708,10 @@
             parent: parent
           } = params,
           element = document.createElement(tagName);
-        if (style && (isString$4(style) ? element.setAttribute("style", style) : Object.keys(style).forEach(k => {
+        if (style && (isString$2(style) ? element.setAttribute("style", style) : Object.keys(style).forEach(k => {
           element.setAttribute(k, style[k]);
         })), null != width && (element.style.width = `${width}px`), null != height && (element.style.height = `${height}px`), parent) {
-          const pd = isString$4(parent) ? this.getElementById(parent) : parent;
+          const pd = isString$2(parent) ? this.getElementById(parent) : parent;
           pd && pd.appendChild && pd.appendChild(element);
         }
         return element;
@@ -19846,7 +19852,7 @@
         this._context = new NodeContext2d(this, this._dpr), this.nativeCanvas.width = this._pixelWidth, this.nativeCanvas.height = this._pixelHeight;
       }
       release() {
-        this._nativeCanvas.release && isFunction$3(this._nativeCanvas.release) && this._nativeCanvas.release();
+        this._nativeCanvas.release && isFunction$1(this._nativeCanvas.release) && this._nativeCanvas.release();
       }
     };
     NodeCanvas.env = "node", NodeCanvas = __decorate$w([injectable(), __metadata$o("design:paramtypes", [Object])], NodeCanvas);
@@ -20175,7 +20181,7 @@
           decorator(target, key, paramIndex);
         };
       };
-    const _bounds$1 = new AABBBounds$1();
+    const _bounds$1 = new AABBBounds();
     let DefaultCanvasRectPicker = class {
       constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer, this.type = "rect", this.numberType = RECT_NUMBER_TYPE;
@@ -20243,7 +20249,7 @@
           decorator(target, key, paramIndex);
         };
       };
-    const _bounds = new AABBBounds$1();
+    const _bounds = new AABBBounds();
     let DefaultMathRectPicker = class {
       constructor(canvasRenderer) {
         this.canvasRenderer = canvasRenderer, this.type = "rect", this.numberType = RECT_NUMBER_TYPE;
@@ -21221,7 +21227,7 @@
           decorator(target, key, paramIndex);
         };
       };
-    new AABBBounds$1();
+    new AABBBounds();
     let DefaultCanvasRect3dPicker = class extends BasePicker {
       constructor(canvasRenderer) {
         super(), this.canvasRenderer = canvasRenderer, this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE;
@@ -22662,7 +22668,7 @@
     };
     const isIt$1 = (v, type) => judgeType$1(v) === type;
     const isObject$2 = (v) => isIt$1(v, 'object');
-    const isString$2 = (v) => isIt$1(v, 'string');
+    const isString = (v) => isIt$1(v, 'string');
     const isNumber$2 = (v) => isIt$1(v, 'number');
     const isBoolean = (v) => isIt$1(v, 'boolean');
     function ingoreNoneValueMerge(target, ...sources) {
@@ -22773,7 +22779,7 @@
                 ].join('');
     }
     function validToString(v) {
-        if (isString$2(v) || isNumber$2(v) || isBoolean(v)) {
+        if (isString(v) || isNumber$2(v) || isBoolean(v)) {
             return v.toString();
         }
         return '';
@@ -23593,7 +23599,7 @@
     let Rect$1 = class Rect {
         bounds;
         constructor(left, top, width, height) {
-            this.bounds = new Bounds$1();
+            this.bounds = new Bounds();
             this.bounds.set(left, top, left + width, top + height);
         }
         static bounds(left, top, right, bottom) {
@@ -24068,8 +24074,8 @@
     const regUrl = /^(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
     const ResizeColumnHotSpotSize = 16;
     const IndicatorDimensionKeyPlaceholder = '$$indicator$$';
-    const DrillDown = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM549.333333 288a5.333333 5.333333 0 0 1 5.333334 5.333333V469.333333h176a5.333333 5.333333 0 0 1 5.333333 5.333334v74.666666a5.333333 5.333333 0 0 1-5.333333 5.333334H554.666667v176a5.333333 5.333333 0 0 1-5.333334 5.333333h-74.666666a5.333333 5.333333 0 0 1-5.333334-5.333333V554.666667H293.333333a5.333333 5.333333 0 0 1-5.333333-5.333334v-74.666666a5.333333 5.333333 0 0 1 5.333333-5.333334H469.333333V293.333333a5.333333 5.333333 0 0 1 5.333334-5.333333h74.666666z"></path></svg>`;
-    const DrillUp = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM693.333333 469.333333a42.666667 42.666667 0 1 1 0 85.333334H330.666667a42.666667 42.666667 0 1 1 0-85.333334h362.666666z"></path></svg>`;
+    const DrillDown = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path  d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM549.333333 288a5.333333 5.333333 0 0 1 5.333334 5.333333V469.333333h176a5.333333 5.333333 0 0 1 5.333333 5.333334v74.666666a5.333333 5.333333 0 0 1-5.333333 5.333334H554.666667v176a5.333333 5.333333 0 0 1-5.333334 5.333333h-74.666666a5.333333 5.333333 0 0 1-5.333334-5.333333V554.666667H293.333333a5.333333 5.333333 0 0 1-5.333333-5.333334v-74.666666a5.333333 5.333333 0 0 1 5.333333-5.333334H469.333333V293.333333a5.333333 5.333333 0 0 1 5.333334-5.333333h74.666666z"></path></svg>`;
+    const DrillUp = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM693.333333 469.333333a42.666667 42.666667 0 1 1 0 85.333334H330.666667a42.666667 42.666667 0 1 1 0-85.333334h362.666666z"></path></svg>`;
     const DefaultSparklineSpec = {
         type: 'line'
     };
@@ -24844,7 +24850,7 @@
         });
       }
       setAttribute(key, value, forceUpdateTag) {
-        isPlainObject$1(this.attribute[key]) && isPlainObject$1(value) && !isFunction$3(this.attribute[key]) && !isFunction$3(value) ? merge(this.attribute[key], value) : this.attribute[key] = value, GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
+        isPlainObject$1(this.attribute[key]) && isPlainObject$1(value) && !isFunction$1(this.attribute[key]) && !isFunction$1(value) ? merge(this.attribute[key], value) : this.attribute[key] = value, GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
       }
       setAttributes(params, forceUpdateTag) {
         const keys = Object.keys(params);
@@ -24854,7 +24860,7 @@
         isNil$3(keys) && (keys = Object.keys(params));
         for (let i = 0; i < keys.length; i++) {
           const key = keys[i];
-          !isPlainObject$1(this.attribute[key]) || isFunction$3(this.attribute[key]) || isFunction$3(params[key]) ? this.attribute[key] = params[key] : merge(this.attribute[key], params[key]);
+          !isPlainObject$1(this.attribute[key]) || isFunction$1(this.attribute[key]) || isFunction$1(params[key]) ? this.attribute[key] = params[key] : merge(this.attribute[key], params[key]);
         }
       }
       bindEvents() {}
@@ -25127,7 +25133,7 @@
       });
     }
 
-    function scale(vector, scale) {
+    function scale$1(vector, scale) {
       return [vector[0] * scale, vector[1] * scale];
     }
     function normalize$2(vector) {
@@ -25402,7 +25408,7 @@
       }
       return t;
     };
-    const _tBounds = new AABBBounds$1();
+    const _tBounds = new AABBBounds();
     loadPoptipComponent();
     class PopTip extends AbstractComponent {
       constructor(attributes, options) {
@@ -25539,7 +25545,7 @@
           {
             _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);
             const b = _tBounds,
-              stageBounds = new Bounds$1().setValue(0, 0, range[0], range[1]);
+              stageBounds = new Bounds().setValue(0, 0, range[0], range[1]);
             if (rectInsideAnotherRect(b, stageBounds, !1)) break;
             {
               const bbox = getRectIntersect(b, stageBounds, !1),
@@ -26138,7 +26144,7 @@
             const data = this.data[index],
               tickLineState = merge({}, DEFAULT_STATES$2, this.attribute.tick.state);
             Object.keys(tickLineState).forEach(key => {
-              isFunction$3(tickLineState[key]) && (tickLineState[key] = tickLineState[key](data.rawValue, index, data, this.data));
+              isFunction$1(tickLineState[key]) && (tickLineState[key] = tickLineState[key](data.rawValue, index, data, this.data));
             }), line.states = tickLineState;
           }
           tickLineGroup.add(line);
@@ -26153,7 +26159,7 @@
             if (line.name = AXIS_ELEMENT_NAME.subTick, line.id = this._getNodeId(`${index}`), isEmpty(subTick.state)) line.states = DEFAULT_STATES$2;else {
               const subTickLineState = merge({}, DEFAULT_STATES$2, subTick.state);
               Object.keys(subTickLineState).forEach(key => {
-                isFunction$3(subTickLineState[key]) && (subTickLineState[key] = subTickLineState[key](item.value, index, item, tickLineItems));
+                isFunction$1(subTickLineState[key]) && (subTickLineState[key] = subTickLineState[key](item.value, index, item, tickLineItems));
               }), line.states = subTickLineState;
             }
             tickLineGroup.add(line);
@@ -26164,7 +26170,7 @@
         const {
           dataFilter: dataFilter
         } = this.attribute.label;
-        dataFilter && isFunction$3(dataFilter) && (items = dataFilter(items, layer));
+        dataFilter && isFunction$1(dataFilter) && (items = dataFilter(items, layer));
         const data = this._transformItems(items),
           labelGroup = graphicCreator$1.group({
             x: 0,
@@ -26178,7 +26184,7 @@
           if (text = isRichText(labelStyle) ? graphicCreator$1.richtext(richTextAttributeTransform(labelStyle)) : graphicCreator$1.text(labelStyle), text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), isEmpty(null === (_a = this.attribute.label) || void 0 === _a ? void 0 : _a.state)) text.states = DEFAULT_STATES$2;else {
             const labelState = merge({}, DEFAULT_STATES$2, this.attribute.label.state);
             Object.keys(labelState).forEach(key => {
-              isFunction$3(labelState[key]) && (labelState[key] = labelState[key](item, index, data, layer));
+              isFunction$1(labelState[key]) && (labelState[key] = labelState[key](item, index, data, layer));
             }), text.states = labelState;
           }
           labelGroup.add(text);
@@ -26213,7 +26219,7 @@
             dataFilter: dataFilter
           } = tick;
         let tickSegment = 1;
-        return data.length >= 2 && (tickSegment = data[1].value - data[0].value), (dataFilter && isFunction$3(dataFilter) ? dataFilter(data) : data).forEach(item => {
+        return data.length >= 2 && (tickSegment = data[1].value - data[0].value), (dataFilter && isFunction$1(dataFilter) ? dataFilter(data) : data).forEach(item => {
           let point = item.point,
             tickValue = item.value;
           if (!alignWithLabel) {
@@ -26276,7 +26282,7 @@
       _getTickLineAttribute(type, tickItem, index, tickItems) {
         let style = get$5(this.attribute, `${type}.style`);
         const data = this.data[index];
-        style = isFunction$3(style) ? merge({}, get$5(DEFAULT_AXIS_THEME, `${type}.style`), "tick" === type ? style(data.rawValue, index, data, this.data) : style(tickItem.value, index, tickItem, tickItems)) : style;
+        style = isFunction$1(style) ? merge({}, get$5(DEFAULT_AXIS_THEME, `${type}.style`), "tick" === type ? style(data.rawValue, index, data, this.data) : style(tickItem.value, index, tickItem, tickItems)) : style;
         const {
           start: start,
           end: end,
@@ -26311,9 +26317,9 @@
         let {
           style: textStyle
         } = this.attribute.label;
-        textStyle = isFunction$3(textStyle) ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer)) : textStyle;
+        textStyle = isFunction$1(textStyle) ? merge({}, DEFAULT_AXIS_THEME.label.style, textStyle(tickDatum, index, tickData, layer)) : textStyle;
         const labelAlign = this.getLabelAlign(vector, inside, textStyle.angle);
-        return textStyle = merge(labelAlign, textStyle), isFunction$3(textStyle.text) && (textStyle.text = textStyle.text({
+        return textStyle = merge(labelAlign, textStyle), isFunction$1(textStyle.text) && (textStyle.text = textStyle.text({
           label: tickDatum.label,
           value: tickDatum.rawValue,
           index: tickDatum.index,
@@ -26405,13 +26411,13 @@
           method = "parity",
           separation: sep = 0
         } = config,
-        reduce = isFunction$3(method) ? method : methods$1[method] || methods$1.parity;
+        reduce = isFunction$1(method) ? method : methods$1[method] || methods$1.parity;
       if (items.length >= 3 && hasOverlap$1(items, sep)) {
         do {
           items = reduce(items, sep);
         } while (items.length >= 3 && hasOverlap$1(items, sep));
         if (items.length < 3 || config.lastVisible) {
-          const lastSourceItem = last$1(source);
+          const lastSourceItem = last(source);
           if (!lastSourceItem.attribute.opacity) {
             const remainLength = items.length;
             if (remainLength > 1) {
@@ -26438,7 +26444,7 @@
       for (labelRotateAngle && labelRotateAngle.length > 0 && (n = labelRotateAngle.length); i < n;) {
         const angle = labelRotateAngle[i++];
         if (items.forEach(item => {
-          item.attribute.angle = degreeToRadian$1(angle);
+          item.attribute.angle = degreeToRadian(angle);
         }), tryRotate(orient, items), !hasIntersect(items)) break;
       }
     }
@@ -26599,7 +26605,7 @@
           axisVector = this.getRelativeVector(),
           normalizedAxisVector = normalize$2(axisVector),
           verticalVector = [normalizedAxisVector[1], -1 * normalizedAxisVector[0]];
-        return scale(verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
+        return scale$1(verticalVector, offset * (inside ? 1 : -1) * verticalFactor);
       }
     }
 
@@ -26784,11 +26790,11 @@
             } = this.attribute,
             isX = "bottom" === orient || "top" === orient,
             first = labelShapes[0],
-            last = last$1(labelShapes),
-            isInverse = isX ? first.attribute.x > last.attribute.x : first.attribute.y < last.attribute.y;
+            last$1 = last(labelShapes),
+            isInverse = isX ? first.attribute.x > last$1.attribute.x : first.attribute.y < last$1.attribute.y;
           if (isX) {
-            const leftMostLabel = isInverse ? last : first,
-              rightMostLabel = isInverse ? first : last,
+            const leftMostLabel = isInverse ? last$1 : first,
+              rightMostLabel = isInverse ? first : last$1,
               left = axisStart.x,
               right = axisEnd.x,
               leftBound = leftMostLabel.AABBBounds.x1,
@@ -26810,8 +26816,8 @@
               });
             }
           } else {
-            const bottomMostLabel = isInverse ? last : first,
-              topMostLabel = isInverse ? first : last,
+            const bottomMostLabel = isInverse ? last$1 : first,
+              topMostLabel = isInverse ? first : last$1,
               bottomBound = bottomMostLabel.AABBBounds.y2,
               topBound = topMostLabel.AABBBounds.y1,
               top = axisStart.y,
@@ -26854,7 +26860,7 @@
             autoHideSeparation: autoHideSeparation,
             lastVisible: lastVisible
           } = label;
-        if (isFunction$3(layoutFunc)) layoutFunc(labelShapes, labelData, layer, this);else {
+        if (isFunction$1(layoutFunc)) layoutFunc(labelShapes, labelData, layer, this);else {
           if (autoRotate$1 && autoRotate(labelShapes, {
             labelRotateAngle: autoRotateAngle,
             orient: orient
@@ -27061,7 +27067,7 @@
         const {
           pageFormatter: pageFormatter
         } = this.attribute;
-        return pageFormatter ? isFunction$3(pageFormatter) ? pageFormatter(current, this._total) : `${pageFormatter}`.replace("{current}", `${current}`).replace("{total}", `${this._total}`) : `${current}/${this._total}`;
+        return pageFormatter ? isFunction$1(pageFormatter) ? pageFormatter(current, this._total) : `${pageFormatter}`.replace("{current}", `${current}`).replace("{total}", `${this._total}`) : `${current}/${this._total}`;
       }
       setTotal(total) {
         total !== this.attribute.total && (this._total = total, 1 !== this._current && this._current <= total ? this.setAttributes({
@@ -27321,7 +27327,7 @@
             height: itemHeight
           } = item,
           widthsOptions = [];
-        isValid$3(maxItemWidth) && widthsOptions.push(maxItemWidth), isValid$3(itemWidth) && widthsOptions.push(itemWidth), widthsOptions.length && (isValid$3(maxWidth) && widthsOptions.push(maxWidth), this._itemWidthByUser = minInArray$1(widthsOptions)), isValid$3(itemHeight) && (this._itemHeightByUser = itemHeight), this._itemContext = {
+        isValid$3(maxItemWidth) && widthsOptions.push(maxItemWidth), isValid$3(itemWidth) && widthsOptions.push(itemWidth), widthsOptions.length && (isValid$3(maxWidth) && widthsOptions.push(maxWidth), this._itemWidthByUser = minInArray(widthsOptions)), isValid$3(itemHeight) && (this._itemHeightByUser = itemHeight), this._itemContext = {
           currentPage: this.attribute.pager && this.attribute.pager.defaultCurrent || 1,
           doWrap: !1,
           maxWidthInCol: 0,
@@ -27707,8 +27713,8 @@
       }
       _handleStyle(config, item, isSelected, index, items) {
         const newConfig = {};
-        return config.style && (isFunction$3(config.style) ? newConfig.style = config.style(item, isSelected, index, items) : newConfig.style = config.style), config.state && (newConfig.state = {}, Object.keys(config.state).forEach(key => {
-          config.state[key] && (isFunction$3(config.state[key]) ? newConfig.state[key] = config.state[key](item, isSelected, index, items) : newConfig.state[key] = config.state[key]);
+        return config.style && (isFunction$1(config.style) ? newConfig.style = config.style(item, isSelected, index, items) : newConfig.style = config.style), config.state && (newConfig.state = {}, Object.keys(config.state).forEach(key => {
+          config.state[key] && (isFunction$1(config.state[key]) ? newConfig.state[key] = config.state[key](item, isSelected, index, items) : newConfig.state[key] = config.state[key]);
         })), newConfig;
       }
     }
@@ -27805,30 +27811,15 @@
     const isType = (value, type) => Object.prototype.toString.call(value) === `[object ${type}]`;
     var isType$1 = isType;
 
-    const isFunction = value => "function" == typeof value;
-    var isFunction$1 = isFunction;
-
     const isNil = value => null == value;
     var isNil$1 = isNil;
 
     const isValid = value => null != value;
     var isValid$1 = isValid;
 
-    const isString = function (value) {
-      let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
-      const type = typeof value;
-      return fuzzy ? "string" === type : "string" === type || isType$1(value, "String");
-    };
-    var isString$1 = isString;
-
     const isArray = value => Array.isArray ? Array.isArray(value) : isType$1(value, "Array");
     var isArray$1 = isArray;
 
-    const isArrayLike = function (value) {
-      return null !== value && "function" != typeof value && Number.isFinite(value.length);
-    };
-    var isArrayLike$1 = isArrayLike;
-
     const isNumber = function (value) {
       let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
       const type = typeof value;
@@ -27836,32 +27827,6 @@
     };
     var isNumber$1 = isNumber;
 
-    function last(val) {
-      if (isArrayLike$1(val)) {
-        return val[val.length - 1];
-      }
-    }
-    const maxInArray = (arr, compareFn) => {
-      var _a;
-      if (0 === arr.length) return;
-      let max = arr[0];
-      for (let i = 1; i < arr.length; i++) {
-        const value = arr[i];
-        (null !== (_a = null == compareFn ? void 0 : compareFn(value, max)) && void 0 !== _a ? _a : value - max > 0) && (max = value);
-      }
-      return max;
-    };
-    const minInArray = (arr, compareFn) => {
-      var _a;
-      if (0 === arr.length) return;
-      let min = arr[0];
-      for (let i = 1; i < arr.length; i++) {
-        const value = arr[i];
-        (null !== (_a = null == compareFn ? void 0 : compareFn(value, min)) && void 0 !== _a ? _a : value - min < 0) && (min = value);
-      }
-      return min;
-    };
-
     function range(start, stop, step) {
       isValid$1(stop) || (stop = start, start = 0), isValid$1(step) || (step = 1);
       let i = -1;
@@ -27925,155 +27890,6 @@
       return t => (d.setTime(aVal * (1 - t) + bVal * t), d);
     }
 
-    function transformBoundsWithMatrix(out, bounds, matrix) {
-      const {
-        x1: x1,
-        y1: y1,
-        x2: x2,
-        y2: y2
-      } = bounds;
-      return matrix.onlyTranslate() ? (out !== bounds && out.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2), out.translate(matrix.e, matrix.f), bounds) : (out.clear(), out.add(matrix.a * x1 + matrix.c * y1 + matrix.e, matrix.b * x1 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y1 + matrix.e, matrix.b * x2 + matrix.d * y1 + matrix.f), out.add(matrix.a * x2 + matrix.c * y2 + matrix.e, matrix.b * x2 + matrix.d * y2 + matrix.f), out.add(matrix.a * x1 + matrix.c * y2 + matrix.e, matrix.b * x1 + matrix.d * y2 + matrix.f), bounds);
-    }
-    class Bounds {
-      constructor(bounds) {
-        bounds ? this.setValue(bounds.x1, bounds.y1, bounds.x2, bounds.y2) : this.clear();
-      }
-      clone() {
-        return new Bounds(this);
-      }
-      clear() {
-        return this.x1 = +Number.MAX_VALUE, this.y1 = +Number.MAX_VALUE, this.x2 = -Number.MAX_VALUE, this.y2 = -Number.MAX_VALUE, this;
-      }
-      empty() {
-        return this.x1 === +Number.MAX_VALUE && this.y1 === +Number.MAX_VALUE && this.x2 === -Number.MAX_VALUE && this.y2 === -Number.MAX_VALUE;
-      }
-      equals(b) {
-        return this.x1 === b.x1 && this.y1 === b.y1 && this.x2 === b.x2 && this.y2 === b.y2;
-      }
-      setValue() {
-        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        return this.x1 = x1, this.y1 = y1, this.x2 = x2, this.y2 = y2, this;
-      }
-      set() {
-        let x1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y1 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        return x2 < x1 ? (this.x2 = x1, this.x1 = x2) : (this.x1 = x1, this.x2 = x2), y2 < y1 ? (this.y2 = y1, this.y1 = y2) : (this.y1 = y1, this.y2 = y2), this;
-      }
-      add() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        return x < this.x1 && (this.x1 = x), y < this.y1 && (this.y1 = y), x > this.x2 && (this.x2 = x), y > this.y2 && (this.y2 = y), this;
-      }
-      expand() {
-        let d = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return isArray$1(d) ? (this.y1 -= d[0], this.x2 += d[1], this.y2 += d[2], this.x1 -= d[3]) : (this.x1 -= d, this.y1 -= d, this.x2 += d, this.y2 += d), this;
-      }
-      round() {
-        return this.x1 = Math.floor(this.x1), this.y1 = Math.floor(this.y1), this.x2 = Math.ceil(this.x2), this.y2 = Math.ceil(this.y2), this;
-      }
-      translate() {
-        let dx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let dy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        return this.x1 += dx, this.x2 += dx, this.y1 += dy, this.y2 += dy, this;
-      }
-      rotate() {
-        let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        const p = this.rotatedPoints(angle, x, y);
-        return this.clear().add(p[0], p[1]).add(p[2], p[3]).add(p[4], p[5]).add(p[6], p[7]);
-      }
-      scale() {
-        let sx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let sy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-        let y = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-        const p = this.scalePoints(sx, sy, x, y);
-        return this.clear().add(p[0], p[1]).add(p[2], p[3]);
-      }
-      union(b) {
-        return b.x1 < this.x1 && (this.x1 = b.x1), b.y1 < this.y1 && (this.y1 = b.y1), b.x2 > this.x2 && (this.x2 = b.x2), b.y2 > this.y2 && (this.y2 = b.y2), this;
-      }
-      intersect(b) {
-        return b.x1 > this.x1 && (this.x1 = b.x1), b.y1 > this.y1 && (this.y1 = b.y1), b.x2 < this.x2 && (this.x2 = b.x2), b.y2 < this.y2 && (this.y2 = b.y2), this;
-      }
-      encloses(b) {
-        return b && this.x1 <= b.x1 && this.x2 >= b.x2 && this.y1 <= b.y1 && this.y2 >= b.y2;
-      }
-      alignsWith(b) {
-        return b && (this.x1 === b.x1 || this.x2 === b.x2 || this.y1 === b.y1 || this.y2 === b.y2);
-      }
-      intersects(b) {
-        return b && !(this.x2 < b.x1 || this.x1 > b.x2 || this.y2 < b.y1 || this.y1 > b.y2);
-      }
-      contains() {
-        let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-        return !(x < this.x1 || x > this.x2 || y < this.y1 || y > this.y2);
-      }
-      containsPoint(p) {
-        return !(p.x < this.x1 || p.x > this.x2 || p.y < this.y1 || p.y > this.y2);
-      }
-      width() {
-        return this.empty() ? 0 : this.x2 - this.x1;
-      }
-      height() {
-        return this.empty() ? 0 : this.y2 - this.y1;
-      }
-      scaleX() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return this.x1 *= s, this.x2 *= s, this;
-      }
-      scaleY() {
-        let s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-        return this.y1 *= s, this.y2 *= s, this;
-      }
-      transformWithMatrix(matrix) {
-        return transformBoundsWithMatrix(this, this, matrix), this;
-      }
-      copy(b) {
-        return this.x1 = b.x1, this.y1 = b.y1, this.x2 = b.x2, this.y2 = b.y2, this;
-      }
-      rotatedPoints(angle, x, y) {
-        const {
-            x1: x1,
-            y1: y1,
-            x2: x2,
-            y2: y2
-          } = this,
-          cos = Math.cos(angle),
-          sin = Math.sin(angle),
-          cx = x - x * cos + y * sin,
-          cy = y - x * sin - y * cos;
-        return [cos * x1 - sin * y1 + cx, sin * x1 + cos * y1 + cy, cos * x1 - sin * y2 + cx, sin * x1 + cos * y2 + cy, cos * x2 - sin * y1 + cx, sin * x2 + cos * y1 + cy, cos * x2 - sin * y2 + cx, sin * x2 + cos * y2 + cy];
-      }
-      scalePoints(sx, sy, x, y) {
-        const {
-          x1: x1,
-          y1: y1,
-          x2: x2,
-          y2: y2
-        } = this;
-        return [sx * x1 + (1 - sx) * x, sy * y1 + (1 - sy) * y, sx * x2 + (1 - sx) * x, sy * y2 + (1 - sy) * y];
-      }
-    }
-    class AABBBounds extends Bounds {}
-
-    function degreeToRadian(degree) {
-      return degree * (Math.PI / 180);
-    }
-    function polarToCartesian(center, radius, angleInRadian) {
-      return {
-        x: center.x + radius * Math.cos(angleInRadian),
-        y: center.y + radius * Math.sin(angleInRadian)
-      };
-    }
-
     function hslToRgb(h, s, l) {
       s /= 100, l /= 100;
       const c = (1 - Math.abs(2 * l - 1)) * s,
@@ -28502,258 +28318,12 @@
         rgbToHsl: rgbToHsl
     });
 
-    const eastAsianCharacterInfo = character => {
-      let x = character.charCodeAt(0),
-        y = 2 === character.length ? character.charCodeAt(1) : 0,
-        codePoint = x;
-      return 55296 <= x && x <= 56319 && 56320 <= y && y <= 57343 && (x &= 1023, y &= 1023, codePoint = x << 10 | y, codePoint += 65536), 12288 === codePoint || 65281 <= codePoint && codePoint <= 65376 || 65504 <= codePoint && codePoint <= 65510 ? "F" : 8361 === codePoint || 65377 <= codePoint && codePoint <= 65470 || 65474 <= codePoint && codePoint <= 65479 || 65482 <= codePoint && codePoint <= 65487 || 65490 <= codePoint && codePoint <= 65495 || 65498 <= codePoint && codePoint <= 65500 || 65512 <= codePoint && codePoint <= 65518 ? "H" : 4352 <= codePoint && codePoint <= 4447 || 4515 <= codePoint && codePoint <= 4519 || 4602 <= codePoint && codePoint <= 4607 || 9001 <= codePoint && codePoint <= 9002 || 11904 <= codePoint && codePoint <= 11929 || 11931 <= codePoint && codePoint <= 12019 || 12032 <= codePoint && codePoint <= 12245 || 12272 <= codePoint && codePoint <= 12283 || 12289 <= codePoint && codePoint <= 12350 || 12353 <= codePoint && codePoint <= 12438 || 12441 <= codePoint && codePoint <= 12543 || 12549 <= codePoint && codePoint <= 12589 || 12593 <= codePoint && codePoint <= 12686 || 12688 <= codePoint && codePoint <= 12730 || 12736 <= codePoint && codePoint <= 12771 || 12784 <= codePoint && codePoint <= 12830 || 12832 <= codePoint && codePoint <= 12871 || 12880 <= codePoint && codePoint <= 13054 || 13056 <= codePoint && codePoint <= 19903 || 19968 <= codePoint && codePoint <= 42124 || 42128 <= codePoint && codePoint <= 42182 || 43360 <= codePoint && codePoint <= 43388 || 44032 <= codePoint && codePoint <= 55203 || 55216 <= codePoint && codePoint <= 55238 || 55243 <= codePoint && codePoint <= 55291 || 63744 <= codePoint && codePoint <= 64255 || 65040 <= codePoint && codePoint <= 65049 || 65072 <= codePoint && codePoint <= 65106 || 65108 <= codePoint && codePoint <= 65126 || 65128 <= codePoint && codePoint <= 65131 || 110592 <= codePoint && codePoint <= 110593 || 127488 <= codePoint && codePoint <= 127490 || 127504 <= codePoint && codePoint <= 127546 || 127552 <= codePoint && codePoint <= 127560 || 127568 <= codePoint && codePoint <= 127569 || 131072 <= codePoint && codePoint <= 194367 || 177984 <= codePoint && codePoint <= 196605 || 196608 <= codePoint && codePoint <= 262141 ? "W" : 32 <= codePoint && codePoint <= 126 || 162 <= codePoint && codePoint <= 163 || 165 <= codePoint && codePoint <= 166 || 172 === codePoint || 175 === codePoint || 10214 <= codePoint && codePoint <= 10221 || 10629 <= codePoint && codePoint <= 10630 ? "Na" : 161 === codePoint || 164 === codePoint || 167 <= codePoint && codePoint <= 168 || 170 === codePoint || 173 <= codePoint && codePoint <= 174 || 176 <= codePoint && codePoint <= 180 || 182 <= codePoint && codePoint <= 186 || 188 <= codePoint && codePoint <= 191 || 198 === codePoint || 208 === codePoint || 215 <= codePoint && codePoint <= 216 || 222 <= codePoint && codePoint <= 225 || 230 === codePoint || 232 <= codePoint && codePoint <= 234 || 236 <= codePoint && codePoint <= 237 || 240 === codePoint || 242 <= codePoint && codePoint <= 243 || 247 <= codePoint && codePoint <= 250 || 252 === codePoint || 254 === codePoint || 257 === codePoint || 273 === codePoint || 275 === codePoint || 283 === codePoint || 294 <= codePoint && codePoint <= 295 || 299 === codePoint || 305 <= codePoint && codePoint <= 307 || 312 === codePoint || 319 <= codePoint && codePoint <= 322 || 324 === codePoint || 328 <= codePoint && codePoint <= 331 || 333 === codePoint || 338 <= codePoint && codePoint <= 339 || 358 <= codePoint && codePoint <= 359 || 363 === codePoint || 462 === codePoint || 464 === codePoint || 466 === codePoint || 468 === codePoint || 470 === codePoint || 472 === codePoint || 474 === codePoint || 476 === codePoint || 593 === codePoint || 609 === codePoint || 708 === codePoint || 711 === codePoint || 713 <= codePoint && codePoint <= 715 || 717 === codePoint || 720 === codePoint || 728 <= codePoint && codePoint <= 731 || 733 === codePoint || 735 === codePoint || 768 <= codePoint && codePoint <= 879 || 913 <= codePoint && codePoint <= 929 || 931 <= codePoint && codePoint <= 937 || 945 <= codePoint && codePoint <= 961 || 963 <= codePoint && codePoint <= 969 || 1025 === codePoint || 1040 <= codePoint && codePoint <= 1103 || 1105 === codePoint || 8208 === codePoint || 8211 <= codePoint && codePoint <= 8214 || 8216 <= codePoint && codePoint <= 8217 || 8220 <= codePoint && codePoint <= 8221 || 8224 <= codePoint && codePoint <= 8226 || 8228 <= codePoint && codePoint <= 8231 || 8240 === codePoint || 8242 <= codePoint && codePoint <= 8243 || 8245 === codePoint || 8251 === codePoint || 8254 === codePoint || 8308 === codePoint || 8319 === codePoint || 8321 <= codePoint && codePoint <= 8324 || 8364 === codePoint || 8451 === codePoint || 8453 === codePoint || 8457 === codePoint || 8467 === codePoint || 8470 === codePoint || 8481 <= codePoint && codePoint <= 8482 || 8486 === codePoint || 8491 === codePoint || 8531 <= codePoint && codePoint <= 8532 || 8539 <= codePoint && codePoint <= 8542 || 8544 <= codePoint && codePoint <= 8555 || 8560 <= codePoint && codePoint <= 8569 || 8585 === codePoint || 8592 <= codePoint && codePoint <= 8601 || 8632 <= codePoint && codePoint <= 8633 || 8658 === codePoint || 8660 === codePoint || 8679 === codePoint || 8704 === codePoint || 8706 <= codePoint && codePoint <= 8707 || 8711 <= codePoint && codePoint <= 8712 || 8715 === codePoint || 8719 === codePoint || 8721 === codePoint || 8725 === codePoint || 8730 === codePoint || 8733 <= codePoint && codePoint <= 8736 || 8739 === codePoint || 8741 === codePoint || 8743 <= codePoint && codePoint <= 8748 || 8750 === codePoint || 8756 <= codePoint && codePoint <= 8759 || 8764 <= codePoint && codePoint <= 8765 || 8776 === codePoint || 8780 === codePoint || 8786 === codePoint || 8800 <= codePoint && codePoint <= 8801 || 8804 <= codePoint && codePoint <= 8807 || 8810 <= codePoint && codePoint <= 8811 || 8814 <= codePoint && codePoint <= 8815 || 8834 <= codePoint && codePoint <= 8835 || 8838 <= codePoint && codePoint <= 8839 || 8853 === codePoint || 8857 === codePoint || 8869 === codePoint || 8895 === codePoint || 8978 === codePoint || 9312 <= codePoint && codePoint <= 9449 || 9451 <= codePoint && codePoint <= 9547 || 9552 <= codePoint && codePoint <= 9587 || 9600 <= codePoint && codePoint <= 9615 || 9618 <= codePoint && codePoint <= 9621 || 9632 <= codePoint && codePoint <= 9633 || 9635 <= codePoint && codePoint <= 9641 || 9650 <= codePoint && codePoint <= 9651 || 9654 <= codePoint && codePoint <= 9655 || 9660 <= codePoint && codePoint <= 9661 || 9664 <= codePoint && codePoint <= 9665 || 9670 <= codePoint && codePoint <= 9672 || 9675 === codePoint || 9678 <= codePoint && codePoint <= 9681 || 9698 <= codePoint && codePoint <= 9701 || 9711 === codePoint || 9733 <= codePoint && codePoint <= 9734 || 9737 === codePoint || 9742 <= codePoint && codePoint <= 9743 || 9748 <= codePoint && codePoint <= 9749 || 9756 === codePoint || 9758 === codePoint || 9792 === codePoint || 9794 === codePoint || 9824 <= codePoint && codePoint <= 9825 || 9827 <= codePoint && codePoint <= 9829 || 9831 <= codePoint && codePoint <= 9834 || 9836 <= codePoint && codePoint <= 9837 || 9839 === codePoint || 9886 <= codePoint && codePoint <= 9887 || 9918 <= codePoint && codePoint <= 9919 || 9924 <= codePoint && codePoint <= 9933 || 9935 <= codePoint && codePoint <= 9953 || 9955 === codePoint || 9960 <= codePoint && codePoint <= 9983 || 10045 === codePoint || 10071 === codePoint || 10102 <= codePoint && codePoint <= 10111 || 11093 <= codePoint && codePoint <= 11097 || 12872 <= codePoint && codePoint <= 12879 || 57344 <= codePoint && codePoint <= 63743 || 65024 <= codePoint && codePoint <= 65039 || 65533 === codePoint || 127232 <= codePoint && codePoint <= 127242 || 127248 <= codePoint && codePoint <= 127277 || 127280 <= codePoint && codePoint <= 127337 || 127344 <= codePoint && codePoint <= 127386 || 917760 <= codePoint && codePoint <= 917999 || 983040 <= codePoint && codePoint <= 1048573 || 1048576 <= codePoint && codePoint <= 1114109 ? "A" : "N";
-    };
-
-    function getContextFont(text) {
-      let defaultAttr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      const {
-        fontStyle = defaultAttr.fontStyle,
-        fontVariant = defaultAttr.fontVariant,
-        fontWeight = defaultAttr.fontWeight,
-        fontSize = defaultAttr.fontSize,
-        fontFamily = defaultAttr.fontFamily
-      } = text;
-      return (fontStyle ? fontStyle + " " : "") + (fontVariant ? fontVariant + " " : "") + (fontWeight ? fontWeight + " " : "") + fontSize + "px " + (fontFamily || "sans-serif");
-    }
-
-    class TextMeasure {
-      constructor(option, textSpec) {
-        this._numberCharSize = null, this._fullCharSize = null, this._letterCharSize = null, this._specialCharSizeMap = {}, this._canvas = null, this._context = null, this._contextSaved = !1, this._notSupportCanvas = !1, this._notSupportVRender = !1, this._userSpec = {}, this.specialCharSet = "-/: .,@%'\"~", this._option = option, this._userSpec = null != textSpec ? textSpec : {}, this.textSpec = this._initSpec(), isValid$1(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$1(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
-      }
-      initContext() {
-        if (this._notSupportCanvas) return !1;
-        if (isNil$1(this._canvas) && (isValid$1(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$1(this._canvas) && "undefined" != typeof window && void 0 !== window.document && globalThis && isValid$1(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$1(this._context) && isValid$1(this._canvas)) {
-          const context = this._canvas.getContext("2d");
-          isValid$1(context) && (context.save(), context.font = getContextFont(this.textSpec), this._contextSaved = !0, this._context = context);
-        }
-        return !isNil$1(this._context) || (this._notSupportCanvas = !0, !1);
-      }
-      _initSpec() {
-        var _a, _b, _c;
-        const {
-            defaultFontParams = {}
-          } = this._option,
-          {
-            fontStyle = defaultFontParams.fontStyle,
-            fontVariant = defaultFontParams.fontVariant,
-            fontWeight = null !== (_a = defaultFontParams.fontWeight) && void 0 !== _a ? _a : "normal",
-            fontSize = null !== (_b = defaultFontParams.fontSize) && void 0 !== _b ? _b : 12,
-            fontFamily = null !== (_c = defaultFontParams.fontFamily) && void 0 !== _c ? _c : "sans-serif",
-            align: align,
-            textAlign = null != align ? align : "center",
-            baseline: baseline,
-            textBaseline = null != baseline ? baseline : "middle",
-            ellipsis: ellipsis,
-            limit: limit
-          } = this._userSpec;
-        let {
-          lineHeight = fontSize
-        } = this._userSpec;
-        if (isString$1(lineHeight) && "%" === lineHeight[lineHeight.length - 1]) {
-          const scale = Number.parseFloat(lineHeight.substring(0, lineHeight.length - 1)) / 100;
-          lineHeight = fontSize * scale;
-        }
-        return {
-          fontStyle: fontStyle,
-          fontVariant: fontVariant,
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        };
-      }
-      measure(text, method) {
-        switch (method) {
-          case "vrender":
-          case "canopus":
-            return this.fullMeasure(text);
-          case "canvas":
-            return this.measureWithNaiveCanvas(text);
-          case "simple":
-            return this.quickMeasureWithoutCanvas(text);
-          default:
-            return this.quickMeasure(text);
-        }
-      }
-      fullMeasure(text) {
-        if (isNil$1(text)) return {
-          width: 0,
-          height: 0
-        };
-        if (isNil$1(this._option.getTextBounds) || !this._notSupportVRender) return this.measureWithNaiveCanvas(text);
-        const {
-          fontFamily: fontFamily,
-          fontSize: fontSize,
-          fontWeight: fontWeight,
-          textAlign: textAlign,
-          textBaseline: textBaseline,
-          ellipsis: ellipsis,
-          limit: limit,
-          lineHeight: lineHeight
-        } = this.textSpec;
-        let size;
-        try {
-          const bounds = this._option.getTextBounds({
-            text: text,
-            fontFamily: fontFamily,
-            fontSize: fontSize,
-            fontWeight: fontWeight,
-            textAlign: textAlign,
-            textBaseline: textBaseline,
-            ellipsis: !!ellipsis,
-            maxLineWidth: limit || 1 / 0,
-            lineHeight: lineHeight
-          });
-          size = {
-            width: bounds.width(),
-            height: bounds.height()
-          };
-        } catch (e) {
-          this._notSupportVRender = !0, size = this.measureWithNaiveCanvas(text);
-        }
-        return size;
-      }
-      measureWithNaiveCanvas(text) {
-        return this._measureReduce(text, this._measureWithNaiveCanvas.bind(this));
-      }
-      _measureWithNaiveCanvas(text) {
-        var _a;
-        if (!this.initContext()) return this._quickMeasureWithoutCanvas(text);
-        const metrics = this._context.measureText(text),
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        return {
-          width: metrics.width,
-          height: null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize
-        };
-      }
-      quickMeasure(text) {
-        return this._measureReduce(text, this._quickMeasure.bind(this));
-      }
-      _quickMeasure(text) {
-        const totalSize = {
-          width: 0,
-          height: 0
-        };
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i];
-          let size = this._measureSpecialChar(char);
-          isNil$1(size) && TextMeasure.NUMBERS_CHAR_SET.includes(char) && (size = this._measureNumberChar()), isNil$1(size) && ["F", "W"].includes(eastAsianCharacterInfo(char)) && (size = this._measureFullSizeChar()), isNil$1(size) && (size = this._measureLetterChar()), totalSize.width += size.width, totalSize.height = Math.max(totalSize.height, size.height);
-        }
-        return totalSize;
-      }
-      quickMeasureWithoutCanvas(text) {
-        return this._measureReduce(text, this._quickMeasureWithoutCanvas.bind(this));
-      }
-      _quickMeasureWithoutCanvas(text) {
-        var _a;
-        const totalSize = {
-            width: 0,
-            height: 0
-          },
-          {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec;
-        for (let i = 0; i < text.length; i++) {
-          const char = text[i],
-            size = ["F", "W"].includes(eastAsianCharacterInfo(char)) ? 1 : .53;
-          totalSize.width += size * fontSize;
-        }
-        return totalSize.height = null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize, totalSize;
-      }
-      _measureReduce(text, processor) {
-        var _a;
-        const {
-            fontSize: fontSize,
-            lineHeight: lineHeight
-          } = this.textSpec,
-          defaultResult = {
-            width: 0,
-            height: 0
-          };
-        if (isNil$1(text)) return defaultResult;
-        if (isArray$1(text)) {
-          const textArr = text.filter(isValid$1).map(s => s.toString());
-          return 0 === textArr.length ? defaultResult : 1 === textArr.length ? processor(textArr[0]) : {
-            width: textArr.reduce((maxWidth, cur) => Math.max(maxWidth, processor(cur).width), 0),
-            height: textArr.length * ((null !== (_a = lineHeight) && void 0 !== _a ? _a : fontSize) + 1) + 1
-          };
-        }
-        return processor(text.toString());
-      }
-      _measureNumberChar() {
-        if (isNil$1(this._numberCharSize)) {
-          const numberBounds = this._standardMethod(TextMeasure.NUMBERS_CHAR_SET);
-          this._numberCharSize = {
-            width: numberBounds.width / TextMeasure.NUMBERS_CHAR_SET.length,
-            height: numberBounds.height
-          };
-        }
-        return this._numberCharSize;
-      }
-      _measureFullSizeChar() {
-        return isNil$1(this._fullCharSize) && (this._fullCharSize = this._standardMethod(TextMeasure.FULL_SIZE_CHAR)), this._fullCharSize;
-      }
-      _measureLetterChar() {
-        if (isNil$1(this._letterCharSize)) {
-          const alphabetBounds = this._standardMethod(TextMeasure.ALPHABET_CHAR_SET);
-          this._letterCharSize = {
-            width: alphabetBounds.width / TextMeasure.ALPHABET_CHAR_SET.length,
-            height: alphabetBounds.height
-          };
-        }
-        return this._letterCharSize;
-      }
-      _measureSpecialChar(char) {
-        return isValid$1(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
-      }
-      release() {
-        isValid$1(this._canvas) && (this._canvas = null), isValid$1(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
-      }
-    }
-    TextMeasure.ALPHABET_CHAR_SET = "abcdefghijklmnopqrstuvwxyz", TextMeasure.NUMBERS_CHAR_SET = "0123456789", TextMeasure.FULL_SIZE_CHAR = "字";
-
     var ScaleEnum$1;
     !function (ScaleEnum) {
       ScaleEnum.Identity = "identity", ScaleEnum.Linear = "linear", ScaleEnum.Log = "log", ScaleEnum.Pow = "pow", ScaleEnum.Sqrt = "sqrt", ScaleEnum.Symlog = "symlog", ScaleEnum.Time = "time", ScaleEnum.Quantile = "quantile", ScaleEnum.Quantize = "quantize", ScaleEnum.Threshold = "threshold", ScaleEnum.Ordinal = "ordinal", ScaleEnum.Point = "point", ScaleEnum.Band = "band";
     }(ScaleEnum$1 || (ScaleEnum$1 = {}));
     Object.values(ScaleEnum$1).forEach(v => {
     });
-    function isContinuous(type) {
-      switch (type) {
-        case ScaleEnum$1.Linear:
-        case ScaleEnum$1.Log:
-        case ScaleEnum$1.Pow:
-        case ScaleEnum$1.Sqrt:
-        case ScaleEnum$1.Symlog:
-        case ScaleEnum$1.Time:
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function isDiscrete(type) {
-      switch (type) {
-        case ScaleEnum$1.Ordinal:
-        case ScaleEnum$1.Point:
-        case ScaleEnum$1.Band:
-          return !0;
-        default:
-          return !1;
-      }
-    }
 
     function identity$1(x) {
       return x;
@@ -30368,7 +29938,7 @@
             return style;
         }
         if (style.angle) {
-            style.angle = degreeToRadian$1(style.angle);
+            style.angle = degreeToRadian(style.angle);
         }
         return style;
     }
@@ -30578,7 +30148,7 @@
                 position: spec.title.position,
                 space: spec.title.space,
                 autoRotate: false,
-                angle: titleAngle ? degreeToRadian$1(titleAngle) : null,
+                angle: titleAngle ? degreeToRadian(titleAngle) : null,
                 textStyle: merge({}, titleTextStyle, transformToGraphic(spec.title.style)),
                 padding: spec.title.padding,
                 shape: {
@@ -30617,6 +30187,29 @@
     }(ScaleEnum || (ScaleEnum = {}));
     Object.values(ScaleEnum).forEach(v => {
     });
+    function isContinuous(type) {
+      switch (type) {
+        case ScaleEnum.Linear:
+        case ScaleEnum.Log:
+        case ScaleEnum.Pow:
+        case ScaleEnum.Sqrt:
+        case ScaleEnum.Symlog:
+        case ScaleEnum.Time:
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function isDiscrete(type) {
+      switch (type) {
+        case ScaleEnum.Ordinal:
+        case ScaleEnum.Point:
+        case ScaleEnum.Band:
+          return !0;
+        default:
+          return !1;
+      }
+    }
 
     function identity(x) {
       return x;
@@ -31950,19 +31543,66 @@
       specialCharSet: "-/: .,@%'\"~" + TextMeasure.ALPHABET_CHAR_SET + TextMeasure.ALPHABET_CHAR_SET.toUpperCase()
     }, null != option ? option : {}), textSpec);
 
-    function normalizeAngle(angle) {
-      for (; angle < 0;) angle += 2 * Math.PI;
-      for (; angle >= 2 * Math.PI;) angle -= 2 * Math.PI;
+    function scale(vector, scale) {
+      return [vector[0] * scale, vector[1] * scale];
+    }
+    function length(vector) {
+      const [x, y] = vector;
+      return Math.sqrt(x * x + y * y);
+    }
+
+    const clampRadian = function () {
+      let angle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      if (angle < 0) for (; angle < 0;) angle += tau;else if (angle > 0) for (; angle > tau;) angle -= tau;
       return angle;
+    };
+    function isInRange(a, min, max) {
+      return !isLess(a, min, 0, 1e-6) && !isGreater(a, max, 0, 1e-6);
     }
-    function angleLabelOrientAttribute(angle) {
-      let align = "center",
-        baseline = "middle";
-      return align = (angle = normalizeAngle(angle)) >= Math.PI * (5 / 3) || angle <= Math.PI * (1 / 3) ? "left" : angle >= Math.PI * (2 / 3) && angle <= Math.PI * (4 / 3) ? "right" : "center", baseline = angle >= Math.PI * (7 / 6) && angle <= Math.PI * (11 / 6) ? "bottom" : angle >= Math.PI * (1 / 6) && angle <= Math.PI * (5 / 6) ? "top" : "middle", {
-        align: align,
-        baseline: baseline
+    function getCircleLabelPosition(tickPosition, tickVector, text, style) {
+      const labelBounds = getTextBounds(Object.assign({
+          text: text
+        }, style)),
+        width = labelBounds.width(),
+        height = labelBounds.height(),
+        angle = clampRadian(Math.atan2(tickVector[1], tickVector[0])) - Math.PI,
+        PI_3_4 = 3 * Math.PI / 4,
+        PI_1_4 = Math.PI / 4,
+        PI_1_2 = Math.PI / 2,
+        baseX = tickPosition.x;
+      let dx = 0;
+      dx = isInRange(angle, -PI_3_4, -PI_1_4) ? ((angle + PI_3_4) / PI_1_2 - .5) * width : isInRange(angle, PI_1_4, PI_3_4) ? (.5 - (angle - PI_1_4) / PI_1_2) * width : Math.cos(angle) >= 0 ? .5 * width : .5 * -width;
+      const x = baseX - dx,
+        baseY = tickPosition.y;
+      let dy = 0;
+      dy = isInRange(angle, -PI_3_4, -PI_1_4) ? .5 * -height : isInRange(angle, PI_1_4, PI_3_4) ? .5 * height : Math.cos(angle) >= 0 ? (.5 - (PI_1_4 - angle) / PI_1_2) * height : (.5 - clampRadian(angle - PI_3_4) / PI_1_2) * height;
+      return {
+        x: x,
+        y: baseY - dy
+      };
+    }
+    function getVerticalCoord(point, vector) {
+      return {
+        x: point.x + vector[0],
+        y: point.y + vector[1]
       };
     }
+    function getCircleVerticalVector(offset, point, center) {
+      let inside = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
+      let axisInside = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      const vector = [point.x - center.x, point.y - center.y];
+      return scale(vector, (inside ? -1 : 1) * (axisInside ? -1 : 1) * offset / length(vector));
+    }
+
+    function getLabelPosition(angle, center, radius, labelOffset, inside, text, style) {
+      const point = polarToCartesian({
+          x: 0,
+          y: 0
+        }, radius, angle),
+        labelPoint = getVerticalCoord(point, getCircleVerticalVector(labelOffset, point, center, inside)),
+        vector = getCircleVerticalVector(labelOffset || 1, labelPoint, center, inside);
+      return getCircleLabelPosition(labelPoint, vector, text, style);
+    }
 
     const convertDomainToTickData = domain => domain.map((t, index) => ({
       index: index,
@@ -32026,33 +31666,37 @@
           labelStyle: labelStyle,
           getRadius: getRadius,
           labelOffset: labelOffset,
-          labelFormatter: labelFormatter
+          labelFormatter: labelFormatter,
+          inside: inside
         } = op,
         radius = null == getRadius ? void 0 : getRadius(),
         labelAngle = null !== (_a = labelStyle.angle) && void 0 !== _a ? _a : 0,
-        textMeasure = initTextMeasure$1(labelStyle);
-      return domain.map(v => {
-        const str = labelFormatter ? labelFormatter(v) : `${v}`,
-          {
-            width: width,
-            height: height
-          } = textMeasure.quickMeasure(str),
-          textWidth = Math.max(width, 12),
-          textHeight = Math.max(height, 12),
-          angle = scale.scale(v);
-        let textX = 0,
-          textY = 0;
-        const orient = angleLabelOrientAttribute(angle),
-          {
-            x: x,
-            y: y
-          } = polarToCartesian({
-            x: 0,
-            y: 0
-          }, radius + labelOffset, angle);
-        textX = x + ("right" === orient.align ? -textWidth : "center" === orient.align ? -textWidth / 2 : 0), textY = y + ("bottom" === orient.baseline ? -textHeight : "middle" === orient.baseline ? -textHeight / 2 : 0);
-        return new AABBBounds().set(textX, textY, textX + textWidth, textY + textHeight).rotate(labelAngle, textX + textWidth / 2, textY + textHeight / 2);
-      });
+        textMeasure = initTextMeasure$1(labelStyle),
+        labelBoundsList = domain.map(v => {
+          var _a, _b;
+          const str = labelFormatter ? labelFormatter(v) : `${v}`,
+            {
+              width: width,
+              height: height
+            } = textMeasure.quickMeasure(str),
+            textWidth = Math.max(width, 12),
+            textHeight = Math.max(height, 12),
+            angle = scale.scale(v);
+          let textX = 0,
+            textY = 0;
+          const orient_align = null !== (_a = labelStyle.textAlign) && void 0 !== _a ? _a : "center",
+            orient_baseline = null !== (_b = labelStyle.textBaseline) && void 0 !== _b ? _b : "middle",
+            {
+              x: x,
+              y: y
+            } = getLabelPosition(angle, {
+              x: 0,
+              y: 0
+            }, radius, labelOffset, inside, str, labelStyle);
+          textX = x + ("right" === orient_align ? -textWidth : "center" === orient_align ? -textWidth / 2 : 0), textY = y + ("bottom" === orient_baseline ? -textHeight : "middle" === orient_baseline ? -textHeight / 2 : 0);
+          return new AABBBounds().set(textX, textY, textX + textWidth, textY + textHeight).rotate(labelAngle, textX + textWidth / 2, textY + textHeight / 2);
+        });
+      return labelBoundsList;
     };
     const isAxisHorizontal = axisOrientType => ["bottom", "top", "z"].includes(axisOrientType);
 
@@ -32069,7 +31713,7 @@
         labelStyle: labelStyle
       } = op;
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
+      if (isValid$3(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$3(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -32144,7 +31788,7 @@
         rangeSize = scale.calculateWholeRangeSize();
       if (rangeSize < 2) return op.labelLastVisible ? convertDomainToTickData([domain[domain.length - 1]]) : convertDomainToTickData([domain[0]]);
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$1(tickCount)) {
+      if (isValid$3(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$3(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$3(tickCount)) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -32241,7 +31885,7 @@
         radius = null == getRadius ? void 0 : getRadius();
       if (!radius) return convertDomainToTickData(scale.domain());
       let scaleTicks;
-      if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$1(tickCount)) {
+      if (isValid$3(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$3(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$3(tickCount)) {
         const range = scale.range(),
           rangeSize = Math.abs(range[range.length - 1] - range[0]),
           count = isFunction$1(tickCount) ? tickCount({
@@ -32295,6 +31939,38 @@
       return convertDomainToTickData(scale.domain());
     };
 
+    function isDataView(obj) {
+      return obj instanceof DataView;
+    }
+    function isHTMLElement(obj) {
+      try {
+        return obj instanceof Element;
+      } catch (_a) {
+        const htmlElementKeys = ["children", "innerHTML", "classList", "setAttribute", "tagName", "getBoundingClientRect"],
+          keys = Object.keys(obj);
+        return htmlElementKeys.every(key => keys.includes(key));
+      }
+    }
+
+    function cloneDeepSpec(spec) {
+      let excludeKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ["data"];
+      const value = spec;
+      let result;
+      if (!isValid$3(value) || "object" != typeof value) return value;
+      if (isDataView(value) || isHTMLElement(value)) return value;
+      const isArr = isArray$3(value),
+        length = value.length;
+      result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$2(value) || isNumber$4(value) || isString$2(value) ? value : isDate$1(value) ? new Date(+value) : void 0;
+      const props = isArr ? void 0 : Object.keys(Object(value));
+      let index = -1;
+      if (result) for (; ++index < (props || value).length;) {
+        const key = props ? props[index] : index,
+          subValue = value[key];
+        (null == excludeKeys ? void 0 : excludeKeys.includes(key.toString())) ? result[key] = subValue : result[key] = cloneDeepSpec(subValue, excludeKeys);
+      }
+      return result;
+    }
+
     const e10 = Math.sqrt(50);
     const e5 = Math.sqrt(10);
     const e2 = Math.sqrt(2);
@@ -32417,7 +32093,7 @@
             if (isValid$3(domain[0]) || isValid$3(domain[1]) || this.type !== 'linear') {
                 return domain;
             }
-            if (Math.abs(minInArray$1(domain) - maxInArray$1(domain)) <= 1e-12) {
+            if (Math.abs(minInArray(domain) - maxInArray(domain)) <= 1e-12) {
                 let num = domain[0];
                 const flag = num >= 0 ? 1 : -1;
                 num = Math.abs(num);
@@ -32542,13 +32218,13 @@
         const isX = isXAxis(axis.orient);
         const isInverse = axis.option.inverse === true;
         const first = axisLabels[0];
-        const last = last$1(axisLabels);
+        const last$1 = last(axisLabels);
         if (isX) {
             if (isInverse) {
                 const start = width;
                 const end = 0;
                 const startBound = first.AABBBounds.x2;
-                const endBound = last.AABBBounds.x1;
+                const endBound = last$1.AABBBounds.x1;
                 if (startBound > start) {
                     first.setAttributes({
                         x: start,
@@ -32556,7 +32232,7 @@
                     });
                 }
                 if (endBound < end) {
-                    last.setAttributes({
+                    last$1.setAttributes({
                         x: end,
                         textAlign: 'left'
                     });
@@ -32566,7 +32242,7 @@
                 const start = 0;
                 const end = width;
                 const startBound = first.AABBBounds.x1;
-                const endBound = last.AABBBounds.x2;
+                const endBound = last$1.AABBBounds.x2;
                 if (startBound < start) {
                     first.setAttributes({
                         x: start,
@@ -32574,7 +32250,7 @@
                     });
                 }
                 if (endBound > end) {
-                    last.setAttributes({
+                    last$1.setAttributes({
                         x: end,
                         textAlign: 'right'
                     });
@@ -32584,7 +32260,7 @@
         else {
             if (isInverse) {
                 const startBound = first.AABBBounds.y1;
-                const endBound = last.AABBBounds.y2;
+                const endBound = last$1.AABBBounds.y2;
                 const start = 0;
                 const end = height;
                 if (startBound < start) {
@@ -32594,7 +32270,7 @@
                     });
                 }
                 if (endBound > end) {
-                    last.setAttributes({
+                    last$1.setAttributes({
                         y: end,
                         textBaseline: 'bottom'
                     });
@@ -32604,7 +32280,7 @@
                 const start = height;
                 const end = 0;
                 const startBound = first.AABBBounds.y2;
-                const endBound = last.AABBBounds.y1;
+                const endBound = last$1.AABBBounds.y1;
                 if (startBound > start) {
                     first.setAttributes({
                         y: start,
@@ -32612,7 +32288,7 @@
                     });
                 }
                 if (endBound < end) {
-                    last.setAttributes({
+                    last$1.setAttributes({
                         y: end,
                         textBaseline: 'top'
                     });
@@ -32843,11 +32519,11 @@
                 }
                 if (isX) {
                     const width = this.getLayoutRect().width;
-                    const cosValue = Math.abs(Math.cos(degreeToRadian$1(angle)));
+                    const cosValue = Math.abs(Math.cos(degreeToRadian(angle)));
                     return cosValue < 1e-6 ? Infinity : width / cosValue;
                 }
                 const height = this.getLayoutRect().height;
-                const sinValue = Math.abs(Math.sin(degreeToRadian$1(angle)));
+                const sinValue = Math.abs(Math.sin(degreeToRadian(angle)));
                 return sinValue < 1e-6 ? Infinity : height / sinValue;
             }
             return null;
@@ -34657,7 +34333,7 @@
     }
 
     function getQuadProps(paddingOrigin) {
-        if (isNumber$4(paddingOrigin) || isString$4(paddingOrigin) || isArray$3(paddingOrigin)) {
+        if (isNumber$4(paddingOrigin) || isString$2(paddingOrigin) || isArray$3(paddingOrigin)) {
             let padding = parsePadding(paddingOrigin);
             if (typeof padding === 'number' || typeof padding === 'string') {
                 padding = [padding, padding, padding, padding];
@@ -34929,7 +34605,7 @@
         return +v === +v;
     }
     function isPercent(v) {
-        if (!isString$4(v)) {
+        if (!isString$2(v)) {
             return false;
         }
         if (!v.endsWith('%')) {
@@ -35521,47 +35197,47 @@
             const originalElement = originalElements[i];
             const element = Object.assign({}, originalElement);
             for (const name in element) {
-                if (element.hasOwnProperty(name) && isFunction$3(element[name])) {
+                if (element.hasOwnProperty(name) && isFunction$1(element[name])) {
                     element[name] = element[name](value);
                 }
             }
             const rect = element;
             if (isValid$3(rect.x)) {
-                rect.x = isString$4(rect.x)
+                rect.x = isString$2(rect.x)
                     ? transformString(rect.x, width - borderLineWidths[1])
                     : Number(rect.x);
             }
             if (isValid$3(rect.y)) {
-                rect.y = isString$4(rect.y)
+                rect.y = isString$2(rect.y)
                     ? transformString(rect.y, height - borderLineWidths[2])
                     : Number(rect.y);
             }
             if ('width' in element) {
-                element.width = isString$4(element.width)
+                element.width = isString$2(element.width)
                     ? transformString(element.width, width - borderLineWidths[1])
                     : Number(element.width);
             }
             if ('height' in element) {
-                element.height = isString$4(element.height)
+                element.height = isString$2(element.height)
                     ? transformString(element.height, height - borderLineWidths[2])
                     : Number(element.height);
             }
             if ('radius' in element) {
-                element.radius = isString$4(element.radius)
+                element.radius = isString$2(element.radius)
                     ? transformString(element.radius, Math.min(width - borderLineWidths[1], height - borderLineWidths[2]))
                     : Number(element.radius);
             }
             if ('hover' in element) {
-                element.hover.x = isString$4(element.hover.x)
+                element.hover.x = isString$2(element.hover.x)
                     ? transformString(element.hover.x, width - borderLineWidths[1])
                     : Number(element.hover.x);
-                element.hover.y = isString$4(element.hover.y)
+                element.hover.y = isString$2(element.hover.y)
                     ? transformString(element.hover.y, height - borderLineWidths[2])
                     : Number(element.hover.y);
-                element.hover.width = isString$4(element.hover.width)
+                element.hover.width = isString$2(element.hover.width)
                     ? transformString(element.hover.width, width - borderLineWidths[1])
                     : Number(element.hover.width);
-                element.hover.height = isString$4(element.hover.height)
+                element.hover.height = isString$2(element.hover.height)
                     ? transformString(element.hover.height, height - borderLineWidths[2])
                     : Number(element.hover.height);
                 element.hover.x += left;
@@ -36635,7 +36311,7 @@
         const barPaddingLeft = Math.max(barPadding[3], Math.ceil(borderWidth[3] / 2));
         contentWidth -= barPaddingRight + barPaddingLeft;
         contentHeight -= barPaddingBottom + barPaddingTop;
-        if (row === table.rowCount - 1) {
+        if (row === table.rowCount - 1 && [0, '0'].includes(barBottom)) {
             contentHeight -= 1;
         }
         const top = barPaddingTop;
@@ -36680,8 +36356,11 @@
                         : (num - progressBarDefine.min) / (progressBarDefine.max - progressBarDefine.min);
                 const barMaxWidth = contentWidth;
                 const barTop = top + contentHeight - barHeight - barBottom;
-                const barSize = Math.min(barMaxWidth * percentile, barMaxWidth);
+                let barSize = Math.min(barMaxWidth * percentile, barMaxWidth);
                 const barLeft = barRightToLeft ? left + right - barSize : left;
+                if (col === table.colCount - 1 && percentile === 1) {
+                    barSize -= 1;
+                }
                 const bgFillColor = getOrApply(barBgColor, {
                     col,
                     row,
@@ -36780,7 +36459,10 @@
                     fill: barNagiFillColor
                 });
                 percentCompleteBarGroup.addChild(barNega);
-                const barSizePosi = Math.min(barMaxWidth * positiveFactor * positiveRate, barMaxWidth);
+                let barSizePosi = Math.min(barMaxWidth * positiveFactor * positiveRate, barMaxWidth);
+                if (col === table.colCount - 1 && positiveRate === 1) {
+                    barSizePosi -= 1;
+                }
                 const barRectPosi = barRightToLeft
                     ? {
                         left: barLeft + positiveLeft - barSizePosi,
@@ -36903,7 +36585,10 @@
                 const range = Math.max(_negativeRange, _positiveRange);
                 const percentile = range === 0 ? 0 : Math.abs(num) / range;
                 const barMaxWidth = contentWidth;
-                const barSize = Math.min(barMaxWidth * percentile, barMaxWidth);
+                let barSize = Math.min(barMaxWidth * percentile, barMaxWidth);
+                if (col === table.colCount - 1 && percentile === 1) {
+                    barSize -= 1;
+                }
                 const barTop = top + contentHeight - barHeight - barBottom;
                 const barLeft = barRightToLeft ? left + right - barSize : left;
                 const bgFillColor = getOrApply(barBgColor, {
@@ -37367,7 +37052,7 @@
     }
     function getTableBounds(col, row, table) {
         const { layoutMap } = table.internalProps;
-        const bodyBound = new Bounds$1();
+        const bodyBound = new Bounds();
         const tableBound = table.scenegraph.tableGroup.globalAABBBounds;
         bodyBound.x1 = tableBound.x1;
         bodyBound.x2 = tableBound.x2;
@@ -37633,8 +37318,12 @@
         const layoutMap = table.internalProps.layoutMap;
         if (layoutMap.isHeader(col, row)) {
             const hd = layoutMap.getHeader(col, row);
-            if (hd?.hierarchyLevel) {
+            if (isValid$3(hd?.hierarchyLevel)) {
                 cellHierarchyIndent = (hd.hierarchyLevel ?? 0) * (layoutMap.rowHierarchyIndent ?? 0);
+                if (layoutMap.rowHierarchyTextStartAlignment &&
+                    !table.internalProps.headerHelper.getHierarchyIcon(col, row)) {
+                    cellHierarchyIndent += table.internalProps.headerHelper.getHierarchyIconWidth();
+                }
             }
         }
         else {
@@ -37645,6 +37334,10 @@
                     Array.isArray(indexArr) && table.getHierarchyState(col, row) !== HierarchyState.none
                         ? (indexArr.length - 1) * (layoutMap.hierarchyIndent ?? 0)
                         : 0;
+                if (layoutMap.hierarchyTextStartAlignment &&
+                    !table.internalProps.bodyHelper.getHierarchyIcon(col, row)) {
+                    cellHierarchyIndent += table.internalProps.bodyHelper.getHierarchyIconWidth();
+                }
             }
         }
         return cellHierarchyIndent;
@@ -38165,7 +37858,7 @@
         if (cellTheme?.text?.textBaseline) {
             textBaseline = cellTheme?.text?.textBaseline;
         }
-        const autoRowHeight = table.heightMode === 'autoHeight';
+        const autoRowHeight = table.isAutoRowHeight(row);
         const autoColWidth = colWidth === 'auto';
         const autoWrapText = headerStyle.autoWrapText ?? table.internalProps.autoWrapText;
         const lineClamp = headerStyle.lineClamp;
@@ -38446,7 +38139,7 @@
             dataValue
         });
         const autoColWidth = colWidth === 'auto';
-        const autoRowHeight = table.heightMode === 'autoHeight';
+        const autoRowHeight = table.isAutoRowHeight(row);
         const attribute = {
             text: text.length === 1 ? text[0] : text,
             maxLineWidth: autoColWidth
@@ -38547,7 +38240,7 @@
                     customLayout = define?.customLayout;
                 }
                 if (customLayout || customRender) {
-                    const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, false, table.heightMode === 'autoHeight', padding, table);
+                    const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, false, table.isAutoRowHeight(row), padding, table);
                     customElementsGroup = customResult.elementsGroup;
                     renderDefault = customResult.renderDefault;
                 }
@@ -38625,7 +38318,7 @@
                     cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table);
                 }
                 if (customLayout || customRender) {
-                    customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.heightMode === 'autoHeight', [0, 0, 0, 0], table);
+                    customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
                 }
             }
         }
@@ -38778,7 +38471,7 @@
         const define = table.getBodyColumnDefine(col, row);
         const mayHaveIcon = !!define?.icon || !!define?.tree || define?.dragOrder;
         const cellType = table.getBodyColumnType(col, row);
-        const autoRowHeight = table.heightMode === 'autoHeight';
+        const autoRowHeight = table.isAutoRowHeight(row);
         const value = table.getCellValue(col, row);
         if (!table.isHeader(col, row) &&
             oldCellGroup.role === 'cell' &&
@@ -38797,10 +38490,10 @@
             for (let row = range.start.row; row <= range.end.row; row++) {
                 const cellGroup = table.scenegraph.getCell(col, row, true);
                 if (cellGroup.role === 'cell' && range.start.row !== range.end.row && cellGroup.contentWidth !== cellWidth) {
-                    updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.heightMode === 'autoHeight', padding, textAlign, textBaseline);
+                    updateCellContentHeight(cellGroup, cellHeight, cellHeight, table.isAutoRowHeight(row), padding, textAlign, textBaseline);
                 }
                 if (cellGroup.role === 'cell' && range.start.col !== range.end.col && cellGroup.contentHeight !== cellHeight) {
-                    updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.heightMode === 'autoHeight', padding, textAlign, textBaseline, table.scenegraph);
+                    updateCellContentWidth(cellGroup, cellWidth, cellHeight, 0, table.isAutoRowHeight(row), padding, textAlign, textBaseline, table.scenegraph);
                 }
                 cellGroup.contentWidth = cellWidth;
                 cellGroup.contentHeight = cellHeight;
@@ -38875,7 +38568,7 @@
             if (customMerge) {
                 const { range: customMergeRange, text: customMergeText, style: customMergeStyle, customLayout: customMergeLayout, customRender: customMergeRender } = customMerge;
                 if (customMergeLayout || customMergeRender) {
-                    const customResult = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.heightMode === 'autoHeight', [0, 0, 0, 0], table);
+                    const customResult = dealWithCustom(customMergeLayout, customMergeRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
                     const customElementsGroup = customResult.elementsGroup;
                     if (cellGroup.childrenCount > 0 && customElementsGroup) {
                         cellGroup.insertBefore(customElementsGroup, cellGroup.firstChild);
@@ -38945,7 +38638,7 @@
         scale.domain([min, max], !!axisOption?.nice);
         if (axisOption?.nice) {
             let tickCount = axisOption.tick?.forceTickCount ?? axisOption.tick?.tickCount ?? 10;
-            if (isFunction$3(tickCount)) {
+            if (isFunction$1(tickCount)) {
                 tickCount = tickCount({
                     axisLength,
                     labelStyle: axisOption?.label?.style ?? {
@@ -39293,12 +38986,12 @@
                 const data = layout.dataset.collectedValues[rowDimensionKey] ?? [];
                 const rowPath = layout.getRowKeysPath(col, row);
                 const domain = data[rowPath ?? ''] ?? [];
-                const { axisOption, isPercent, theme } = getAxisOption(col + 1, row, 'left', layout);
+                const { axisOption, theme, chartType } = getAxisOption(col + 1, row, 'left', layout);
                 if (axisOption?.visible === false) {
                     return;
                 }
                 return merge({
-                    domain: Array.from(domain).reverse(),
+                    domain: chartType === 'common' ? Array.from(domain) : Array.from(domain).reverse(),
                     title: {
                         autoRotate: true
                     }
@@ -39457,7 +39150,8 @@
                     isPercent: spec.percent,
                     isZeroAlign: checkZeroAlign(spec, orient, layout),
                     seriesIndice,
-                    theme: spec.theme
+                    theme: spec.theme,
+                    chartType: spec.type
                 };
             }
         }
@@ -39468,7 +39162,8 @@
             axisOption,
             isPercent: false,
             isZeroAlign: checkZeroAlign(spec, orient, layout),
-            theme: spec.theme
+            theme: spec.theme,
+            chartType: spec.type
         };
     }
     function checkZeroAlign(spec, orient, layout) {
@@ -39548,7 +39243,7 @@
         return range;
     }
     function getRange$1(position, colForAxisOption, rowForAxisOption, colForIndicatorKey, rowForIndicatorKey, col, row, defaultSeriesIndice, layout) {
-        const { axisOption, isPercent, isZeroAlign, seriesIndice, theme } = getAxisOption(colForAxisOption, rowForAxisOption, position, layout);
+        const { axisOption, isPercent, isZeroAlign, seriesIndice, theme, chartType } = getAxisOption(colForAxisOption, rowForAxisOption, position, layout);
         if (axisOption?.visible === false) {
             return undefined;
         }
@@ -39588,7 +39283,8 @@
             isZeroAlign,
             range,
             ticks,
-            theme
+            theme,
+            chartType
         };
     }
     function isTopOrBottomAxis(col, row, layout) {
@@ -39827,9 +39523,160 @@
         };
     }
 
+    let customAlphabetCharSet = '';
+    let textMeasureMode = 'quick';
+    const textMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
+        if (isBound(TextMeasureContribution)) {
+            rebind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
+        }
+        else {
+            bind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
+        }
+    });
+    const restoreTextMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
+        if (isBound(TextMeasureContribution)) {
+            rebind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
+        }
+        else {
+            bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
+        }
+    });
+    const initTextMeasure = (textSpec, option, useNaiveCanvas) => {
+        return new TextMeasure({
+            defaultFontParams: {
+                fontFamily: DefaultTextStyle.fontFamily,
+                fontSize: DefaultTextStyle.fontSize
+            },
+            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
+            specialCharSet: `{}()//&-/: .,@%'"~…=${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}0123456789${customAlphabetCharSet}`,
+            ...(option ?? {})
+        }, textSpec);
+    };
+    const fastTextMeasureCache = new Map();
+    function getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle = 'normal') {
+        const key = `${fontSize}-${fontWeight}-${fontFamily}-${fontStyle}`;
+        const cache = fastTextMeasureCache.get(key);
+        if (cache) {
+            return cache;
+        }
+        const fastTextMeasure = initTextMeasure({
+            fontSize,
+            fontFamily,
+            fontWeight,
+            fontStyle
+        });
+        fastTextMeasureCache.set(key, fastTextMeasure);
+        return fastTextMeasure;
+    }
+    class FastTextMeasureContribution extends DefaultTextMeasureContribution {
+        measureTextWidth(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure.width;
+        }
+        measureText(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure;
+        }
+    }
+    class TextMeasureTool {
+        measureText(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure;
+        }
+        measureTextWidth(text, options) {
+            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
+            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
+            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
+            return textMeasure.width;
+        }
+        clipText(text, options, width) {
+            if (text.length === 0) {
+                return { str: '', width: 0 };
+            }
+            let length = this.measureTextWidth(text, options);
+            if (length <= width) {
+                return { str: text, width: length };
+            }
+            length = this.measureTextWidth(text[0], options);
+            if (length > width) {
+                return { str: '', width: 0 };
+            }
+            return this._clipText(text, options, width, 0, text.length - 1);
+        }
+        _clipText(text, options, width, leftIdx, rightIdx) {
+            const middleIdx = Math.floor((leftIdx + rightIdx) / 2);
+            const subText = text.substring(0, middleIdx + 1);
+            const strWidth = this.measureTextWidth(subText, options);
+            let length;
+            if (strWidth > width) {
+                if (subText.length <= 1) {
+                    return { str: '', width: 0 };
+                }
+                const str = text.substring(0, middleIdx);
+                length = this.measureTextWidth(str, options);
+                if (length <= width) {
+                    return { str, width: length };
+                }
+                return this._clipText(text, options, width, leftIdx, middleIdx);
+            }
+            else if (strWidth < width) {
+                if (middleIdx >= text.length - 1) {
+                    return { str: text, width: this.measureTextWidth(text, options) };
+                }
+                const str = text.substring(0, middleIdx + 2);
+                length = this.measureTextWidth(str, options);
+                if (length >= width) {
+                    return { str: subText, width: strWidth };
+                }
+                return this._clipText(text, options, width, middleIdx, rightIdx);
+            }
+            return { str: subText, width: strWidth };
+        }
+        clipTextWithSuffix(text, options, width, suffix) {
+            if (suffix === '') {
+                return this.clipText(text, options, width);
+            }
+            if (text.length === 0) {
+                return { str: '', width: 0 };
+            }
+            const length = this.measureTextWidth(text, options);
+            if (length <= width) {
+                return { str: text, width: length };
+            }
+            const suffixWidth = this.measureTextWidth(suffix, options);
+            if (suffixWidth > width) {
+                return { str: '', width: 0 };
+            }
+            width -= suffixWidth;
+            const data = this._clipText(text, options, width, 0, text.length - 1);
+            data.str += suffix;
+            data.width += suffixWidth;
+            return data;
+        }
+    }
+    const textMeasure = new TextMeasureTool();
+    function setCustomAlphabetCharSet(str) {
+        customAlphabetCharSet = str;
+        fastTextMeasureCache.clear();
+    }
+    function restoreMeasureText() {
+        textMeasureMode = 'canvas';
+        container.load(restoreTextMeasureModule);
+    }
     const utilTextMark = new Text$1({
         ignoreBuf: true
     });
+    function measureTextBounds(attribute) {
+        utilTextMark.setAttributes(attribute);
+        return utilTextMark.AABBBounds;
+    }
+
     const utilRichTextMark = new RichText({
         width: 0,
         height: 0,
@@ -39946,11 +39793,16 @@
         }
         if (table.heightMode === 'adaptive') {
             table._clearRowRangeHeightsMap();
-            const columnHeaderHeight = table.getRowsHeight(0, table.columnHeaderLevelCount - 1);
-            const bottomHeaderHeight = table.isPivotChart() ? table.getBottomFrozenRowsHeight() : 0;
-            const totalDrawHeight = table.tableNoFrameHeight - columnHeaderHeight - bottomHeaderHeight;
-            const startRow = table.columnHeaderLevelCount;
-            const endRow = table.isPivotChart() ? table.rowCount - table.bottomFrozenRowCount : table.rowCount;
+            let totalDrawHeight = table.tableNoFrameHeight;
+            let startRow = 0;
+            let endRow = table.rowCount;
+            if (table.heightAdaptiveMode === 'only-body') {
+                const columnHeaderHeight = table.getRowsHeight(0, table.columnHeaderLevelCount - 1);
+                const bottomHeaderHeight = table.isPivotChart() ? table.getBottomFrozenRowsHeight() : 0;
+                totalDrawHeight = table.tableNoFrameHeight - columnHeaderHeight - bottomHeaderHeight;
+                startRow = table.columnHeaderLevelCount;
+                endRow = table.isPivotChart() ? table.rowCount - table.bottomFrozenRowCount : table.rowCount;
+            }
             let actualHeight = 0;
             for (let row = startRow; row < endRow; row++) {
                 actualHeight += update ? newHeights[row] : table.getRowHeight(row);
@@ -40343,7 +40195,7 @@
                         spaceBetweenTextAndIcon
                     });
                     utilCheckBoxMark.render();
-                    maxHeight = utilTextMark.AABBBounds.height();
+                    maxHeight = utilCheckBoxMark.AABBBounds.height();
                 }
                 else {
                     maxHeight = Math.max(size, lines.length * lineHeight);
@@ -40390,7 +40242,7 @@
             else if (autoWrapText) {
                 const hierarchyOffset = getHierarchyOffset(col, row, table);
                 const maxLineWidth = cellWidth - (padding[1] + padding[3]) - iconWidth - hierarchyOffset;
-                utilTextMark.setAttributes({
+                const bounds = measureTextBounds({
                     maxLineWidth,
                     text: lines,
                     fontSize,
@@ -40401,7 +40253,7 @@
                     wordBreak: 'break-word',
                     whiteSpace: lines.length === 1 && !autoWrapText ? 'no-wrap' : 'normal'
                 });
-                maxHeight = utilTextMark.AABBBounds.height() || (typeof lineHeight === 'number' ? lineHeight : fontSize);
+                maxHeight = bounds.height() || (typeof lineHeight === 'number' ? lineHeight : fontSize);
             }
             else {
                 maxHeight = lines.length * lineHeight;
@@ -40563,7 +40415,7 @@
                             width = scene.table.getColsWidth(cell.mergeStartCol, cell.mergeEndCol);
                             height = scene.table.getRowsHeight(cell.mergeStartRow, cell.mergeEndRow);
                         }
-                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.heightMode === 'autoHeight', padding, scene.table);
+                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, scene.table);
                         customElementsGroup = customResult.elementsGroup;
                         renderDefault = customResult.renderDefault;
                     }
@@ -40575,7 +40427,7 @@
                     }
                 }
             }
-            updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.heightMode === 'autoHeight', renderDefault, scene.table);
+            updateMergeCellContentHeight(cell, distHeight, detaY, scene.table.isAutoRowHeight(row), renderDefault, scene.table);
         }
     }
     function updateMergeCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, renderDefault, table) {
@@ -40627,30 +40479,29 @@
         if (!skipTableWidthMap) {
             scene.table._setColWidth(col, scene.table.getColWidth(col) + detaX, true);
         }
-        const autoRowHeight = scene.table.heightMode === 'autoHeight';
         const colOrCornerHeaderColumn = scene.getColGroup(col, true);
         const rightTopColumn = scene.getColGroupInRightTopCorner(col);
         if (colOrCornerHeaderColumn && !rightTopColumn) {
-            updateColunmWidth(colOrCornerHeaderColumn, detaX, autoRowHeight, 'col-corner', scene);
+            updateColunmWidth(colOrCornerHeaderColumn, detaX, 'col-corner', scene);
         }
         if (rightTopColumn) {
-            updateColunmWidth(rightTopColumn, detaX, autoRowHeight, 'right-top', scene);
+            updateColunmWidth(rightTopColumn, detaX, 'right-top', scene);
         }
         const rowHeaderOrBodyColumn = scene.getColGroup(col);
         if (rowHeaderOrBodyColumn) {
-            updateColunmWidth(rowHeaderOrBodyColumn, detaX, autoRowHeight, 'row-body', scene);
+            updateColunmWidth(rowHeaderOrBodyColumn, detaX, 'row-body', scene);
         }
         const leftBottomColumn = scene.getColGroupInLeftBottomCorner(col);
         if (leftBottomColumn) {
-            updateColunmWidth(leftBottomColumn, detaX, autoRowHeight, 'left-bottom', scene);
+            updateColunmWidth(leftBottomColumn, detaX, 'left-bottom', scene);
         }
         const bottomColumn = scene.getColGroupInBottom(col);
         if (bottomColumn) {
-            updateColunmWidth(bottomColumn, detaX, autoRowHeight, 'bottom', scene);
+            updateColunmWidth(bottomColumn, detaX, 'bottom', scene);
         }
         const rightBottomColumn = scene.getColGroupInRightBottomCorner(col);
         if (rightBottomColumn) {
-            updateColunmWidth(rightBottomColumn, detaX, autoRowHeight, 'right-bottom', scene);
+            updateColunmWidth(rightBottomColumn, detaX, 'right-bottom', scene);
         }
         if (col < scene.frozenColCount) {
             scene.cornerHeaderGroup.forEachChildrenSkipChild((column, index) => {
@@ -40698,12 +40549,12 @@
             });
         }
     }
-    function updateColunmWidth(columnGroup, detaX, autoRowHeight, mode, scene) {
+    function updateColunmWidth(columnGroup, detaX, mode, scene) {
         let needRerangeRow = false;
         const oldColumnWidth = columnGroup?.attribute.width ?? 0;
         columnGroup?.setAttribute('width', oldColumnWidth + detaX);
         columnGroup?.forEachChildren((cell, index) => {
-            const isHeightChange = updateCellWidth(scene, cell, cell.col, cell.row, oldColumnWidth, oldColumnWidth + detaX, detaX, mode === 'row-body' ? cell.col < scene.table.rowHeaderLevelCount : true, autoRowHeight, scene.table.internalProps.autoWrapText);
+            const isHeightChange = updateCellWidth(scene, cell, cell.col, cell.row, oldColumnWidth, oldColumnWidth + detaX, detaX, mode === 'row-body' ? cell.col < scene.table.rowHeaderLevelCount : true, scene.table.internalProps.autoWrapText);
             if (isHeightChange) {
                 const mergeInfo = getCellMergeInfo(scene.table, cell.col, cell.row);
                 if (mergeInfo && mergeInfo.end.row - mergeInfo.start.row) {
@@ -40790,7 +40641,7 @@
             }
         }
     }
-    function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoRowHeight, autoWrapText) {
+    function updateCellWidth(scene, cell, col, row, oldWidth, distWidth, detaX, isHeader, autoWrapText) {
         if (cell.attribute.width === distWidth && !cell.needUpdateWidth) {
             return false;
         }
@@ -40800,6 +40651,7 @@
         if (!cellGroup) {
             return false;
         }
+        const autoRowHeight = scene.table.isAutoRowHeight(row);
         const type = scene.table.isHeader(col, row)
             ? scene.table._getHeaderLayoutMap(col, row).headerType
             : scene.table.getBodyColumnType(col, row);
@@ -40870,7 +40722,7 @@
                             width = scene.table.getColsWidth(cellGroup.mergeStartCol, cellGroup.mergeEndCol);
                             height = scene.table.getRowsHeight(cellGroup.mergeStartRow, cellGroup.mergeEndRow);
                         }
-                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.heightMode === 'autoHeight', padding, scene.table);
+                        const customResult = dealWithCustom(customLayout, customRender, col, row, width, height, false, scene.table.isAutoRowHeight(row), padding, scene.table);
                         customElementsGroup = customResult.elementsGroup;
                         renderDefault = customResult.renderDefault;
                         isHeightChange = true;
@@ -41644,7 +41496,10 @@
                 const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 let attrY = 0;
                 if (this.table.theme.scrollStyle.barToSide) {
-                    attrY = this.table.tableNoFrameHeight - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y);
+                    attrY =
+                        this.table.tableNoFrameHeight -
+                            (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y) +
+                            this.table.tableY;
                 }
                 else {
                     attrY = y - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.y);
@@ -41679,7 +41534,10 @@
                 let attrX = 0;
                 const hoverOn = this.table.theme.scrollStyle.hoverOn;
                 if (this.table.theme.scrollStyle.barToSide) {
-                    attrX = this.table.tableNoFrameWidth - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x);
+                    attrX =
+                        this.table.tableNoFrameWidth -
+                            (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x) +
+                            this.table.tableX;
                 }
                 else {
                     attrX = x - (hoverOn ? width : -this.table.scenegraph.tableGroup.attribute.x);
@@ -42295,7 +42153,7 @@
                 const endY = startY + cacheCanvasSizeLimit > viewHeight ? viewHeight : startY + cacheCanvasSizeLimit;
                 const width = endX - startX;
                 const height = endY - startY;
-                const bounds = new Bounds$1();
+                const bounds = new Bounds();
                 bounds.setValue(startX, startY, endX, endY);
                 const canvas = stage.toCanvas(false, bounds);
                 cacheCanvas.push({
@@ -43247,153 +43105,6 @@
         }
     }
 
-    let customAlphabetCharSet = '';
-    let textMeasureMode = 'quick';
-    const textMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-        if (isBound(TextMeasureContribution)) {
-            rebind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
-        }
-        else {
-            bind(TextMeasureContribution).to(FastTextMeasureContribution).inSingletonScope();
-        }
-    });
-    const restoreTextMeasureModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-        if (isBound(TextMeasureContribution)) {
-            rebind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
-        }
-        else {
-            bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope();
-        }
-    });
-    const initTextMeasure = (textSpec, option, useNaiveCanvas) => {
-        return new TextMeasure$1({
-            defaultFontParams: {
-                fontFamily: DefaultTextStyle.fontFamily,
-                fontSize: DefaultTextStyle.fontSize
-            },
-            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
-            specialCharSet: `{}()//&-/: .,@%'"~…=${TextMeasure$1.ALPHABET_CHAR_SET}${TextMeasure$1.ALPHABET_CHAR_SET.toUpperCase()}0123456789${customAlphabetCharSet}`,
-            ...(option ?? {})
-        }, textSpec);
-    };
-    const fastTextMeasureCache = new Map();
-    function getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle = 'normal') {
-        const key = `${fontSize}-${fontWeight}-${fontFamily}-${fontStyle}`;
-        const cache = fastTextMeasureCache.get(key);
-        if (cache) {
-            return cache;
-        }
-        const fastTextMeasure = initTextMeasure({
-            fontSize,
-            fontFamily,
-            fontWeight,
-            fontStyle
-        });
-        fastTextMeasureCache.set(key, fastTextMeasure);
-        return fastTextMeasure;
-    }
-    class FastTextMeasureContribution extends DefaultTextMeasureContribution {
-        measureTextWidth(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure.width;
-        }
-        measureText(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure;
-        }
-    }
-    class TextMeasureTool {
-        measureText(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure;
-        }
-        measureTextWidth(text, options) {
-            const { fontSize, fontFamily = 'Arial,sans-serif', fontWeight = 'normal', fontStyle = 'normal' } = options;
-            const fastTextMeasure = getFastTextMeasure(fontSize, fontWeight, fontFamily, fontStyle);
-            const textMeasure = fastTextMeasure.measure(text, textMeasureMode);
-            return textMeasure.width;
-        }
-        clipText(text, options, width) {
-            if (text.length === 0) {
-                return { str: '', width: 0 };
-            }
-            let length = this.measureTextWidth(text, options);
-            if (length <= width) {
-                return { str: text, width: length };
-            }
-            length = this.measureTextWidth(text[0], options);
-            if (length > width) {
-                return { str: '', width: 0 };
-            }
-            return this._clipText(text, options, width, 0, text.length - 1);
-        }
-        _clipText(text, options, width, leftIdx, rightIdx) {
-            const middleIdx = Math.floor((leftIdx + rightIdx) / 2);
-            const subText = text.substring(0, middleIdx + 1);
-            const strWidth = this.measureTextWidth(subText, options);
-            let length;
-            if (strWidth > width) {
-                if (subText.length <= 1) {
-                    return { str: '', width: 0 };
-                }
-                const str = text.substring(0, middleIdx);
-                length = this.measureTextWidth(str, options);
-                if (length <= width) {
-                    return { str, width: length };
-                }
-                return this._clipText(text, options, width, leftIdx, middleIdx);
-            }
-            else if (strWidth < width) {
-                if (middleIdx >= text.length - 1) {
-                    return { str: text, width: this.measureTextWidth(text, options) };
-                }
-                const str = text.substring(0, middleIdx + 2);
-                length = this.measureTextWidth(str, options);
-                if (length >= width) {
-                    return { str: subText, width: strWidth };
-                }
-                return this._clipText(text, options, width, middleIdx, rightIdx);
-            }
-            return { str: subText, width: strWidth };
-        }
-        clipTextWithSuffix(text, options, width, suffix) {
-            if (suffix === '') {
-                return this.clipText(text, options, width);
-            }
-            if (text.length === 0) {
-                return { str: '', width: 0 };
-            }
-            const length = this.measureTextWidth(text, options);
-            if (length <= width) {
-                return { str: text, width: length };
-            }
-            const suffixWidth = this.measureTextWidth(suffix, options);
-            if (suffixWidth > width) {
-                return { str: '', width: 0 };
-            }
-            width -= suffixWidth;
-            const data = this._clipText(text, options, width, 0, text.length - 1);
-            data.str += suffix;
-            data.width += suffixWidth;
-            return data;
-        }
-    }
-    const textMeasure = new TextMeasureTool();
-    function setCustomAlphabetCharSet(str) {
-        customAlphabetCharSet = str;
-        fastTextMeasureCache.clear();
-    }
-    function restoreMeasureText() {
-        textMeasureMode = 'canvas';
-        container.load(restoreTextMeasureModule);
-    }
-
     let SuffixTextBeforeRenderContribution = class SuffixTextBeforeRenderContribution {
         time = BaseRenderContributionTime.afterFillStroke;
         useStyle = true;
@@ -43416,7 +43127,7 @@
             if (!isEmpty) {
                 return;
             }
-            const textStr = isString$4(ellipsis) ? ellipsis : '...';
+            const textStr = isString$2(ellipsis) ? ellipsis : '...';
             const lineHeight = calculateLineHeight(text.attribute.lineHeight, fontSize) ?? fontSize;
             let dy = 0;
             if (lineHeight !== fontSize) {
@@ -43588,15 +43299,19 @@
             table._clearColRangeWidthsMap();
             const canvasWidth = table.tableNoFrameWidth;
             let actualHeaderWidth = 0;
-            for (let col = 0; col < table.colCount; col++) {
-                const colWidth = update ? newWidths[col] : table.getColWidth(col);
-                if (col < table.rowHeaderLevelCount ||
-                    (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
-                    actualHeaderWidth += colWidth;
+            let startCol = 0;
+            let endCol = table.colCount;
+            if (table.widthAdaptiveMode === 'only-body') {
+                for (let col = 0; col < table.colCount; col++) {
+                    const colWidth = update ? newWidths[col] : table.getColWidth(col);
+                    if (col < table.rowHeaderLevelCount ||
+                        (table.isPivotChart() && col >= table.colCount - table.rightFrozenColCount)) {
+                        actualHeaderWidth += colWidth;
+                    }
                 }
+                startCol = table.rowHeaderLevelCount;
+                endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
             }
-            const startCol = table.rowHeaderLevelCount;
-            const endCol = table.isPivotChart() ? table.colCount - table.rightFrozenColCount : table.colCount;
             getAdaptiveWidth(canvasWidth - actualHeaderWidth, startCol, endCol, update, newWidths, table);
         }
         else if (table.autoFillWidth) {
@@ -43980,7 +43695,7 @@
                     value = customMergeText;
                     customStyle = customMergeStyle;
                     if (customLayout || customRender) {
-                        customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.heightMode === 'autoHeight', [0, 0, 0, 0], table);
+                        customResult = dealWithCustom(customLayout, customRender, customMergeRange.start.col, customMergeRange.start.row, table.getColsWidth(customMergeRange.start.col, customMergeRange.end.col), table.getRowsHeight(customMergeRange.start.row, customMergeRange.end.row), false, table.isAutoRowHeight(row), [0, 0, 0, 0], table);
                     }
                 }
             }
@@ -44501,14 +44216,18 @@
                     else if (part) {
                         const baseCellGroup = table.scenegraph.highPerformanceGetCell(col, rowEnd + 1, true);
                         y = baseCellGroup.attribute.y;
-                        for (let r = rowStart; r <= rowEnd; r++) {
-                            y -= table.getRowHeight(r);
+                        if (isValid$3(y)) {
+                            for (let r = rowStart; r <= rowEnd; r++) {
+                                y -= table.getRowHeight(r);
+                            }
                         }
                     }
                     else {
                         y = table.getRowsHeight(table.columnHeaderLevelCount, cellGroup.row - 1);
                     }
-                    cellGroup.setAttribute('y', y);
+                    if (isValid$3(y)) {
+                        cellGroup.setAttribute('y', y);
+                    }
                 }
             }
         }
@@ -44874,6 +44593,269 @@
         await proxy.progress();
     }
 
+    function handleTextStick(table) {
+        const { changedCells } = table.internalProps.stick;
+        changedCells.forEach((cellPos) => {
+            const cellGroup = table.scenegraph.getCell(cellPos.col, cellPos.row);
+            cellGroup.forEachChildren((child) => {
+                child.setAttributes({
+                    dx: cellPos.dx,
+                    dy: cellPos.dy
+                });
+            });
+        });
+        changedCells.clear();
+        const { scrollTop, scrollLeft, frozenRowCount, frozenColCount } = table;
+        const frozenRowsHeight = table.getFrozenRowsHeight();
+        const frozenColsWidth = table.getFrozenColsWidth();
+        const { row: rowTop } = table.getRowAt(scrollTop + frozenRowsHeight + 1);
+        const { col: colLeft } = table.getColAt(scrollLeft + frozenColsWidth + 1);
+        const rowStart = Math.max(rowTop, table.frozenRowCount);
+        const colStart = Math.max(colLeft, table.frozenColCount);
+        const rowEnd = table.getAllRowsHeight() > table.tableNoFrameHeight
+            ? table.getRowAt(scrollTop + table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() - 1).row
+            : table.rowCount - table.bottomFrozenRowCount - 1;
+        const colEnd = table.getAllColsWidth() > table.tableNoFrameWidth
+            ? table.getColAt(scrollLeft + table.tableNoFrameWidth - table.getRightFrozenColsWidth() - 1).col
+            : table.colCount - table.rightFrozenColCount - 1;
+        if (colEnd < 0 || rowEnd < 0) {
+            return;
+        }
+        for (let row = 0; row < frozenRowCount; row++) {
+            if (colEnd < colStart) {
+                break;
+            }
+            [colStart, colEnd].forEach((col) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick) {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+        for (let col = 0; col < frozenColCount; col++) {
+            if (rowEnd < rowStart) {
+                break;
+            }
+            [rowStart, rowEnd].forEach((row) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick && table.internalProps.layoutMap.rowHierarchyType !== 'tree') {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+        for (let col = colStart; col <= colEnd; col++) {
+            if (rowEnd < rowStart) {
+                break;
+            }
+            [rowStart, rowEnd].forEach((row) => {
+                const style = table._getCellStyle(col, row);
+                if (style?.textStick) {
+                    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++) {
+            if (colEnd < colStart) {
+                break;
+            }
+            [colStart, colEnd].forEach((col) => {
+                const style = table._getCellStyle(col, row);
+                if (table._getCellStyle(col, row)?.textStick) {
+                    const cellGroup = table.scenegraph.getCell(col, row);
+                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
+                }
+            });
+        }
+    }
+    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table) {
+        if (isNumber$4(cellGroup.mergeStartCol) &&
+            isNumber$4(cellGroup.mergeStartRow) &&
+            isNumber$4(cellGroup.mergeEndCol) &&
+            isNumber$4(cellGroup.mergeEndRow)) {
+            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
+            for (let col = colStart; col <= colEnd; col++) {
+                for (let row = rowStart; row <= rowEnd; row++) {
+                    const singleCellGroup = table.scenegraph.getCell(col, row);
+                    dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+                }
+            }
+        }
+        else {
+            dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
+        }
+    }
+    function dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign) {
+        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
+        if (!graphic) {
+            return;
+        }
+        if (graphic.type === 'image') {
+            const { image: url } = graphic.attribute;
+            if (!url || !graphic.resources) {
+                return;
+            }
+            const res = graphic.resources.get(url);
+            if (res.state !== 'success') {
+                return;
+            }
+        }
+        const textBaseline = graphic.textBaseline ?? 'top';
+        graphic.AABBBounds.width();
+        const textTop = graphic.globalAABBBounds.y1;
+        const textBottom = graphic.globalAABBBounds.y2;
+        if (textBaseline === 'middle' && textStickBaseOnAlign) {
+            const cellTop = cellGroup.globalAABBBounds.y1 + (cellGroup.firstChild?.attribute.dy ?? 0);
+            const cellBottom = cellTop + (cellGroup.contentHeight ?? cellGroup.attribute.height ?? 0);
+            if (cellTop < minTop || cellBottom > maxTop) {
+                const visibleCellTop = Math.max(cellTop, minTop);
+                const visibleCellBottom = Math.min(cellBottom, maxTop);
+                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2;
+                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                        dy: cellGroup.firstChild?.attribute.dy ?? 0
+                    });
+                cellGroup.forEachChildren((child) => {
+                    child.setAttribute('dy', (child.attribute.dy ?? 0) - delta + 2);
+                });
+            }
+        }
+        else if (textTop < minTop) {
+            const deltaHeight = textTop - minTop;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight + 2);
+            });
+        }
+        else if (textBottom > maxTop) {
+            const deltaHeight = textBottom - maxTop;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight);
+            });
+        }
+    }
+    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table) {
+        if (isNumber$4(cellGroup.mergeStartCol) &&
+            isNumber$4(cellGroup.mergeStartRow) &&
+            isNumber$4(cellGroup.mergeEndCol) &&
+            isNumber$4(cellGroup.mergeEndRow)) {
+            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
+            for (let col = colStart; col <= colEnd; col++) {
+                for (let row = rowStart; row <= rowEnd; row++) {
+                    const singleCellGroup = table.scenegraph.getCell(col, row);
+                    dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+                }
+            }
+        }
+        else {
+            dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
+        }
+    }
+    function dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign) {
+        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
+        if (!graphic) {
+            return;
+        }
+        if (graphic.type === 'image') {
+            const { image: url } = graphic.attribute;
+            if (!url || !graphic.resources) {
+                return;
+            }
+            const res = graphic.resources.get(url);
+            if (res.state !== 'success') {
+                return;
+            }
+        }
+        const textAlign = graphic.attribute.textAlign ?? graphic.textAlign ?? 'left';
+        graphic.AABBBounds.width();
+        const textLeft = graphic.globalAABBBounds.x1;
+        const textRight = graphic.globalAABBBounds.x2;
+        if (textAlign === 'center' && textStickBaseOnAlign) {
+            const cellLeft = cellGroup.globalAABBBounds.x1 + (cellGroup.firstChild?.attribute.dx ?? 0);
+            const cellRight = cellLeft + (cellGroup.contentWidth ?? cellGroup.attribute.width ?? 0);
+            if (cellLeft < minLeft || cellRight > maxLeft) {
+                const visibleCellLeft = Math.max(cellLeft, minLeft);
+                const visibleCellRight = Math.min(cellRight, maxLeft);
+                const delta = graphic.globalTransMatrix.e - (visibleCellRight + visibleCellLeft) / 2;
+                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                        col: cellGroup.col,
+                        row: cellGroup.row,
+                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                        dy: cellGroup.firstChild?.attribute.dy ?? 0
+                    });
+                cellGroup.forEachChildren((child) => {
+                    child.setAttribute('dx', (child.attribute.dx ?? 0) - delta + 2);
+                });
+            }
+        }
+        else if (textLeft < minLeft) {
+            const deltaWidth = textLeft - minLeft;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth + 2);
+            });
+        }
+        else if (textRight > maxLeft) {
+            const deltaWidth = textRight - maxLeft;
+            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
+                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
+                    col: cellGroup.col,
+                    row: cellGroup.row,
+                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
+                    dy: cellGroup.firstChild?.attribute.dy ?? 0
+                });
+            cellGroup.forEachChildren((child) => {
+                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth);
+            });
+        }
+    }
+    function checkHaveTextStick(table) {
+        const headerObjects = table.internalProps.layoutMap.headerObjects;
+        const columnObjects = table.internalProps.layoutMap.columnObjects;
+        for (let i = 0; i < headerObjects.length; i++) {
+            const header = headerObjects[i];
+            if (header && header.style?.textStick) {
+                return true;
+            }
+        }
+        for (let i = 0; i < columnObjects.length; i++) {
+            const column = columnObjects[i];
+            if (column && column.style?.textStick) {
+                return true;
+            }
+        }
+        const themeStick = table.theme.headerStyle.textStick || table.theme.rowHeaderStyle.textStick || table.theme.bodyStyle.textStick;
+        if (themeStick) {
+            return true;
+        }
+        return false;
+    }
+
     class SceneProxy {
         table;
         isRelease = false;
@@ -45019,6 +45001,8 @@
                         await this.createRow();
                         await this.progress();
                     }
+                    handleTextStick(this.table);
+                    this.table.scenegraph.updateNextFrame();
                     resolve();
                 }, 16);
             });
@@ -45984,6 +45968,24 @@
         const removeRows = deduplication$1(removeCells.map(cell => cell.row)).sort((a, b) => b - a);
         const addRows = deduplication$1(addCells.map(cell => cell.row)).sort((a, b) => a - b);
         const updateRows = deduplication$1(updateCells.map(cell => cell.row)).sort((a, b) => a - b);
+        let rowUpdatePos;
+        if (updateRows.length) {
+            const beforeRow = updateRows[0] - 1;
+            const afterRow = updateRows[updateRows.length - 1] + 1;
+            rowUpdatePos = _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene);
+        }
+        if (addRows.length) {
+            const beforeRow = addRows[0] - 1;
+            const afterRow = addRows[addRows.length - 1] + 1;
+            const pos = _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene);
+            rowUpdatePos = isValid$3(rowUpdatePos) ? (isValid$3(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
+        }
+        if (removeRows.length) {
+            const beforeRow = removeRows[0] - 1;
+            const afterRow = removeRows[removeRows.length - 1] + 1;
+            const pos = _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene);
+            rowUpdatePos = isValid$3(rowUpdatePos) ? (isValid$3(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
+        }
         removeRows.forEach(row => {
             removeRow(row, scene);
         });
@@ -45995,8 +45997,8 @@
             resetRowNumber(scene);
             const beforeRow = removeRows[removeRows.length - 1] - 1;
             const afterRow = removeRows[0] - removeRows.length + 1;
-            const rowUpdatePos = updateMergeCellGroup(beforeRow, afterRow, scene);
-            isNumber$4(rowUpdatePos) && (scene.proxy.rowUpdatePos = Math.min(scene.proxy.rowUpdatePos, rowUpdatePos));
+            const pos = _getUpdateRowIndex(beforeRow, afterRow, scene);
+            rowUpdatePos = isValid$3(rowUpdatePos) ? (isValid$3(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
         }
         scene.table._clearRowRangeHeightsMap();
         let updateAfter;
@@ -46009,8 +46011,8 @@
         if (addRows.length) {
             const beforeRow = addRows[0] - 1;
             const afterRow = addRows[addRows.length - 1] + 1;
-            const rowUpdatePos = updateMergeCellGroup(beforeRow, afterRow, scene);
-            isNumber$4(rowUpdatePos) && (scene.proxy.rowUpdatePos = Math.min(scene.proxy.rowUpdatePos, rowUpdatePos));
+            const pos = _getUpdateRowIndex(beforeRow, afterRow, scene);
+            rowUpdatePos = isValid$3(rowUpdatePos) ? (isValid$3(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
         }
         for (let col = 0; col < table.colCount; col++) {
             updateRows.forEach(r => {
@@ -46030,8 +46032,8 @@
         if (updateRows.length) {
             const beforeRow = updateRows[0] - 1;
             const afterRow = updateRows[updateRows.length - 1] + 1;
-            const rowUpdatePos = updateMergeCellGroup(beforeRow, afterRow, scene);
-            isNumber$4(rowUpdatePos) && (scene.proxy.rowUpdatePos = Math.min(scene.proxy.rowUpdatePos, rowUpdatePos));
+            const pos = _getUpdateRowIndex(beforeRow, afterRow, scene);
+            rowUpdatePos = isValid$3(rowUpdatePos) ? (isValid$3(pos) ? Math.min(rowUpdatePos, pos) : rowUpdatePos) : pos;
         }
         if (isNumber$4(updateAfter)) {
             for (let col = 0; col < table.colCount; col++) {
@@ -46040,8 +46042,13 @@
                     cellGroup && (cellGroup.needUpdate = true);
                 }
             }
-            scene.proxy.rowUpdatePos = Math.min(scene.proxy.rowUpdatePos, updateAfter);
+            rowUpdatePos = isValid$3(rowUpdatePos)
+                ? isValid$3(updateAfter)
+                    ? Math.min(rowUpdatePos, updateAfter)
+                    : rowUpdatePos
+                : updateAfter;
         }
+        isNumber$4(rowUpdatePos) && (scene.proxy.rowUpdatePos = Math.min(scene.proxy.rowUpdatePos, rowUpdatePos));
         if (addRows.length) {
             if (!isNumber$4(updateAfter)) {
                 const minRow = Math.min(...addRows);
@@ -46303,23 +46310,65 @@
             }
         }
     }
-    function updateMergeCellGroup(beforeRow, afterRow, scene) {
+    function _getUpdateRowIndex(beforeRow, afterRow, scene) {
         let updateRow;
         for (let col = 0; col < scene.table.colCount; col++) {
             const rangeBefore = scene.table.getCellRange(col, beforeRow);
+            let row;
             if (rangeBefore.start.row <= beforeRow + 1 && rangeBefore.end.row >= beforeRow + 1) {
-                updateCellGroup(rangeBefore, scene);
-                updateRow = rangeBefore.start.row;
+                addNeedUpdateTag(rangeBefore, scene);
+                row = rangeBefore.start.row;
             }
             const rangeAfter = scene.table.getCellRange(col, afterRow);
-            if (rangeAfter.start.row <= afterRow - 1 && rangeAfter.end.row >= afterRow - 1) {
-                updateCellGroup(rangeAfter, scene);
-                updateRow = rangeBefore.start.row;
+            if (rangeAfter.start.row <= afterRow + 1 && rangeAfter.end.row >= afterRow + 1) {
+                addNeedUpdateTag(rangeAfter, scene);
+                row = rangeAfter.start.row;
+            }
+            if (isValid$3(row)) {
+                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
             }
         }
         return updateRow;
     }
-    function updateCellGroup(range, scene) {
+    function _getUpdateRowIndexUseCellNode(beforeRow, afterRow, scene) {
+        let updateRow;
+        for (let col = 0; col < scene.table.colCount; col++) {
+            let row;
+            const beforeCell = scene.highPerformanceGetCell(col, beforeRow);
+            if (beforeCell.mergeStartRow && beforeCell.mergeEndRow && beforeCell.mergeEndRow > beforeRow) {
+                addNeedUpdateTag({
+                    start: {
+                        row: beforeCell.mergeStartRow,
+                        col: scene.table.heightMode === 'autoHeight' ? 0 : beforeCell.mergeStartCol
+                    },
+                    end: {
+                        row: beforeCell.mergeEndRow,
+                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : beforeCell.mergeEndCol
+                    }
+                }, scene);
+                row = beforeCell.mergeStartRow;
+            }
+            const afterCell = scene.highPerformanceGetCell(col, afterRow);
+            if (afterCell.mergeStartRow && afterCell.mergeEndRow && afterCell.mergeStartRow < afterRow) {
+                addNeedUpdateTag({
+                    start: {
+                        row: afterCell.mergeStartRow,
+                        col: scene.table.heightMode === 'autoHeight' ? 0 : afterCell.mergeStartCol
+                    },
+                    end: {
+                        row: afterCell.mergeEndRow,
+                        col: scene.table.heightMode === 'autoHeight' ? scene.table.colCount - 1 : afterCell.mergeEndCol
+                    }
+                }, scene);
+                row = afterCell.mergeStartRow;
+            }
+            if (isValid$3(row)) {
+                updateRow = isValid$3(updateRow) ? Math.min(updateRow, row) : row;
+            }
+        }
+        return updateRow;
+    }
+    function addNeedUpdateTag(range, scene) {
         const { start, end } = range;
         for (let col = start.col; col <= end.col; col++) {
             for (let row = start.row; row <= end.row; row++) {
@@ -46339,265 +46388,6 @@
         }
     }
 
-    function handleTextStick(table) {
-        const { changedCells } = table.internalProps.stick;
-        changedCells.forEach((cellPos) => {
-            const cellGroup = table.scenegraph.getCell(cellPos.col, cellPos.row);
-            cellGroup.forEachChildren((child) => {
-                child.setAttributes({
-                    dx: cellPos.dx,
-                    dy: cellPos.dy
-                });
-            });
-        });
-        changedCells.clear();
-        const { scrollTop, scrollLeft, frozenRowCount, frozenColCount } = table;
-        const frozenRowsHeight = table.getFrozenRowsHeight();
-        const frozenColsWidth = table.getFrozenColsWidth();
-        const { row: rowTop } = table.getRowAt(scrollTop + frozenRowsHeight + 1);
-        const { col: colLeft } = table.getColAt(scrollLeft + frozenColsWidth + 1);
-        const rowStart = Math.max(rowTop, table.frozenRowCount);
-        const colStart = Math.max(colLeft, table.frozenColCount);
-        const rowEnd = table.getAllRowsHeight() > table.tableNoFrameHeight
-            ? table.getRowAt(scrollTop + table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() - 1).row
-            : table.rowCount - table.bottomFrozenRowCount - 1;
-        const colEnd = table.getAllColsWidth() > table.tableNoFrameWidth
-            ? table.getColAt(scrollLeft + table.tableNoFrameWidth - table.getRightFrozenColsWidth() - 1).col
-            : table.colCount - table.rightFrozenColCount - 1;
-        if (colEnd < 0 || rowEnd < 0) {
-            return;
-        }
-        for (let row = 0; row < frozenRowCount; row++) {
-            if (colEnd < colStart) {
-                break;
-            }
-            [colStart, colEnd].forEach((col) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-        for (let col = 0; col < frozenColCount; col++) {
-            if (rowEnd < rowStart) {
-                break;
-            }
-            [rowStart, rowEnd].forEach((row) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick && table.internalProps.layoutMap.rowHierarchyType !== 'tree') {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentVerticalLayout(cellGroup, frozenRowsHeight + table.tableY, table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() + table.tableY, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-        for (let col = colStart; col <= colEnd; col++) {
-            if (rowEnd < rowStart) {
-                break;
-            }
-            [rowStart, rowEnd].forEach((row) => {
-                const style = table._getCellStyle(col, row);
-                if (style?.textStick) {
-                    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++) {
-            if (colEnd < colStart) {
-                break;
-            }
-            [colStart, colEnd].forEach((col) => {
-                const style = table._getCellStyle(col, row);
-                if (table._getCellStyle(col, row)?.textStick) {
-                    const cellGroup = table.scenegraph.getCell(col, row);
-                    adjustCellContentHorizontalLayout(cellGroup, frozenColsWidth + table.tableX, table.tableNoFrameWidth - table.getRightFrozenColsWidth() + table.tableX, changedCells, style?.textStickBaseOnAlign, table);
-                }
-            });
-        }
-    }
-    function adjustCellContentVerticalLayout(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign, table) {
-        if (isNumber$4(cellGroup.mergeStartCol) &&
-            isNumber$4(cellGroup.mergeStartRow) &&
-            isNumber$4(cellGroup.mergeEndCol) &&
-            isNumber$4(cellGroup.mergeEndRow)) {
-            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
-            for (let col = colStart; col <= colEnd; col++) {
-                for (let row = rowStart; row <= rowEnd; row++) {
-                    const singleCellGroup = table.scenegraph.getCell(col, row);
-                    dealVertical(singleCellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
-                }
-            }
-        }
-        else {
-            dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign);
-        }
-    }
-    function dealVertical(cellGroup, minTop, maxTop, changedCells, textStickBaseOnAlign) {
-        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
-        if (!graphic) {
-            return;
-        }
-        if (graphic.type === 'image') {
-            const { image: url } = graphic.attribute;
-            if (!url || !graphic.resources) {
-                return;
-            }
-            const res = graphic.resources.get(url);
-            if (res.state !== 'success') {
-                return;
-            }
-        }
-        const textBaseline = graphic.textBaseline ?? 'top';
-        graphic.AABBBounds.width();
-        const textTop = graphic.globalAABBBounds.y1;
-        const textBottom = graphic.globalAABBBounds.y2;
-        if (textBaseline === 'middle' && textStickBaseOnAlign) {
-            const cellTop = cellGroup.globalAABBBounds.y1 + (cellGroup.firstChild?.attribute.dy ?? 0);
-            const cellBottom = cellTop + (cellGroup.contentHeight ?? cellGroup.attribute.height ?? 0);
-            if (cellTop < minTop || cellBottom > maxTop) {
-                const visibleCellTop = Math.max(cellTop, minTop);
-                const visibleCellBottom = Math.min(cellBottom, maxTop);
-                const delta = graphic.globalTransMatrix.f - (visibleCellBottom + visibleCellTop) / 2;
-                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                        col: cellGroup.col,
-                        row: cellGroup.row,
-                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                        dy: cellGroup.firstChild?.attribute.dy ?? 0
-                    });
-                cellGroup.forEachChildren((child) => {
-                    child.setAttribute('dy', (child.attribute.dy ?? 0) - delta + 2);
-                });
-            }
-        }
-        else if (textTop < minTop) {
-            const deltaHeight = textTop - minTop;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight + 2);
-            });
-        }
-        else if (textBottom > maxTop) {
-            const deltaHeight = textBottom - maxTop;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dy', (child.attribute.dy ?? 0) - deltaHeight);
-            });
-        }
-    }
-    function adjustCellContentHorizontalLayout(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign, table) {
-        if (isNumber$4(cellGroup.mergeStartCol) &&
-            isNumber$4(cellGroup.mergeStartRow) &&
-            isNumber$4(cellGroup.mergeEndCol) &&
-            isNumber$4(cellGroup.mergeEndRow)) {
-            const { colStart, colEnd, rowStart, rowEnd } = getCellMergeRange(cellGroup, table.scenegraph);
-            for (let col = colStart; col <= colEnd; col++) {
-                for (let row = rowStart; row <= rowEnd; row++) {
-                    const singleCellGroup = table.scenegraph.getCell(col, row);
-                    dealHorizontal(singleCellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
-                }
-            }
-        }
-        else {
-            dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign);
-        }
-    }
-    function dealHorizontal(cellGroup, minLeft, maxLeft, changedCells, textStickBaseOnAlign) {
-        const graphic = cellGroup.getChildByName('text', true) || cellGroup.getChildByName('image', true);
-        if (!graphic) {
-            return;
-        }
-        if (graphic.type === 'image') {
-            const { image: url } = graphic.attribute;
-            if (!url || !graphic.resources) {
-                return;
-            }
-            const res = graphic.resources.get(url);
-            if (res.state !== 'success') {
-                return;
-            }
-        }
-        const textAlign = graphic.attribute.textAlign ?? graphic.textAlign ?? 'left';
-        graphic.AABBBounds.width();
-        const textLeft = graphic.globalAABBBounds.x1;
-        const textRight = graphic.globalAABBBounds.x2;
-        if (textAlign === 'center' && textStickBaseOnAlign) {
-            const cellLeft = cellGroup.globalAABBBounds.x1 + (cellGroup.firstChild?.attribute.dx ?? 0);
-            const cellRight = cellLeft + (cellGroup.contentWidth ?? cellGroup.attribute.width ?? 0);
-            if (cellLeft < minLeft || cellRight > maxLeft) {
-                const visibleCellLeft = Math.max(cellLeft, minLeft);
-                const visibleCellRight = Math.min(cellRight, maxLeft);
-                const delta = graphic.globalTransMatrix.e - (visibleCellRight + visibleCellLeft) / 2;
-                !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                    changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                        col: cellGroup.col,
-                        row: cellGroup.row,
-                        dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                        dy: cellGroup.firstChild?.attribute.dy ?? 0
-                    });
-                cellGroup.forEachChildren((child) => {
-                    child.setAttribute('dx', (child.attribute.dx ?? 0) - delta + 2);
-                });
-            }
-        }
-        else if (textLeft < minLeft) {
-            const deltaWidth = textLeft - minLeft;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth + 2);
-            });
-        }
-        else if (textRight > maxLeft) {
-            const deltaWidth = textRight - maxLeft;
-            !changedCells.has(`${cellGroup.col}-${cellGroup.row}`) &&
-                changedCells.set(`${cellGroup.col}-${cellGroup.row}`, {
-                    col: cellGroup.col,
-                    row: cellGroup.row,
-                    dx: cellGroup.firstChild?.attribute.dx ?? 0,
-                    dy: cellGroup.firstChild?.attribute.dy ?? 0
-                });
-            cellGroup.forEachChildren((child) => {
-                child.setAttribute('dx', (child.attribute.dx ?? 0) - deltaWidth);
-            });
-        }
-    }
-    function checkHaveTextStick(table) {
-        const headerObjects = table.internalProps.layoutMap.headerObjects;
-        const columnObjects = table.internalProps.layoutMap.columnObjects;
-        for (let i = 0; i < headerObjects.length; i++) {
-            const header = headerObjects[i];
-            if (header && header.style?.textStick) {
-                return true;
-            }
-        }
-        for (let i = 0; i < columnObjects.length; i++) {
-            const column = columnObjects[i];
-            if (column && column.style?.textStick) {
-                return true;
-            }
-        }
-        return false;
-    }
-
     function dealFrozen(scene) {
         if (scene.table.frozenColCount > scene.table.rowHeaderLevelCount) {
             scene.rowHeaderGroup.setAttribute('height', scene.bodyGroup.attribute.height);
@@ -48530,7 +48320,6 @@
             this.createFrameBorder();
             this.updateBorderSizeAndPosition();
             this.component.updateScrollBar();
-            handleTextStick(this.table);
             this.updateNextFrame();
         }
         dealWidthMode() {
@@ -48768,12 +48557,13 @@
         }
         createFrameBorder() {
             this.updateTableSize();
-            const isListTableWithFrozen = !this.isPivot;
+            const isListTableWithFrozen = !this.isPivot && !this.table.internalProps.transpose;
             createFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle, this.bodyGroup.role, isListTableWithFrozen ? [true, true, true, false] : undefined);
             createFrameBorder(this.rowHeaderGroup, this.isPivot
                 ? this.table.theme.rowHeaderStyle.frameStyle
-                :
-                    this.table.theme.bodyStyle.frameStyle, this.rowHeaderGroup.role, isListTableWithFrozen ? [true, false, true, true] : undefined);
+                : this.table.internalProps.transpose
+                    ? this.table.theme.rowHeaderStyle.frameStyle
+                    : this.table.theme.bodyStyle.frameStyle, this.rowHeaderGroup.role, isListTableWithFrozen ? [true, false, true, true] : undefined);
             createFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle, this.colHeaderGroup.role, isListTableWithFrozen ? [true, true, true, false] : undefined);
             createFrameBorder(this.cornerHeaderGroup, this.isPivot ? this.table.theme.cornerHeaderStyle.frameStyle : this.table.theme.headerStyle.frameStyle, this.cornerHeaderGroup.role, isListTableWithFrozen ? [true, false, true, true] : undefined);
             createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, undefined);
@@ -48874,7 +48664,7 @@
                     ? text.attribute.text.join('')
                     : text.attribute.text;
                 let cacheStr = '';
-                if (isString$4(text.cache.clipedText)) {
+                if (isString$2(text.cache.clipedText)) {
                     cacheStr = text.cache.clipedText;
                 }
                 else {
@@ -48913,6 +48703,7 @@
             this.stage.enableDirtyBounds();
         }
         updateRow(removeCells, addCells, updateCells = []) {
+            this.table.internalProps.layoutMap.clearCellRangeMap();
             const addRows = deduplication$1(addCells.map(cell => cell.row)).sort((a, b) => a - b);
             const updateRows = deduplication$1(updateCells.map(cell => cell.row)).sort((a, b) => a - b);
             const isNotFillHeight = this.table.getAllRowsHeight() -
@@ -50109,7 +49900,7 @@
                 y: -1,
                 isShow: false,
                 itemList: [],
-                bounds: new Bounds$1(),
+                bounds: new Bounds(),
                 highlightIndex: -1,
                 dropDownMenuHighlight: []
             };
@@ -50181,7 +49972,7 @@
                 y: -1,
                 isShow: false,
                 itemList: [],
-                bounds: new Bounds$1(),
+                bounds: new Bounds(),
                 highlightIndex: -1,
                 dropDownMenuHighlight: []
             };
@@ -50299,7 +50090,7 @@
             return checkMultiCellInSelect(cellPosStart, cellPosEnd, this.select.ranges, this.select.highlightScope);
         }
         updateHoverIcon(col, row, target, cellGroup, event) {
-            if (target === this.residentHoverIcon?.icon) {
+            if (this.residentHoverIcon?.icon && target === this.residentHoverIcon?.icon) {
                 return;
             }
             const iconInfo = getIconAndPositionFromTarget(target);
@@ -50329,7 +50120,7 @@
                             rect: iconInfo.position,
                             placement: inlineIcon.attribute.tooltip.placement
                         },
-                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style)
+                        style: Object.assign({}, this.table.internalProps.theme?.tooltipStyle, inlineIcon.tooltip?.style, inlineIcon.attribute?.tooltip?.style)
                     };
                     if (!this.table.internalProps.tooltipHandler.isBinded(tooltipOptions)) {
                         this.table.showTooltip(col, row, tooltipOptions);
@@ -50360,19 +50151,21 @@
             return this.select.selecting;
         }
         endSelectCells(fireListener = true) {
-            this.select.selecting = false;
-            if (this.select.ranges.length === 0) {
-                return;
+            if (this.select.selecting) {
+                this.select.selecting = false;
+                if (this.select.ranges.length === 0) {
+                    return;
+                }
+                selectEnd(this.table.scenegraph);
+                const lastCol = this.select.ranges[this.select.ranges.length - 1].end.col;
+                const lastRow = this.select.ranges[this.select.ranges.length - 1].end.row;
+                fireListener &&
+                    this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CELL, {
+                        ranges: this.select.ranges,
+                        col: lastCol,
+                        row: lastRow
+                    });
             }
-            selectEnd(this.table.scenegraph);
-            const lastCol = this.select.ranges[this.select.ranges.length - 1].end.col;
-            const lastRow = this.select.ranges[this.select.ranges.length - 1].end.row;
-            fireListener &&
-                this.table.fireListeners(TABLE_EVENT_TYPE.SELECTED_CELL, {
-                    ranges: this.select.ranges,
-                    col: lastCol,
-                    row: lastRow
-                });
         }
         endResizeCol() {
             setTimeout(() => {
@@ -50564,21 +50357,22 @@
             this.table.scenegraph.setY(-top);
             const yRatio = top / (totalHeight - this.table.scenegraph.height);
             this.table.scenegraph.component.updateVerticalScrollBarPos(yRatio);
-            this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
-                scrollTop: this.scroll.verticalBarPos,
-                scrollLeft: this.scroll.horizontalBarPos,
-                scrollHeight: this.table.theme.scrollStyle?.width,
-                scrollWidth: this.table.theme.scrollStyle?.width,
-                viewHeight: this.table.tableNoFrameHeight,
-                viewWidth: this.table.tableNoFrameWidth,
-                scrollDirection: 'vertical',
-                scrollRatioY: yRatio
-            });
             if (oldVerticalBarPos !== top) {
+                this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+                    scrollTop: this.scroll.verticalBarPos,
+                    scrollLeft: this.scroll.horizontalBarPos,
+                    scrollHeight: this.table.theme.scrollStyle?.width,
+                    scrollWidth: this.table.theme.scrollStyle?.width,
+                    viewHeight: this.table.tableNoFrameHeight,
+                    viewWidth: this.table.tableNoFrameWidth,
+                    scrollDirection: 'vertical',
+                    scrollRatioY: yRatio
+                });
                 this.checkVerticalScrollBarEnd();
             }
         }
         setScrollLeft(left) {
+            this.table.scrollLeft;
             const totalWidth = this.table.getAllColsWidth();
             this.table.getFrozenColsWidth();
             left = Math.max(0, Math.min(left, totalWidth - this.table.scenegraph.width));
@@ -50594,17 +50388,17 @@
             this.table.scenegraph.setX(-left);
             const xRatio = left / (totalWidth - this.table.scenegraph.width);
             this.table.scenegraph.component.updateHorizontalScrollBarPos(xRatio);
-            this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
-                scrollTop: this.scroll.verticalBarPos,
-                scrollLeft: this.scroll.horizontalBarPos,
-                scrollHeight: this.table.theme.scrollStyle?.width,
-                scrollWidth: this.table.theme.scrollStyle?.width,
-                viewHeight: this.table.tableNoFrameHeight,
-                viewWidth: this.table.tableNoFrameWidth,
-                scrollDirection: 'horizontal',
-                scrollRatioX: xRatio
-            });
             if (oldHorizontalBarPos !== left) {
+                this.table.fireListeners(TABLE_EVENT_TYPE.SCROLL, {
+                    scrollTop: this.scroll.verticalBarPos,
+                    scrollLeft: this.scroll.horizontalBarPos,
+                    scrollHeight: this.table.theme.scrollStyle?.width,
+                    scrollWidth: this.table.theme.scrollStyle?.width,
+                    viewHeight: this.table.tableNoFrameHeight,
+                    viewWidth: this.table.tableNoFrameWidth,
+                    scrollDirection: 'horizontal',
+                    scrollRatioX: xRatio
+                });
                 this.checkHorizontalScrollBarEnd();
             }
         }
@@ -50761,7 +50555,7 @@
                                 if (isObject$4(item) && (item.menuKey || item.text) === (menuKey || '') && i === index) {
                                     return true;
                                 }
-                                else if (isString$4(item) && item === menuKey && i === index) {
+                                else if (isString$2(item) && item === menuKey && i === index) {
                                     return true;
                                 }
                             }
@@ -51355,6 +51149,11 @@
                 stateManager.showHorizontalScrollBar();
                 stateManager.showVerticalScrollBar();
             }
+            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_TABLE)) {
+                table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         table.scenegraph.tableGroup.addEventListener('pointerleave', (e) => {
             if (!stateManager.isResizeCol() && !stateManager.isMoveCol() && !stateManager.isSelecting()) {
@@ -51384,10 +51183,7 @@
             const target = e.target;
             if (target && !target.isDescendantsOf(table.scenegraph.tableGroup)) {
                 table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_TABLE, {
-                    col: -1,
-                    row: -1,
-                    event: e.nativeEvent,
-                    target: undefined
+                    event: e.nativeEvent
                 });
             }
         });
@@ -51444,6 +51240,11 @@
             eventManager.dealTableHover();
         });
         table.scenegraph.tableGroup.addEventListener('pointerdown', (e) => {
+            if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
             table.eventManager.isDown = true;
             table.eventManager.LastBodyPointerXY = { x: e.x, y: e.y };
             table.eventManager.LastPointerXY = { x: e.x, y: e.y };
@@ -51451,6 +51252,7 @@
                 return;
             }
             const eventArgsSet = getCellEventArgsSet(e);
+            eventManager.downIcon = undefined;
             if (stateManager.interactionState !== InteractionState.default) {
                 return;
             }
@@ -51464,6 +51266,7 @@
             const hitIcon = eventArgsSet?.eventArgs?.target?.role?.startsWith('icon')
                 ? eventArgsSet.eventArgs.target
                 : undefined;
+            eventManager.downIcon = hitIcon;
             if (!hitIcon || hitIcon.attribute.interactive === false) {
                 if (e.pointerType === 'touch') {
                     eventManager.touchEnd = false;
@@ -51637,7 +51440,7 @@
                     }
                 }
             }
-            if (!eventManager.touchMove && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
+            if (!eventManager.touchMove && e.button === 0 && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
                 const { col, row } = eventArgsSet.eventArgs;
                 const cellInfo = table.getCellInfo(col, row);
                 let icon;
@@ -51750,16 +51553,14 @@
     }
     function endResizeCol(table) {
         table.stateManager.endResizeCol();
-        if (table.hasListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END)) {
-            const columns = [];
-            for (let col = 0; col < table.colCount; col++) {
-                columns.push(table.getColWidth(col));
-            }
-            table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
-                col: table.stateManager.columnResize.col,
-                colWidths: columns
-            });
+        const columns = [];
+        for (let col = 0; col < table.colCount; col++) {
+            columns.push(table.getColWidth(col));
         }
+        table.fireListeners(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, {
+            col: table.stateManager.columnResize.col,
+            colWidths: columns
+        });
     }
     function dblclickHandler(e, table) {
         const eventArgsSet = getCellEventArgsSet(e);
@@ -51832,6 +51633,11 @@
             }
             scenegraph.table.stateManager.hideMenu();
             scenegraph.table.editorManager?.completeEdit();
+            if (scenegraph.table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                scenegraph.table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         scenegraph.component.vScrollBar.addEventListener('pointerup', () => {
             stateManager.fastScrolling = false;
@@ -51857,6 +51663,11 @@
             }
             scenegraph.table.stateManager.hideMenu();
             scenegraph.table.editorManager?.completeEdit();
+            if (scenegraph.table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
+                scenegraph.table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
+                    event: e.nativeEvent
+                });
+            }
         });
         scenegraph.component.hScrollBar.addEventListener('pointerup', () => {
             stateManager.fastScrolling = false;
@@ -52436,7 +52247,7 @@
                 }
             }
             const isSelecting = table.stateManager.isSelecting();
-            if (eventManager.isDraging && isSelecting) {
+            if (eventManager.isDraging && isSelecting && table.stateManager.select.ranges?.length > 0) {
                 const drawRange = table.getDrawRange();
                 const topFrozenRowHeight = table.getFrozenRowsHeight();
                 const bottomFrozenRowHeight = table.getBottomFrozenRowsHeight();
@@ -52444,8 +52255,10 @@
                 const rightFrozenColsWidth = table.getRightFrozenColsWidth();
                 const startCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].start;
                 const endCell = table.stateManager.select.ranges[table.stateManager.select.ranges.length - 1].end;
-                const canScrollY = table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false;
-                const canScrollX = table.isFrozenColumn(startCell.col) === false || table.isFrozenColumn(endCell.col) === false;
+                const canScrollY = (table.isFrozenRow(startCell.row) === false || table.isFrozenRow(endCell.row) === false) &&
+                    table.getAllRowsHeight() > table.tableNoFrameHeight;
+                const canScrollX = (table.isFrozenColumn(startCell.col) === false || table.isFrozenColumn(endCell.col) === false) &&
+                    table.getAllColsWidth() > table.tableNoFrameWidth;
                 if (((y > drawRange.bottom - bottomFrozenRowHeight || y < drawRange.top + topFrozenRowHeight) && canScrollY) ||
                     ((x > drawRange.right - rightFrozenColsWidth || x < drawRange.left + leftFrozenColsWidth) && canScrollX)) {
                     table.eventManager.scrollXSpeed = 0;
@@ -52556,25 +52369,30 @@
             if (!eventManager.isTouchdown || !isTouchEvent$1(e)) {
                 return;
             }
-            if (eventManager.touchMovePoints.length > 4) {
-                eventManager.touchMovePoints.shift();
-            }
-            eventManager.touchMovePoints.push({
-                x: e.changedTouches[0].pageX,
-                y: e.changedTouches[0].pageY,
-                timestamp: Date.now()
-            });
-            const deltaX = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].x +
-                eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].x;
-            const deltaY = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].y +
-                eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].y;
-            handleWhell({ deltaX, deltaY }, stateManager);
-            if (e.cancelable &&
-                (table.internalProps.overscrollBehavior === 'none' ||
-                    (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManager)) ||
-                    (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, stateManager)))) {
+            if (eventManager.downIcon?.attribute?.funcType === IconFuncTypeEnum.dragReorder) {
                 e.preventDefault();
             }
+            else {
+                if (eventManager.touchMovePoints.length > 4) {
+                    eventManager.touchMovePoints.shift();
+                }
+                eventManager.touchMovePoints.push({
+                    x: e.changedTouches[0].pageX,
+                    y: e.changedTouches[0].pageY,
+                    timestamp: Date.now()
+                });
+                const deltaX = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].x +
+                    eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].x;
+                const deltaY = -eventManager.touchMovePoints[eventManager.touchMovePoints.length - 1].y +
+                    eventManager.touchMovePoints[eventManager.touchMovePoints.length - 2].y;
+                handleWhell({ deltaX, deltaY }, stateManager);
+                if (e.cancelable &&
+                    (table.internalProps.overscrollBehavior === 'none' ||
+                        (Math.abs(deltaY) >= Math.abs(deltaX) && deltaY !== 0 && isVerticalScrollable(deltaY, stateManager)) ||
+                        (Math.abs(deltaY) <= Math.abs(deltaX) && deltaX !== 0 && isHorizontalScrollable(deltaX, stateManager)))) {
+                    e.preventDefault();
+                }
+            }
         };
         window.addEventListener('touchmove', globalTouchMoveCallback, { passive: false });
         eventManager.globalEventListeners.push({
@@ -52588,23 +52406,28 @@
             if (!eventManager.isTouchdown || !isTouchEvent$1(e)) {
                 return;
             }
-            if (eventManager.touchMovePoints?.length) {
-                if (eventManager.touchMovePoints.length > 4) {
-                    eventManager.touchMovePoints.shift();
+            if (eventManager.downIcon?.attribute?.funcType === IconFuncTypeEnum.dragReorder) {
+                e.preventDefault();
+            }
+            else {
+                if (eventManager.touchMovePoints?.length) {
+                    if (eventManager.touchMovePoints.length > 4) {
+                        eventManager.touchMovePoints.shift();
+                    }
+                    eventManager.touchMovePoints.push({
+                        x: e.changedTouches[0].pageX,
+                        y: e.changedTouches[0].pageY,
+                        timestamp: Date.now()
+                    });
+                    const firstPoint = eventManager.touchMovePoints[0];
+                    const lastPoint = eventManager.touchMovePoints[eventManager.touchMovePoints?.length - 1];
+                    const vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp);
+                    const vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
+                    eventManager.inertiaScroll.startInertia(vX, vY, 0.95);
+                    table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
+                        handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager);
+                    });
                 }
-                eventManager.touchMovePoints.push({
-                    x: e.changedTouches[0].pageX,
-                    y: e.changedTouches[0].pageY,
-                    timestamp: Date.now()
-                });
-                const firstPoint = eventManager.touchMovePoints[0];
-                const lastPoint = eventManager.touchMovePoints[eventManager.touchMovePoints?.length - 1];
-                const vX = (lastPoint.x - firstPoint.x) / (lastPoint.timestamp - firstPoint.timestamp);
-                const vY = (lastPoint.y - firstPoint.y) / (lastPoint.timestamp - firstPoint.timestamp);
-                eventManager.inertiaScroll.startInertia(vX, vY, 0.95);
-                table.eventManager.inertiaScroll.setScrollHandle((dx, dy) => {
-                    handleWhell({ deltaX: -dx, deltaY: -dy }, table.stateManager);
-                });
             }
             eventManager.isTouchdown = false;
             eventManager.touchMovePoints = [];
@@ -52775,10 +52598,12 @@
         isDraging = false;
         scrollYSpeed;
         scrollXSpeed;
+        downIcon;
         globalEventListeners = [];
         inertiaScroll;
         constructor(table) {
             this.table = table;
+            this.handleTextStickBindId = [];
             this.inertiaScroll = new InertiaScroll(table.stateManager);
             if (Env.mode === 'node') {
                 return;
@@ -52797,14 +52622,19 @@
         }
         updateEventBinder() {
             setTimeout(() => {
-                if (checkHaveTextStick(this.table) && !this.handleTextStickBindId) {
-                    this.handleTextStickBindId = this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
+                if (checkHaveTextStick(this.table) && this.handleTextStickBindId?.length === 0) {
+                    this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
                         handleTextStick(this.table);
-                    });
+                    }));
+                    this.handleTextStickBindId.push(this.table.on(TABLE_EVENT_TYPE.RESIZE_COLUMN_END, e => {
+                        handleTextStick(this.table);
+                    }));
                 }
                 else if (!checkHaveTextStick(this.table) && this.handleTextStickBindId) {
-                    this.table.off(this.handleTextStickBindId);
-                    this.handleTextStickBindId = undefined;
+                    this.handleTextStickBindId.forEach(id => {
+                        this.table.off(id);
+                    });
+                    this.handleTextStickBindId = [];
                 }
             }, 0);
         }
@@ -52835,11 +52665,7 @@
             this.table.on(TABLE_EVENT_TYPE.DROPDOWN_MENU_CLICK, () => {
                 stateManager.hideMenu();
             });
-            if (checkHaveTextStick(this.table)) {
-                this.handleTextStickBindId = this.table.on(TABLE_EVENT_TYPE.SCROLL, e => {
-                    handleTextStick(this.table);
-                });
-            }
+            this.updateEventBinder();
             bindMediaClick(this.table);
             this.table.on(TABLE_EVENT_TYPE.DBLCLICK_CELL, (e) => {
                 if (e.federatedEvent) {
@@ -53390,6 +53216,9 @@
             }
             return undefined;
         }
+        getHierarchyIconWidth() {
+            return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);
+        }
     }
 
     function createElement(tagName, classNames) {
@@ -54271,6 +54100,9 @@
             }
             return undefined;
         }
+        getHierarchyIconWidth() {
+            return this.expandIcon.width + (this.expandIcon.marginLeft ?? 0) + (this.expandIcon.marginRight ?? 0);
+        }
         checkDropDownIcon(_table, col, row) {
             if (_table.isPivotTable()) {
                 const headerC = _table._getHeaderLayoutMap(col, row);
@@ -54777,39 +54609,7 @@
                     return;
                 }
                 const { col, row } = e;
-                let tooltipOption;
-                const headerDescription = table.getHeaderDescription(col, row);
-                if (headerDescription) {
-                    const rect = table.getCellRangeRelativeRect({ col, row });
-                    tooltipOption = {
-                        content: headerDescription,
-                        referencePosition: {
-                            placement: Placement.bottom,
-                            rect
-                        },
-                        style: { arrowMark: false }
-                    };
-                }
-                else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
-                    const overflowText = table.getCellOverflowText(col, row);
-                    const rect = table.getCellRangeRelativeRect({ col, row });
-                    if (overflowText) {
-                        tooltipOption = {
-                            content: headerDescription
-                                ? `${headerDescription}
-    ${overflowText}`
-                                : overflowText,
-                            referencePosition: {
-                                placement: Placement.bottom,
-                                rect
-                            },
-                            style: table.theme.tooltipStyle
-                        };
-                    }
-                }
-                if (tooltipOption) {
-                    this._bindToCell(e.col, e.row, tooltipOption);
-                }
+                this.showTooltip(col, row);
             });
             table.on(TABLE_EVENT_TYPE.MOUSEMOVE_CELL, e => {
                 if (isMobile()) {
@@ -54847,6 +54647,45 @@
                 this._unbindFromCell();
             });
         }
+        showTooltip(col, row) {
+            let tooltipOption;
+            const table = this._table;
+            const headerDescription = table.getHeaderDescription(col, row);
+            if (headerDescription) {
+                const rect = table.getCellRangeRelativeRect({ col, row });
+                tooltipOption = {
+                    content: headerDescription,
+                    referencePosition: {
+                        placement: Placement.bottom,
+                        rect
+                    },
+                    style: { arrowMark: false }
+                };
+            }
+            else if (table.internalProps.tooltip?.isShowOverflowTextTooltip) {
+                const overflowText = table.getCellOverflowText(col, row);
+                const rect = table.getCellRangeRelativeRect({ col, row });
+                if (overflowText) {
+                    tooltipOption = {
+                        content: headerDescription
+                            ? `${headerDescription}
+  ${overflowText}`
+                            : overflowText,
+                        referencePosition: {
+                            placement: Placement.bottom,
+                            rect
+                        },
+                        style: table.theme.tooltipStyle
+                    };
+                }
+            }
+            if (tooltipOption) {
+                this._bindToCell(col, row, tooltipOption);
+            }
+            else {
+                this._unbindFromCell();
+            }
+        }
         _getTooltipInstanceInfo(col, row) {
             const table = this._table;
             const tooltipInstances = this._tooltipInstances;
@@ -56275,6 +56114,14 @@
             }
             this.table.scenegraph.updateNextFrame();
         }
+        updateCustomCell(customCellStyle, customCellStyleArrangement) {
+            customCellStyle.forEach((cellStyle) => {
+                this.registerCustomCellStyle(cellStyle.id, cellStyle.style);
+            });
+            customCellStyleArrangement.forEach((cellStyle) => {
+                this.arrangeCustomCellStyle(cellStyle.cellPosition, cellStyle.customStyleId);
+            });
+        }
     }
     function mergeStyle(cacheStyle, customCellStyle) {
         cacheStyle = cacheStyle.clone();
@@ -56305,6 +56152,8 @@
         _heightMode;
         _autoFillWidth;
         _autoFillHeight;
+        _widthAdaptiveMode;
+        _heightAdaptiveMode;
         customRender;
         canvasWidth;
         canvasHeight;
@@ -56317,7 +56166,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.23.2-alpha.0";
+        version = "0.23.3";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -56333,11 +56182,13 @@
             if (!container && options.mode !== 'node') {
                 throw new Error("vtable's container is undefined");
             }
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth, widthMode = 'standard', heightMode = 'standard', autoFillWidth = false, autoFillHeight = false, widthAdaptiveMode = 'only-body', heightAdaptiveMode = 'only-body', keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, customRender, pixelRatio = defaultPixelRatio, renderChartAsync, renderChartAsyncBatchCount, mode, modeParams, canvasWidth, canvasHeight, overscrollBehavior, limitMinWidth } = options;
             this.container = container;
             this.options = options;
             this._widthMode = widthMode;
             this._heightMode = heightMode;
+            this._widthAdaptiveMode = widthAdaptiveMode;
+            this._heightAdaptiveMode = heightAdaptiveMode;
             this._autoFillWidth = autoFillWidth;
             this._autoFillHeight = autoFillHeight;
             this.customRender = customRender;
@@ -56673,6 +56524,22 @@
                 this._autoFillHeight = autoFillHeight;
             }
         }
+        get widthAdaptiveMode() {
+            return this._widthAdaptiveMode;
+        }
+        set widthAdaptiveMode(widthAdaptiveMode) {
+            if (widthAdaptiveMode !== this._widthAdaptiveMode) {
+                this._widthAdaptiveMode = widthAdaptiveMode;
+            }
+        }
+        get heightAdaptiveMode() {
+            return this._heightAdaptiveMode;
+        }
+        set heightAdaptiveMode(heightAdaptiveMode) {
+            if (heightAdaptiveMode !== this._heightAdaptiveMode) {
+                this._heightAdaptiveMode = heightAdaptiveMode;
+            }
+        }
         _colWidthDefineToPxWidth(width) {
             if (width === 'auto') {
                 return 0;
@@ -56811,12 +56678,12 @@
             return this.defaultColWidth;
         }
         getDefaultRowHeight(row) {
-            if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row)) {
+            if (this.isColumnHeader(0, row) || this.isCornerHeader(0, row) || this.isSeriesNumberInHeader(0, row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
                     ? this.defaultHeaderRowHeight[row] ?? this.internalProps.defaultRowHeight
                     : this.defaultHeaderRowHeight;
             }
-            if (this.isBottomFrozenRow(this.rowHeaderLevelCount, row)) {
+            if (this.isBottomFrozenRow(row)) {
                 return Array.isArray(this.defaultHeaderRowHeight)
                     ? this.defaultHeaderRowHeight[this.columnHeaderLevelCount > 0 ? this.columnHeaderLevelCount - this.bottomFrozenRowCount : 0] ?? this.internalProps.defaultRowHeight
                     : this.defaultHeaderRowHeight;
@@ -56870,6 +56737,15 @@
             const width = this.getColWidthDefined(col);
             return this._adjustColWidth(col, this._colWidthDefineToPxWidth(width));
         }
+        isAutoRowHeight(row) {
+            if (this.heightMode === 'autoHeight') {
+                return true;
+            }
+            else if (row >= 0 && row < this.columnHeaderLevelCount) {
+                return this.getDefaultRowHeight(row) === 'auto';
+            }
+            return false;
+        }
         getColWidth(col) {
             const width = this.colWidthsMap.get(col) ?? this.getDefaultColumnWidth(col);
             if ((this.widthMode === 'adaptive' && typeof width === 'number') ||
@@ -57402,6 +57278,7 @@
             if (parentElement) {
                 parentElement.removeChild(internalProps.element);
             }
+            this.editorManager?.editingEditor?.onEnd?.();
             this.isReleased = true;
         }
         fireListeners(type, event) {
@@ -57409,7 +57286,7 @@
         }
         updateOption(options) {
             this.options = options;
-            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth } = options;
+            const { frozenColCount = 0, defaultRowHeight = 40, defaultHeaderRowHeight, defaultColWidth = 80, defaultHeaderColWidth = 80, keyboardOptions, eventOptions, rowSeriesNumber, columnResizeMode, dragHeaderMode, showFrozenIcon, allowFrozenColCount, padding, hover, menu, select: click, pixelRatio, widthMode, heightMode, autoFillWidth, autoFillHeight, widthAdaptiveMode, heightAdaptiveMode, customRender, renderChartAsync, renderChartAsyncBatchCount, overscrollBehavior, limitMinWidth } = options;
             if (pixelRatio && pixelRatio !== this.internalProps.pixelRatio) {
                 this.internalProps.pixelRatio = pixelRatio;
             }
@@ -57433,6 +57310,8 @@
             }
             this.widthMode = widthMode ?? 'standard';
             this.heightMode = heightMode ?? 'standard';
+            this._widthAdaptiveMode = widthAdaptiveMode ?? 'only-body';
+            this._heightAdaptiveMode = heightAdaptiveMode ?? 'only-body';
             this.autoFillWidth = autoFillWidth ?? false;
             this.autoFillHeight = autoFillHeight ?? false;
             this.customRender = customRender;
@@ -57440,6 +57319,7 @@
             if (Env.mode !== 'node') {
                 updateRootElementPadding(internalProps.element, this.padding);
             }
+            this.columnWidthComputeMode = options.columnWidthComputeMode ?? 'normal';
             internalProps.frozenColCount = frozenColCount;
             internalProps.defaultRowHeight = defaultRowHeight;
             internalProps.defaultHeaderRowHeight = defaultHeaderRowHeight ?? defaultRowHeight;
@@ -57509,6 +57389,8 @@
             this.clearCellStyleCache();
             this.clearColWidthCache();
             this.clearRowHeightCache();
+            internalProps.customMergeCell = options.customMergeCell;
+            this.customCellStylePlugin.updateCustomCell(options.customCellStyle ?? [], options.customCellStyleArrangement ?? []);
         }
         renderWithRecreateCells() {
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
@@ -58192,7 +58074,7 @@
             if (bgColorFunc) {
                 cacheStyle = mergeStyle(cacheStyle, { bgColor: bgColorFunc });
             }
-            if (!isFunction$3(style)) {
+            if (!isFunction$1(style)) {
                 if (layoutMap.isBottomFrozenRow(row)) {
                     this.bodyBottomStyleCache.set(cacheKey, cacheStyle);
                 }
@@ -58602,6 +58484,9 @@
         measureText(text, font) {
             return textMeasure.measureText(text, font);
         }
+        measureTextBounds(attribute) {
+            return measureTextBounds(attribute);
+        }
         getCustomRender(col, row) {
             let customRender;
             if (this.getCellLocation(col, row) !== 'body') {
@@ -58692,7 +58577,7 @@
             const { col: hoverCol, row: hoverRow } = this.stateManager.hover.cellPos;
             this.stateManager.updateHoverPos(-1, -1);
             this.scenegraph.renderSceneGraph();
-            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds$1().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
+            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             if (!isInView) {
                 this.setScrollTop(scrollTop);
                 this.setScrollLeft(scrollLeft);
@@ -58718,7 +58603,7 @@
                 start: { col: minCol, row: minRow },
                 end: { col: maxCol, row: maxRow }
             });
-            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds$1().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
+            const c = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(cellRect.left + this.tableX + 1, cellRect.top + this.tableY + 1, cellRect.right + this.tableX, cellRect.bottom + this.tableY));
             const base64Image = c.toDataURL();
             if (!isInView || !isMaxCellInView) {
                 this.setScrollTop(scrollTop);
@@ -58744,7 +58629,7 @@
                     const buffer = stage.window.getImageBuffer(type);
                     return buffer;
                 }
-                const newCanvas = this.scenegraph.stage.toCanvas(false, new AABBBounds$1().set(0, 0, Math.min(this.canvasWidth, contentWidth), Math.min(this.canvasHeight, contentHeight)));
+                const newCanvas = this.scenegraph.stage.toCanvas(false, new AABBBounds().set(0, 0, Math.min(this.canvasWidth, contentWidth), Math.min(this.canvasHeight, contentHeight)));
                 const buffer = newCanvas.toBuffer(type);
                 return buffer;
             }
@@ -59068,7 +58953,7 @@
         let chartSpec = layout.getRawChartSpec(col, row);
         if (chartSpec) {
             if (layout._table.isPivotChart()) {
-                chartSpec = cloneDeep(chartSpec);
+                chartSpec = cloneDeepSpec(chartSpec);
                 chartSpec.sortDataByAxis = true;
                 if (isArray$3(chartSpec.series)) {
                     chartSpec.series.forEach((serie) => {
@@ -59744,6 +59629,7 @@
         columnTree;
         bodyRowSpanCount = 1;
         hierarchyIndent;
+        hierarchyTextStartAlignment;
         _transpose = false;
         _showHeader = true;
         _recordsCount = 0;
@@ -59760,6 +59646,7 @@
             this._columns = [];
             this._headerCellIds = [];
             this.hierarchyIndent = hierarchyIndent ?? 20;
+            this.hierarchyTextStartAlignment = table.options.hierarchyTextStartAlignment;
             this.columnTree = new DimensionTree(columns, { seqId: 0 });
             this._headerObjects = this._addHeaders(0, columns, []);
             this._headerObjectMap = this._headerObjects.reduce((o, e) => {
@@ -61283,9 +61170,9 @@
             internalProps.sortState = options.sortState;
             internalProps.dataConfig = {};
             internalProps.columns = options.columns
-                ? cloneDeep(options.columns)
+                ? cloneDeepSpec(options.columns)
                 : options.header
-                    ? cloneDeep(options.header)
+                    ? cloneDeepSpec(options.header)
                     : [];
             options.columns?.forEach((colDefine, index) => {
                 if (colDefine.editor) {
@@ -61335,7 +61222,7 @@
         }
         updateColumns(columns) {
             const oldHoverState = { col: this.stateManager.hover.cellPos.col, row: this.stateManager.hover.cellPos.row };
-            this.internalProps.columns = cloneDeep(columns);
+            this.internalProps.columns = cloneDeepSpec(columns);
             columns.forEach((colDefine, index) => {
                 if (colDefine.editor) {
                     this.internalProps.columns[index].editor = colDefine.editor;
@@ -61521,9 +61408,9 @@
             internalProps.dataConfig = {};
             this.showHeader = options.showHeader ?? true;
             internalProps.columns = options.columns
-                ? cloneDeep(options.columns)
+                ? cloneDeepSpec(options.columns)
                 : options.header
-                    ? cloneDeep(options.header)
+                    ? cloneDeepSpec(options.header)
                     : [];
             options.columns.forEach((colDefine, index) => {
                 if (colDefine.editor) {
@@ -61770,6 +61657,7 @@
             return this.dataSource.getHierarchyState(index);
         }
         toggleHierarchyState(col, row) {
+            this.stateManager.updateHoverIcon(col, row, undefined, undefined);
             const hierarchyState = this.getHierarchyState(col, row);
             if (hierarchyState === HierarchyState.expand) {
                 this._refreshHierarchyState(col, row);
@@ -61984,6 +61872,11 @@
                 this.scenegraph.resize();
             }
             this.render();
+            if (isValid$3(oldHoverState.col) && isValid$3(oldHoverState.row) && oldHoverState.col >= 0 && oldHoverState.row >= 0) {
+                setTimeout(() => {
+                    this.internalProps.tooltipHandler.showTooltip(oldHoverState.col, oldHoverState.row);
+                }, 0);
+            }
         }
         setRecordChildren(records, col, row) {
             const record = this.getCellOriginRecord(col, row);
@@ -62618,6 +62511,7 @@
         rowHierarchyType;
         rowExpandLevel;
         rowHierarchyIndent;
+        rowHierarchyTextStartAlignment = false;
         rowDimensionKeys = [];
         colDimensionKeys = [];
         indicatorKeys = [];
@@ -62671,6 +62565,7 @@
             this.rowHierarchyType = table.options.rowHierarchyType ?? 'grid';
             this.rowExpandLevel = table.options.rowExpandLevel ?? 1;
             this.rowHierarchyIndent = table.options.rowHierarchyIndent ?? 20;
+            this.rowHierarchyTextStartAlignment = table.options.rowHierarchyTextStartAlignment;
             this.cornerSetting = table.options.corner ?? { titleOnDimension: 'column' };
             if (dataset) {
                 this.rowTree = dataset.rowHeaderTree;
@@ -66243,7 +66138,7 @@
             }
             this.internalProps.columns = cloneDeep(options.columns);
             this.internalProps.rows = cloneDeep(options.rows);
-            this.internalProps.indicators = cloneDeep(options.indicators);
+            this.internalProps.indicators = cloneDeepSpec(options.indicators);
             options.indicators?.forEach((indicatorDefine, index) => {
                 if (typeof indicatorDefine === 'object' && indicatorDefine?.editor) {
                     this.internalProps.indicators[index].editor = indicatorDefine.editor;
@@ -66360,7 +66255,7 @@
             super.updateOption(options);
             this.internalProps.columns = cloneDeep(options.columns);
             this.internalProps.rows = cloneDeep(options.rows);
-            this.internalProps.indicators = !options.indicators?.length ? [] : cloneDeep(options.indicators);
+            this.internalProps.indicators = !options.indicators?.length ? [] : cloneDeepSpec(options.indicators);
             options.indicators?.forEach((indicatorDefine, index) => {
                 if (typeof indicatorDefine === 'object' && indicatorDefine?.editor) {
                     this.internalProps.indicators[index].editor = indicatorDefine.editor;
@@ -66825,6 +66720,7 @@
         toggleHierarchyState(col, row) {
             let notFillWidth = false;
             let notFillHeight = false;
+            this.stateManager.updateHoverIcon(col, row, undefined, undefined);
             const checkHasChart = this.internalProps.layoutMap.checkHasChart();
             if (checkHasChart) {
                 if (this.autoFillWidth) {
@@ -67197,7 +67093,7 @@
             }
             this.internalProps.columns = cloneDeep(options.columns);
             this.internalProps.rows = cloneDeep(options.rows);
-            this.internalProps.indicators = cloneDeep(options.indicators);
+            this.internalProps.indicators = cloneDeepSpec(options.indicators);
             this.internalProps.columnTree =
                 options.indicatorsAsCol && !options.columns?.length && !options.columnTree ? [] : cloneDeep(options.columnTree);
             this.internalProps.rowTree =
@@ -67284,7 +67180,7 @@
             super.updateOption(options);
             this.internalProps.columns = cloneDeep(options.columns);
             this.internalProps.rows = cloneDeep(options.rows);
-            this.internalProps.indicators = !options.indicators?.length ? [] : cloneDeep(options.indicators);
+            this.internalProps.indicators = !options.indicators?.length ? [] : cloneDeepSpec(options.indicators);
             this.internalProps.columnTree =
                 options.indicatorsAsCol && !options.columns?.length && !options.columnTree ? [] : cloneDeep(options.columnTree);
             this.internalProps.rowTree =
@@ -68125,7 +68021,7 @@
         cache;
         constructor(options) {
             let cache;
-            if (isString$4(options.iconName)) {
+            if (isString$2(options.iconName)) {
                 const regedIcons = get$2();
                 cache = regedIcons[options.iconName];
                 if (cache) {
@@ -68551,7 +68447,7 @@
     }
 
     registerForVrender();
-    const version = "0.23.2-alpha.0";
+    const version = "0.23.3";
     function getIcons() {
         return get$2();
     }