@visactor/vtable 0.15.2 → 0.15.4-alpha.0

package/dist/vtable.js

@@ -434,8 +434,8 @@
     const isNil$4 = value => null == value;
     var isNil$5 = isNil$4;
 
-    const isValid$5 = value => null != value;
-    var isValid$6 = isValid$5;
+    const isValid$4 = value => null != value;
+    var isValid$5 = isValid$4;
 
     const isObject$3 = value => {
       const type = typeof value;
@@ -455,8 +455,8 @@
     };
     var isPlainObject$3 = isPlainObject$2;
 
-    const isUndefined$1 = value => void 0 === value;
-    var isUndefined$2 = isUndefined$1;
+    const isUndefined = value => void 0 === value;
+    var isUndefined$1 = isUndefined;
 
     const isString$3 = function (value) {
       let fuzzy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
@@ -554,7 +554,7 @@
 
     function cloneDeep$1(value) {
       let result;
-      if (!isValid$6(value) || "object" != typeof value) return value;
+      if (!isValid$5(value) || "object" != typeof value) return value;
       const isArr = isArray$5(value),
         length = value.length;
       result = isArr ? new Array(length) : "object" == typeof value ? {} : isBoolean$4(value) || isNumber$7(value) || isString$4(value) ? value : isDate$3(value) ? new Date(+value) : void 0;
@@ -572,7 +572,7 @@
       let shallowArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
       if (source) {
         if (target === source) return;
-        if (isValid$6(source) && "object" == typeof source) {
+        if (isValid$5(source) && "object" == typeof source) {
           const iterable = Object(source),
             props = [];
           for (const key in iterable) props.push(key);
@@ -582,7 +582,7 @@
             propIndex = -1;
           for (; length--;) {
             const key = props[++propIndex];
-            isValid$6(iterable[key]) && "object" == typeof iterable[key] ? baseMergeDeep$1(target, source, key, shallowArray) : assignMergeValue$1(target, key, iterable[key]);
+            isValid$5(iterable[key]) && "object" == typeof iterable[key] ? baseMergeDeep$1(target, source, key, shallowArray) : assignMergeValue$1(target, key, iterable[key]);
           }
         }
       }
@@ -689,7 +689,7 @@
     }
 
     function array$1(arr) {
-      return isValid$6(arr) ? isArray$5(arr) ? arr : [arr] : [];
+      return isValid$5(arr) ? isArray$5(arr) ? arr : [arr] : [];
     }
     function last(val) {
       if (isArrayLike$3(val)) {
@@ -730,7 +730,7 @@
     }
 
     function range$1(start, stop, step) {
-      isValid$6(stop) || (stop = start, start = 0), isValid$6(step) || (step = 1);
+      isValid$5(stop) || (stop = start, start = 0), isValid$5(step) || (step = 1);
       let i = -1;
       const n = 0 | Math.max(0, Math.ceil((stop - start) / step)),
         range = new Array(n);
@@ -1516,8 +1516,8 @@
         }
       }
       static parseColorString(value) {
-        if (isValid$6(DEFAULT_COLORS_OPACITY$1[value])) return rgba$1(DEFAULT_COLORS_OPACITY$1[value]);
-        if (isValid$6(DEFAULT_COLORS$1[value])) return rgb$1(DEFAULT_COLORS$1[value]);
+        if (isValid$5(DEFAULT_COLORS_OPACITY$1[value])) return rgba$1(DEFAULT_COLORS_OPACITY$1[value]);
+        if (isValid$5(DEFAULT_COLORS$1[value])) return rgb$1(DEFAULT_COLORS$1[value]);
         const formatValue = `${value}`.trim().toLowerCase(),
           isHex = REG_HEX$1.exec(formatValue);
         if (isHex) {
@@ -1653,7 +1653,7 @@
     };
     let RGB$1 = class RGB {
       constructor(r, g, b, opacity) {
-        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$6(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
+        this.r = isNaN(+r) ? 255 : Math.max(0, Math.min(255, +r)), this.g = isNaN(+g) ? 255 : Math.max(0, Math.min(255, +g)), this.b = isNaN(+b) ? 255 : Math.max(0, Math.min(255, +b)), isValid$5(opacity) ? this.opacity = isNaN(+opacity) ? 1 : Math.max(0, Math.min(1, +opacity)) : this.opacity = 1;
       }
       formatHex() {
         return `#${hex$1(this.r) + hex$1(this.g) + hex$1(this.b) + (1 === this.opacity ? "" : hex$1(255 * this.opacity))}`;
@@ -1837,13 +1837,13 @@
 
     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$6(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$6(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
+        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$5(option.specialCharSet) && (this.specialCharSet = option.specialCharSet), this._standardMethod = isValid$5(option.getTextBounds) ? this.fullMeasure.bind(this) : this.measureWithNaiveCanvas.bind(this);
       }
       initContext() {
         if (this._notSupportCanvas) return !1;
-        if (isNil$5(this._canvas) && (isValid$6(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$5(this._canvas) && "undefined" != typeof window && void 0 !== window.document && isValid$6(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$5(this._context) && isValid$6(this._canvas)) {
+        if (isNil$5(this._canvas) && (isValid$5(this._option.getCanvasForMeasure) && (this._canvas = this._option.getCanvasForMeasure()), isNil$5(this._canvas) && "undefined" != typeof window && void 0 !== window.document && isValid$5(globalThis.document) && (this._canvas = globalThis.document.createElement("canvas"))), isNil$5(this._context) && isValid$5(this._canvas)) {
           const context = this._canvas.getContext("2d");
-          isValid$6(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
+          isValid$5(context) && (context.save(), context.font = getContextFont$1(this.textSpec), this._contextSaved = !0, this._context = context);
         }
         return !isNil$5(this._context) || (this._notSupportCanvas = !0, !1);
       }
@@ -1999,7 +1999,7 @@
           };
         if (isNil$5(text)) return defaultResult;
         if (isArray$5(text)) {
-          const textArr = text.filter(isValid$6).map(s => s.toString());
+          const textArr = text.filter(isValid$5).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
@@ -2031,10 +2031,10 @@
         return this._letterCharSize;
       }
       _measureSpecialChar(char) {
-        return isValid$6(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
+        return isValid$5(this._specialCharSizeMap[char]) ? this._specialCharSizeMap[char] : this.specialCharSet.includes(char) ? (this._specialCharSizeMap[char] = this._standardMethod(char), this._specialCharSizeMap[char]) : null;
       }
       release() {
-        isValid$6(this._canvas) && (this._canvas = null), isValid$6(this._context) && (this._contextSaved && (this._context.restore(), this._contextSaved = !1), this._context = null);
+        isValid$5(this._canvas) && (this._canvas = null), isValid$5(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 = "字";
@@ -2134,7 +2134,7 @@
             if (!list) {
                 return [];
             }
-            return list.map(listener => listener.call(this, event)).filter(r => isValid$6(r));
+            return list.map(listener => listener.call(this, event)).filter(r => isValid$5(r));
         }
         release() {
             delete this.listenersData;
@@ -2414,7 +2414,7 @@
             if (!columnStyle) {
                 columnStyle = {};
             }
-            if (globalAutoWrapText && !isValid$6(columnStyle.autoWrapText)) {
+            if (globalAutoWrapText && !isValid$5(columnStyle.autoWrapText)) {
                 columnStyle.autoWrapText = true;
             }
             return new StyleClassDef((columnStyle ?? {}), (bodyStyle ?? {}));
@@ -2682,7 +2682,7 @@
             if (!headerStyle) {
                 headerStyle = {};
             }
-            if (globalAutoWrapText && !isValid$6(headerStyle.autoWrapText)) {
+            if (globalAutoWrapText && !isValid$5(headerStyle.autoWrapText)) {
                 headerStyle.autoWrapText = true;
             }
             return new StyleClass(headerStyle ?? {}, (defaultHeaderStyle ?? {}));
@@ -2877,8 +2877,6 @@
     const isString$2 = (v) => isIt$1(v, 'string');
     const isNumber$5 = (v) => isIt$1(v, 'number');
     const isBoolean$2 = (v) => isIt$1(v, 'boolean');
-    const isUndefined = (v) => isIt$1(v, 'undefined');
-    const isNull = (v) => isIt$1(v, 'null');
     function ingoreNoneValueMerge(target, ...sources) {
         if (!sources.length) {
             return target || {};
@@ -2906,7 +2904,7 @@
         if (typeof value === 'function') {
             value = value();
         }
-        return isValid$4(value) ? `${value}` : '';
+        return isValid$5(value) ? `${value}` : '';
     }
     function transpose(matrix) {
         if (matrix?.length <= 0) {
@@ -2968,7 +2966,7 @@
             '(?:\\s*,\\s*' +
             '(0|1|0?\\.\\d+))?' +
             '\\s*\\)$', 'i'));
-        const alpha = !!rgb && isValid$4(rgb[4]) ? rgb[4] : null;
+        const alpha = !!rgb && isValid$5(rgb[4]) ? rgb[4] : null;
         const decimal = rgb
             ? [rgb[1], rgb[2], rgb[3]]
             : color
@@ -2986,12 +2984,6 @@
                     pad(Math[isDarker ? 'max' : 'min'](parseInt(decimal[2], 10) + difference, isDarker ? 0 : 255).toString(16), 2)
                 ].join('');
     }
-    function isValid$4(v) {
-        if (isUndefined(v) || isNull(v)) {
-            return false;
-        }
-        return true;
-    }
     function validToString(v) {
         if (isString$2(v) || isNumber$5(v) || isBoolean$2(v)) {
             return v.toString();
@@ -3031,6 +3023,10 @@
         }
         return result;
     }
+    function isAllDigits(str) {
+        const pattern = /^-?\d+(\.\d+)?$/;
+        return pattern.test(str);
+    }
 
     const isNode = typeof window === 'undefined' || typeof window.window === 'undefined';
     let arrayFind;
@@ -3577,6 +3573,10 @@
                     listener.target.removeEventListener(listener.type, listener.listener, ...listener.options);
                 }
             }
+            for (const key in this.reseizeListeners) {
+                const resizeObserver = this.reseizeListeners[key];
+                resizeObserver?.disConnect();
+            }
             this.listeners = {};
         }
         release() {
@@ -3688,7 +3688,7 @@
             return this._vals[key];
         }
         has(key) {
-            return isValid$6(this._vals[key]);
+            return isValid$5(this._vals[key]);
         }
         contain(value) {
             return Object.values(this._vals).indexOf(value) >= 0;
@@ -9727,10 +9727,10 @@
         const normalizedEvents = [];
         if (this.supportsTouchEvents && event.changedTouches && event.changedTouches.length) for (let i = 0, li = event.changedTouches.length; i < li; i++) {
           const touch = event.changedTouches[i];
-          isUndefined$2(touch.button) && (touch.button = 0), isUndefined$2(touch.buttons) && (touch.buttons = 1), isUndefined$2(touch.isPrimary) && (touch.isPrimary = 1 === event.touches.length && "touchstart" === event.type), isUndefined$2(touch.width) && (touch.width = touch.radiusX || 1), isUndefined$2(touch.height) && (touch.height = touch.radiusY || 1), isUndefined$2(touch.tiltX) && (touch.tiltX = 0), isUndefined$2(touch.tiltY) && (touch.tiltY = 0), isUndefined$2(touch.pointerType) && (touch.pointerType = "touch"), isUndefined$2(touch.pointerId) && (touch.pointerId = touch.identifier || 0), isUndefined$2(touch.pressure) && (touch.pressure = touch.force || .5), isUndefined$2(touch.twist) && (touch.twist = 0), isUndefined$2(touch.tangentialPressure) && (touch.tangentialPressure = 0), isUndefined$2(touch.layerX) && (touch.layerX = touch.offsetX = touch.clientX), isUndefined$2(touch.layerY) && (touch.layerY = touch.offsetY = touch.clientY), touch.isNormalized = !0, touch.type = event.type, normalizedEvents.push(touch);
+          isUndefined$1(touch.button) && (touch.button = 0), isUndefined$1(touch.buttons) && (touch.buttons = 1), isUndefined$1(touch.isPrimary) && (touch.isPrimary = 1 === event.touches.length && "touchstart" === event.type), isUndefined$1(touch.width) && (touch.width = touch.radiusX || 1), isUndefined$1(touch.height) && (touch.height = touch.radiusY || 1), isUndefined$1(touch.tiltX) && (touch.tiltX = 0), isUndefined$1(touch.tiltY) && (touch.tiltY = 0), isUndefined$1(touch.pointerType) && (touch.pointerType = "touch"), isUndefined$1(touch.pointerId) && (touch.pointerId = touch.identifier || 0), isUndefined$1(touch.pressure) && (touch.pressure = touch.force || .5), isUndefined$1(touch.twist) && (touch.twist = 0), isUndefined$1(touch.tangentialPressure) && (touch.tangentialPressure = 0), isUndefined$1(touch.layerX) && (touch.layerX = touch.offsetX = touch.clientX), isUndefined$1(touch.layerY) && (touch.layerY = touch.offsetY = touch.clientY), touch.isNormalized = !0, touch.type = event.type, normalizedEvents.push(touch);
         } else if (this.globalObj.supportsMouseEvents && (!(event instanceof MouseEvent) || this.supportsPointerEvents && event instanceof PointerEvent)) normalizedEvents.push(event);else {
           const tempEvent = event;
-          isUndefined$2(tempEvent.isPrimary) && (tempEvent.isPrimary = !0), isUndefined$2(tempEvent.width) && (tempEvent.width = 1), isUndefined$2(tempEvent.height) && (tempEvent.height = 1), isUndefined$2(tempEvent.tiltX) && (tempEvent.tiltX = 0), isUndefined$2(tempEvent.tiltY) && (tempEvent.tiltY = 0), isUndefined$2(tempEvent.pointerType) && (tempEvent.pointerType = "mouse"), isUndefined$2(tempEvent.pointerId) && (tempEvent.pointerId = 1), isUndefined$2(tempEvent.pressure) && (tempEvent.pressure = .5), isUndefined$2(tempEvent.twist) && (tempEvent.twist = 0), isUndefined$2(tempEvent.tangentialPressure) && (tempEvent.tangentialPressure = 0), tempEvent.isNormalized = !0, normalizedEvents.push(tempEvent);
+          isUndefined$1(tempEvent.isPrimary) && (tempEvent.isPrimary = !0), isUndefined$1(tempEvent.width) && (tempEvent.width = 1), isUndefined$1(tempEvent.height) && (tempEvent.height = 1), isUndefined$1(tempEvent.tiltX) && (tempEvent.tiltX = 0), isUndefined$1(tempEvent.tiltY) && (tempEvent.tiltY = 0), isUndefined$1(tempEvent.pointerType) && (tempEvent.pointerType = "mouse"), isUndefined$1(tempEvent.pointerId) && (tempEvent.pointerId = 1), isUndefined$1(tempEvent.pressure) && (tempEvent.pressure = .5), isUndefined$1(tempEvent.twist) && (tempEvent.twist = 0), isUndefined$1(tempEvent.tangentialPressure) && (tempEvent.tangentialPressure = 0), tempEvent.isNormalized = !0, normalizedEvents.push(tempEvent);
         }
         return normalizedEvents;
       }
@@ -26575,7 +26575,7 @@
         if (tagWidth += symbolPlaceWidth, textX += symbolPlaceWidth, "rich" === type) {
           const richTextAttrs = Object.assign(Object.assign({
             textConfig: text,
-            visible: isValid$6(text) && !1 !== visible
+            visible: isValid$5(text) && !1 !== visible
           }, textStyle), {
             x: textX,
             y: 0,
@@ -26600,7 +26600,7 @@
         } else if ("html" === type) {
           const richTextAttrs = Object.assign(Object.assign({
             textConfig: [],
-            visible: isValid$6(text) && !1 !== visible,
+            visible: isValid$5(text) && !1 !== visible,
             html: Object.assign(Object.assign({
               dom: text
             }, DEFAULT_HTML_TEXT_SPEC), textStyle)
@@ -26626,7 +26626,7 @@
         } else {
           const textAttrs = Object.assign(Object.assign({
             text: text,
-            visible: isValid$6(text) && !1 !== visible,
+            visible: isValid$5(text) && !1 !== visible,
             lineHeight: null == textStyle ? void 0 : textStyle.fontSize
           }, textStyle), {
             x: textX,
@@ -26644,7 +26644,7 @@
             textAlign: textAlign,
             textBaseline: textBaseline
           } = textStyle;
-          (isValid$6(minWidth) || isValid$6(maxWidth)) && (isValid$6(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$6(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
+          (isValid$5(minWidth) || isValid$5(maxWidth)) && (isValid$5(minWidth) && tagWidth < minWidth && (tagWidth = minWidth), isValid$5(maxWidth) && tagWidth > maxWidth && (tagWidth = maxWidth, textShape.setAttribute("maxLineWidth", maxWidth - parsedPadding[1] - parsedPadding[2])));
           let x = 0,
             y = 0;
           "center" === textAlign ? (x -= tagWidth / 2, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth / 2), group.setAttribute("x", -symbolPlaceWidth / 2)) : "right" === textAlign || "end" === textAlign ? (x -= tagWidth, symbol && symbol.setAttribute("x", (symbol.attribute.x || 0) - textWidth), group.setAttribute("x", -parsedPadding[1] - symbolPlaceWidth)) : "left" !== textAlign && "start" !== textAlign || group.setAttribute("x", parsedPadding[3]), "middle" === textBaseline ? (y -= tagHeight / 2, symbol && symbol.setAttribute("y", 0)) : "bottom" === textBaseline ? (y -= tagHeight, symbol && symbol.setAttribute("y", -textHeight / 2), group.setAttribute("y", -parsedPadding[2])) : "top" === textBaseline && (group.setAttribute("y", parsedPadding[0]), symbol && symbol.setAttribute("y", textHeight / 2));
@@ -26723,7 +26723,7 @@
             zIndex: 1
           }, "group"),
           maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3],
-          titleVisible = isValid$6(title) && !1 !== visible,
+          titleVisible = isValid$5(title) && !1 !== visible,
           titleAttrs = Object.assign(Object.assign({
             text: isArray$5(title) ? title : [title],
             visible: titleVisible
@@ -26741,7 +26741,7 @@
           titleWidth = titleBounds.width();
         let height = titleHeight + space;
         titleVisible || (height = 0);
-        const contentVisible = isValid$6(content) && !1 !== visible,
+        const contentVisible = isValid$5(content) && !1 !== visible,
           contentAttrs = Object.assign(Object.assign({
             text: isArray$5(content) ? content : [content],
             visible: contentVisible
@@ -28187,7 +28187,7 @@
           });
           bgRect.name = AXIS_ELEMENT_NAME.axisLabelBackground, bgRect.id = this._getNodeId("axis-label-background"), labelContainer.insertBefore(bgRect, labelContainer.firstChild);
         }
-        if (isValid$6(this.attribute.label.containerAlign)) {
+        if (isValid$5(this.attribute.label.containerAlign)) {
           let start;
           "left" === orient ? start = axisLabelContainerBounds.x2 : "right" === orient ? start = axisLabelContainerBounds.x1 : "top" === orient ? start = axisLabelContainerBounds.y2 : "bottom" === orient && (start = axisLabelContainerBounds.y1), alignAxisLabels(labelShapes, start, axisLabelContainerSize, orient, this.attribute.label.containerAlign);
         }
@@ -28418,7 +28418,7 @@
           };
         shape && shape.visible && (tagAttrs.shape = Object.assign({
           visible: !0
-        }, shape.style), isValid$6(shape.space) && (tagAttrs.space = shape.space)), background && background.visible && (tagAttrs.panel = Object.assign({
+        }, shape.style), isValid$5(shape.space) && (tagAttrs.space = shape.space)), background && background.visible && (tagAttrs.panel = Object.assign({
           visible: !0
         }, background.style));
         const titleTag = new Tag$1(tagAttrs);
@@ -28537,7 +28537,7 @@
             width: itemWidth,
             height: itemHeight
           } = item;
-        isValid$6(maxItemWidth) ? isValid$6(itemWidth) ? this._itemWidthByUser = Math.min(maxItemWidth, itemWidth) : this._itemWidthByUser = maxItemWidth : isValid$6(itemWidth) && (this._itemWidthByUser = itemWidth), isValid$6(itemHeight) && (this._itemHeightByUser = itemHeight);
+        isValid$5(maxItemWidth) ? isValid$5(itemWidth) ? this._itemWidthByUser = Math.min(maxItemWidth, itemWidth) : this._itemWidthByUser = maxItemWidth : isValid$5(itemWidth) && (this._itemWidthByUser = itemWidth), isValid$5(itemHeight) && (this._itemHeightByUser = itemHeight);
         let doWrap = !1,
           maxWidthInCol = 0,
           startX = 0,
@@ -28549,10 +28549,10 @@
           const itemGroup = this._renderEachItem(item, !!isEmpty(defaultSelected) || (null == defaultSelected ? void 0 : defaultSelected.includes(item.label)), index, legendItems),
             itemWidth = itemGroup.attribute.width,
             itemHeight = itemGroup.attribute.height;
-          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (maxPages = maxRow, isValid$6(maxWidth) && (itemWidth >= maxWidth ? (doWrap = !0, index > 0 && (startX = 0, startY += itemHeight + spaceRow, pages += 1)) : maxWidth < startX + itemWidth && (doWrap = !0, startX = 0, startY += itemHeight + spaceRow, pages += 1)), index > 0 && itemGroup.setAttributes({
+          this._itemHeight = Math.max(this._itemHeight, itemHeight), maxWidthInCol = Math.max(itemWidth, maxWidthInCol), this._itemMaxWidth = Math.max(itemWidth, this._itemMaxWidth), isHorizontal ? (maxPages = maxRow, isValid$5(maxWidth) && (itemWidth >= maxWidth ? (doWrap = !0, index > 0 && (startX = 0, startY += itemHeight + spaceRow, pages += 1)) : maxWidth < startX + itemWidth && (doWrap = !0, startX = 0, startY += itemHeight + spaceRow, pages += 1)), index > 0 && itemGroup.setAttributes({
             x: startX,
             y: startY
-          }), startX += spaceCol + itemWidth) : (maxPages = maxCol, isValid$6(maxHeight) && maxHeight < startY + itemHeight && (doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0, pages += 1), index > 0 && itemGroup.setAttributes({
+          }), startX += spaceCol + itemWidth) : (maxPages = maxCol, isValid$5(maxHeight) && maxHeight < startY + itemHeight && (doWrap = !0, startY = 0, startX += maxWidthInCol + spaceCol, maxWidthInCol = 0, pages += 1), index > 0 && itemGroup.setAttributes({
             x: startX,
             y: startY
           }), startY += spaceRow + itemHeight), itemsContainer.add(itemGroup);
@@ -28645,7 +28645,7 @@
         }));
         this._appendDataToShape(labelShape, LEGEND_ELEMENT_NAME.itemLabel, item, itemGroup, null == labelAttr ? void 0 : labelAttr.state), labelShape.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected), innerGroup.add(labelShape);
         const labelSpace = get$5(labelAttr, "space", DEFAULT_LABEL_SPACE);
-        if (isValid$6(value)) {
+        if (isValid$5(value)) {
           const valueSpace = get$5(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
             valueShape = createText(Object.assign(Object.assign({
               x: 0,
@@ -28673,7 +28673,7 @@
         const innerGroupBounds = innerGroup.AABBBounds,
           innerGroupWidth = innerGroupBounds.width(),
           innerGroupHeight = innerGroupBounds.height(),
-          itemGroupWidth = isValid$6(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
+          itemGroupWidth = isValid$5(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
           itemGroupHeight = this._itemHeightByUser || innerGroupHeight + parsedPadding[0] + parsedPadding[2];
         return itemGroup.attribute.width = itemGroupWidth, itemGroup.attribute.height = itemGroupHeight, focusShape && focusShape.setAttribute("visible", !1), innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), itemGroup;
       }
@@ -28995,10 +28995,10 @@
         this._rangeFactorStart = null, this._rangeFactorEnd = null;
       }
       _calculateWholeRange(range) {
-        return this._wholeRange ? this._wholeRange : isValid$6(this._rangeFactorStart) && isValid$6(this._rangeFactorEnd) && 2 === range.length ? (this._wholeRange = calculateWholeRangeFromRangeFactor(range, [this._rangeFactorStart, this._rangeFactorEnd]), this._wholeRange) : range;
+        return this._wholeRange ? this._wholeRange : isValid$5(this._rangeFactorStart) && isValid$5(this._rangeFactorEnd) && 2 === range.length ? (this._wholeRange = calculateWholeRangeFromRangeFactor(range, [this._rangeFactorStart, this._rangeFactorEnd]), this._wholeRange) : range;
       }
       rangeFactor(_, slience, clear) {
-        return _ ? (2 === _.length && _.every(r => r >= 0 && r <= 1) && (this._wholeRange = null, 0 === _[0] && 1 === _[1] ? (this._rangeFactorStart = null, this._rangeFactorEnd = null) : (this._rangeFactorStart = _[0], this._rangeFactorEnd = _[1])), this) : clear ? (this._wholeRange = null, this._rangeFactorStart = null, this._rangeFactorEnd = null, this) : isValid$6(this._rangeFactorStart) && isValid$6(this._rangeFactorEnd) ? [this._rangeFactorStart, this._rangeFactorEnd] : null;
+        return _ ? (2 === _.length && _.every(r => r >= 0 && r <= 1) && (this._wholeRange = null, 0 === _[0] && 1 === _[1] ? (this._rangeFactorStart = null, this._rangeFactorEnd = null) : (this._rangeFactorStart = _[0], this._rangeFactorEnd = _[1])), this) : clear ? (this._wholeRange = null, this._rangeFactorStart = null, this._rangeFactorEnd = null, this) : isValid$5(this._rangeFactorStart) && isValid$5(this._rangeFactorEnd) ? [this._rangeFactorStart, this._rangeFactorEnd] : null;
       }
       rangeFactorStart(_, slience) {
         var _a;
@@ -29065,7 +29065,7 @@
       }
       calculateVisibleDomain(range) {
         var _a;
-        if (isValid$6(this._rangeFactorStart) && isValid$6(this._rangeFactorEnd) && 2 === range.length) {
+        if (isValid$5(this._rangeFactorStart) && isValid$5(this._rangeFactorEnd) && 2 === range.length) {
           return [this.invert(range[0]), this.invert(range[1])];
         }
         return null !== (_a = this._niceDomain) && void 0 !== _a ? _a : this._domain;
@@ -29333,7 +29333,7 @@
         let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
         let options = arguments.length > 1 ? arguments[1] : undefined;
         var _a;
-        if (isValid$6(this._rangeFactorStart) && isValid$6(this._rangeFactorEnd) && (this._rangeFactorStart > 0 || this._rangeFactorEnd < 1) && 2 === this._range.length || !this._niceType) return this.d3Ticks(count, options);
+        if (isValid$5(this._rangeFactorStart) && isValid$5(this._rangeFactorEnd) && (this._rangeFactorStart > 0 || this._rangeFactorEnd < 1) && 2 === this._range.length || !this._niceType) return this.d3Ticks(count, options);
         const curNiceDomain = null !== (_a = this._niceDomain) && void 0 !== _a ? _a : this._domain,
           originalDomain = this._domain,
           start = curNiceDomain[0],
@@ -29507,7 +29507,7 @@
           let currentPos, startHandlerPos, endHandlerPos, railLen;
           this._isHorizontal ? (currentPos = e.viewX - this._rail.globalAABBBounds.x1, startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.x, endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.x, railLen = railWidth) : (currentPos = e.viewY - this._rail.globalAABBBounds.y1, startHandlerPos = null == startHandler ? void 0 : startHandler.attribute.y, endHandlerPos = null == endHandler ? void 0 : endHandler.attribute.y, railLen = railHeight);
           const currentValue = currentPos / railLen * (max - min) + min;
-          if (isValid$6(endHandlerPos)) {
+          if (isValid$5(endHandlerPos)) {
             const updateHandler = Math.abs(currentPos - startHandlerPos) > Math.abs(currentPos - endHandlerPos) ? endHandler : startHandler;
             this._updateHandler(updateHandler, currentPos, currentValue);
           } else this._updateHandler(startHandler, currentPos, currentValue);
@@ -29574,7 +29574,7 @@
             text: startText.text,
             lineHeight: null === (_a = startText.style) || void 0 === _a ? void 0 : _a.fontSize
           }, startText.style)), startTextShape.name = SLIDER_ELEMENT_NAME.startText, innerView.add(startTextShape);
-          const space = isValid$6(startText.space) ? startText.space : 0;
+          const space = isValid$5(startText.space) ? startText.space : 0;
           startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;
         }
         const mainContainer = createGroup({
@@ -29588,7 +29588,7 @@
         });
         let endTextShape;
         if (railContainer.name = SLIDER_ELEMENT_NAME.railContainer, this._railContainer = railContainer, mainContainer.add(railContainer), this._renderRail(railContainer), startLen += isHorizontal ? railWidth : railHeight, endText && endText.visible) {
-          const space = isValid$6(endText.space) ? endText.space : 0;
+          const space = isValid$5(endText.space) ? endText.space : 0;
           endTextShape = createText(Object.assign({
             x: isHorizontal ? startLen + space : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : startLen + space,
@@ -30180,7 +30180,7 @@
             y: parsedPadding[0],
             zIndex: 1
           }, "group");
-        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if ("rich" === textType || isValid$6(textStyle.character)) {
+        if (!1 !== (null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.visible) && !1 !== (null == textStyle ? void 0 : textStyle.visible)) if ("rich" === textType || isValid$5(textStyle.character)) {
           const attr = Object.assign({
             x: null !== (_b = textStyle.x) && void 0 !== _b ? _b : 0,
             y: null !== (_c = textStyle.y) && void 0 !== _c ? _c : 0,
@@ -30209,7 +30209,7 @@
             textConfig: []
           }, textStyle);
           this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
-        } else isValid$6(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
+        } else isValid$5(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
           text: [text]
         }, textStyle), {
           maxLineWidth: null !== (_u = null == textStyle ? void 0 : textStyle.maxLineWidth) && void 0 !== _u ? _u : width,
@@ -30221,7 +30221,7 @@
         }), "wrapText"));
         const maintextHeight = this._mainTitle ? null === (_w = this._mainTitle) || void 0 === _w ? void 0 : _w.AABBBounds.height() : 0,
           maintextWidth = this._mainTitle ? null === (_x = this._mainTitle) || void 0 === _x ? void 0 : _x.AABBBounds.width() : 0;
-        if (!1 !== (null === (_y = this.attribute) || void 0 === _y ? void 0 : _y.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if ("rich" === subtextType || isValid$6(subtextStyle.character)) {
+        if (!1 !== (null === (_y = this.attribute) || void 0 === _y ? void 0 : _y.visible) && !1 !== (null == subtextStyle ? void 0 : subtextStyle.visible)) if ("rich" === subtextType || isValid$5(subtextStyle.character)) {
           const attr = Object.assign({
             x: null !== (_z = subtextStyle.x) && void 0 !== _z ? _z : 0,
             y: null !== (_0 = subtextStyle.y) && void 0 !== _0 ? _0 : 0,
@@ -30250,7 +30250,7 @@
             textConfig: []
           }, subtextStyle);
           this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
-        } else isValid$6(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
+        } else isValid$5(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
           text: [subtext]
         }, subtextStyle), {
           maxLineWidth: null !== (_16 = null == subtextStyle ? void 0 : subtextStyle.maxLineWidth) && void 0 !== _16 ? _16 : width,
@@ -30264,22 +30264,22 @@
           subtextWidth = this._subTitle ? null === (_19 = this._subTitle) || void 0 === _19 ? void 0 : _19.AABBBounds.width() : 0;
         let titleWidth = Math.max(maintextWidth, subtextWidth),
           titleHeight = maintextHeight + (null !== (_20 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _20 ? _20 : subtextHeight);
-        if (isValid$6(width) && (titleWidth = width, null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("maxLineWidth", width), null === (_22 = this._subTitle) || void 0 === _22 || _22.setAttribute("maxLineWidth", width)), isValid$6(height) && (titleHeight = height), isValid$6(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$6(maxWidth) && (null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("maxLineWidth", maxWidth), null === (_24 = this._subTitle) || void 0 === _24 || _24.setAttribute("maxLineWidth", maxWidth), null === (_25 = this._mainTitle) || void 0 === _25 || _25.setAttribute("maxWidth", maxWidth), null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$6(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$6(maxHeight) && (null === (_27 = this._mainTitle) || void 0 === _27 || _27.setAttribute("maxHeight", maxHeight), null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, isValid$6(align) || isValid$6(null == textStyle ? void 0 : textStyle.align)) {
+        if (isValid$5(width) && (titleWidth = width, null === (_21 = this._mainTitle) || void 0 === _21 || _21.setAttribute("maxLineWidth", width), null === (_22 = this._subTitle) || void 0 === _22 || _22.setAttribute("maxLineWidth", width)), isValid$5(height) && (titleHeight = height), isValid$5(minWidth) && titleWidth < minWidth && (titleWidth = minWidth), isValid$5(maxWidth) && (null === (_23 = this._mainTitle) || void 0 === _23 || _23.setAttribute("maxLineWidth", maxWidth), null === (_24 = this._subTitle) || void 0 === _24 || _24.setAttribute("maxLineWidth", maxWidth), null === (_25 = this._mainTitle) || void 0 === _25 || _25.setAttribute("maxWidth", maxWidth), null === (_26 = this._subTitle) || void 0 === _26 || _26.setAttribute("maxWidth", maxWidth), titleWidth > maxWidth && (titleWidth = maxWidth)), isValid$5(minHeight) && titleHeight < minHeight && (titleHeight = minHeight), isValid$5(maxHeight) && (null === (_27 = this._mainTitle) || void 0 === _27 || _27.setAttribute("maxHeight", maxHeight), null === (_28 = this._subTitle) || void 0 === _28 || _28.setAttribute("maxHeight", maxHeight - maintextHeight), titleHeight > maxHeight && (titleHeight = maxHeight)), group.attribute.width = titleWidth, group.attribute.height = titleHeight, group.attribute.boundsPadding = parsedPadding, isValid$5(align) || isValid$5(null == textStyle ? void 0 : textStyle.align)) {
           const mainTitleAlign = (null == textStyle ? void 0 : textStyle.align) ? null == textStyle ? void 0 : textStyle.align : align,
             mainTitleWidth = null !== (_29 = null == textStyle ? void 0 : textStyle.width) && void 0 !== _29 ? _29 : maintextWidth;
           "left" === mainTitleAlign ? (null === (_30 = this._mainTitle) || void 0 === _30 || _30.setAttribute("x", 0), null === (_31 = this._mainTitle) || void 0 === _31 || _31.setAttribute("textAlign", "left")) : "center" === mainTitleAlign ? (null === (_32 = this._mainTitle) || void 0 === _32 || _32.setAttribute("x", mainTitleWidth / 2), null === (_33 = this._mainTitle) || void 0 === _33 || _33.setAttribute("textAlign", "center")) : "right" === mainTitleAlign && (null === (_34 = this._mainTitle) || void 0 === _34 || _34.setAttribute("x", mainTitleWidth), null === (_35 = this._mainTitle) || void 0 === _35 || _35.setAttribute("textAlign", "right"));
         }
-        if (isValid$6(verticalAlign) || isValid$6(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+        if (isValid$5(verticalAlign) || isValid$5(null == textStyle ? void 0 : textStyle.verticalAlign)) {
           const mainTitleVerticalAlign = (null == textStyle ? void 0 : textStyle.verticalAlign) ? null == textStyle ? void 0 : textStyle.verticalAlign : verticalAlign,
             mainTitleHeight = (null == textStyle ? void 0 : textStyle.height) ? null == textStyle ? void 0 : textStyle.height : titleHeight;
           "top" === mainTitleVerticalAlign ? (null === (_36 = this._mainTitle) || void 0 === _36 || _36.setAttribute("y", 0), null === (_37 = this._mainTitle) || void 0 === _37 || _37.setAttribute("textBaseline", "top")) : "middle" === mainTitleVerticalAlign ? (null === (_38 = this._mainTitle) || void 0 === _38 || _38.setAttribute("y", mainTitleHeight / 2), null === (_39 = this._mainTitle) || void 0 === _39 || _39.setAttribute("textBaseline", "middle")) : "bottom" === mainTitleVerticalAlign && (null === (_40 = this._mainTitle) || void 0 === _40 || _40.setAttribute("y", mainTitleHeight), null === (_41 = this._mainTitle) || void 0 === _41 || _41.setAttribute("textBaseline", "bottom"));
         }
-        if (isValid$6(align) || isValid$6(null == subtextStyle ? void 0 : subtextStyle.align)) {
+        if (isValid$5(align) || isValid$5(null == subtextStyle ? void 0 : subtextStyle.align)) {
           const subTitleAlign = (null == subtextStyle ? void 0 : subtextStyle.align) ? null == subtextStyle ? void 0 : subtextStyle.align : align,
             subTitleWidth = null !== (_42 = null == subtextStyle ? void 0 : subtextStyle.width) && void 0 !== _42 ? _42 : subtextWidth;
           "left" === subTitleAlign ? (null === (_43 = this._subTitle) || void 0 === _43 || _43.setAttribute("x", 0), null === (_44 = this._subTitle) || void 0 === _44 || _44.setAttribute("textAlign", "left")) : "center" === subTitleAlign ? (null === (_45 = this._subTitle) || void 0 === _45 || _45.setAttribute("x", subTitleWidth / 2), null === (_46 = this._subTitle) || void 0 === _46 || _46.setAttribute("textAlign", "center")) : "right" === subTitleAlign && (null === (_47 = this._subTitle) || void 0 === _47 || _47.setAttribute("x", subTitleWidth), null === (_48 = this._subTitle) || void 0 === _48 || _48.setAttribute("textAlign", "right"));
         }
-        if (isValid$6(verticalAlign) || isValid$6(null == textStyle ? void 0 : textStyle.verticalAlign)) {
+        if (isValid$5(verticalAlign) || isValid$5(null == textStyle ? void 0 : textStyle.verticalAlign)) {
           const subTitleVerticalAlign = (null == subtextStyle ? void 0 : subtextStyle.verticalAlign) ? null == subtextStyle ? void 0 : subtextStyle.verticalAlign : verticalAlign,
             subTitleYStart = maintextHeight,
             subTitleHeight = null !== (_49 = null == subtextStyle ? void 0 : subtextStyle.height) && void 0 !== _49 ? _49 : 0;
@@ -32603,7 +32603,7 @@
         labelStyle: labelStyle
       } = op;
       let scaleTicks;
-      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
+      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if ("d3" === op.tickMode) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -32678,7 +32678,7 @@
         rangeSize = scale.calculateWholeRangeSize();
       if (rangeSize < 2) return op.labelLastVisible ? convertDomainToTickData([domain[domain.length - 1]]) : convertDomainToTickData([domain[0]]);
       let scaleTicks;
-      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$6(tickCount)) {
+      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$5(tickCount)) {
         const count = isFunction$1(tickCount) ? tickCount({
           axisLength: rangeSize,
           labelStyle: labelStyle
@@ -32782,7 +32782,7 @@
         radius = null == getRadius ? void 0 : getRadius();
       if (!radius) return convertDomainToTickData(scale.domain());
       let scaleTicks;
-      if (isValid$6(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$6(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$6(tickCount)) {
+      if (isValid$5(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$5(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$5(tickCount)) {
         const range = scale.range(),
           rangeSize = Math.abs(range[range.length - 1] - range[0]),
           count = isFunction$1(tickCount) ? tickCount({
@@ -32898,10 +32898,10 @@
             if (isNil$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.nice();
             }
-            else if (isValid$6(this.domain?.min) && isNil$5(this.domain?.max)) {
+            else if (isValid$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.niceMax();
             }
-            else if (isNil$5(this.domain?.min) && isValid$6(this.domain?.max)) {
+            else if (isNil$5(this.domain?.min) && isValid$5(this.domain?.max)) {
                 this.nice && this._scale.niceMin();
             }
         }
@@ -32913,10 +32913,10 @@
             if (isNil$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.nice(tickCount);
             }
-            else if (isValid$6(this.domain?.min) && isNil$5(this.domain?.max)) {
+            else if (isValid$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                 this.nice && this._scale.niceMax(tickCount);
             }
-            else if (isNil$5(this.domain?.min) && isValid$6(this.domain?.max)) {
+            else if (isNil$5(this.domain?.min) && isValid$5(this.domain?.max)) {
                 this.nice && this._scale.niceMin(tickCount);
             }
             else {
@@ -32947,10 +32947,10 @@
             }
             const domainMin = domain[0];
             const domainMax = domain[domain.length - 1];
-            if (isValid$6(this.expand.min)) {
+            if (isValid$5(this.expand.min)) {
                 domain[0] = domainMin - (domainMax - domainMin) * this.expand.min;
             }
-            if (isValid$6(this.expand.max)) {
+            if (isValid$5(this.expand.max)) {
                 domain[domain.length - 1] = domainMax + (domainMax - domainMin) * this.expand.max;
             }
         }
@@ -32988,10 +32988,10 @@
                 if (isNil$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                     this._scale.nice(tickCount);
                 }
-                else if (isValid$6(this.domain?.min) && isNil$5(this.domain?.max)) {
+                else if (isValid$5(this.domain?.min) && isNil$5(this.domain?.max)) {
                     this._scale.niceMax(tickCount);
                 }
-                else if (isNil$5(this.domain?.min) && isValid$6(this.domain?.max)) {
+                else if (isNil$5(this.domain?.min) && isValid$5(this.domain?.max)) {
                     this._scale.niceMin(tickCount);
                 }
                 else {
@@ -33036,8 +33036,8 @@
                 return;
             }
             const { min, max } = this.domain;
-            isValid$6(min) && (domain[0] = min);
-            isValid$6(max) && (domain[1] = max);
+            isValid$5(min) && (domain[0] = min);
+            isValid$5(max) && (domain[1] = max);
         }
         setZero(zero) {
             if (this.zero !== zero) {
@@ -33474,7 +33474,7 @@
     function isFieldAssessor(field) {
         if (obj.isObject(field)) {
             const a = field;
-            if (isValid$6(a.get) && isValid$6(a.set)) {
+            if (isValid$5(a.get) && isValid$5(a.set)) {
                 return true;
             }
         }
@@ -33529,7 +33529,7 @@
             return index;
         }
         const mapIndex = sortedIndexMap[index];
-        return isValid$6(mapIndex) ? mapIndex : index;
+        return isValid$5(mapIndex) ? mapIndex : index;
     }
     class DataSource extends EventTarget$2 {
         _get;
@@ -33547,7 +33547,7 @@
             return EVENT_TYPE;
         }
         treeDataHierarchyState = new Map();
-        changeValuesMap = [];
+        beforeChangedRecordsMap = [];
         constructor(obj, pagination, hierarchyExpandLevel) {
             super();
             this._get = obj?.get.bind(obj) || undefined;
@@ -33710,7 +33710,7 @@
                 this.lastOrder &&
                     this.lastOrder !== 'normal' &&
                     this.lastOrderField &&
-                    sort(index => isValid$6(subNodeSortedIndexArray[index])
+                    sort(index => isValid$5(subNodeSortedIndexArray[index])
                         ? subNodeSortedIndexArray[index]
                         : (subNodeSortedIndexArray[index] = index), (index, rel) => {
                         subNodeSortedIndexArray[index] = rel;
@@ -33737,12 +33737,12 @@
             }
             if (index >= 0) {
                 const dataIndex = this.getIndexKey(index);
-                if (!this.changeValuesMap[dataIndex]) {
+                if (!this.beforeChangedRecordsMap[dataIndex]) {
                     const originRecord = this.getOriginalRecord(dataIndex);
-                    this.changeValuesMap[dataIndex] = cloneDeep$1(originRecord);
+                    this.beforeChangedRecordsMap[dataIndex] = cloneDeep$1(originRecord);
                 }
                 if (typeof field === 'string' || typeof field === 'number') {
-                    const beforeChangedValue = this.changeValuesMap[dataIndex][field];
+                    const beforeChangedValue = this.beforeChangedRecordsMap[dataIndex][field];
                     const record = this.getOriginalRecord(dataIndex);
                     if (typeof beforeChangedValue === 'number' && isAllDigits(value)) {
                         record[field] = parseFloat(value);
@@ -33788,7 +33788,7 @@
                 }
             }
             else {
-                sort(index => (isValid$6(sortedIndexArray[index]) ? sortedIndexArray[index] : (sortedIndexArray[index] = index)), (index, rel) => {
+                sort(index => (isValid$5(sortedIndexArray[index]) ? sortedIndexArray[index] : (sortedIndexArray[index] = index)), (index, rel) => {
                     sortedIndexArray[index] = rel;
                 }, this._sourceLength, orderFn, order, index => this.getOriginalField(index, field));
             }
@@ -33875,8 +33875,8 @@
             });
         }
         getRawRecord(dataIndex) {
-            if (this.changeValuesMap?.[dataIndex]) {
-                return this.changeValuesMap[dataIndex];
+            if (this.beforeChangedRecordsMap?.[dataIndex]) {
+                return this.beforeChangedRecordsMap[dataIndex];
             }
             return getValue(this._get(dataIndex), (val) => {
                 this.recordPromiseCallBack(dataIndex, val);
@@ -33920,10 +33920,6 @@
             length: 0
         });
     }
-    function isAllDigits(str) {
-        const pattern = /^-?\d+(\.\d+)?$/;
-        return pattern.test(str);
-    }
 
     function _setFieldCache(fCache, index, field, value) {
         const recCache = fCache[index] || (fCache[index] = new Map());
@@ -34468,7 +34464,7 @@
         _dealWithUpdateDataSource(table, () => {
             const data = records;
             table.internalProps.records = records;
-            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(data, table.pagination, table.options.hierarchyExpandLevel ?? (table.hasHierarchyTreeHeader?.() ? 1 : undefined)));
+            const newDataSource = (table.internalProps.dataSource = CachedDataSource.ofArray(data, table.pagination, table.options.hierarchyExpandLevel ?? (table._hasHierarchyTreeHeader?.() ? 1 : undefined)));
             table.addReleaseObj(newDataSource);
         });
     }
@@ -34885,12 +34881,12 @@
                 }
             }
             const rect = element;
-            if (isValid$6(rect.x)) {
+            if (isValid$5(rect.x)) {
                 rect.x = isString$4(rect.x)
                     ? transformString(rect.x, width - borderLineWidths[1])
                     : Number(rect.x);
             }
-            if (isValid$6(rect.y)) {
+            if (isValid$5(rect.y)) {
                 rect.y = isString$4(rect.y)
                     ? transformString(rect.y, height - borderLineWidths[2])
                     : Number(rect.y);
@@ -35492,7 +35488,7 @@
     }
 
     function getProp(name, cellStyle, col, row, _table) {
-        const prop = cellStyle && isValid$6(cellStyle[name]) ? cellStyle[name] : null;
+        const prop = cellStyle && isValid$5(cellStyle[name]) ? cellStyle[name] : null;
         if (typeof prop === 'function') {
             const arg = {
                 col,
@@ -35507,7 +35503,7 @@
         return prop;
     }
     function getFunctionalProp(name, cellStyle, col, row, _table) {
-        const prop = cellStyle && isValid$6(cellStyle[name]) ? cellStyle[name] : null;
+        const prop = cellStyle && isValid$5(cellStyle[name]) ? cellStyle[name] : null;
         if (typeof prop === 'function') {
             const arg = {
                 col,
@@ -35526,7 +35522,7 @@
     function createImageCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme) {
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$6(functionalPadding)) {
+        if (isValid$5(functionalPadding)) {
             padding = functionalPadding;
         }
         if (cellTheme?.text?.textAlign) {
@@ -36205,13 +36201,13 @@
                 for (let j = 0; j < values.length; j++) {
                     if (domain[i] == values[j]) {
                         const data = dataValue[j];
-                        if (!isValid$6(data[xField]) || !isValid$6(data[yField])) {
+                        if (!isValid$5(data[xField]) || !isValid$5(data[yField])) {
                             break;
                         }
                         items.push({
                             x: left + xScale.scale(data[xField]),
                             y: bottom - yScale.scale(data[yField]),
-                            defined: isValid$6(data[yField])
+                            defined: isValid$5(data[yField])
                         });
                         dataItems.push(data);
                         valid = true;
@@ -36234,7 +36230,7 @@
                 items.push({
                     x: left + xScale.scale(xField ? data[xField] : i),
                     y: bottom - yScale.scale(yField ? data[yField] : data),
-                    defined: isValid$6(yField ? data[yField] : data),
+                    defined: isValid$5(yField ? data[yField] : data),
                     rawData: data
                 });
                 dataItems.push(data);
@@ -36455,7 +36451,7 @@
         const ClassType = registerCharts[chartModule];
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$6(functionalPadding)) {
+        if (isValid$5(functionalPadding)) {
             padding = functionalPadding;
         }
         if (!cellGroup) {
@@ -36708,7 +36704,7 @@
         let absoluteLeftIconWidth = 0;
         let absoluteRightIconWidth = 0;
         if (!Array.isArray(icons) || icons.length === 0) {
-            if (isValid$6(textStr)) {
+            if (isValid$5(textStr)) {
                 const text = convertInternal(textStr).replace(/\r?\n/g, '\n').replace(/\r/g, '\n').split('\n');
                 const hierarchyOffset = getHierarchyOffset(cellGroup.col, cellGroup.row, table);
                 const attribute = {
@@ -37164,7 +37160,7 @@
     function createCellGroup(table, value, columnGroup, xOrigin, yOrigin, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme) {
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$6(functionalPadding)) {
+        if (isValid$5(functionalPadding)) {
             padding = functionalPadding;
         }
         if (cellTheme?.text?.textAlign) {
@@ -37232,7 +37228,7 @@
     function createVideoCellGroup(columnGroup, xOrigin, yOrigin, col, row, width, height, keepAspectRatio, imageAutoSizing, padding, textAlign, textBaseline, table, cellTheme) {
         const headerStyle = table._getCellStyle(col, row);
         const functionalPadding = getFunctionalProp('padding', headerStyle, col, row, table);
-        if (isValid$6(functionalPadding)) {
+        if (isValid$5(functionalPadding)) {
             padding = functionalPadding;
         }
         if (cellTheme?.text?.textAlign) {
@@ -37950,10 +37946,10 @@
         if (axisOption?.expand) {
             const domainMin = min;
             const domainMax = max;
-            if (isValid$6(axisOption.expand.min)) {
+            if (isValid$5(axisOption.expand.min)) {
                 min = domainMin - (domainMax - domainMin) * axisOption.expand.min;
             }
-            if (isValid$6(axisOption.expand.max)) {
+            if (isValid$5(axisOption.expand.max)) {
                 max = domainMax + (domainMax - domainMin) * axisOption.expand.max;
             }
         }
@@ -37992,10 +37988,10 @@
             if (isNil$5(axisOption.min) && isNil$5(axisOption.max)) {
                 scale.nice(tickCount);
             }
-            else if (isValid$6(axisOption.min) && isNil$5(axisOption.max)) {
+            else if (isValid$5(axisOption.min) && isNil$5(axisOption.max)) {
                 scale.niceMax(tickCount);
             }
-            else if (isNil$5(axisOption.min) && isValid$6(axisOption.max)) {
+            else if (isNil$5(axisOption.min) && isValid$5(axisOption.max)) {
                 scale.niceMin(tickCount);
             }
         }
@@ -38473,10 +38469,10 @@
             if (axisOption) {
                 const { seriesIndex, seriesId } = axisOption;
                 let seriesIndice;
-                if (isValid$6(seriesId) && isArray$5(spec.series)) {
+                if (isValid$5(seriesId) && isArray$5(spec.series)) {
                     seriesIndice = (isArray$5(seriesId) ? seriesId : [seriesId]).map(id => spec.series.findIndex((s) => s.id === id));
                 }
-                else if (isValid$6(seriesIndex) && isArray$5(spec.series)) {
+                else if (isValid$5(seriesIndex) && isArray$5(spec.series)) {
                     seriesIndice = seriesIndex;
                 }
                 return {
@@ -40704,7 +40700,7 @@
     let batchRenderChartCount = 5;
     let isHandlingChartQueue = false;
     function setBatchRenderChartCount(count) {
-        if (isValid$6(count)) {
+        if (isValid$5(count)) {
             batchRenderChartCount = count;
         }
     }
@@ -40735,6 +40731,8 @@
             y1: viewBox.y1 - chart.getRootNode().table.scrollTop,
             y2: viewBox.y2 - chart.getRootNode().table.scrollTop
         }, false, false);
+        const table = chart.getRootNode().table;
+        table.internalProps.layoutMap?.updateDataStateToActiveChartInstance?.(chartInstance);
         if (typeof dataId === 'string') {
             chartInstance.updateDataSync(dataId, data ?? []);
         }
@@ -40950,10 +40948,10 @@
     function getCellHoverColor(cellGroup, table) {
         let colorKey;
         if (cellGroup.role === 'cell' &&
-            isValid$6(cellGroup.mergeStartCol) &&
-            isValid$6(cellGroup.mergeStartRow) &&
-            isValid$6(cellGroup.mergeEndCol) &&
-            isValid$6(cellGroup.mergeEndRow)) {
+            isValid$5(cellGroup.mergeStartCol) &&
+            isValid$5(cellGroup.mergeStartRow) &&
+            isValid$5(cellGroup.mergeEndCol) &&
+            isValid$5(cellGroup.mergeEndRow)) {
             for (let col = cellGroup.mergeStartCol; col <= cellGroup.mergeEndCol; col++) {
                 for (let row = cellGroup.mergeStartRow; row <= cellGroup.mergeEndRow; row++) {
                     const key = isCellHover(table.stateManager, col, row);
@@ -43926,12 +43924,14 @@
             scene.leftBottomCornerGroup.appendChild(column);
             scene.leftBottomCornerGroup.setAttribute('width', scene.leftBottomCornerGroup.attribute.width + column.attribute.width);
             scene.bottomFrozenGroup.setAttribute('width', scene.bottomFrozenGroup.attribute.width - column.attribute.width);
-            column.forEachChildren((child) => {
-                child.setAttributes({
-                    stroke: false,
-                    fill: false
+            if (scene.table.isPivotChart()) {
+                column.forEachChildren((child) => {
+                    child.setAttributes({
+                        stroke: false,
+                        fill: false
+                    });
                 });
-            });
+            }
         }
     }
     function moveColumnFromLeftBottomCornerToBottom(scene) {
@@ -43942,15 +43942,17 @@
             insertBefore(scene.bottomFrozenGroup, column, scene.bottomFrozenGroup.firstChild);
             scene.bottomFrozenGroup.setAttribute('width', scene.bottomFrozenGroup.attribute.width + column.attribute.width);
             scene.leftBottomCornerGroup.setAttribute('width', scene.leftBottomCornerGroup.attribute.width - column.attribute.width);
-            column.forEachChildren((child) => {
-                const cellStyle = scene.table._getCellStyle(child.col, child.row);
-                const range = scene.table.getCellRange(child.col, child.row);
-                const cellTheme = getStyleTheme(cellStyle, scene.table, range ? range.start.col : child.col, range ? range.start.row : child.row, getProp).theme;
-                child.setAttributes({
-                    fill: cellTheme?.group?.fill ?? undefined,
-                    stroke: cellTheme?.group?.stroke ?? undefined
+            if (scene.table.isPivotChart()) {
+                column.forEachChildren((child) => {
+                    const cellStyle = scene.table._getCellStyle(child.col, child.row);
+                    const range = scene.table.getCellRange(child.col, child.row);
+                    const cellTheme = getStyleTheme(cellStyle, scene.table, range ? range.start.col : child.col, range ? range.start.row : child.row, getProp).theme;
+                    child.setAttributes({
+                        fill: cellTheme?.group?.fill ?? undefined,
+                        stroke: cellTheme?.group?.stroke ?? undefined
+                    });
                 });
-            });
+            }
         }
     }
     function dealRightFrozen(distRightFrozenCol, scene) {
@@ -44251,33 +44253,6 @@
         });
     }
 
-    function createCornerCell(cellGroup, frameTheme) {
-        const { bgColor, borderColor, borderLineWidth, borderLineDash } = frameTheme;
-        const rectAttributes = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0,
-            visible: false,
-            pickable: true,
-            fill: bgColor
-        };
-        rectAttributes.stroke = getStroke(borderColor, undefined);
-        rectAttributes.lineWidth = borderLineWidth;
-        borderLineDash && (rectAttributes.lineDash = borderLineDash);
-        rectAttributes.lineCap = 'square';
-        if (Array.isArray(borderColor)) {
-            rectAttributes.strokeArrayColor = getQuadProps(borderColor);
-        }
-        if (Array.isArray(borderLineWidth)) {
-            rectAttributes.strokeArrayWidth = getQuadProps(borderLineWidth);
-            rectAttributes.lineWidth = 1;
-        }
-        cellGroup.setAttributes(rectAttributes);
-        cellGroup.role = 'corner-frozen';
-        return cellGroup;
-    }
-
     function initSceneGraph(scene) {
         const width = scene.table.tableNoFrameWidth;
         const height = scene.table.tableNoFrameHeight;
@@ -44313,11 +44288,6 @@
         const leftBottomCornerGroup = createContainerGroup(0, 0);
         leftBottomCornerGroup.role = 'corner-left-bottom-header';
         scene.leftBottomCornerGroup = leftBottomCornerGroup;
-        if (scene.table.isPivotChart()) {
-            createCornerCell(rightTopCornerGroup, scene.table.theme.cornerRightTopCellStyle || scene.table.theme.cornerHeaderStyle);
-            createCornerCell(leftBottomCornerGroup, scene.table.theme.cornerLeftBottomCellStyle || scene.table.theme.cornerHeaderStyle);
-            createCornerCell(rightBottomCornerGroup, scene.table.theme.cornerRightBottomCellStyle || scene.table.theme.cornerHeaderStyle);
-        }
         scene.tableGroup.addChild(bodyGroup);
         scene.tableGroup.addChild(rowHeaderGroup);
         scene.tableGroup.addChild(bottomFrozenGroup);
@@ -44607,10 +44577,10 @@
     }
     function resetSortIcon(oldSortCol, oldSortRow, iconConfig, scene) {
         const oldSortCell = scene.getCell(oldSortCol, oldSortRow);
-        if (isValid$6(oldSortCell.mergeStartCol) &&
-            isValid$6(oldSortCell.mergeStartRow) &&
-            isValid$6(oldSortCell.mergeEndCol) &&
-            isValid$6(oldSortCell.mergeEndRow)) {
+        if (isValid$5(oldSortCell.mergeStartCol) &&
+            isValid$5(oldSortCell.mergeStartRow) &&
+            isValid$5(oldSortCell.mergeEndCol) &&
+            isValid$5(oldSortCell.mergeEndRow)) {
             for (let col = oldSortCell.mergeStartCol; col <= oldSortCell.mergeEndCol; col++) {
                 for (let row = oldSortCell.mergeStartRow; row <= oldSortCell.mergeEndRow; row++) {
                     let oldIconMark;
@@ -44705,10 +44675,10 @@
     }
     function updateCellRangeIcon(col, row, filter, dealer, scene) {
         const cellGroup = scene.getCell(col, row);
-        if (isValid$6(cellGroup.mergeStartCol) &&
-            isValid$6(cellGroup.mergeStartRow) &&
-            isValid$6(cellGroup.mergeEndCol) &&
-            isValid$6(cellGroup.mergeEndRow)) {
+        if (isValid$5(cellGroup.mergeStartCol) &&
+            isValid$5(cellGroup.mergeStartRow) &&
+            isValid$5(cellGroup.mergeEndCol) &&
+            isValid$5(cellGroup.mergeEndRow)) {
             for (let col = cellGroup.mergeStartCol; col <= cellGroup.mergeEndCol; col++) {
                 for (let row = cellGroup.mergeStartRow; row <= cellGroup.mergeEndRow; row++) {
                     updateCellGroupIcon(scene.getCell(col, row), filter, dealer);
@@ -44720,6 +44690,33 @@
         }
     }
 
+    function createCornerCell(cellGroup, frameTheme) {
+        const { bgColor, borderColor, borderLineWidth, borderLineDash } = frameTheme;
+        const rectAttributes = {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+            visible: false,
+            pickable: true,
+            fill: bgColor
+        };
+        rectAttributes.stroke = getStroke(borderColor, undefined);
+        rectAttributes.lineWidth = borderLineWidth;
+        borderLineDash && (rectAttributes.lineDash = borderLineDash);
+        rectAttributes.lineCap = 'square';
+        if (Array.isArray(borderColor)) {
+            rectAttributes.strokeArrayColor = getQuadProps(borderColor);
+        }
+        if (Array.isArray(borderLineWidth)) {
+            rectAttributes.strokeArrayWidth = getQuadProps(borderLineWidth);
+            rectAttributes.lineWidth = 1;
+        }
+        cellGroup.setAttributes(rectAttributes);
+        cellGroup.role = 'corner-frozen';
+        return cellGroup;
+    }
+
     loadPoptip();
     container.load(splitModule);
     container.load(textMeasureModule);
@@ -44949,6 +44946,11 @@
             this.frozenRowCount = this.table.columnHeaderLevelCount;
             this.proxy = new SceneProxy(this.table);
             createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, undefined, true);
+            if (this.table.isPivotChart()) {
+                createCornerCell(this.rightTopCornerGroup, this.table.theme.cornerRightTopCellStyle || this.table.theme.cornerHeaderStyle || {});
+                createCornerCell(this.leftBottomCornerGroup, this.table.theme.cornerLeftBottomCellStyle || this.table.theme.cornerHeaderStyle || {});
+                createCornerCell(this.rightBottomCornerGroup, this.table.theme.cornerRightBottomCellStyle || this.table.theme.cornerHeaderStyle || {});
+            }
             this.proxy.createGroupForFirstScreen(this.cornerHeaderGroup, this.colHeaderGroup, this.rowHeaderGroup, this.rightFrozenGroup, this.bottomFrozenGroup, this.bodyGroup, 0, 0);
             this.afterScenegraphCreated();
         }
@@ -45780,14 +45782,6 @@
             }
             return 0;
         }
-        updateCellValue(col, row, value) {
-            const cellGroup = this.getCell(col, row);
-            const text = cellGroup.getChildByName('text', true);
-            if (text) {
-                const textAttributeStr = isArray$5(text.attribute.text) ? [value] : value;
-                text.setAttribute('text', textAttributeStr);
-            }
-        }
     }
 
     function checkCellInSelect(col, row, cellRanges) {
@@ -45813,10 +45807,10 @@
 
     function updateCell(scenegraph, col, row) {
         const cellGroup = scenegraph.getCell(col, row);
-        if (isValid$6(cellGroup.mergeStartCol) &&
-            isValid$6(cellGroup.mergeStartRow) &&
-            isValid$6(cellGroup.mergeEndCol) &&
-            isValid$6(cellGroup.mergeEndRow)) {
+        if (isValid$5(cellGroup.mergeStartCol) &&
+            isValid$5(cellGroup.mergeStartRow) &&
+            isValid$5(cellGroup.mergeEndCol) &&
+            isValid$5(cellGroup.mergeEndRow)) {
             for (let col = cellGroup.mergeStartCol; col <= cellGroup.mergeEndCol; col++) {
                 for (let row = cellGroup.mergeStartRow; row <= cellGroup.mergeEndRow; row++) {
                     const mergeCell = scenegraph.getCell(col, row);
@@ -47180,7 +47174,7 @@
                             row = cellAddress.row;
                         }
                     }
-                    if (isValid$6(col) && isValid$6(row) && this.table.isCellRangeEqual(colNow, rowNow, col, row)) {
+                    if (isValid$5(col) && isValid$5(row) && this.table.isCellRangeEqual(colNow, rowNow, col, row)) {
                         const headerC = this.table._getHeaderLayoutMap(col ?? colNow, row ?? rowNow);
                         const dropDownMenu = headerC.dropDownMenu || this.table.globalDropDownMenu;
                         if (dropDownMenu) {
@@ -47291,13 +47285,13 @@
         }
         syncCheckedState(col, row, field, checked) {
             if (this.table.isHeader(col, row)) {
-                if (isValid$6(this.headerCheckedState[field])) {
+                if (isValid$5(this.headerCheckedState[field])) {
                     return this.headerCheckedState[field];
                 }
                 else if (typeof checked === 'function') {
                     return undefined;
                 }
-                else if (isValid$6(checked)) {
+                else if (isValid$5(checked)) {
                     this.headerCheckedState[field] = checked;
                 }
                 else if (this.checkedState?.length > 0) {
@@ -47309,7 +47303,7 @@
             const recordIndex = this.table.getRecordIndexByCell(col, row);
             if (recordIndex >= 0) {
                 const dataIndex = this.table.dataSource.getIndexKey(recordIndex);
-                if (isValid$6(this.checkedState[dataIndex]?.[field])) {
+                if (isValid$5(this.checkedState[dataIndex]?.[field])) {
                     return this.checkedState[dataIndex][field];
                 }
                 if (this.checkedState[dataIndex]) {
@@ -47713,8 +47707,8 @@
             }
             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL)) {
                 if (cellGoup?.role === 'cell' &&
-                    isValid$6(cellGoup.col) &&
-                    isValid$6(cellGoup.row) &&
+                    isValid$5(cellGoup.col) &&
+                    isValid$5(cellGoup.row) &&
                     (cellGoup.col !== table.stateManager.hover.cellPos.col || cellGoup.row !== table.stateManager.hover.cellPos.row)) {
                     table.fireListeners(TABLE_EVENT_TYPE.MOUSEENTER_CELL, {
                         col: cellGoup.col,
@@ -48355,7 +48349,7 @@
         handler.on(table.getElement(), 'copy', (e) => {
             if (table.keyboardOptions?.copySelected) {
                 const data = table.getCopyValue();
-                if (isValid$6(data)) {
+                if (isValid$5(data)) {
                     e.preventDefault();
                     if (browser.IE) {
                         window.clipboardData.setData('Text', data);
@@ -49289,7 +49283,7 @@
                     row = cellAddress.row;
                 }
             }
-            if (isValid$6(col) && isValid$6(row) && cellInRange(cellRange, col, row)) {
+            if (isValid$5(col) && isValid$5(row) && cellInRange(cellRange, col, row)) {
                 if (menuKeyCurrent === menuKey) {
                     return true;
                 }
@@ -51176,7 +51170,7 @@
         attrs.pager = pager;
         if (background.visible && !isEmpty(background.style)) {
             merge$1(attrs, background.style);
-            if (isValid$6(background.padding)) {
+            if (isValid$5(background.padding)) {
                 attrs.padding = background.padding;
             }
         }
@@ -51458,10 +51452,10 @@
         if (!isEmpty(handler.style)) {
             attrs.handlerStyle = transformToGraphic(handler.style);
         }
-        if (isValid$6(rail.width)) {
+        if (isValid$5(rail.width)) {
             attrs.railWidth = rail.width;
         }
-        if (isValid$6(rail.height)) {
+        if (isValid$5(rail.height)) {
             attrs.railHeight = rail.height;
         }
         if (!isEmpty(rail.style)) {
@@ -51478,7 +51472,7 @@
         }
         if (background.visible && !isEmpty(background.style)) {
             merge$1(attrs, background.style);
-            if (isValid$6(background.padding)) {
+            if (isValid$5(background.padding)) {
                 attrs.padding = background.padding;
             }
         }
@@ -51689,7 +51683,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.15.2";
+        version = "0.15.4-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -53551,12 +53545,12 @@
         }
         scrollToCell(cellAddr) {
             const drawRange = this.getDrawRange();
-            if (isValid$6(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
+            if (isValid$5(cellAddr.col) && cellAddr.col >= this.frozenColCount) {
                 const frozenWidth = this.getFrozenColsWidth();
                 const left = this.getColsWidth(0, cellAddr.col - 1);
                 this.scrollLeft = Math.min(left - frozenWidth, this.getAllColsWidth() - drawRange.width);
             }
-            if (isValid$6(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
+            if (isValid$5(cellAddr.row) && cellAddr.row >= this.frozenRowCount) {
                 const frozenHeight = this.getFrozenRowsHeight();
                 const top = this.getRowsHeight(0, cellAddr.row - 1);
                 this.scrollTop = Math.min(top - frozenHeight, this.getAllRowsHeight() - drawRange.height);
@@ -54286,7 +54280,7 @@
             return false;
         }
         isFrozenColumn(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (col < this.frozenColCount && row >= this.frozenRowCount && row < this.rowCount - this.bottomFrozenRowCount) {
                     return true;
                 }
@@ -54299,7 +54293,7 @@
             return false;
         }
         isRightFrozenColumn(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (col >= this.colCount - this.rightFrozenColCount &&
                     row >= this.frozenRowCount &&
                     row < this.rowCount - this.bottomFrozenRowCount) {
@@ -54314,7 +54308,7 @@
             return false;
         }
         isFrozenRow(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (row < this.frozenRowCount && col >= this.frozenColCount && col < this.colCount - this.rightFrozenColCount) {
                     return true;
                 }
@@ -54328,7 +54322,7 @@
             return false;
         }
         isBottomFrozenRow(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (row >= this.rowCount - this.bottomFrozenRowCount &&
                     col >= this.frozenColCount &&
                     col < this.colCount - this.rightFrozenColCount) {
@@ -55555,7 +55549,7 @@
                         targetRecordIndex = i;
                     }
                 }
-                if (isValid$6(targetRecordIndex)) {
+                if (isValid$5(targetRecordIndex)) {
                     break;
                 }
             }
@@ -55571,29 +55565,29 @@
             if (colObj) {
                 const layoutRange = layoutMap.getBodyLayoutRangeById(colObj.id);
                 let startRow;
-                if (isValid$6(index)) {
+                if (isValid$5(index)) {
                     startRow = layoutMap.getRecordStartRowByRecordIndex(index);
                 }
                 if (this.transpose) {
                     return {
                         start: {
                             row: layoutRange.start.row,
-                            col: isValid$6(startRow) ? startRow + layoutRange.start.col : undefined
+                            col: isValid$5(startRow) ? startRow + layoutRange.start.col : undefined
                         },
                         end: {
                             row: layoutRange.end.row,
-                            col: isValid$6(startRow) ? startRow + layoutRange.end.col : undefined
+                            col: isValid$5(startRow) ? startRow + layoutRange.end.col : undefined
                         }
                     };
                 }
                 return {
                     start: {
                         col: layoutRange.start.col,
-                        row: isValid$6(startRow) ? startRow + layoutRange.start.row : undefined
+                        row: isValid$5(startRow) ? startRow + layoutRange.start.row : undefined
                     },
                     end: {
                         col: layoutRange.end.col,
-                        row: isValid$6(startRow) ? startRow + layoutRange.end.row : undefined
+                        row: isValid$5(startRow) ? startRow + layoutRange.end.row : undefined
                     }
                 };
             }
@@ -55610,6 +55604,7 @@
         toggleHierarchyState(col, row) {
             const hierarchyState = this.getHierarchyState(col, row);
             if (hierarchyState === HierarchyState.expand) {
+                this._refreshHierarchyState(col, row);
                 this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
                     col: col,
                     row: row,
@@ -55617,13 +55612,19 @@
                 });
             }
             else if (hierarchyState === HierarchyState.collapse) {
+                const record = this.getCellOriginRecord(col, row);
+                if (Array.isArray(record.children)) {
+                    this._refreshHierarchyState(col, row);
+                }
                 this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {
                     col: col,
                     row: row,
                     hierarchyState: HierarchyState.expand,
-                    originData: this.getCellOriginRecord(col, row)
+                    originData: record
                 });
             }
+        }
+        _refreshHierarchyState(col, row) {
             const index = this.getRecordIndexByCell(col, row);
             const diffDataIndices = this.dataSource.toggleHierarchyState(index);
             const diffPositions = this.internalProps.layoutMap.toggleHierarchyState(diffDataIndices);
@@ -55632,7 +55633,7 @@
             this.scenegraph.updateHierarchyIcon(col, row);
             this.scenegraph.updateRow(diffPositions.removeCellPositions, diffPositions.addCellPositions);
         }
-        hasHierarchyTreeHeader() {
+        _hasHierarchyTreeHeader() {
             return (this.options.columns ?? this.options.header)?.some((column, i) => column.tree);
         }
         getMenuInfo(col, row, type) {
@@ -55712,7 +55713,7 @@
             if (this.stateManager.checkedState.length < this.rowCount - this.columnHeaderLevelCount) {
                 this.stateManager.initLeftRecordsCheckState(this.records);
             }
-            if (isValid$6(field)) {
+            if (isValid$5(field)) {
                 return this.stateManager.checkedState.map(state => {
                     return state[field];
                 });
@@ -55723,7 +55724,7 @@
             const define = this.getBodyColumnDefine(col, row);
             const field = define?.field;
             const cellType = define?.cellType;
-            if (isValid$6(field) && cellType === 'checkbox') {
+            if (isValid$5(field) && cellType === 'checkbox') {
                 const dataIndex = this.dataSource.getIndexKey(this.getRecordIndexByCell(col, row));
                 return this.stateManager.checkedState[dataIndex][field];
             }
@@ -55778,17 +55779,20 @@
             }
             this.render();
         }
-        setRecord(record, col, row) {
+        setRecordChildren(records, col, row) {
+            const record = this.getCellOriginRecord(col, row);
+            record.children = records;
             const index = this.getRecordIndexByCell(col, row);
             this.dataSource.setRecord(record, index);
+            this._refreshHierarchyState(col, row);
         }
         startEditCell(col, row) {
-            if (isValid$6(col) && isValid$6(row)) {
+            if (isValid$5(col) && isValid$5(row)) {
                 this.editorManager.startEditCell(col, row);
             }
             else if (this.stateManager.select?.cellPos) {
                 const { col, row } = this.stateManager.select.cellPos;
-                if (isValid$6(col) && isValid$6(row)) {
+                if (isValid$5(col) && isValid$5(row)) {
                     this.editorManager.startEditCell(col, row);
                 }
             }
@@ -55816,10 +55820,9 @@
         }
         changeCellValue(col, row, value) {
             const recordIndex = this.getRecordIndexByCell(col, row);
-            const { field, fieldFormat } = this.internalProps.layoutMap.getBody(col, row);
+            const { field } = this.internalProps.layoutMap.getBody(col, row);
             this.dataSource.changeFieldValue(value, recordIndex, field, col, row, this);
-            const cell_value = this.getFieldData(fieldFormat || field, col, row);
-            this.scenegraph.updateCellValue(col, row, cell_value);
+            this.scenegraph.updateCellContent(col, row);
             if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                 if (this.internalProps._widthResizedColMap.size === 0) {
                     this.scenegraph.recalculateColWidths();
@@ -56388,7 +56391,7 @@
                     if (indicatorInfo.customRender) {
                         hd.customRender = indicatorInfo.customRender;
                     }
-                    if (!isValid$6(this._indicators?.find(indicator => indicator.indicatorKey === indicatorInfo.indicatorKey))) {
+                    if (!isValid$5(this._indicators?.find(indicator => indicator.indicatorKey === indicatorInfo.indicatorKey))) {
                         this._indicators?.push({
                             id: ++sharedVar.seqId,
                             indicatorKey: indicatorInfo.indicatorKey,
@@ -56411,7 +56414,7 @@
                     }
                 }
                 else if (hd.indicatorKey) {
-                    if (!isValid$6(this._indicators?.find(indicator => indicator.indicatorKey === hd.indicatorKey))) {
+                    if (!isValid$5(this._indicators?.find(indicator => indicator.indicatorKey === hd.indicatorKey))) {
                         this._indicators?.push({
                             id: ++sharedVar.seqId,
                             indicatorKey: hd.indicatorKey,
@@ -56784,7 +56787,7 @@
             return false;
         }
         isFrozenColumn(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (col < this.frozenColCount && row >= this.frozenRowCount && row < this.rowCount - this.bottomFrozenRowCount) {
                     return true;
                 }
@@ -56797,7 +56800,7 @@
             return false;
         }
         isRightFrozenColumn(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (col >= this.colCount - this.rightFrozenColCount &&
                     row >= this.frozenRowCount &&
                     row < this.rowCount - this.bottomFrozenRowCount) {
@@ -56812,7 +56815,7 @@
             return false;
         }
         isFrozenRow(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (row < this.frozenRowCount && col >= this.frozenColCount && col < this.colCount - this.rightFrozenColCount) {
                     return true;
                 }
@@ -56826,7 +56829,7 @@
             return false;
         }
         isBottomFrozenRow(col, row) {
-            if (isValid$6(row)) {
+            if (isValid$5(row)) {
                 if (row >= this.rowCount - this.bottomFrozenRowCount &&
                     col >= this.frozenColCount &&
                     col < this.colCount - this.rightFrozenColCount) {
@@ -57411,8 +57414,8 @@
                 let isCol = false;
                 for (let j = 0; j < colArr.length; j++) {
                     const dimension = colArr[j];
-                    if (((isValid$6(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$6(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
+                    if (((isValid$5(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
+                        (isValid$5(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
                         dimension.value === highlightDimension.value) {
                         colArr = dimension.children;
                         colDimension = dimension;
@@ -57425,8 +57428,8 @@
                 }
                 for (let k = 0; k < rowArr.length; k++) {
                     const dimension = rowArr[k];
-                    if (((isValid$6(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$6(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
+                    if (((isValid$5(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
+                        (isValid$5(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
                         dimension.value === highlightDimension.value) {
                         rowArr = dimension.children;
                         rowDimension = dimension;
@@ -57528,7 +57531,7 @@
                 }
                 return false;
             });
-            if (isValid$6(col) && isValid$6(row)) {
+            if (isValid$5(col) && isValid$5(row)) {
                 return { col, row: row + this.columnHeaderLevelCount };
             }
             return undefined;
@@ -57684,10 +57687,10 @@
                     const colDimension = colHeaderPaths[i];
                     for (let j = 0; j < colArr.length; j++) {
                         const dimension = colArr[j];
-                        if ((!isValid$6(colDimension.indicatorKey) &&
+                        if ((!isValid$5(colDimension.indicatorKey) &&
                             dimension.dimensionKey === colDimension.dimensionKey &&
                             dimension.value === colDimension.value) ||
-                            (isValid$6(colDimension.indicatorKey) && dimension.indicatorKey === colDimension.indicatorKey)) {
+                            (isValid$5(colDimension.indicatorKey) && dimension.indicatorKey === colDimension.indicatorKey)) {
                             colArr = dimension.children;
                             if (needLowestLevel && !colArr) {
                                 colDimensionFinded = dimension;
@@ -57731,10 +57734,10 @@
                         const rowDimension = rowHeaderPaths[i];
                         for (let j = 0; j < rowArr.length; j++) {
                             const dimension = rowArr[j];
-                            if (((!isValid$6(rowDimension.indicatorKey) &&
+                            if (((!isValid$5(rowDimension.indicatorKey) &&
                                 dimension.dimensionKey === rowDimension.dimensionKey &&
                                 dimension.value === rowDimension.value) ||
-                                (isValid$6(rowDimension.indicatorKey) && dimension.indicatorKey === rowDimension.indicatorKey)) &&
+                                (isValid$5(rowDimension.indicatorKey) && dimension.indicatorKey === rowDimension.indicatorKey)) &&
                                 dimension.value === rowDimension.value) {
                                 rowArr = dimension.children;
                                 if (needLowestLevel && !rowArr) {
@@ -57750,7 +57753,7 @@
                 }
             }
             if (!forceBody && needLowestLevel) {
-                if ((!rowDimensionFinded && !isValid$6(row)) || !colDimensionFinded) {
+                if ((!rowDimensionFinded && !isValid$5(row)) || !colDimensionFinded) {
                     return undefined;
                 }
             }
@@ -57771,7 +57774,7 @@
                 col += startInTotal ?? 0;
                 defaultRow = this.columnHeaderTitle ? level + 1 : level;
             }
-            if (isValid$6(col) || isValid$6(row)) {
+            if (isValid$5(col) || isValid$5(row)) {
                 return { col: col ?? defaultCol, row: row ?? defaultRow };
             }
             return undefined;
@@ -57858,8 +57861,8 @@
             this.clearCellRangeMap();
             this.pagination = pagination;
             if (this.rowHierarchyType === 'grid' &&
-                isValid$6(this.pagination?.perPageCount) &&
-                isValid$6(this.pagination?.currentPage)) {
+                isValid$5(this.pagination?.perPageCount) &&
+                isValid$5(this.pagination?.currentPage)) {
                 this.pagination.perPageCount =
                     Math.ceil(this.pagination.perPageCount / this.indicatorKeys.length) * this.indicatorKeys.length;
                 const { perPageCount, currentPage } = this.pagination;
@@ -57898,8 +57901,8 @@
                 let isCol = false;
                 for (let j = 0; j < colArr.length; j++) {
                     const dimension = colArr[j];
-                    if (((isValid$6(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$6(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
+                    if (((isValid$5(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
+                        (isValid$5(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
                         dimension.value === highlightDimension.value) {
                         colArr = dimension.children;
                         colDimension = dimension;
@@ -57912,8 +57915,8 @@
                 }
                 for (let k = 0; k < rowArr.length; k++) {
                     const dimension = rowArr[k];
-                    if (((isValid$6(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
-                        (isValid$6(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
+                    if (((isValid$5(highlightDimension.dimensionKey) && dimension.dimensionKey === highlightDimension.dimensionKey) ||
+                        (isValid$5(highlightDimension.indicatorKey) && dimension.indicatorKey === highlightDimension.indicatorKey)) &&
                         dimension.value === highlightDimension.value) {
                         rowArr = dimension.children;
                         rowDimension = dimension;
@@ -58223,6 +58226,7 @@
         dataConfig;
         records;
         tree = {};
+        changedTree = {};
         colFlatKeys = {};
         rowFlatKeys = {};
         stringJoinChar = String.fromCharCode(0);
@@ -58307,7 +58311,7 @@
                 }
             });
         }
-        getTreeNode(rowKey = [], colKey = [], indicator) {
+        getTreeNode(rowKey = [], colKey = [], indicator, considerChangedValue = true) {
             let flatRowKey;
             let flatColKey;
             if (typeof rowKey === 'string') {
@@ -58338,8 +58342,50 @@
                 isHasIndicator && colKey.push(indicator);
                 flatColKey = colKey.join(this.stringJoinChar);
             }
+            if (considerChangedValue && isValid$5(this.changedTree[flatRowKey]?.[flatColKey])) {
+                return { value: this.changedTree[flatRowKey][flatColKey], record: this.tree?.[flatRowKey]?.[flatColKey]?.record };
+            }
             return this.tree?.[flatRowKey]?.[flatColKey] ?? undefined;
         }
+        changeTreeNodeValue(rowKey = [], colKey = [], indicator, newValue) {
+            let flatRowKey;
+            let flatColKey;
+            if (typeof rowKey === 'string') {
+                flatRowKey = rowKey;
+            }
+            else {
+                let isHasIndicator = false;
+                rowKey.map((key, i) => {
+                    if (key === indicator) {
+                        rowKey.splice(i, 1);
+                        isHasIndicator = true;
+                    }
+                });
+                isHasIndicator && rowKey.push(indicator);
+                flatRowKey = rowKey.join(this.stringJoinChar);
+            }
+            if (typeof colKey === 'string') {
+                flatColKey = colKey;
+            }
+            else {
+                let isHasIndicator = false;
+                colKey.map((key, i) => {
+                    if (key === indicator) {
+                        colKey.splice(i, 1);
+                        isHasIndicator = true;
+                    }
+                });
+                isHasIndicator && colKey.push(indicator);
+                flatColKey = colKey.join(this.stringJoinChar);
+            }
+            if (this.changedTree[flatRowKey]) {
+                this.changedTree[flatRowKey][flatColKey] = newValue;
+            }
+            else {
+                this.changedTree[flatRowKey] = {};
+                this.changedTree[flatRowKey][flatColKey] = newValue;
+            }
+        }
     }
 
     class Aggregator {
@@ -58357,6 +58403,9 @@
             this.formatFun = formatFun;
             this.isRecord = isRecord ?? this.isRecord;
         }
+        clearCacheValue() {
+            this._formatedValue = undefined;
+        }
         formatValue(col, row, table) {
             if (!this._formatedValue) {
                 if (this.formatFun) {
@@ -58690,6 +58739,7 @@
         dataConfig;
         records;
         tree = {};
+        changedTree = {};
         colFlatKeys = {};
         rowFlatKeys = {};
         colKeys = [];
@@ -59152,9 +59202,8 @@
                 return indicatorKey === value.indicatorKey;
             });
         }
-        getAggregator(rowKey = [], colKey = [], indicator) {
+        getAggregator(rowKey = [], colKey = [], indicator, considerChangedValue = true) {
             const indicatorIndex = this.indicatorKeys.indexOf(indicator);
-            let agg;
             let flatRowKey;
             let flatColKey;
             if (typeof rowKey === 'string') {
@@ -59169,8 +59218,26 @@
             else {
                 flatColKey = colKey.join(this.stringJoinChar);
             }
-            {
-                agg = this.tree[flatRowKey]?.[flatColKey]?.[indicatorIndex];
+            const agg = this.tree[flatRowKey]?.[flatColKey]?.[indicatorIndex];
+            if (considerChangedValue && isValid$5(this.changedTree[flatRowKey]?.[flatColKey]?.[indicatorIndex])) {
+                const changeValue = this.changedTree[flatRowKey][flatColKey][indicatorIndex];
+                if (agg) {
+                    return {
+                        value: () => {
+                            return changeValue;
+                        },
+                        formatValue: agg.formatValue,
+                        formatFun: agg.formatFun,
+                        records: agg.records,
+                        className: '',
+                        push() {
+                        },
+                        clearCacheValue() {
+                        },
+                        reset() {
+                        }
+                    };
+                }
             }
             return agg
                 ? agg
@@ -59184,6 +59251,8 @@
                     formatValue() {
                         return '';
                     },
+                    clearCacheValue() {
+                    },
                     reset() {
                     }
                 };
@@ -59643,6 +59712,35 @@
             }
             return customTree;
         }
+        changeTreeNodeValue(rowKey = [], colKey = [], indicator, newValue) {
+            const indicatorIndex = this.indicatorKeys.indexOf(indicator);
+            let flatRowKey;
+            let flatColKey;
+            if (typeof rowKey === 'string') {
+                flatRowKey = rowKey;
+            }
+            else {
+                flatRowKey = rowKey.join(this.stringJoinChar);
+            }
+            if (typeof colKey === 'string') {
+                flatColKey = colKey;
+            }
+            else {
+                flatColKey = colKey.join(this.stringJoinChar);
+            }
+            if (this.changedTree[flatRowKey]?.[flatColKey]) {
+                this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
+            }
+            else if (this.changedTree[flatRowKey]) {
+                this.changedTree[flatRowKey][flatColKey] = [];
+                this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
+            }
+            else {
+                this.changedTree[flatRowKey] = {};
+                this.changedTree[flatRowKey][flatColKey] = [];
+                this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
+            }
+        }
     }
     function arraySortByAnotherArray(array, sortArray) {
         return array.sort((a, b) => {
@@ -59660,6 +59758,7 @@
 
     class PivotTable extends BaseTable {
         pivotSortState;
+        editorManager;
         dataset;
         flatDataToObjects;
         constructor(container, options) {
@@ -59743,6 +59842,9 @@
             if (options.pivotSortState) {
                 this.updatePivotSortState(options.pivotSortState);
             }
+            if (Env.mode !== 'node') {
+                this.editorManager = new EditManeger(this);
+            }
             this.refreshHeader();
             this.stateManager.initCheckedState(records);
             this.scenegraph.createSceneGraph();
@@ -59966,23 +60068,6 @@
             const { layoutMap } = this.internalProps;
             return layoutMap.getBodyIndexByCol(col);
         }
-        getFieldData(field, col, row) {
-            if (field === null || field === undefined) {
-                return null;
-            }
-            const table = this;
-            if (table.internalProps.layoutMap.isHeader(col, row)) {
-                return null;
-            }
-            const rowIndex = this.getBodyIndexByRow(row);
-            const colIndex = this.getBodyIndexByCol(col);
-            const dataValue = table.dataSource?.getField(rowIndex, colIndex, col, row, this);
-            if (typeof field !== 'string') {
-                const cellHeaderPaths = table.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                return getField({ dataValue, ...cellHeaderPaths }, field, col, row, this, emptyFn);
-            }
-            return dataValue;
-        }
         getCellValue(col, row) {
             const customMergeText = this.getCustomMergeValue(col, row);
             if (customMergeText) {
@@ -60061,6 +60146,39 @@
             const dataValue = this.records[rowIndex]?.[colIndex];
             return dataValue;
         }
+        getCellRawValue(col, row) {
+            const table = this;
+            if (table.internalProps.layoutMap.isHeader(col, row)) {
+                const { title } = table.internalProps.layoutMap.getHeader(col, row);
+                return typeof title === 'function' ? title() : title;
+            }
+            if (this.dataset) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), false);
+                return aggregator.value ? aggregator.value() : undefined;
+            }
+            else if (this.flatDataToObjects) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
+                return treeNode?.value;
+            }
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            const dataValue = this.records[rowIndex]?.[colIndex];
+            return dataValue;
+        }
         getCellOriginRecord(col, row) {
             const table = this;
             if (table.internalProps.layoutMap.isHeader(col, row)) {
@@ -60085,7 +60203,7 @@
                 const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
                     return rowPath.indicatorKey ?? rowPath.value;
                 });
-                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey);
+                const treeNode = this.flatDataToObjects.getTreeNode(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, false);
                 return treeNode?.record;
             }
             const rowIndex = this.getBodyIndexByRow(row);
@@ -60093,6 +60211,9 @@
             const dataValue = this.records[rowIndex]?.[colIndex];
             return dataValue;
         }
+        getCellRawRecord(col, row) {
+            return this.getCellOriginRecord(col, row);
+        }
         updateSortRules(sortRules) {
             this.internalProps.dataConfig.sortRules = sortRules;
             this.dataset.updateSortRules(sortRules);
@@ -60213,7 +60334,7 @@
             const layoutMap = this.internalProps.layoutMap;
             return layoutMap.getLayoutRowTreeCount();
         }
-        hasHierarchyTreeHeader() {
+        _hasHierarchyTreeHeader() {
             return this.internalProps.layoutMap.rowHierarchyType === 'tree';
         }
         getMenuInfo(col, row, type) {
@@ -60260,6 +60381,84 @@
                 this.scenegraph.resize();
             }
         }
+        getEditor(col, row) {
+            const define = this.getBodyColumnDefine(col, row);
+            let editorDefine = define?.editor ?? this.options.editor;
+            if (typeof editorDefine === 'function') {
+                const arg = {
+                    col,
+                    row,
+                    dataValue: this.getCellOriginValue(col, row),
+                    value: this.getCellValue(col, row) || '',
+                    table: this
+                };
+                editorDefine = editorDefine(arg);
+            }
+            if (typeof editorDefine === 'string') {
+                return get(editorDefine);
+            }
+            return editorDefine;
+        }
+        changeCellValue(col, row, value) {
+            let newValue = value;
+            const rawValue = this.getCellRawValue(col, row);
+            if (typeof rawValue === 'number' && isAllDigits(value)) {
+                newValue = parseFloat(value);
+            }
+            if (this.dataset) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                this.dataset.changeTreeNodeValue(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row), newValue);
+            }
+            else if (this.flatDataToObjects) {
+                const cellDimensionPath = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+                const colKeys = cellDimensionPath.colHeaderPaths.map((colPath) => {
+                    return colPath.indicatorKey ?? colPath.value;
+                });
+                const rowKeys = cellDimensionPath.rowHeaderPaths.map((rowPath) => {
+                    return rowPath.indicatorKey ?? rowPath.value;
+                });
+                this.flatDataToObjects.changeTreeNodeValue(rowKeys, colKeys, this.internalProps.layoutMap.getBody(col, row).indicatorKey, newValue);
+            }
+            else {
+                const rowIndex = this.getBodyIndexByRow(row);
+                const colIndex = this.getBodyIndexByCol(col);
+                this.records[rowIndex][colIndex] = newValue;
+            }
+            this.scenegraph.updateCellContent(col, row);
+            if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
+                if (this.internalProps._widthResizedColMap.size === 0) {
+                    this.scenegraph.recalculateColWidths();
+                }
+            }
+            else if (!this.internalProps._widthResizedColMap.has(col)) {
+                const oldWidth = this.getColWidth(col);
+                const newWidth = computeColWidth(col, 0, this.rowCount - 1, this, false);
+                if (newWidth !== oldWidth) {
+                    this.scenegraph.updateColWidth(col, newWidth - oldWidth);
+                }
+            }
+            if (this.heightMode === 'adaptive' || (this.autoFillHeight && this.getAllRowsHeight() <= this.tableNoFrameHeight)) {
+                this.scenegraph.recalculateRowHeights();
+            }
+            else if (this.heightMode === 'autoHeight') {
+                const oldHeight = this.getRowHeight(row);
+                const newHeight = computeRowHeight(row, 0, this.colCount - 1, this);
+                this.scenegraph.updateRowHeight(row, newHeight - oldHeight);
+            }
+            this.fireListeners(TABLE_EVENT_TYPE.CHANGE_CELL_VALUE, {
+                col,
+                row,
+                rawValue: this.getCellRawValue(col, row),
+                changedValue: newValue
+            });
+            this.scenegraph.updateNextFrame();
+        }
     }
 
     class PivotChart extends BaseTable {
@@ -60497,23 +60696,6 @@
             const { layoutMap } = this.internalProps;
             return layoutMap.getBodyIndexByCol(col);
         }
-        getFieldData(field, col, row) {
-            if (field === null || field === undefined) {
-                return null;
-            }
-            const table = this;
-            if (table.internalProps.layoutMap.isHeader(col, row)) {
-                return null;
-            }
-            const rowIndex = this.getBodyIndexByRow(row);
-            const colIndex = this.getBodyIndexByCol(col);
-            const dataValue = table.dataSource?.getField(rowIndex, colIndex, col, row, this);
-            if (typeof field !== 'string') {
-                const cellHeaderPaths = table.internalProps.layoutMap.getCellHeaderPaths(col, row);
-                return getField({ dataValue, ...cellHeaderPaths }, field, col, row, this, emptyFn);
-            }
-            return dataValue;
-        }
         getCellValue(col, row) {
             const customMergeText = this.getCustomMergeValue(col, row);
             if (customMergeText) {
@@ -60534,8 +60716,16 @@
                 const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
                 return aggregator.value ? aggregator.value() : undefined;
             }
-            const { field, fieldFormat } = this.internalProps.layoutMap.getBody(col, row);
-            return this.getFieldData(fieldFormat || field, col, row);
+            const { fieldFormat } = this.internalProps.layoutMap.getBody(col, row);
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            const dataValue = this.records[rowIndex]?.[colIndex];
+            const cellHeaderPaths = this.internalProps.layoutMap.getCellHeaderPaths(col, row);
+            if (typeof fieldFormat === 'function') {
+                const fieldResult = fieldFormat({ dataValue, ...cellHeaderPaths }, col, row, this);
+                return fieldResult;
+            }
+            return dataValue;
         }
         getCellOriginValue(col, row) {
             const table = this;
@@ -60554,8 +60744,13 @@
                 const aggregator = this.dataset.getAggregator(!this.internalProps.layoutMap.indicatorsAsCol ? rowKeys.slice(0, -1) : rowKeys, this.internalProps.layoutMap.indicatorsAsCol ? colKeys.slice(0, -1) : colKeys, this.internalProps.layoutMap.getIndicatorKey(col, row));
                 return aggregator.value ? aggregator.value() : undefined;
             }
-            const { field } = table.internalProps.layoutMap.getBody(col, row);
-            return table.getFieldData(field, col, row);
+            const rowIndex = this.getBodyIndexByRow(row);
+            const colIndex = this.getBodyIndexByCol(col);
+            const dataValue = this.records[rowIndex]?.[colIndex];
+            return dataValue;
+        }
+        getCellRawValue(col, row) {
+            return this.getCellOriginValue(col, row);
         }
         getCellOriginRecord(col, row) {
             const table = this;
@@ -60575,6 +60770,9 @@
             }
             return undefined;
         }
+        getCellRawRecord(col, row) {
+            return this.getCellOriginRecord(col, row);
+        }
         updateSortRules(sortRules) {
             this.internalProps.dataConfig.sortRules = sortRules;
             this.dataset.updateSortRules(sortRules);
@@ -60685,7 +60883,7 @@
         getHierarchyState(col, row) {
             return this._getHeaderLayoutMap(col, row)?.hierarchyState;
         }
-        hasHierarchyTreeHeader() {
+        _hasHierarchyTreeHeader() {
             return this.internalProps.layoutMap.rowHierarchyType === 'tree';
         }
         getMenuInfo(col, row, type) {
@@ -61579,7 +61777,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.15.2";
+    const version = "0.15.4-alpha.0";
     function getIcons() {
         return get$2();
     }