@visactor/vtable 1.19.1-alpha.1 → 1.19.2

package/dist/vtable.js

@@ -9290,9 +9290,9 @@
       setWidthHeightWithoutTransform(aabbBounds) {
         this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
       }
-      setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context) {
+      setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
         this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
-          Object.keys(params).forEach(key => {
+          (animate.priority !== 1 / 0 || ignorePriority) && Object.keys(params).forEach(key => {
             animate.preventAttr(key);
           });
         });
@@ -9463,7 +9463,7 @@
           });
         } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
           type: AttributeUpdateType.STATE
-        });
+        }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
         this._emitCustomEvent("afterStateUpdate", {
           type: AttributeUpdateType.STATE
         });
@@ -23693,7 +23693,7 @@
         return this._animateCount;
       }
       constructor() {
-        super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
+        super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this._animationEndFlag = !0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
       }
       isRunning() {
         return !this.paused && this._animateCount > 0;
@@ -23722,10 +23722,11 @@
       }
       tick(delta) {
         if (this.paused) return;
+        this._animationEndFlag && (this._animationEndFlag = !1, this.emit("animationStart"));
         const scaledDelta = delta * this._playSpeed;
         this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
           animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
-        }), 0 === this._animateCount && this.emit("animationEnd");
+        }), 0 === this._animateCount && (this._animationEndFlag = !0, this.emit("animationEnd"));
       }
       clear() {
         this.forEachAccessAnimate(animate => {
@@ -23789,7 +23790,9 @@
         return this._timeline;
       }
       bind(target) {
-        return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
+        return this.target = target, this.target.animates || (this.target.animates = new Map()), this.target.animates.set(this.id, this), this.onRemove(() => {
+          this.stop(), this.target.animates.delete(this.id);
+        }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
       }
       to(props, duration = 300, easing = "linear") {
         const step = new Step(AnimateStepType.to, props, duration, easing);
@@ -24003,8 +24006,8 @@
       }
       init() {
         this.interval = 16, this.status = STATUS$1.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-          this.initHandler();
-        }), application.global.env && this.initHandler();
+          this.initHandler(!1);
+        }), application.global.env && this.initHandler(!1);
       }
       addTimeline(timeline) {
         this.timelines.push(timeline);
@@ -24015,10 +24018,11 @@
       getTimelines() {
         return this.timelines;
       }
-      initHandler() {
-        this.setupTickHandler();
+      initHandler(force = !1) {
+        this.setupTickHandler(force);
       }
-      setupTickHandler() {
+      setupTickHandler(force = !1) {
+        if (!force && this.tickerHandler) return !0;
         const handler = new RAFTickHandler();
         return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
       }
@@ -24069,7 +24073,7 @@
         return this.status = STATUS$1.RUNNING, this.tickerHandler.tick(0, this.handleTick), !0;
       }
       stop() {
-        this.status = STATUS$1.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
+        this.status = STATUS$1.INITIAL, this.setupTickHandler(!0), this.lastFrameTime = -1;
       }
       trySyncTickStatus() {
         this.status === STATUS$1.INITIAL && this.timelines.some(timeline => timeline.isRunning()) ? this.start() : this.status === STATUS$1.RUNNING && this.timelines.every(timeline => !timeline.isRunning()) && this.stop();
@@ -24079,7 +24083,8 @@
         this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1;
       }
       checkSkip(delta) {
-        if ("performance" === this.stage.params.optimize.tickRenderMode) return !1;
+        var _a, _b, _c;
+        if ("performance" === (null === (_c = null === (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.params) || void 0 === _b ? void 0 : _b.optimize) || void 0 === _c ? void 0 : _c.tickRenderMode)) return !1;
         return delta < this.interval + 2 * (Math.random() - .5) * this._jitter;
       }
     }
@@ -24233,10 +24238,11 @@
       _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
         var _a, _b, _c, _d;
         if (custom && customType) {
-          const customParams = this.resolveValue(customParameters, graphic, {
+          const customParams = Object.assign({
               width: graphic.stage.width,
-              height: graphic.stage.height
-            }),
+              height: graphic.stage.height,
+              group: this._target.parent
+            }, this.resolveValue(customParameters, graphic)),
             objOptions = isFunction$7(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
           customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
         } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
@@ -24347,7 +24353,7 @@
 
     class ACustomAnimate extends Step {
       constructor(customFrom, customTo, duration, easing, params) {
-        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params;
+        super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
       }
       update(end, ratio, out) {
         if (this.onStart(), !this.props || !this.propKeys) return;
@@ -29064,6 +29070,8 @@
         key;
         field;
         formatFun;
+        changedValue;
+        children = [];
         _formatedValue;
         constructor(config) {
             this.key = config.key;
@@ -29087,6 +29095,8 @@
         }
         reset() {
             this.records = [];
+            this.changedValue = undefined;
+            this.children = [];
             this.clearCacheValue();
         }
     }
@@ -29102,6 +29112,9 @@
                     this.records.push(record);
                 }
             }
+            if (record.isAggregator && this.children) {
+                this.children.push(record);
+            }
             this.clearCacheValue();
         }
         deleteRecord(record) {
@@ -29109,6 +29122,9 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator && this.children) {
+                    this.children = this.children.filter(item => item !== record);
+                }
             }
             this.clearCacheValue();
         }
@@ -29122,13 +29138,23 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator && this.children) {
+                    this.children = this.children.map(item => {
+                        if (item === oldRecord) {
+                            return newRecord;
+                        }
+                        return item;
+                    });
+                }
                 this.clearCacheValue();
             }
         }
         value() {
-            return this.records;
+            return this.changedValue ?? this.records;
         }
         reset() {
+            this.children = [];
+            this.changedValue = undefined;
             this.records = [];
         }
         recalculate() {
@@ -29143,6 +29169,9 @@
                 if (this.isRecord) {
                     this.records = [record];
                 }
+                if (record.isAggregator && this.children) {
+                    this.children = [record];
+                }
                 if (this.field) {
                     this.fieldValue = record[this.field];
                 }
@@ -29154,6 +29183,9 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator && this.children) {
+                    this.children = this.children.filter(item => item !== record);
+                }
                 if (this.field && this.records.length) {
                     this.fieldValue = this.records[this.records.length - 1][this.field];
                 }
@@ -29170,6 +29202,14 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator && this.children) {
+                    this.children = this.children.map(item => {
+                        if (item === oldRecord) {
+                            return newRecord;
+                        }
+                        return item;
+                    });
+                }
                 if (this.field && this.records.length) {
                     this.fieldValue = this.records[this.records.length - 1][this.field];
                 }
@@ -29177,9 +29217,11 @@
             }
         }
         value() {
-            return this.fieldValue;
+            return this.changedValue ?? this.fieldValue;
         }
         reset() {
+            this.children = [];
+            this.changedValue = undefined;
             this.records = [];
             this.fieldValue = undefined;
         }
@@ -29206,6 +29248,9 @@
                         this.records.push(record);
                     }
                 }
+                if (record.isAggregator && this.children) {
+                    this.children.push(record);
+                }
                 if (this.field) {
                     this.values.push(record[this.field]);
                 }
@@ -29222,6 +29267,14 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator && this.children) {
+                    this.children = this.children.map(item => {
+                        if (item === oldRecord) {
+                            return newRecord;
+                        }
+                        return item;
+                    });
+                }
                 if (this.field && this.records.length) {
                     this.values = this.records.map(item => item[this.field]);
                 }
@@ -29233,6 +29286,9 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator && this.children) {
+                    this.children = this.children.filter(item => item !== record);
+                }
                 if (this.field && this.records.length) {
                     this.values = this.records.map(item => item[this.field]);
                 }
@@ -29243,10 +29299,12 @@
             if (!this.fieldValue) {
                 this.fieldValue = this.aggregationFun?.(this.values, this.records, this.field);
             }
-            return this.fieldValue;
+            return this.changedValue ?? this.fieldValue;
         }
         reset() {
             this.records = [];
+            this.children = [];
+            this.changedValue = undefined;
             this.fieldValue = undefined;
         }
         recalculate() {
@@ -29276,6 +29334,9 @@
                     this.records.push(record);
                 }
             }
+            if (this.children && record.isAggregator) {
+                this.children.push(record);
+            }
             this.clearCacheValue();
         }
         deleteRecord(record) {
@@ -29283,6 +29344,9 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator && this.children) {
+                    this.children = this.children.filter(item => item !== record);
+                }
             }
             this.clearCacheValue();
         }
@@ -29296,6 +29360,14 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator && this.children) {
+                    this.children = this.children.map(item => {
+                        if (item === oldRecord) {
+                            return newRecord;
+                        }
+                        return item;
+                    });
+                }
                 this.clearCacheValue();
             }
         }
@@ -29304,10 +29376,12 @@
                 const aggregatorValue = _getDependAggregatorValues(this.dependAggregators, this.dependIndicatorKeys);
                 this.fieldValue = this.calculateFun?.(aggregatorValue, this.records, this.field);
             }
-            return this.fieldValue;
+            return this.changedValue ?? this.fieldValue;
         }
         reset() {
             this.records = [];
+            this.children = [];
+            this.changedValue = undefined;
             this.fieldValue = undefined;
         }
         recalculate() {
@@ -29333,7 +29407,8 @@
                         this.records.push(record);
                     }
                 }
-                if (record.isAggregator) {
+                if (record.isAggregator && this.children) {
+                    this.children.push(record);
                     const value = record.value();
                     this.sum += value ?? 0;
                     if (this.needSplitPositiveAndNegativeForSum) {
@@ -29365,7 +29440,8 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
-                if (record.isAggregator) {
+                if (record.isAggregator && this.children) {
+                    this.children = this.children.filter(item => item !== record);
                     const value = record.value();
                     this.sum -= value ?? 0;
                     if (this.needSplitPositiveAndNegativeForSum) {
@@ -29402,9 +29478,11 @@
                         return item;
                     });
                 }
-                if (oldRecord.isAggregator) {
+                if (oldRecord.isAggregator && this.children) {
                     const oldValue = oldRecord.value();
+                    this.children = this.children.filter(item => item !== oldRecord);
                     const newValue = newRecord.value();
+                    this.children.push(newRecord);
                     this.sum += newValue - oldValue;
                     if (this.needSplitPositiveAndNegativeForSum) {
                         if (oldValue > 0) {
@@ -29444,7 +29522,7 @@
             }
         }
         value() {
-            return this.records?.length >= 1 ? this.sum : undefined;
+            return this.changedValue ?? (this.records?.length >= 1 ? this.sum : undefined);
         }
         positiveValue() {
             return this.positiveSum;
@@ -29460,7 +29538,24 @@
         recalculate() {
             this.sum = 0;
             this._formatedValue = undefined;
-            if (this.records) {
+            if (this.children && this.children.length > 0) {
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    if (child.isAggregator) {
+                        const value = child.value();
+                        this.sum += value ?? 0;
+                        if (this.needSplitPositiveAndNegativeForSum) {
+                            if (value > 0) {
+                                this.positiveSum += value;
+                            }
+                            else if (value < 0) {
+                                this.nagetiveSum += value;
+                            }
+                        }
+                    }
+                }
+            }
+            else if (this.records) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (record.isAggregator) {
@@ -29505,6 +29600,9 @@
                     }
                 }
                 if (record.isAggregator) {
+                    if (this.children) {
+                        this.children.push(record);
+                    }
                     this.count += record.value();
                 }
                 else {
@@ -29519,6 +29617,9 @@
                     this.records = this.records.filter(item => item !== record);
                 }
                 if (record.isAggregator) {
+                    if (this.children) {
+                        this.children = this.children.filter(item => item !== record);
+                    }
                     this.count -= record.value();
                 }
                 else {
@@ -29540,19 +29641,41 @@
                 if (oldRecord.isAggregator) {
                     this.count += newRecord.value() - oldRecord.value();
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator && this.children) {
+                    this.children = this.children.map(item => {
+                        if (item === oldRecord) {
+                            return newRecord;
+                        }
+                        return item;
+                    });
+                }
             }
         }
         value() {
-            return this.count;
+            return this.changedValue ?? this.count;
         }
         reset() {
+            this.changedValue = undefined;
+            this.children = [];
             this.records = [];
             this.count = 0;
         }
         recalculate() {
             this.count = 0;
             this._formatedValue = undefined;
-            if (this.records) {
+            if (this.children && this.children.length > 0) {
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    if (child.isAggregator) {
+                        const value = child.value();
+                        this.count += value ?? 0;
+                    }
+                    else {
+                        this.count++;
+                    }
+                }
+            }
+            else if (this.records) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (record.isAggregator) {
@@ -29580,6 +29703,9 @@
                     }
                 }
                 if (record.isAggregator && record.type === AggregationType.AVG) {
+                    if (this.children) {
+                        this.children.push(record);
+                    }
                     this.sum += record.sum;
                     this.count += record.count;
                 }
@@ -29596,6 +29722,9 @@
                     this.records = this.records.filter(item => item !== record);
                 }
                 if (record.isAggregator && record.type === AggregationType.AVG) {
+                    if (this.children) {
+                        this.children = this.children.filter(item => item !== record);
+                    }
                     this.sum -= record.sum;
                     this.count -= record.count;
                 }
@@ -29617,6 +29746,14 @@
                     });
                 }
                 if (oldRecord.isAggregator && oldRecord.type === AggregationType.AVG) {
+                    if (this.children && newRecord.isAggregator) {
+                        this.children = this.children.map(item => {
+                            if (item === oldRecord) {
+                                return newRecord;
+                            }
+                            return item;
+                        });
+                    }
                     this.sum += newRecord.sum - oldRecord.sum;
                     this.count += newRecord.count - oldRecord.count;
                 }
@@ -29627,9 +29764,11 @@
             }
         }
         value() {
-            return this.records?.length >= 1 ? this.sum / this.count : undefined;
+            return this.changedValue ?? (this.records?.length >= 1 ? this.sum / this.count : undefined);
         }
         reset() {
+            this.changedValue = undefined;
+            this.children = [];
             this.records = [];
             this.sum = 0;
             this.count = 0;
@@ -29638,7 +29777,17 @@
             this.sum = 0;
             this.count = 0;
             this._formatedValue = undefined;
-            if (this.records) {
+            if (this.children && this.children.length > 0) {
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    if (child.isAggregator && child.type === AggregationType.AVG) {
+                        const childValue = child.value();
+                        this.sum += childValue * child.count;
+                        this.count += child.count;
+                    }
+                }
+            }
+            else if (this.records) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (record.isAggregator && record.type === AggregationType.AVG) {
@@ -29667,6 +29816,9 @@
                     }
                 }
                 if (record.isAggregator) {
+                    if (this.children) {
+                        this.children.push(record);
+                    }
                     this.max = record.max > this.max ? record.max : this.max;
                 }
                 else if (typeof record === 'number') {
@@ -29686,6 +29838,11 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator) {
+                    if (this.children) {
+                        this.children = this.children.filter(item => item !== record);
+                    }
+                }
                 this.recalculate();
             }
         }
@@ -29699,20 +29856,41 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator) {
+                    if (this.children) {
+                        this.children = this.children.map(item => {
+                            if (item === oldRecord) {
+                                return newRecord;
+                            }
+                            return item;
+                        });
+                    }
+                }
                 this.recalculate();
             }
         }
         value() {
-            return this.records?.length >= 1 ? this.max : undefined;
+            return this.changedValue ?? (this.records?.length >= 1 ? this.max : undefined);
         }
         reset() {
             this.records = [];
+            this.changedValue = undefined;
+            this.children = [];
             this.max = Number.MIN_SAFE_INTEGER;
         }
         recalculate() {
             this.max = Number.MIN_SAFE_INTEGER;
             this._formatedValue = undefined;
-            if (this.records) {
+            if (this.children && this.children.length > 0) {
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    if (child.isAggregator) {
+                        const childValue = child.value();
+                        this.max = Math.max(this.max, childValue);
+                    }
+                }
+            }
+            else if (this.records) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (record.isAggregator) {
@@ -29745,6 +29923,9 @@
                     }
                 }
                 if (record.isAggregator) {
+                    if (this.children) {
+                        this.children.push(record);
+                    }
                     this.min = record.min < this.min ? record.min : this.min;
                 }
                 else if (typeof record === 'number') {
@@ -29764,6 +29945,11 @@
                 if (this.isRecord && this.records) {
                     this.records = this.records.filter(item => item !== record);
                 }
+                if (record.isAggregator) {
+                    if (this.children) {
+                        this.children = this.children.filter(item => item !== record);
+                    }
+                }
                 this.recalculate();
             }
         }
@@ -29777,20 +29963,41 @@
                         return item;
                     });
                 }
+                if (oldRecord.isAggregator && newRecord.isAggregator) {
+                    if (this.children) {
+                        this.children = this.children.map(item => {
+                            if (item === oldRecord) {
+                                return newRecord;
+                            }
+                            return item;
+                        });
+                    }
+                }
                 this.recalculate();
             }
         }
         value() {
-            return this.records?.length >= 1 ? this.min : undefined;
+            return this.changedValue ?? (this.records?.length >= 1 ? this.min : undefined);
         }
         reset() {
             this.records = [];
+            this.changedValue = undefined;
+            this.children = [];
             this.min = Number.MAX_SAFE_INTEGER;
         }
         recalculate() {
             this.min = Number.MAX_SAFE_INTEGER;
             this._formatedValue = undefined;
-            if (this.records) {
+            if (this.children && this.children.length > 0) {
+                for (let i = 0; i < this.children.length; i++) {
+                    const child = this.children[i];
+                    if (child.isAggregator) {
+                        const childValue = child.value();
+                        this.min = Math.min(this.min, childValue);
+                    }
+                }
+            }
+            else if (this.records) {
                 for (let i = 0; i < this.records.length; i++) {
                     const record = this.records[i];
                     if (record.isAggregator) {
@@ -30885,6 +31092,27 @@
         }
         return mode;
     }
+    function clearPageSelection() {
+        try {
+            const selection = window.getSelection();
+            if (selection) {
+                if (typeof selection.removeAllRanges === 'function') {
+                    selection.removeAllRanges();
+                    return;
+                }
+                if (typeof selection.empty === 'function') {
+                    selection.empty();
+                    return;
+                }
+                if (typeof selection.collapse === 'function') {
+                    selection.collapse(document.body, 0);
+                    return;
+                }
+            }
+        }
+        catch (error) {
+        }
+    }
 
     function importStyle$2() {
         if (Env.mode === 'node') {
@@ -33601,11 +33829,15 @@
             this.updatePagerData();
         }
         initTreeHierarchyState() {
+            this._sourceLength = this._source?.length || 0;
             this.currentIndexedData = Array.from({ length: this._sourceLength }, (_, i) => i);
             let nodeLength = this._sourceLength;
             for (let i = 0; i < nodeLength; i++) {
                 const indexKey = this.currentIndexedData[i];
                 const nodeData = this.getOriginalRecord(indexKey);
+                if (!nodeData) {
+                    continue;
+                }
                 const children = nodeData.filteredChildren ?? nodeData.children;
                 if (children?.length > 0) {
                     if (this.hierarchyExpandLevel > 1) {
@@ -34564,11 +34796,13 @@
                         targetI = targetIndexs.splice(targetIndexs.length - 1, 1)[0];
                         if (sourceIndexs.length >= 1) {
                             const parent = this.getOriginalRecord(sourceIndexs);
-                            const sourceIds = parent.filteredChildren
-                                ? parent.filteredChildren.splice(sourceI, 1)
-                                : parent.children.splice(sourceI, 1);
-                            sourceIds.unshift(targetI, 0);
-                            Array.prototype.splice.apply(parent.filteredChildren ?? parent.children, sourceIds);
+                            if (parent) {
+                                const sourceIds = parent.filteredChildren
+                                    ? parent.filteredChildren.splice(sourceI, 1)
+                                    : parent.children.splice(sourceI, 1);
+                                sourceIds.unshift(targetI, 0);
+                                Array.prototype.splice.apply(parent.filteredChildren ?? parent.children, sourceIds);
+                            }
                         }
                         else {
                             const sourceIds = this.records.splice(sourceI, 1);
@@ -34597,6 +34831,9 @@
             if (this.hierarchyExpandLevel) {
                 for (let i = 0; i < this._sourceLength; i++) {
                     const nodeData = this.getOriginalRecord(i);
+                    if (!nodeData) {
+                        continue;
+                    }
                     const children = nodeData.filteredChildren ?? nodeData.children;
                     children && !nodeData.hierarchyState && (nodeData.hierarchyState = HierarchyState.collapse);
                 }
@@ -34605,6 +34842,9 @@
                 for (let i = 0; i < nodeLength; i++) {
                     const indexKey = this.currentIndexedData[i];
                     const nodeData = this.getOriginalRecord(indexKey);
+                    if (!nodeData) {
+                        continue;
+                    }
                     const children = nodeData.filteredChildren ?? nodeData.children;
                     if (children?.length > 0 && nodeData.hierarchyState === HierarchyState.expand) {
                         this.hasHierarchyStateExpand = true;
@@ -37138,6 +37378,339 @@
         return false;
     }
 
+    let sort_color;
+    let sort_color_opacity;
+    let sort_color_2;
+    let sort_color_opacity_2;
+    let sort_size;
+    let sort_size_2;
+    let frozen_color;
+    let frozen_color_opacity;
+    let freeze_color_opacity;
+    let frozen_color_2;
+    let frozen_color_opacity_2;
+    let frozen_size;
+    let frozen_size_2;
+    let collapse_color;
+    let collapse_color_opacity;
+    let collapse_size;
+    let collapse_size_2;
+    let expand_color;
+    let expand_color_opacity;
+    let expand_size;
+    let expand_size_2;
+    let dragReorder_color;
+    let dragReorder_color_opacity;
+    let dragReorder_size;
+    function setIconColor(themeIconsColor) {
+        sort_color = themeIconsColor?.sort_color ?? '#282F38';
+        sort_color_opacity = themeIconsColor?.sort_color_opacity ?? '0.35';
+        sort_color_2 = themeIconsColor?.sort_color_2 ?? '#416EFF';
+        sort_color_opacity_2 = themeIconsColor?.sort_color_opacity_2 ?? '1';
+        sort_size = themeIconsColor?.sort_size ?? 16;
+        sort_size_2 = themeIconsColor?.sort_size_2 ?? 22;
+        frozen_color = themeIconsColor?.frozen_color ?? '#282F38';
+        frozen_color_opacity = themeIconsColor?.frozen_color_opacity ?? '0.35';
+        freeze_color_opacity = themeIconsColor?.frozen_color_opacity ?? '0.2';
+        frozen_color_2 = themeIconsColor?.frozen_color_2 ?? '#416EFF';
+        frozen_color_opacity_2 = themeIconsColor?.frozen_color_opacity_2 ?? '1';
+        frozen_size = themeIconsColor?.frozen_size ?? 22;
+        frozen_size_2 = themeIconsColor?.frozen_size_2 ?? 22;
+        collapse_color = themeIconsColor?.collapse_color ?? '#141414';
+        collapse_color_opacity = themeIconsColor?.collapse_color_opacity ?? '0.65';
+        collapse_size = themeIconsColor?.collapse_size ?? 16;
+        collapse_size_2 = themeIconsColor?.frozen_size_2 ?? 22;
+        expand_color = themeIconsColor?.expand_color ?? '#141414';
+        expand_color_opacity = themeIconsColor?.expand_color_opacity ?? '0.65';
+        expand_size = themeIconsColor?.expand_size ?? 16;
+        expand_size_2 = themeIconsColor?.expand_size_2 ?? 22;
+        dragReorder_color = themeIconsColor?.dragReorder_color ?? '#666666';
+        dragReorder_color_opacity = themeIconsColor?.dragReorder_color_opacity ?? '1';
+        dragReorder_size = themeIconsColor?.dragReorder_size ?? 20;
+    }
+    const builtins = {
+        get sort_downward() {
+            return {
+                type: 'svg',
+                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    ` <path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color_2}"  fill-opacity="${sort_color_opacity_2}"/>` +
+                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
+                    '</svg> ',
+                width: sort_size,
+                height: sort_size,
+                funcType: IconFuncTypeEnum.sort,
+                name: 'sort_downward',
+                positionType: IconPosition.contentRight,
+                marginLeft: 3,
+                hover: {
+                    width: sort_size_2,
+                    height: sort_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get sort_upward() {
+            return {
+                type: 'svg',
+                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    `<path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color}"  fill-opacity="${sort_color_opacity}"/>` +
+                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color_2}"  fill-opacity="${sort_color_opacity_2}"/>` +
+                    ' </svg>',
+                width: sort_size,
+                height: sort_size,
+                funcType: IconFuncTypeEnum.sort,
+                positionType: IconPosition.contentRight,
+                name: 'sort_upward',
+                marginLeft: 3,
+                hover: {
+                    width: sort_size_2,
+                    height: sort_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get sort_normal() {
+            return {
+                type: 'svg',
+                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    `<path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
+                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
+                    '</svg> ',
+                width: sort_size,
+                height: sort_size,
+                funcType: IconFuncTypeEnum.sort,
+                positionType: IconPosition.contentRight,
+                name: 'sort_normal',
+                marginLeft: 3,
+                hover: {
+                    width: sort_size_2,
+                    height: sort_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get freeze() {
+            return {
+                type: 'svg',
+                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    '<g clip-path="url(#clip0)">' +
+                    `<path d="M17.1313 8.42047C17.1932 8.48238 17.2423 8.55587 17.2759 8.63676C17.3094 8.71764 17.3266 8.80434 17.3266 8.89189C17.3266 8.97944 17.3094 9.06613 17.2759 9.14702C17.2423 9.2279 17.1932 9.3014 17.1313 9.3633L13.3843 13.1103C13.7007 14.3048 13.5305 15.4443 12.8388 16.2395C12.8104 16.2781 12.7778 16.3136 12.7417 16.3451L12.712 16.3755C12.6501 16.4374 12.5766 16.4865 12.4957 16.52C12.4148 16.5535 12.3281 16.5707 12.2406 16.5707C12.153 16.5707 12.0663 16.5535 11.9854 16.52C11.9046 16.4865 11.8311 16.4374 11.7692 16.3755L9.17633 13.7826L6.05316 16.9058L5.11983 17.0925C5.09291 17.0979 5.06508 17.0965 5.03881 17.0886C5.01254 17.0806 4.98863 17.0663 4.96923 17.0469C4.94982 17.0275 4.9355 17.0036 4.92755 16.9773C4.9196 16.951 4.91827 16.9232 4.92366 16.8963L5.11033 15.963L8.23333 12.8396L5.64066 10.2471C5.57875 10.1852 5.52964 10.1117 5.49614 10.0309C5.46263 9.94997 5.44539 9.86327 5.44539 9.77572C5.44539 9.68817 5.46263 9.60148 5.49614 9.52059C5.52964 9.43971 5.57875 9.36621 5.64066 9.3043C5.65066 9.2943 5.66066 9.2843 5.67099 9.27464C5.70266 9.2383 5.73833 9.20547 5.77766 9.17664C6.57283 8.48564 7.71199 8.31564 8.90599 8.63197L12.6528 4.88497C12.7147 4.82306 12.7882 4.77395 12.8691 4.74045C12.95 4.70694 13.0367 4.6897 13.1242 4.6897C13.2118 4.6897 13.2985 4.70694 13.3794 4.74045C13.4603 4.77395 13.5338 4.82306 13.5957 4.88497L17.1312 8.42047H17.1313ZM15.7172 8.8918L13.1243 6.29914L9.56483 9.8588C9.47574 9.94788 9.36323 10.0099 9.24034 10.0376C9.11746 10.0654 8.98922 10.0578 8.87049 10.0156C8.22783 9.78764 7.63899 9.7553 7.17749 9.89814L12.1182 14.8388C12.261 14.3771 12.2287 13.7885 12.0007 13.146C11.9585 13.0272 11.9509 12.899 11.9787 12.7761C12.0064 12.6532 12.0684 12.5407 12.1575 12.4516L15.7172 8.89164V8.8918Z" fill="${frozen_color}" fill-opacity="${freeze_color_opacity}"/>` +
+                    '</g>' +
+                    '<defs>' +
+                    '<clipPath id="clip0">' +
+                    '<rect width="22" height="22" fill="white"/>' +
+                    '</clipPath>' +
+                    '</defs>' +
+                    '</svg>',
+                width: frozen_size,
+                height: frozen_size,
+                name: 'freeze',
+                funcType: IconFuncTypeEnum.frozen,
+                positionType: IconPosition.right,
+                marginRight: 0,
+                hover: {
+                    width: frozen_size_2,
+                    height: frozen_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get frozen() {
+            return {
+                type: 'svg',
+                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    `<path d="M8.49975 3.66663C8.32294 3.66663 8.15337 3.73686 8.02835 3.86189C7.90332 3.98691 7.83309 4.15648 7.83309 4.33329V9.63246C6.76475 10.2533 6.07942 11.1795 6.00625 12.2308C5.99892 12.2786 5.99692 12.3268 6.00009 12.3741L5.99975 12.4166C5.99975 12.5934 6.06999 12.763 6.19501 12.888C6.32004 13.0131 6.48961 13.0833 6.66642 13.0833H10.3333L10.3331 17.5L10.8611 18.292C10.8763 18.3148 10.8969 18.3335 10.9211 18.3464C10.9453 18.3594 10.9723 18.3662 10.9998 18.3662C11.0272 18.3662 11.0542 18.3594 11.0784 18.3464C11.1026 18.3335 11.1232 18.3148 11.1384 18.292L11.6664 17.5L11.6666 13.0833H15.3331C15.5099 13.0833 15.6795 13.0131 15.8045 12.888C15.9295 12.763 15.9998 12.5934 15.9998 12.4166C15.9998 12.4025 15.9998 12.3883 15.9994 12.3741C16.0028 12.3263 16.0008 12.2776 15.9933 12.2295C15.9196 11.1786 15.2343 10.2528 14.1664 9.63229V4.33329C14.1664 4.15648 14.0962 3.98691 13.9712 3.86189C13.8461 3.73686 13.6766 3.66663 13.4998 3.66663H8.49975Z" fill="${frozen_color}" fill-opacity="${frozen_color_opacity}"/>` +
+                    '</svg>',
+                width: frozen_size,
+                height: frozen_size,
+                name: 'frozen',
+                funcType: IconFuncTypeEnum.frozen,
+                positionType: IconPosition.right,
+                marginRight: 0,
+                hover: {
+                    width: frozen_size_2,
+                    height: frozen_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get frozenCurrent() {
+            return {
+                type: 'svg',
+                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
+                    `<path d="M8.49975 3.66663C8.32294 3.66663 8.15337 3.73686 8.02835 3.86189C7.90332 3.98691 7.83309 4.15648 7.83309 4.33329V9.63246C6.76475 10.2533 6.07942 11.1795 6.00625 12.2308C5.99892 12.2786 5.99692 12.3268 6.00009 12.3741L5.99975 12.4166C5.99975 12.5934 6.06999 12.763 6.19501 12.888C6.32004 13.0131 6.48961 13.0833 6.66642 13.0833H10.3333L10.3331 17.5L10.8611 18.292C10.8763 18.3148 10.8969 18.3335 10.9211 18.3464C10.9453 18.3594 10.9723 18.3662 10.9998 18.3662C11.0272 18.3662 11.0542 18.3594 11.0784 18.3464C11.1026 18.3335 11.1232 18.3148 11.1384 18.292L11.6664 17.5L11.6666 13.0833H15.3331C15.5099 13.0833 15.6795 13.0131 15.8045 12.888C15.9295 12.763 15.9998 12.5934 15.9998 12.4166C15.9998 12.4025 15.9998 12.3883 15.9994 12.3741C16.0028 12.3263 16.0008 12.2776 15.9933 12.2295C15.9196 11.1786 15.2343 10.2528 14.1664 9.63229V4.33329C14.1664 4.15648 14.0962 3.98691 13.9712 3.86189C13.8461 3.73686 13.6766 3.66663 13.4998 3.66663H8.49975Z"  fill="${frozen_color_2}" fill-opacity="${frozen_color_opacity_2}"/>` +
+                    '</svg>',
+                width: frozen_size,
+                height: frozen_size,
+                funcType: IconFuncTypeEnum.frozen,
+                positionType: IconPosition.right,
+                name: 'frozenCurrent',
+                marginRight: 0,
+                hover: {
+                    width: frozen_size_2,
+                    height: frozen_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get dropdownIcon() {
+            return {
+                type: 'svg',
+                svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect x="2" y="1" width="20" height="20" rx="10" fill="white"/><rect x="2.5" y="1.5" width="19" height="19" rx="9.5" stroke="#959DA5"/></g><path d="M14.9492 9.39531C15.0086 9.31911 15.0165 9.21887 14.9698 9.1356C14.923 9.05234 14.8294 9 14.7273 9L9.27273 9C9.17057 9 9.07697 9.05234 9.03023 9.1356C8.98348 9.21887 8.99142 9.31911 9.0508 9.39531L11.7781 12.8953C11.8293 12.961 11.9119 13 12 13C12.0881 13 12.1707 12.961 12.2219 12.8953L14.9492 9.39531Z" fill="#4F5965"/></svg>',
+                width: 24,
+                height: 24,
+                funcType: IconFuncTypeEnum.dropDown,
+                positionType: IconPosition.absoluteRight,
+                name: 'dropdownIcon',
+                marginRight: 0,
+                hover: {
+                    width: 24,
+                    height: 24,
+                    bgColor: 'rgba(101, 117, 168, 0.1)',
+                    image: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect x="2" y="1" width="20" height="20" rx="10" fill="#1E54C9"/><rect x="2.5" y="1.5" width="19" height="19" rx="9.5" stroke="#141414" stroke-opacity="0.2"/></g><path d="M14.9492 9.39531C15.0086 9.31911 15.0165 9.21887 14.9698 9.1356C14.923 9.05234 14.8294 9 14.7273 9L9.27273 9C9.17057 9 9.07697 9.05234 9.03023 9.1356C8.98348 9.21887 8.99142 9.31911 9.0508 9.39531L11.7781 12.8953C11.8293 12.961 11.9119 13 12 13C12.0881 13 12.1707 12.961 12.2219 12.8953L14.9492 9.39531Z" fill="white"/></svg>'
+                },
+                cursor: 'pointer',
+                visibleTime: 'mouseenter_cell'
+            };
+        },
+        get play() {
+            return {
+                type: 'svg',
+                svg: '<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01" /><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#686a6e" stroke-width="4" stroke-linejoin="round" stroke-opacity="0.7" /><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#686a6e" stroke-width="4" stroke-linejoin="round" stroke-opacity="0.7" /></svg>',
+                width: 24,
+                height: 24,
+                funcType: IconFuncTypeEnum.play,
+                positionType: IconPosition.right,
+                name: 'play',
+                marginRight: 0,
+                hover: {
+                    width: 24,
+                    height: 24,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get damage_pic() {
+            return {
+                type: 'svg',
+                svg: '<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 10V38C5 39.1046 5.89543 40 7 40H14H18L15 29L22 27L21 20L29 16L27 13L30 8H7C5.89543 8 5 8.89543 5 10Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M43 38V10C43 8.89543 42.1046 8 41 8H38L34 14L37 19L28 23L29 31L22 33L24 40H41C42.1046 40 43 39.1046 43 38Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 18C15.3284 18 16 17.3284 16 16.5C16 15.6716 15.3284 15 14.5 15C13.6716 15 13 15.6716 13 16.5C13 17.3284 13.6716 18 14.5 18Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+                width: 24,
+                height: 24,
+                funcType: IconFuncTypeEnum.damagePic,
+                positionType: IconPosition.left,
+                name: 'damage_pic',
+                marginRight: 0,
+                hover: {
+                    width: 24,
+                    height: 24,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get loading_pic() {
+            return {
+                type: 'svg',
+                svg: '<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="50" y="65" width="301" height="170"><path d="M350.3 65H50v169.8h300.3V65Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M58.3 233.2h32.8v-36.8H58.3v36.8Z" fill="#C7DEFF"/><path d="M91.1 224.5v8.8H58.3M82.4 196.2H58.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M305.4 182.5s-2.7 12.6 0 17.4c2.7 4.8 8.3 6.7 12.4 4.4 4.2-2.4 5.3-8.1 2.6-12.9-2.7-4.8-15-8.9-15-8.9ZM336 204.7c4.3 2 9.7-.4 12-5.4 2.3-5-1.5-17.3-1.5-17.3s-11.8 5.1-14.1 10.1c-2.3 5-.7 10.6 3.6 12.6Z" fill="#00E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M326.7 174s-10 11.8-10 18.6c0 6.7 4.5 12.2 10 12.2s10-5.5 10-12.3c0-6.8-10-18.5-10-18.5Z" fill="#00E4E5"/><path d="M332.3 181.5c2.3 3.6 4.4 7.8 4.4 10.9M316.7 192.5c0-3.1 2.1-7.2 4.3-10.8" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M343.1 227.3v-9.7h-34v9.7c0 3.7 3 6.6 6.6 6.6h20.9c3.6 0 6.5-2.9 6.5-6.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M350.4 220.8V198H302v22.8c0 5.9 4.8 10.7 10.7 10.7h26.9c5.9 0 10.7-4.8 10.8-10.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M331.7 74.2H117.8L87.4 203h213.8l30.5-128.8Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M337 74.2h-6.2l-30.6 129.2h6.2L337 74.2Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M303.8 203.5h2.4l30.7-129.3h-1.8l-31.3 129.3Z" fill="#C7DEFF"/><path d="m337 74.2-30.6 129.2h-5.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M229.9 202.1h-47.6l2 9.6h47.3l-1.7-9.6Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M94.7 172.6 87.4 203h213.1l7.8-30.4H94.7Z" fill="#006EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M94.7 172.6 87.4 203h213.1l7.8-30.4H94.7Z" fill="#006EFF"/><path d="M138.5 74.2h193.2l-23.4 98.6M94.5 172.7l11-46.3M104.8 155.4l-2.3 11.5h6.7M316 112.1l1.1-4.5" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.3 138.1h97V119h-97v19.1Z" fill="#00E4E5"/><path d="M303.1 80.6h20.3l-4.6 19.6M228.3 234.3c3.6 0 6.3-3.2 5.7-6.8l-4.1-24.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M226.2 229.5h-68.9v1.2c0 2 1.6 3.7 3.7 3.7h60.1c2.8 0 5-2.2 5.1-4.9Z" fill="#C7DEFF"/><path d="M180.699 226.8h-19.9c-2.8 0-4.6 3-3.3 5.5m0 0c.6 1.2 1.9 2 3.3 2h57.8M175.9 203.4l3.6 17.6M241.2 234.3h65.1M104.6 234.3h41.3" stroke="#071F4D"/><path d="M206.2 234.3h14.9c3.1 0 5.5-2.8 5-5.9l-4.3-24.9M160.7 226.8h46M62.2 226.1h-9.5c-1.2 0-2.2-1-2.2-2.2v-18.3c0-1.2 1-2.2 2.2-2.2h9.5" stroke="#071F4D"/><path d="M53.4 171.7H68c2.1 0 3.7 1.7 3.7 3.7v16.1M79.1 192v-21.8c0-2.5 2-4.6 4.6-4.6h2.2c2.5 0 4.5-2 4.5-4.5m0 0c0-2.5-2-4.5-4.5-4.5H56.1c-2.4 0-4.3-1.9-4.3-4.3V148M71.2 165.2h-18M64 181.7v10.1" stroke="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M85.7 120H124c4.3 0 7.7-3.5 7.7-7.7V65.5H94.2c-4.7 0-8.5 4.9-8.5 11V120Z" fill="#C7DEFF"/><path d="M85.7 110.7V73c0-4.1 3.4-7.5 7.5-7.5h38.5M146.2 73.8v-2.5c0-3.2-2-5.8-5.8-5.8-2.8 0-6 1.1-6 5.8v42.4c0 4.7-3.8 8.5-8.5 8.5h-15.6" stroke="#071F4D"/><path d="M119.7 122.3H87c-6.1 0-11.1-5-11.1-11.1m0 0h39M126.1 122.3c-6.1 0-11.1-5-11.1-11.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M85.4 122.1h37.2c-6.5-1.8-8-10.5-8-10.5H76.2c.6 8.8 9.2 10.5 9.2 10.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M95.8 102.9h4.8V83.6h-4.8v19.3ZM106.6 102.9h4.8V77.6h-4.8v25.3ZM117.3 102.9h4.8V89.1h-4.8v13.8Z" fill="#fff"/><path d="M273.2 195.9h16.9M261.2 195.9h5" stroke="#fff"/><path d="M62.4 201.9v2.9M62.4 224.5v2.9" stroke="#071F4D"/><path d="m153.6 138.1 9.7-19.1M168.8 138.1l9.7-19.1M184.1 138.1l9.7-19.1M199.4 138.1l9.7-19.1M214.6 138.1l9.8-19.1M229.9 138.1l9.7-19.1" stroke="#fff"/><path d="M148.3 138.1h121.6V119H148.3v19.1Z" stroke="#071F4D"/></g></svg>',
+                width: 400,
+                height: 300,
+                name: 'loading_pic',
+                positionType: IconPosition.left
+            };
+        },
+        get expand() {
+            return {
+                type: 'svg',
+                svg: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path d="M4.64988 6.81235C4.38797 6.48497 4.62106 6 5.04031 6L10.9597 6C11.3789 6 11.612 6.48497 11.3501 6.81235L8.39043 10.512C8.19027 10.7622 7.80973 10.7622 7.60957 10.512L4.64988 6.81235Z" fill="${expand_color}" fill-opacity="${expand_color_opacity}"/>
+      </svg>`,
+                width: expand_size,
+                height: expand_size,
+                funcType: IconFuncTypeEnum.expand,
+                name: 'expand',
+                positionType: IconPosition.contentLeft,
+                marginLeft: 0,
+                marginRight: 4,
+                hover: {
+                    width: expand_size_2,
+                    height: expand_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get collapse() {
+            return {
+                type: 'svg',
+                svg: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path d="M5.81235 11.3501C5.48497 11.612 5 11.3789 5 10.9597L5 5.04031C5 4.62106 5.48497 4.38797 5.81235 4.64988L9.51196 7.60957C9.76216 7.80973 9.76216 8.19027 9.51196 8.39044L5.81235 11.3501Z"  fill="${collapse_color}" fill-opacity="${collapse_color_opacity}"/>
+      </svg>`,
+                width: collapse_size,
+                height: collapse_size,
+                funcType: IconFuncTypeEnum.collapse,
+                name: 'collapse',
+                positionType: IconPosition.contentLeft,
+                marginLeft: 0,
+                marginRight: 4,
+                hover: {
+                    width: collapse_size_2,
+                    height: collapse_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                cursor: 'pointer'
+            };
+        },
+        get drillDown() {
+            return {
+                name: 'drillDown',
+                type: 'svg',
+                positionType: IconPosition.absolute,
+                funcType: IconFuncTypeEnum.drillDown,
+                svg: DrillDown,
+                width: 13,
+                height: 13,
+                cursor: 'pointer'
+            };
+        },
+        get drillUp() {
+            return {
+                name: 'drillUp',
+                type: 'svg',
+                positionType: IconPosition.absolute,
+                funcType: IconFuncTypeEnum.drillUp,
+                svg: DrillUp,
+                width: 13,
+                height: 13,
+                cursor: 'pointer'
+            };
+        },
+        get dragReorder() {
+            return {
+                type: 'svg',
+                svg: `<svg t="1710129136961" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5166" width="200" height="200"><path d="M362.666667 192m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5167"></path><path d="M661.333333 192m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5168"></path><path d="M362.666667 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5169"></path><path d="M661.333333 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5170"></path><path d="M362.666667 832m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5171"></path><path d="M661.333333 832m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5172"></path></svg>`,
+                width: dragReorder_size,
+                height: dragReorder_size,
+                funcType: IconFuncTypeEnum.dragReorder,
+                positionType: IconPosition.left,
+                name: 'dragReorder',
+                marginLeft: -10,
+                marginRight: 10,
+                cursor: 'grab'
+            };
+        }
+    };
+    const icons = {};
+    function get$2() {
+        return extend(builtins, icons);
+    }
+
     let Icon$1 = class Icon extends Image$2 {
         role;
         tooltip;
@@ -37244,6 +37817,14 @@
                 this.loadGif();
             }
         }
+        failCallback = () => {
+            const registeredIcons = get$2();
+            const { svg, src } = registeredIcons.damage_pic || {};
+            const image = svg || src;
+            if (image) {
+                super.image = image;
+            }
+        };
     };
     class TextIcon extends Text$1 {
         role;
@@ -37987,339 +38568,6 @@
         }
     }
 
-    let sort_color;
-    let sort_color_opacity;
-    let sort_color_2;
-    let sort_color_opacity_2;
-    let sort_size;
-    let sort_size_2;
-    let frozen_color;
-    let frozen_color_opacity;
-    let freeze_color_opacity;
-    let frozen_color_2;
-    let frozen_color_opacity_2;
-    let frozen_size;
-    let frozen_size_2;
-    let collapse_color;
-    let collapse_color_opacity;
-    let collapse_size;
-    let collapse_size_2;
-    let expand_color;
-    let expand_color_opacity;
-    let expand_size;
-    let expand_size_2;
-    let dragReorder_color;
-    let dragReorder_color_opacity;
-    let dragReorder_size;
-    function setIconColor(themeIconsColor) {
-        sort_color = themeIconsColor?.sort_color ?? '#282F38';
-        sort_color_opacity = themeIconsColor?.sort_color_opacity ?? '0.35';
-        sort_color_2 = themeIconsColor?.sort_color_2 ?? '#416EFF';
-        sort_color_opacity_2 = themeIconsColor?.sort_color_opacity_2 ?? '1';
-        sort_size = themeIconsColor?.sort_size ?? 16;
-        sort_size_2 = themeIconsColor?.sort_size_2 ?? 22;
-        frozen_color = themeIconsColor?.frozen_color ?? '#282F38';
-        frozen_color_opacity = themeIconsColor?.frozen_color_opacity ?? '0.35';
-        freeze_color_opacity = themeIconsColor?.frozen_color_opacity ?? '0.2';
-        frozen_color_2 = themeIconsColor?.frozen_color_2 ?? '#416EFF';
-        frozen_color_opacity_2 = themeIconsColor?.frozen_color_opacity_2 ?? '1';
-        frozen_size = themeIconsColor?.frozen_size ?? 22;
-        frozen_size_2 = themeIconsColor?.frozen_size_2 ?? 22;
-        collapse_color = themeIconsColor?.collapse_color ?? '#141414';
-        collapse_color_opacity = themeIconsColor?.collapse_color_opacity ?? '0.65';
-        collapse_size = themeIconsColor?.collapse_size ?? 16;
-        collapse_size_2 = themeIconsColor?.frozen_size_2 ?? 22;
-        expand_color = themeIconsColor?.expand_color ?? '#141414';
-        expand_color_opacity = themeIconsColor?.expand_color_opacity ?? '0.65';
-        expand_size = themeIconsColor?.expand_size ?? 16;
-        expand_size_2 = themeIconsColor?.expand_size_2 ?? 22;
-        dragReorder_color = themeIconsColor?.dragReorder_color ?? '#666666';
-        dragReorder_color_opacity = themeIconsColor?.dragReorder_color_opacity ?? '1';
-        dragReorder_size = themeIconsColor?.dragReorder_size ?? 20;
-    }
-    const builtins = {
-        get sort_downward() {
-            return {
-                type: 'svg',
-                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    ` <path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color_2}"  fill-opacity="${sort_color_opacity_2}"/>` +
-                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
-                    '</svg> ',
-                width: sort_size,
-                height: sort_size,
-                funcType: IconFuncTypeEnum.sort,
-                name: 'sort_downward',
-                positionType: IconPosition.contentRight,
-                marginLeft: 3,
-                hover: {
-                    width: sort_size_2,
-                    height: sort_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get sort_upward() {
-            return {
-                type: 'svg',
-                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    `<path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color}"  fill-opacity="${sort_color_opacity}"/>` +
-                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color_2}"  fill-opacity="${sort_color_opacity_2}"/>` +
-                    ' </svg>',
-                width: sort_size,
-                height: sort_size,
-                funcType: IconFuncTypeEnum.sort,
-                positionType: IconPosition.contentRight,
-                name: 'sort_upward',
-                marginLeft: 3,
-                hover: {
-                    width: sort_size_2,
-                    height: sort_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get sort_normal() {
-            return {
-                type: 'svg',
-                svg: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    `<path d="M4.6665 9H11.3332L7.99984 13.1667L4.6665 9Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
-                    `<path d="M11.3335 7L4.66683 7L8.00016 2.83333L11.3335 7Z" fill="${sort_color}" fill-opacity="${sort_color_opacity}"/>` +
-                    '</svg> ',
-                width: sort_size,
-                height: sort_size,
-                funcType: IconFuncTypeEnum.sort,
-                positionType: IconPosition.contentRight,
-                name: 'sort_normal',
-                marginLeft: 3,
-                hover: {
-                    width: sort_size_2,
-                    height: sort_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get freeze() {
-            return {
-                type: 'svg',
-                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    '<g clip-path="url(#clip0)">' +
-                    `<path d="M17.1313 8.42047C17.1932 8.48238 17.2423 8.55587 17.2759 8.63676C17.3094 8.71764 17.3266 8.80434 17.3266 8.89189C17.3266 8.97944 17.3094 9.06613 17.2759 9.14702C17.2423 9.2279 17.1932 9.3014 17.1313 9.3633L13.3843 13.1103C13.7007 14.3048 13.5305 15.4443 12.8388 16.2395C12.8104 16.2781 12.7778 16.3136 12.7417 16.3451L12.712 16.3755C12.6501 16.4374 12.5766 16.4865 12.4957 16.52C12.4148 16.5535 12.3281 16.5707 12.2406 16.5707C12.153 16.5707 12.0663 16.5535 11.9854 16.52C11.9046 16.4865 11.8311 16.4374 11.7692 16.3755L9.17633 13.7826L6.05316 16.9058L5.11983 17.0925C5.09291 17.0979 5.06508 17.0965 5.03881 17.0886C5.01254 17.0806 4.98863 17.0663 4.96923 17.0469C4.94982 17.0275 4.9355 17.0036 4.92755 16.9773C4.9196 16.951 4.91827 16.9232 4.92366 16.8963L5.11033 15.963L8.23333 12.8396L5.64066 10.2471C5.57875 10.1852 5.52964 10.1117 5.49614 10.0309C5.46263 9.94997 5.44539 9.86327 5.44539 9.77572C5.44539 9.68817 5.46263 9.60148 5.49614 9.52059C5.52964 9.43971 5.57875 9.36621 5.64066 9.3043C5.65066 9.2943 5.66066 9.2843 5.67099 9.27464C5.70266 9.2383 5.73833 9.20547 5.77766 9.17664C6.57283 8.48564 7.71199 8.31564 8.90599 8.63197L12.6528 4.88497C12.7147 4.82306 12.7882 4.77395 12.8691 4.74045C12.95 4.70694 13.0367 4.6897 13.1242 4.6897C13.2118 4.6897 13.2985 4.70694 13.3794 4.74045C13.4603 4.77395 13.5338 4.82306 13.5957 4.88497L17.1312 8.42047H17.1313ZM15.7172 8.8918L13.1243 6.29914L9.56483 9.8588C9.47574 9.94788 9.36323 10.0099 9.24034 10.0376C9.11746 10.0654 8.98922 10.0578 8.87049 10.0156C8.22783 9.78764 7.63899 9.7553 7.17749 9.89814L12.1182 14.8388C12.261 14.3771 12.2287 13.7885 12.0007 13.146C11.9585 13.0272 11.9509 12.899 11.9787 12.7761C12.0064 12.6532 12.0684 12.5407 12.1575 12.4516L15.7172 8.89164V8.8918Z" fill="${frozen_color}" fill-opacity="${freeze_color_opacity}"/>` +
-                    '</g>' +
-                    '<defs>' +
-                    '<clipPath id="clip0">' +
-                    '<rect width="22" height="22" fill="white"/>' +
-                    '</clipPath>' +
-                    '</defs>' +
-                    '</svg>',
-                width: frozen_size,
-                height: frozen_size,
-                name: 'freeze',
-                funcType: IconFuncTypeEnum.frozen,
-                positionType: IconPosition.right,
-                marginRight: 0,
-                hover: {
-                    width: frozen_size_2,
-                    height: frozen_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get frozen() {
-            return {
-                type: 'svg',
-                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    `<path d="M8.49975 3.66663C8.32294 3.66663 8.15337 3.73686 8.02835 3.86189C7.90332 3.98691 7.83309 4.15648 7.83309 4.33329V9.63246C6.76475 10.2533 6.07942 11.1795 6.00625 12.2308C5.99892 12.2786 5.99692 12.3268 6.00009 12.3741L5.99975 12.4166C5.99975 12.5934 6.06999 12.763 6.19501 12.888C6.32004 13.0131 6.48961 13.0833 6.66642 13.0833H10.3333L10.3331 17.5L10.8611 18.292C10.8763 18.3148 10.8969 18.3335 10.9211 18.3464C10.9453 18.3594 10.9723 18.3662 10.9998 18.3662C11.0272 18.3662 11.0542 18.3594 11.0784 18.3464C11.1026 18.3335 11.1232 18.3148 11.1384 18.292L11.6664 17.5L11.6666 13.0833H15.3331C15.5099 13.0833 15.6795 13.0131 15.8045 12.888C15.9295 12.763 15.9998 12.5934 15.9998 12.4166C15.9998 12.4025 15.9998 12.3883 15.9994 12.3741C16.0028 12.3263 16.0008 12.2776 15.9933 12.2295C15.9196 11.1786 15.2343 10.2528 14.1664 9.63229V4.33329C14.1664 4.15648 14.0962 3.98691 13.9712 3.86189C13.8461 3.73686 13.6766 3.66663 13.4998 3.66663H8.49975Z" fill="${frozen_color}" fill-opacity="${frozen_color_opacity}"/>` +
-                    '</svg>',
-                width: frozen_size,
-                height: frozen_size,
-                name: 'frozen',
-                funcType: IconFuncTypeEnum.frozen,
-                positionType: IconPosition.right,
-                marginRight: 0,
-                hover: {
-                    width: frozen_size_2,
-                    height: frozen_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get frozenCurrent() {
-            return {
-                type: 'svg',
-                svg: '<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">' +
-                    `<path d="M8.49975 3.66663C8.32294 3.66663 8.15337 3.73686 8.02835 3.86189C7.90332 3.98691 7.83309 4.15648 7.83309 4.33329V9.63246C6.76475 10.2533 6.07942 11.1795 6.00625 12.2308C5.99892 12.2786 5.99692 12.3268 6.00009 12.3741L5.99975 12.4166C5.99975 12.5934 6.06999 12.763 6.19501 12.888C6.32004 13.0131 6.48961 13.0833 6.66642 13.0833H10.3333L10.3331 17.5L10.8611 18.292C10.8763 18.3148 10.8969 18.3335 10.9211 18.3464C10.9453 18.3594 10.9723 18.3662 10.9998 18.3662C11.0272 18.3662 11.0542 18.3594 11.0784 18.3464C11.1026 18.3335 11.1232 18.3148 11.1384 18.292L11.6664 17.5L11.6666 13.0833H15.3331C15.5099 13.0833 15.6795 13.0131 15.8045 12.888C15.9295 12.763 15.9998 12.5934 15.9998 12.4166C15.9998 12.4025 15.9998 12.3883 15.9994 12.3741C16.0028 12.3263 16.0008 12.2776 15.9933 12.2295C15.9196 11.1786 15.2343 10.2528 14.1664 9.63229V4.33329C14.1664 4.15648 14.0962 3.98691 13.9712 3.86189C13.8461 3.73686 13.6766 3.66663 13.4998 3.66663H8.49975Z"  fill="${frozen_color_2}" fill-opacity="${frozen_color_opacity_2}"/>` +
-                    '</svg>',
-                width: frozen_size,
-                height: frozen_size,
-                funcType: IconFuncTypeEnum.frozen,
-                positionType: IconPosition.right,
-                name: 'frozenCurrent',
-                marginRight: 0,
-                hover: {
-                    width: frozen_size_2,
-                    height: frozen_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get dropdownIcon() {
-            return {
-                type: 'svg',
-                svg: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect x="2" y="1" width="20" height="20" rx="10" fill="white"/><rect x="2.5" y="1.5" width="19" height="19" rx="9.5" stroke="#959DA5"/></g><path d="M14.9492 9.39531C15.0086 9.31911 15.0165 9.21887 14.9698 9.1356C14.923 9.05234 14.8294 9 14.7273 9L9.27273 9C9.17057 9 9.07697 9.05234 9.03023 9.1356C8.98348 9.21887 8.99142 9.31911 9.0508 9.39531L11.7781 12.8953C11.8293 12.961 11.9119 13 12 13C12.0881 13 12.1707 12.961 12.2219 12.8953L14.9492 9.39531Z" fill="#4F5965"/></svg>',
-                width: 24,
-                height: 24,
-                funcType: IconFuncTypeEnum.dropDown,
-                positionType: IconPosition.absoluteRight,
-                name: 'dropdownIcon',
-                marginRight: 0,
-                hover: {
-                    width: 24,
-                    height: 24,
-                    bgColor: 'rgba(101, 117, 168, 0.1)',
-                    image: '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><rect x="2" y="1" width="20" height="20" rx="10" fill="#1E54C9"/><rect x="2.5" y="1.5" width="19" height="19" rx="9.5" stroke="#141414" stroke-opacity="0.2"/></g><path d="M14.9492 9.39531C15.0086 9.31911 15.0165 9.21887 14.9698 9.1356C14.923 9.05234 14.8294 9 14.7273 9L9.27273 9C9.17057 9 9.07697 9.05234 9.03023 9.1356C8.98348 9.21887 8.99142 9.31911 9.0508 9.39531L11.7781 12.8953C11.8293 12.961 11.9119 13 12 13C12.0881 13 12.1707 12.961 12.2219 12.8953L14.9492 9.39531Z" fill="white"/></svg>'
-                },
-                cursor: 'pointer',
-                visibleTime: 'mouseenter_cell'
-            };
-        },
-        get play() {
-            return {
-                type: 'svg',
-                svg: '<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01" /><path d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z" fill="none" stroke="#686a6e" stroke-width="4" stroke-linejoin="round" stroke-opacity="0.7" /><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#686a6e" stroke-width="4" stroke-linejoin="round" stroke-opacity="0.7" /></svg>',
-                width: 24,
-                height: 24,
-                funcType: IconFuncTypeEnum.play,
-                positionType: IconPosition.right,
-                name: 'play',
-                marginRight: 0,
-                hover: {
-                    width: 24,
-                    height: 24,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get damage_pic() {
-            return {
-                type: 'svg',
-                svg: '<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 10V38C5 39.1046 5.89543 40 7 40H14H18L15 29L22 27L21 20L29 16L27 13L30 8H7C5.89543 8 5 8.89543 5 10Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M43 38V10C43 8.89543 42.1046 8 41 8H38L34 14L37 19L28 23L29 31L22 33L24 40H41C42.1046 40 43 39.1046 43 38Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 18C15.3284 18 16 17.3284 16 16.5C16 15.6716 15.3284 15 14.5 15C13.6716 15 13 15.6716 13 16.5C13 17.3284 13.6716 18 14.5 18Z" fill="none" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-                width: 24,
-                height: 24,
-                funcType: IconFuncTypeEnum.damagePic,
-                positionType: IconPosition.left,
-                name: 'damage_pic',
-                marginRight: 0,
-                hover: {
-                    width: 24,
-                    height: 24,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get loading_pic() {
-            return {
-                type: 'svg',
-                svg: '<svg viewBox="0 0 400 300" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="50" y="65" width="301" height="170"><path d="M350.3 65H50v169.8h300.3V65Z" fill="#fff"/></mask><g mask="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M58.3 233.2h32.8v-36.8H58.3v36.8Z" fill="#C7DEFF"/><path d="M91.1 224.5v8.8H58.3M82.4 196.2H58.3" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M305.4 182.5s-2.7 12.6 0 17.4c2.7 4.8 8.3 6.7 12.4 4.4 4.2-2.4 5.3-8.1 2.6-12.9-2.7-4.8-15-8.9-15-8.9ZM336 204.7c4.3 2 9.7-.4 12-5.4 2.3-5-1.5-17.3-1.5-17.3s-11.8 5.1-14.1 10.1c-2.3 5-.7 10.6 3.6 12.6Z" fill="#00E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M326.7 174s-10 11.8-10 18.6c0 6.7 4.5 12.2 10 12.2s10-5.5 10-12.3c0-6.8-10-18.5-10-18.5Z" fill="#00E4E5"/><path d="M332.3 181.5c2.3 3.6 4.4 7.8 4.4 10.9M316.7 192.5c0-3.1 2.1-7.2 4.3-10.8" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M343.1 227.3v-9.7h-34v9.7c0 3.7 3 6.6 6.6 6.6h20.9c3.6 0 6.5-2.9 6.5-6.6Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M350.4 220.8V198H302v22.8c0 5.9 4.8 10.7 10.7 10.7h26.9c5.9 0 10.7-4.8 10.8-10.7Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M331.7 74.2H117.8L87.4 203h213.8l30.5-128.8Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M337 74.2h-6.2l-30.6 129.2h6.2L337 74.2Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M303.8 203.5h2.4l30.7-129.3h-1.8l-31.3 129.3Z" fill="#C7DEFF"/><path d="m337 74.2-30.6 129.2h-5.9" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M229.9 202.1h-47.6l2 9.6h47.3l-1.7-9.6Z" fill="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M94.7 172.6 87.4 203h213.1l7.8-30.4H94.7Z" fill="#006EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M94.7 172.6 87.4 203h213.1l7.8-30.4H94.7Z" fill="#006EFF"/><path d="M138.5 74.2h193.2l-23.4 98.6M94.5 172.7l11-46.3M104.8 155.4l-2.3 11.5h6.7M316 112.1l1.1-4.5" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148.3 138.1h97V119h-97v19.1Z" fill="#00E4E5"/><path d="M303.1 80.6h20.3l-4.6 19.6M228.3 234.3c3.6 0 6.3-3.2 5.7-6.8l-4.1-24.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M226.2 229.5h-68.9v1.2c0 2 1.6 3.7 3.7 3.7h60.1c2.8 0 5-2.2 5.1-4.9Z" fill="#C7DEFF"/><path d="M180.699 226.8h-19.9c-2.8 0-4.6 3-3.3 5.5m0 0c.6 1.2 1.9 2 3.3 2h57.8M175.9 203.4l3.6 17.6M241.2 234.3h65.1M104.6 234.3h41.3" stroke="#071F4D"/><path d="M206.2 234.3h14.9c3.1 0 5.5-2.8 5-5.9l-4.3-24.9M160.7 226.8h46M62.2 226.1h-9.5c-1.2 0-2.2-1-2.2-2.2v-18.3c0-1.2 1-2.2 2.2-2.2h9.5" stroke="#071F4D"/><path d="M53.4 171.7H68c2.1 0 3.7 1.7 3.7 3.7v16.1M79.1 192v-21.8c0-2.5 2-4.6 4.6-4.6h2.2c2.5 0 4.5-2 4.5-4.5m0 0c0-2.5-2-4.5-4.5-4.5H56.1c-2.4 0-4.3-1.9-4.3-4.3V148M71.2 165.2h-18M64 181.7v10.1" stroke="#C7DEFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M85.7 120H124c4.3 0 7.7-3.5 7.7-7.7V65.5H94.2c-4.7 0-8.5 4.9-8.5 11V120Z" fill="#C7DEFF"/><path d="M85.7 110.7V73c0-4.1 3.4-7.5 7.5-7.5h38.5M146.2 73.8v-2.5c0-3.2-2-5.8-5.8-5.8-2.8 0-6 1.1-6 5.8v42.4c0 4.7-3.8 8.5-8.5 8.5h-15.6" stroke="#071F4D"/><path d="M119.7 122.3H87c-6.1 0-11.1-5-11.1-11.1m0 0h39M126.1 122.3c-6.1 0-11.1-5-11.1-11.1" stroke="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M85.4 122.1h37.2c-6.5-1.8-8-10.5-8-10.5H76.2c.6 8.8 9.2 10.5 9.2 10.5Z" fill="#071F4D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M95.8 102.9h4.8V83.6h-4.8v19.3ZM106.6 102.9h4.8V77.6h-4.8v25.3ZM117.3 102.9h4.8V89.1h-4.8v13.8Z" fill="#fff"/><path d="M273.2 195.9h16.9M261.2 195.9h5" stroke="#fff"/><path d="M62.4 201.9v2.9M62.4 224.5v2.9" stroke="#071F4D"/><path d="m153.6 138.1 9.7-19.1M168.8 138.1l9.7-19.1M184.1 138.1l9.7-19.1M199.4 138.1l9.7-19.1M214.6 138.1l9.8-19.1M229.9 138.1l9.7-19.1" stroke="#fff"/><path d="M148.3 138.1h121.6V119H148.3v19.1Z" stroke="#071F4D"/></g></svg>',
-                width: 400,
-                height: 300,
-                name: 'loading_pic',
-                positionType: IconPosition.left
-            };
-        },
-        get expand() {
-            return {
-                type: 'svg',
-                svg: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-      <path d="M4.64988 6.81235C4.38797 6.48497 4.62106 6 5.04031 6L10.9597 6C11.3789 6 11.612 6.48497 11.3501 6.81235L8.39043 10.512C8.19027 10.7622 7.80973 10.7622 7.60957 10.512L4.64988 6.81235Z" fill="${expand_color}" fill-opacity="${expand_color_opacity}"/>
-      </svg>`,
-                width: expand_size,
-                height: expand_size,
-                funcType: IconFuncTypeEnum.expand,
-                name: 'expand',
-                positionType: IconPosition.contentLeft,
-                marginLeft: 0,
-                marginRight: 4,
-                hover: {
-                    width: expand_size_2,
-                    height: expand_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get collapse() {
-            return {
-                type: 'svg',
-                svg: `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
-      <path d="M5.81235 11.3501C5.48497 11.612 5 11.3789 5 10.9597L5 5.04031C5 4.62106 5.48497 4.38797 5.81235 4.64988L9.51196 7.60957C9.76216 7.80973 9.76216 8.19027 9.51196 8.39044L5.81235 11.3501Z"  fill="${collapse_color}" fill-opacity="${collapse_color_opacity}"/>
-      </svg>`,
-                width: collapse_size,
-                height: collapse_size,
-                funcType: IconFuncTypeEnum.collapse,
-                name: 'collapse',
-                positionType: IconPosition.contentLeft,
-                marginLeft: 0,
-                marginRight: 4,
-                hover: {
-                    width: collapse_size_2,
-                    height: collapse_size_2,
-                    bgColor: 'rgba(101, 117, 168, 0.1)'
-                },
-                cursor: 'pointer'
-            };
-        },
-        get drillDown() {
-            return {
-                name: 'drillDown',
-                type: 'svg',
-                positionType: IconPosition.absolute,
-                funcType: IconFuncTypeEnum.drillDown,
-                svg: DrillDown,
-                width: 13,
-                height: 13,
-                cursor: 'pointer'
-            };
-        },
-        get drillUp() {
-            return {
-                name: 'drillUp',
-                type: 'svg',
-                positionType: IconPosition.absolute,
-                funcType: IconFuncTypeEnum.drillUp,
-                svg: DrillUp,
-                width: 13,
-                height: 13,
-                cursor: 'pointer'
-            };
-        },
-        get dragReorder() {
-            return {
-                type: 'svg',
-                svg: `<svg t="1710129136961" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5166" width="200" height="200"><path d="M362.666667 192m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5167"></path><path d="M661.333333 192m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5168"></path><path d="M362.666667 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5169"></path><path d="M661.333333 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5170"></path><path d="M362.666667 832m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5171"></path><path d="M661.333333 832m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="${dragReorder_color}"  fill-opacity="${dragReorder_color_opacity}" p-id="5172"></path></svg>`,
-                width: dragReorder_size,
-                height: dragReorder_size,
-                funcType: IconFuncTypeEnum.dragReorder,
-                positionType: IconPosition.left,
-                name: 'dragReorder',
-                marginLeft: -10,
-                marginRight: 10,
-                cursor: 'grab'
-            };
-        }
-    };
-    const icons = {};
-    function get$2() {
-        return extend(builtins, icons);
-    }
-
     let Group$1 = class Group extends Group$2 {
         role;
         col;
@@ -40032,7 +40280,7 @@
             const style = table._getCellStyle(col, row);
             const dataValue = table.getCellOriginValue(col, row);
             const createTextCellGroup = Factory.getFunction('createTextCellGroup');
-            cellGroup = createTextCellGroup(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, false, customElementsGroup, renderDefault, cellTheme, range, isAsync);
+            cellGroup = createTextCellGroup(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme, range, isAsync);
             const createProgressBarCell = Factory.getFunction('createProgressBarCell');
             const progressBarGroup = createProgressBarCell(define, style, colWidth, value, dataValue, col, row, padding, table, range);
             if (cellGroup.firstChild) {
@@ -40160,7 +40408,7 @@
                 if (table.options.groupTitleFieldFormat) {
                     value = table.options.groupTitleFieldFormat(rawRecord, col, row, table);
                 }
-                else if (vtableMergeName) {
+                else if (vtableMergeName !== undefined) {
                     value = vtableMergeName;
                 }
             }
@@ -40259,8 +40507,8 @@
         const type = isVtableMerge || isCustomMerge
             ? 'text'
             : table.isHeader(col, row)
-                ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                : table.getBodyColumnType(col, row) ?? 'text';
+                ? (table._getHeaderLayoutMap(col, row).headerType ?? 'text')
+                : (table.getBodyColumnType(col, row) ?? 'text');
         const padding = cellTheme._vtable.padding;
         const textAlign = cellTheme.text.textAlign;
         const textBaseline = cellTheme.text.textBaseline;
@@ -40422,8 +40670,8 @@
                 child.skipMergeUpdate = false;
             }
             else {
-                child.skipMergeUpdate = true;
                 child._dx = child.attribute.dx ?? 0;
+                child.skipMergeUpdate = true;
                 child.setAttributes({
                     dx: (child.attribute.dx ?? 0) + dx
                 });
@@ -45124,23 +45372,29 @@
                 col = mergeInfo.end.col;
                 row = mergeInfo.end.row;
             }
-            if (col === table.colCount - 1 && !bottomRight) {
-                width -= 1;
-            }
-            else if (col === table.frozenColCount - 1 && table.scrollLeft && !bottomRight) {
-                width -= 1;
-            }
-            else if (col === 0 && bottomRight) {
-                width -= 1;
-            }
-            if (row === table.rowCount - 1 && !bottomRight) {
-                height -= 1;
-            }
-            else if (row === table.frozenRowCount - 1 && table.scrollTop && !bottomRight) {
-                height -= 1;
+            if (!bottomRight) {
+                if (col === table.colCount - 1 ||
+                    (col === table.frozenColCount - 1 && table.scrollLeft) ||
+                    (!!table.containerFit?.width &&
+                        !!table.rightFrozenColCount &&
+                        col === table.colCount - table.rightFrozenColCount - 1)) {
+                    width -= 1;
+                }
+                if (row === table.rowCount - 1 ||
+                    (row === table.frozenRowCount - 1 && table.scrollTop) ||
+                    (!!table.containerFit?.height &&
+                        !!table.bottomFrozenRowCount &&
+                        row === table.rowCount - table.bottomFrozenRowCount - 1)) {
+                    height -= 1;
+                }
             }
-            else if (row === 0 && bottomRight) {
-                height -= 1;
+            else {
+                if (col === 0) {
+                    width -= 1;
+                }
+                if (row === 0) {
+                    height -= 1;
+                }
             }
         }
         else if (group.role === 'corner-frozen') {
@@ -46075,16 +46329,19 @@
         const adaptiveColumns = [];
         const sparklineColumns = [];
         let totalSparklineAbleWidth = 0;
+        const maxWidthColumnMap = new Map();
+        const minWidthColumnMap = new Map();
         for (let col = startCol; col < endColPlus1; col++) {
             const width = update ? newWidths[col] ?? table.getColWidth(col) : table.getColWidth(col);
             const maxWidth = table.getMaxColWidth(col);
             const minWidth = table.getMinColWidth(col);
-            if (width !== maxWidth && width !== minWidth) {
-                actualWidth += width;
-                adaptiveColumns.push(col);
+            actualWidth += width;
+            adaptiveColumns.push(col);
+            if (maxWidth === width) {
+                maxWidthColumnMap.set(col, width);
             }
-            else {
-                totalDrawWidth -= width;
+            else if (minWidth === width) {
+                minWidthColumnMap.set(col, width);
             }
             if (table.options.customConfig?.shrinkSparklineFirst) {
                 const bodyCellType = table.getBodyColumnType(col, 0);
@@ -46094,6 +46351,26 @@
                 }
             }
         }
+        if (actualWidth > totalDrawWidth) {
+            for (const [col, width] of minWidthColumnMap) {
+                totalDrawWidth -= width;
+                actualWidth -= width;
+                const index = adaptiveColumns.indexOf(col);
+                if (index !== -1) {
+                    adaptiveColumns.splice(index, 1);
+                }
+            }
+        }
+        else if (actualWidth < totalDrawWidth) {
+            for (const [col, width] of maxWidthColumnMap) {
+                totalDrawWidth -= width;
+                actualWidth -= width;
+                const index = adaptiveColumns.indexOf(col);
+                if (index !== -1) {
+                    adaptiveColumns.splice(index, 1);
+                }
+            }
+        }
         const factor = totalDrawWidth / actualWidth;
         if (table.options.customConfig?.shrinkSparklineFirst &&
             factor < 1 &&
@@ -46238,16 +46515,16 @@
                     if (table.options.groupTitleFieldFormat) {
                         value = table.options.groupTitleFieldFormat(rawRecord, col, row, table);
                     }
-                    else if (vtableMergeName) {
+                    else if (vtableMergeName !== undefined) {
                         value = vtableMergeName;
                     }
                 }
             }
             const type = isVtableMerge || isCustomMerge
                 ? 'text'
-                : (table.isHeader(col, row)
-                    ? table._getHeaderLayoutMap(col, row).headerType ?? 'text'
-                    : table.getBodyColumnType(col, row)) ?? 'text';
+                : ((table.isHeader(col, row)
+                    ? (table._getHeaderLayoutMap(col, row).headerType ?? 'text')
+                    : table.getBodyColumnType(col, row)) ?? 'text');
             if (isPromise(value)) {
                 createEmptyCellGroup(col, row, 0, y, cellWidth, cellHeight, columnGroup);
                 dealPromiseData(value, table, callCreateCellForPromiseValue.bind(null, {
@@ -56379,6 +56656,7 @@
                     event: e.nativeEvent
                 });
             }
+            clearPageSelection();
             table.eventManager.isDown = true;
             table.eventManager.LastBodyPointerXY = { x: e.x, y: e.y };
             table.eventManager.LastPointerXY = { x: e.x, y: e.y };
@@ -60774,6 +61052,11 @@
         }
         getCumulativeSum(position) {
             let sum = 0;
+            let currentBottomFrozenRowsHeight = 0;
+            let isBottomFrozenRowNoCache = false;
+            const bottomFrozenStartRow = this.table.rowCount > 0 && this.table.bottomFrozenRowCount > 0
+                ? this.table.rowCount - this.table.bottomFrozenRowCount
+                : -1;
             for (let i = position; i >= 0; i--) {
                 if (this.cumulativeSum.has(i)) {
                     sum += this.cumulativeSum.get(i);
@@ -60781,6 +61064,16 @@
                 }
                 else {
                     sum += this.data.get(i) ?? this.table.getRowHeight(i);
+                    if (i >= bottomFrozenStartRow && bottomFrozenStartRow !== -1) {
+                        currentBottomFrozenRowsHeight = sum;
+                        isBottomFrozenRowNoCache = i === bottomFrozenStartRow;
+                    }
+                }
+            }
+            if (isBottomFrozenRowNoCache && !!this.table.containerFit?.height && !!this.table.bottomFrozenRowCount) {
+                const tableHeight = this.table.tableNoFrameHeight || 0;
+                if (sum < tableHeight) {
+                    sum = tableHeight - this.table.getBottomFrozenRowsHeight() + currentBottomFrozenRowsHeight;
                 }
             }
             this.cumulativeSum.set(position, sum);
@@ -63325,7 +63618,7 @@
         constructor(table) {
             this.table = table;
             this.timeline = new DefaultTimeline();
-            this.ticker = new DefaultTicker();
+            this.ticker = new DefaultTicker(this.table.scenegraph.stage);
             this.ticker.addTimeline(this.timeline);
             const TICKER_FPS = 60;
             this.ticker.setFPS(TICKER_FPS);
@@ -63480,7 +63773,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.19.1-alpha.1";
+        version = "1.19.2";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -64218,7 +64511,10 @@
             const cachedLowerColWidth = this._colRangeWidthsMap.get(`$${startCol}$${endCol - 1}`);
             if (cachedLowerColWidth !== null && cachedLowerColWidth !== undefined) {
                 const adjustW = this.getColWidth(endCol);
-                const addWidth = cachedLowerColWidth + adjustW;
+                let addWidth = cachedLowerColWidth + adjustW;
+                if (this.rightFrozenColCount > 0 && endCol === this.colCount - this.rightFrozenColCount) {
+                    addWidth = this._getRangeSizeForContainerFit(startCol, endCol, addWidth, 'col');
+                }
                 if (startCol >= 0 && endCol >= 0 && !Number.isNaN(addWidth)) {
                     this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(addWidth));
                 }
@@ -64228,6 +64524,7 @@
             for (let col = startCol; col <= endCol; col++) {
                 w += this.getColWidth(col);
             }
+            w = this._getRangeSizeForContainerFit(startCol, endCol, w, 'col');
             if (startCol >= 0 && endCol >= 0) {
                 this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(w));
             }
@@ -64316,19 +64613,20 @@
                 !this.hasAutoImageColumn() &&
                 !isDefaultRowHeightIsAuto &&
                 this.internalProps._heightResizedRowMap.size === 0) {
+                const bottomFrozenStartRow = this.rowCount - this.bottomFrozenRowCount;
                 for (let i = startRow; i < Math.min(endRow + 1, this.columnHeaderLevelCount); i++) {
                     h += this.getRowHeight(i);
                 }
                 if (endRow >= this.columnHeaderLevelCount) {
                     h +=
                         this.defaultRowHeight *
-                            (Math.min(endRow, this.rowCount - this.bottomFrozenRowCount - 1) -
-                                Math.max(this.columnHeaderLevelCount, startRow) +
-                                1);
+                            (Math.min(endRow, bottomFrozenStartRow - 1) - Math.max(this.columnHeaderLevelCount, startRow) + 1);
                 }
-                for (let i = this.rowCount - this.bottomFrozenRowCount; i < endRow + 1; i++) {
-                    h += this.getRowHeight(i);
+                let currentBottomFrozenRowsHeight = 0;
+                for (let i = bottomFrozenStartRow; i < endRow + 1; i++) {
+                    currentBottomFrozenRowsHeight += this.getRowHeight(i);
                 }
+                h = this._getRangeSizeForContainerFit(startRow, endRow, h + currentBottomFrozenRowsHeight, 'row');
             }
             else {
                 if (this.options.customConfig?._disableColumnAndRowSizeRound) {
@@ -64353,6 +64651,58 @@
             }
             return Math.round(h);
         }
+        _getRangeSizeForContainerFit(start, end, totalSize, type = 'col') {
+            if (!isFinite(start) || !isFinite(end)) {
+                return totalSize;
+            }
+            const keyMap = type === 'col'
+                ? {
+                    totalCount: 'colCount',
+                    frozenCount: 'rightFrozenColCount',
+                    fitType: 'width',
+                    tableSize: 'tableNoFrameWidth',
+                    getSize: 'getColWidth'
+                }
+                : {
+                    totalCount: 'rowCount',
+                    frozenCount: 'bottomFrozenRowCount',
+                    fitType: 'height',
+                    tableSize: 'tableNoFrameHeight',
+                    getSize: 'getRowHeight'
+                };
+            const tableSize = this[keyMap.tableSize];
+            if (totalSize >= tableSize) {
+                return totalSize;
+            }
+            const frozenStart = this[keyMap.totalCount] - this[keyMap.frozenCount];
+            if (!isFinite(this[keyMap.totalCount]) || this[keyMap.frozenCount] <= 0 || frozenStart < 0) {
+                return totalSize;
+            }
+            const noIntersecting = start > frozenStart || end < frozenStart || start === end;
+            if (noIntersecting || !this.containerFit?.[keyMap.fitType]) {
+                return totalSize;
+            }
+            const first = 0;
+            const last = this[keyMap.totalCount] - 1;
+            let size = tableSize;
+            if (start > first) {
+                for (let i = 0; i < start; i++) {
+                    size -= this[keyMap.getSize](i);
+                    if (size <= 0) {
+                        return totalSize;
+                    }
+                }
+            }
+            if (end !== last) {
+                for (let i = end + 1; i <= last; i++) {
+                    size -= this[keyMap.getSize](i);
+                    if (size <= 0) {
+                        return totalSize;
+                    }
+                }
+            }
+            return size;
+        }
         getColWidthDefined(col) {
             const { layoutMap } = this.internalProps;
             if (this.widthMode === 'autoWidth') {
@@ -65131,8 +65481,12 @@
             return 0;
         }
         getDrawRange() {
-            const width = Math.min(this.tableNoFrameWidth, this.getAllColsWidth());
-            const height = Math.min(this.tableNoFrameHeight, this.getAllRowsHeight());
+            const width = this.containerFit?.width
+                ? this.tableNoFrameWidth
+                : Math.min(this.tableNoFrameWidth, this.getAllColsWidth());
+            const height = this.containerFit?.height
+                ? this.tableNoFrameHeight
+                : Math.min(this.tableNoFrameHeight, this.getAllRowsHeight());
             return new Rect$1(this.tableX, this.tableY, width, height);
         }
         _getMouseAbstractPoint(evt) {
@@ -68368,6 +68722,7 @@
         _headerCellIds;
         _columns;
         _columnsIncludeHided;
+        _columnMaxDepth = 0;
         rowSeriesNumberColumn;
         leftRowSeriesNumberColumn;
         rightRowSeriesNumberColumn;
@@ -68395,6 +68750,7 @@
             this._columns = [];
             this._columnsIncludeHided = [];
             this._headerCellIds = [];
+            this._columnMaxDepth = this._calculateMaxDepth(columns);
             this.hierarchyIndent = hierarchyIndent ?? 20;
             this.hierarchyTextStartAlignment = table.options.hierarchyTextStartAlignment;
             this.columnHierarchyType = table.options.headerHierarchyType;
@@ -69180,7 +69536,19 @@
             const skipRowCount = this.hasAggregationOnTopCount ? this.headerLevelCount + 1 : this.headerLevelCount;
             return skipRowCount + index;
         }
-        _addHeaders(row, column, roots, hideColumnsSubHeader) {
+        _calculateMaxDepth(columns, currentDepth = 0) {
+            let maxDepth = currentDepth;
+            columns.forEach(col => {
+                if (col.columns && col.columns.length > 0) {
+                    const childDepth = this._calculateMaxDepth(col.columns, currentDepth + 1);
+                    if (childDepth > maxDepth) {
+                        maxDepth = childDepth;
+                    }
+                }
+            });
+            return maxDepth;
+        }
+        _addHeaders(row, column, roots, hideColumnsSubHeader, lastLevelSpan) {
             const results = [];
             const rowCells = this._newRow(row, hideColumnsSubHeader);
             column.forEach((hd) => {
@@ -69199,20 +69567,45 @@
                     columnWidthComputeMode: hd.columnWidthComputeMode
                 };
                 results[id] = cell;
-                for (let r = row - 1; r >= 0; r--) {
-                    this._headerCellIds[r] && (this._headerCellIds[r][col] = roots[r]);
+                let maxRow = row;
+                if (hd.levelSpan) {
+                    maxRow = Math.min(row + hd.levelSpan - 1, this._columnMaxDepth - 1);
+                    for (let r = row; r <= maxRow; r++) {
+                        if (!this._headerCellIds[r]) {
+                            this._headerCellIds[r] = [];
+                        }
+                        if (this._headerCellIds[r][col] === undefined) {
+                            this._headerCellIds[r][col] = id;
+                        }
+                    }
+                }
+                if (lastLevelSpan) {
+                    for (let r = maxRow - 1; r >= 0; r--) {
+                        if (this._headerCellIds[r] &&
+                            this._headerCellIds[r][col] === undefined &&
+                            roots[maxRow - lastLevelSpan] !== undefined) {
+                            this._headerCellIds[r][col] = roots[maxRow - lastLevelSpan];
+                        }
+                    }
+                }
+                else {
+                    for (let r = maxRow - 1; r >= 0; r--) {
+                        if (this._headerCellIds[r] && this._headerCellIds[r][col] === undefined && roots[r] !== undefined) {
+                            this._headerCellIds[r][col] = roots[r];
+                        }
+                    }
                 }
                 if (!hideColumnsSubHeader) {
                     rowCells[col] = id;
                 }
-                else if (this._headerCellIds[row - 1]) {
+                else if (this._headerCellIds[row - 1] && this._headerCellIds[row - 1][col] !== undefined) {
                     rowCells[col] = this._headerCellIds[row - 1][col];
                 }
                 const expand = !hd.hierarchyState || hd.hierarchyState === HierarchyState.expand;
                 if (!!hd.columns && !!expand) {
                     const isAllHided = hd.columns.every((c) => c.hide);
                     !isAllHided &&
-                        this._addHeaders(row + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader).forEach(c => results.push(c));
+                        this._addHeaders(maxRow + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader, hd.levelSpan).forEach(c => results.push(c));
                 }
                 else {
                     const colDef = {
@@ -69615,7 +70008,13 @@
             const editor = this.table.getEditor(col, row);
             if (editor) {
                 if (this.table.internalProps.layoutMap?.isAggregation?.(col, row)) {
-                    return;
+                    const isPivotTable = this.table.isPivotTable?.();
+                    const updateAggregationOnEditCell = isPivotTable
+                        ? this.table.internalProps?.dataConfig?.updateAggregationOnEditCell
+                        : false;
+                    if (!isPivotTable || (isPivotTable && updateAggregationOnEditCell)) {
+                        return;
+                    }
                 }
                 const record = this.table.getCellRawRecord(col, row);
                 if (record?.vtableMerge) {
@@ -70663,7 +71062,7 @@
             this._hasAutoImageColumn = undefined;
             this.refreshHeader();
             this.dataSource.updateColumns?.(this.internalProps.columns);
-            if (this.records && checkHasAggregationOnColumnDefine(columns)) {
+            if (this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns)) {
                 this.dataSource.processRecords(this.dataSource.dataSourceObj?.records ?? this.dataSource.dataSourceObj);
             }
             this.internalProps.useOneRowHeightFillAll = false;
@@ -81449,6 +81848,23 @@
             this._colHeaderPathCache.clear();
             this._rowHeaderPathCache.clear();
         }
+        isAggregation(col, row) {
+            if (this.isHeader(col, row)) {
+                return false;
+            }
+            const cellHeaderPaths = this.getCellHeaderPaths(col, row);
+            for (const path of cellHeaderPaths.colHeaderPaths) {
+                if (path.role === 'sub-total' || path.role === 'grand-total') {
+                    return true;
+                }
+            }
+            for (const path of cellHeaderPaths.rowHeaderPaths) {
+                if (path.role === 'sub-total' || path.role === 'grand-total') {
+                    return true;
+                }
+            }
+            return false;
+        }
     }
     function scaleWholeRangeSize(count, bandwidth, paddingInner, paddingOuter) {
         if (paddingInner === 1) {
@@ -83118,6 +83534,11 @@
             else {
                 flatColKey = colKey.join(this.stringJoinChar);
             }
+            if (typeof newValue === 'string') {
+                if (!isNaN(parseFloat(newValue))) {
+                    newValue = parseFloat(newValue);
+                }
+            }
             if (this.changedTree[flatRowKey]?.[flatColKey]) {
                 this.changedTree[flatRowKey][flatColKey][indicatorIndex] = newValue;
             }
@@ -83134,6 +83555,134 @@
             if (cellAggregator?.records.length === 1) {
                 cellAggregator.records[0][this.indicatorKeys[indicatorIndex]] = newValue;
             }
+            if (this.dataConfig?.updateAggregationOnEditCell ?? false) {
+                if (cellAggregator) {
+                    cellAggregator.changedValue = newValue;
+                    this.recalculateTotals(rowKey, colKey, indicator);
+                }
+                else {
+                    const newCellAggregator = new SumAggregator({
+                        key: indicator,
+                        field: indicator,
+                        isRecord: true,
+                    });
+                    newCellAggregator.changedValue = newValue;
+                    this.recalculateTotals(rowKey, colKey, indicator, newCellAggregator);
+                }
+            }
+        }
+        recalculateTotals(rowKey = [], colKey = [], indicator, newCellAggregator) {
+            if (!this.totals ||
+                Object.keys(this.tree).length === 0 ||
+                (!(this.totals.row?.showGrandTotals ||
+                    (this.totals.row?.subTotalsDimensions &&
+                        this.totals.row.subTotalsDimensions.length > 0 &&
+                        this.totals.row.showSubTotals !== false)) &&
+                    !(this.totals.column?.showGrandTotals ||
+                        (this.totals.column?.subTotalsDimensions &&
+                            this.totals.column.subTotalsDimensions.length > 0 &&
+                            this.totals.column.showSubTotals !== false)))) {
+                return;
+            }
+            const flatRowKey = Array.isArray(rowKey) ? rowKey.join(this.stringJoinChar) : rowKey;
+            const flatColKey = Array.isArray(colKey) ? colKey.join(this.stringJoinChar) : colKey;
+            const indicatorIndex = this.indicatorKeysIncludeCalculatedFieldDependIndicatorKeys.indexOf(indicator);
+            const aggregatorsToReset = new Set();
+            const subTotalAggregators = new Set();
+            const rowKeyParts = flatRowKey.split(this.stringJoinChar);
+            const colKeyParts = flatColKey.split(this.stringJoinChar);
+            const addAggregatorToResetSet = (agg, rowKey, colKey) => {
+                if (agg && !(rowKey === flatRowKey && colKey === flatColKey)) {
+                    aggregatorsToReset.add(agg);
+                    if (rowKey === flatRowKey || colKey === flatColKey) {
+                        subTotalAggregators.add(agg);
+                    }
+                }
+            };
+            if (this.totals?.row?.subTotalsDimensions && this.totals.row.showSubTotals !== false) {
+                for (let i = 0; i < this.totals.row.subTotalsDimensions.length; i++) {
+                    const dimension = this.totals.row.subTotalsDimensions[i];
+                    const dimensionIndex = this.rows.indexOf(dimension);
+                    if (dimensionIndex >= 0 && dimensionIndex < rowKeyParts.length) {
+                        const rowSubTotalKeyParts = rowKeyParts.slice(0, dimensionIndex + 1);
+                        if (this.rowHierarchyType !== 'tree') {
+                            rowSubTotalKeyParts.push(this.rowSubTotalLabel);
+                        }
+                        const flatRowSubTotalKey = rowSubTotalKeyParts.join(this.stringJoinChar);
+                        if (this.tree[flatRowSubTotalKey]?.[flatColKey]?.[indicatorIndex]) {
+                            addAggregatorToResetSet(this.tree[flatRowSubTotalKey][flatColKey][indicatorIndex], flatRowSubTotalKey, flatColKey);
+                        }
+                        if (this.totals?.column?.subTotalsDimensions && this.totals.column.showSubTotals !== false) {
+                            for (let j = 0; j < this.totals.column.subTotalsDimensions.length; j++) {
+                                const colDimension = this.totals.column.subTotalsDimensions[j];
+                                const colDimensionIndex = this.columns.indexOf(colDimension);
+                                if (colDimensionIndex >= 0 && colDimensionIndex < colKeyParts.length) {
+                                    const colSubTotalKeyParts = colKeyParts.slice(0, colDimensionIndex + 1);
+                                    colSubTotalKeyParts.push(this.colSubTotalLabel);
+                                    const flatColSubTotalKey = colSubTotalKeyParts.join(this.stringJoinChar);
+                                    if (this.tree[flatRowSubTotalKey]?.[flatColSubTotalKey]?.[indicatorIndex]) {
+                                        addAggregatorToResetSet(this.tree[flatRowSubTotalKey][flatColSubTotalKey][indicatorIndex], flatRowSubTotalKey, flatColSubTotalKey);
+                                    }
+                                }
+                            }
+                        }
+                        if (this.totals?.column?.showGrandTotals) {
+                            if (this.tree[flatRowSubTotalKey]?.[this.colGrandTotalLabel]?.[indicatorIndex]) {
+                                addAggregatorToResetSet(this.tree[flatRowSubTotalKey][this.colGrandTotalLabel][indicatorIndex], flatRowSubTotalKey, this.colGrandTotalLabel);
+                            }
+                        }
+                    }
+                }
+            }
+            if (this.totals?.row?.showGrandTotals) {
+                if (this.tree[this.rowGrandTotalLabel]?.[flatColKey]?.[indicatorIndex]) {
+                    addAggregatorToResetSet(this.tree[this.rowGrandTotalLabel][flatColKey][indicatorIndex], this.rowGrandTotalLabel, flatColKey);
+                }
+                if (this.totals?.column?.subTotalsDimensions && this.totals.column.showSubTotals !== false) {
+                    for (let j = 0; j < this.totals.column.subTotalsDimensions.length; j++) {
+                        const colDimension = this.totals.column.subTotalsDimensions[j];
+                        const colDimensionIndex = this.columns.indexOf(colDimension);
+                        if (colDimensionIndex >= 0 && colDimensionIndex < colKeyParts.length) {
+                            const colSubTotalKeyParts = colKeyParts.slice(0, colDimensionIndex + 1);
+                            colSubTotalKeyParts.push(this.colSubTotalLabel);
+                            const flatColSubTotalKey = colSubTotalKeyParts.join(this.stringJoinChar);
+                            if (this.tree[this.rowGrandTotalLabel]?.[flatColSubTotalKey]?.[indicatorIndex]) {
+                                addAggregatorToResetSet(this.tree[this.rowGrandTotalLabel][flatColSubTotalKey][indicatorIndex], this.rowGrandTotalLabel, flatColSubTotalKey);
+                            }
+                        }
+                    }
+                }
+                if (this.totals?.column?.showGrandTotals) {
+                    if (this.tree[this.rowGrandTotalLabel]?.[this.colGrandTotalLabel]?.[indicatorIndex]) {
+                        addAggregatorToResetSet(this.tree[this.rowGrandTotalLabel][this.colGrandTotalLabel][indicatorIndex], this.rowGrandTotalLabel, this.colGrandTotalLabel);
+                    }
+                }
+            }
+            if (this.totals?.column?.subTotalsDimensions && this.totals.column.showSubTotals !== false) {
+                for (let j = 0; j < this.totals.column.subTotalsDimensions.length; j++) {
+                    const colDimension = this.totals.column.subTotalsDimensions[j];
+                    const colDimensionIndex = this.columns.indexOf(colDimension);
+                    if (colDimensionIndex >= 0 && colDimensionIndex < colKeyParts.length) {
+                        const colSubTotalKeyParts = colKeyParts.slice(0, colDimensionIndex + 1);
+                        colSubTotalKeyParts.push(this.colSubTotalLabel);
+                        const flatColSubTotalKey = colSubTotalKeyParts.join(this.stringJoinChar);
+                        if (this.tree[flatRowKey]?.[flatColSubTotalKey]?.[indicatorIndex]) {
+                            addAggregatorToResetSet(this.tree[flatRowKey][flatColSubTotalKey][indicatorIndex], flatRowKey, flatColSubTotalKey);
+                        }
+                    }
+                }
+            }
+            if (this.totals?.column?.showGrandTotals) {
+                if (this.tree[flatRowKey]?.[this.colGrandTotalLabel]?.[indicatorIndex]) {
+                    addAggregatorToResetSet(this.tree[flatRowKey][this.colGrandTotalLabel][indicatorIndex], flatRowKey, this.colGrandTotalLabel);
+                }
+            }
+            aggregatorsToReset.forEach(agg => {
+                if (newCellAggregator && subTotalAggregators.has(agg)) {
+                    agg.push(newCellAggregator);
+                }
+                agg.recalculate();
+            });
         }
         changeRecordFieldValue(fieldName, oldValue, value) {
             let isIndicatorName = false;
@@ -84596,6 +85145,15 @@
                         this.scenegraph.updateCellContent(sCol, sRow);
                     }
                 }
+                if (this.options.dataConfig?.updateAggregationOnEditCell ?? false) {
+                    for (let col = 0; col < this.colCount; col++) {
+                        for (let row = 0; row < this.rowCount; row++) {
+                            if (this.internalProps.layoutMap.isAggregation(col, row)) {
+                                this.scenegraph.updateCellContent(col, row);
+                            }
+                        }
+                    }
+                }
                 if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                     if (this.internalProps._widthResizedColMap.size === 0) {
                         this.scenegraph.recalculateColWidths();
@@ -84698,6 +85256,15 @@
                     this.scenegraph.updateCellContent(sCol, sRow);
                 }
             }
+            if (this.options.dataConfig?.updateAggregationOnEditCell ?? false) {
+                for (let col = 0; col < this.colCount; col++) {
+                    for (let row = 0; row < this.rowCount; row++) {
+                        if (this.internalProps.layoutMap.isAggregation(col, row)) {
+                            this.scenegraph.updateCellContent(col, row);
+                        }
+                    }
+                }
+            }
             if (this.widthMode === 'adaptive' || (this.autoFillWidth && this.getAllColsWidth() <= this.tableNoFrameWidth)) {
                 if (this.internalProps._widthResizedColMap.size === 0) {
                     this.scenegraph.recalculateColWidths();
@@ -86623,7 +87190,7 @@
     }
 
     registerForVrender();
-    const version = "1.19.1-alpha.1";
+    const version = "1.19.2";
     function getIcons() {
         return get$2();
     }
@@ -86690,6 +87257,7 @@
     exports.setCustomAlphabetCharSet = setCustomAlphabetCharSet;
     exports.textMeasure = textMeasure;
     exports.themes = themes$1;
+    exports.toBoxArray = toBoxArray$1;
     exports.updateCell = updateCell$1;
     exports.version = version;