@visactor/vtable-calendar 1.19.1-alpha.1 → 1.19.2

package/dist/vtable-calendar.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
         });
@@ -23598,7 +23598,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;
@@ -23627,10 +23627,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 => {
@@ -23694,7 +23695,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);
@@ -23908,8 +23911,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);
@@ -23920,10 +23923,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;
       }
@@ -23974,7 +23978,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();
@@ -23984,7 +23988,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;
       }
     }
@@ -24138,10 +24143,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);
@@ -24252,7 +24258,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;
@@ -28888,7 +28894,7 @@
     class Aggregator {
       constructor(config) {
         var _a;
-        this.isAggregator = !0, this.isRecord = !0, this.records = [], this.key = config.key, this.field = config.field, this.formatFun = config.formatFun, this.isRecord = null !== (_a = config.isRecord) && void 0 !== _a ? _a : this.isRecord;
+        this.isAggregator = !0, this.isRecord = !0, this.records = [], this.children = [], this.key = config.key, this.field = config.field, this.formatFun = config.formatFun, this.isRecord = null !== (_a = config.isRecord) && void 0 !== _a ? _a : this.isRecord;
       }
       clearCacheValue() {
         this._formatedValue = void 0;
@@ -28897,7 +28903,7 @@
         return this._formatedValue || (this.formatFun ? this._formatedValue = this.formatFun(this.value(), col, row, table) : this._formatedValue = this.value()), this._formatedValue;
       }
       reset() {
-        this.records = [], this.clearCacheValue();
+        this.records = [], this.changedValue = void 0, this.children = [], this.clearCacheValue();
       }
     }
     class RecordAggregator extends Aggregator {
@@ -28905,19 +28911,20 @@
         super(...arguments), this.type = AggregationType.RECORD, this.isRecord = !0;
       }
       push(record) {
-        record && this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), this.clearCacheValue();
+        record && this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && this.children && this.children.push(record), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.clearCacheValue();
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children && (this.children = this.children.filter(item => item !== record))), this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.clearCacheValue());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.clearCacheValue());
       }
       value() {
-        return this.records;
+        var _a;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : this.records;
       }
       reset() {
-        this.records = [];
+        this.children = [], this.changedValue = void 0, this.records = [];
       }
       recalculate() {}
     }
@@ -28926,19 +28933,20 @@
         super(...arguments), this.type = AggregationType.NONE, this.isRecord = !0;
       }
       push(record) {
-        record && (this.isRecord && (this.records = [record]), this.field && (this.fieldValue = record[this.field])), this.clearCacheValue();
+        record && (this.isRecord && (this.records = [record]), record.isAggregator && this.children && (this.children = [record]), this.field && (this.fieldValue = record[this.field])), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field])), this.clearCacheValue();
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children && (this.children = this.children.filter(item => item !== record)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field])), this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field]), this.clearCacheValue());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.fieldValue = this.records[this.records.length - 1][this.field]), this.clearCacheValue());
       }
       value() {
-        return this.fieldValue;
+        var _a;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : this.fieldValue;
       }
       reset() {
-        this.records = [], this.fieldValue = void 0;
+        this.children = [], this.changedValue = void 0, this.records = [], this.fieldValue = void 0;
       }
       recalculate() {}
     }
@@ -28947,20 +28955,20 @@
         super(config), this.type = AggregationType.CUSTOM, this.isRecord = !0, this.values = [], this.aggregationFun = config.aggregationFun;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), this.field && this.values.push(record[this.field])), this.clearCacheValue();
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && this.children && this.children.push(record), this.field && this.values.push(record[this.field])), this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field])), this.clearCacheValue());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field])), this.clearCacheValue());
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field]))), this.clearCacheValue();
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children && (this.children = this.children.filter(item => item !== record)), this.field && this.records.length && (this.values = this.records.map(item => item[this.field]))), this.clearCacheValue();
       }
       value() {
-        var _a;
-        return this.fieldValue || (this.fieldValue = null === (_a = this.aggregationFun) || void 0 === _a ? void 0 : _a.call(this, this.values, this.records, this.field)), this.fieldValue;
+        var _a, _b;
+        return this.fieldValue || (this.fieldValue = null === (_a = this.aggregationFun) || void 0 === _a ? void 0 : _a.call(this, this.values, this.records, this.field)), null !== (_b = this.changedValue) && void 0 !== _b ? _b : this.fieldValue;
       }
       reset() {
-        this.records = [], this.fieldValue = void 0;
+        this.records = [], this.children = [], this.changedValue = void 0, this.fieldValue = void 0;
       }
       recalculate() {
         this.fieldValue = void 0, this._formatedValue = void 0;
@@ -28972,7 +28980,8 @@
         super(config), this.type = AggregationType.SUM, this.sum = 0, this.positiveSum = 0, this.nagetiveSum = 0, this.needSplitPositiveAndNegativeForSum = !1, this.needSplitPositiveAndNegativeForSum = null !== (_a = config.needSplitPositiveAndNegative) && void 0 !== _a && _a;
       }
       push(record) {
-        if (record) if (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator) {
+        if (record) if (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && this.children) {
+          this.children.push(record);
           const value = record.value();
           this.sum += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : value < 0 && (this.nagetiveSum += value));
         } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
@@ -28982,7 +28991,8 @@
         this.clearCacheValue();
       }
       deleteRecord(record) {
-        if (record) if (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator) {
+        if (record) if (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children) {
+          this.children = this.children.filter(item => item !== record);
           const value = record.value();
           this.sum -= null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum -= value : value < 0 && (this.nagetiveSum -= value));
         } else if (this.field && !isNaN(parseFloat(record[this.field]))) {
@@ -28993,10 +29003,11 @@
       }
       updateRecord(oldRecord, newRecord) {
         if (oldRecord && newRecord) {
-          if (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator) {
-            const oldValue = oldRecord.value(),
-              newValue = newRecord.value();
-            this.sum += newValue - oldValue, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
+          if (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), 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, this.needSplitPositiveAndNegativeForSum && (oldValue > 0 ? this.positiveSum -= oldValue : oldValue < 0 && (this.nagetiveSum -= oldValue), newValue > 0 ? this.positiveSum += newValue : newValue < 0 && (this.nagetiveSum += newValue));
           } else if (this.field && !isNaN(parseFloat(oldRecord[this.field]))) {
             const oldValue = parseFloat(oldRecord[this.field]),
               newValue = parseFloat(newRecord[this.field]);
@@ -29006,8 +29017,8 @@
         }
       }
       value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum : void 0;
+        var _a, _b;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : (null === (_b = this.records) || void 0 === _b ? void 0 : _b.length) >= 1 ? this.sum : void 0;
       }
       positiveValue() {
         return this.positiveSum;
@@ -29019,7 +29030,13 @@
         super.reset(), this.records = [], this.sum = 0;
       }
       recalculate() {
-        if (this.sum = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+        if (this.sum = 0, this._formatedValue = void 0, 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 += null != value ? value : 0, this.needSplitPositiveAndNegativeForSum && (value > 0 ? this.positiveSum += value : 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) {
             const value = record.value();
@@ -29036,22 +29053,29 @@
         super(...arguments), this.type = AggregationType.COUNT, this.count = 0;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.count += record.value() : this.count++), this.clearCacheValue();
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? (this.children && this.children.push(record), this.count += record.value()) : this.count++), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator ? this.count -= record.value() : this.count--), this.clearCacheValue();
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator ? (this.children && (this.children = this.children.filter(item => item !== record)), this.count -= record.value()) : this.count--), this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && (this.count += newRecord.value() - oldRecord.value()));
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && (this.count += newRecord.value() - oldRecord.value()), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)));
       }
       value() {
-        return this.count;
+        var _a;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : this.count;
       }
       reset() {
-        this.records = [], this.count = 0;
+        this.changedValue = void 0, this.children = [], this.records = [], this.count = 0;
       }
       recalculate() {
-        if (this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+        if (this.count = 0, this._formatedValue = void 0, 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 += null != value ? value : 0;
+          } else this.count++;
+        } else if (this.records) for (let i = 0; i < this.records.length; i++) {
           const record = this.records[i];
           record.isAggregator ? this.count += record.value() : this.count++;
         }
@@ -29062,23 +29086,29 @@
         super(...arguments), this.type = AggregationType.AVG, this.sum = 0, this.count = 0;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++)), this.clearCacheValue();
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator && record.type === AggregationType.AVG ? (this.children && this.children.push(record), this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++)), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && record.type === AggregationType.AVG ? (this.sum -= record.sum, this.count -= record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum -= parseFloat(record[this.field]), this.count--)), this.clearCacheValue();
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && record.type === AggregationType.AVG ? (this.children && (this.children = this.children.filter(item => item !== record)), this.sum -= record.sum, this.count -= record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum -= parseFloat(record[this.field]), this.count--)), this.clearCacheValue();
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && oldRecord.type === AggregationType.AVG ? (this.sum += newRecord.sum - oldRecord.sum, this.count += newRecord.count - oldRecord.count) : this.field && !isNaN(parseFloat(oldRecord[this.field])) && (this.sum += parseFloat(newRecord[this.field]) - parseFloat(oldRecord[this.field])), this.clearCacheValue());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && oldRecord.type === AggregationType.AVG ? (this.children && newRecord.isAggregator && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.sum += newRecord.sum - oldRecord.sum, this.count += newRecord.count - oldRecord.count) : this.field && !isNaN(parseFloat(oldRecord[this.field])) && (this.sum += parseFloat(newRecord[this.field]) - parseFloat(oldRecord[this.field])), this.clearCacheValue());
       }
       value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.sum / this.count : void 0;
+        var _a, _b;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : (null === (_b = this.records) || void 0 === _b ? void 0 : _b.length) >= 1 ? this.sum / this.count : void 0;
       }
       reset() {
-        this.records = [], this.sum = 0, this.count = 0;
+        this.changedValue = void 0, this.children = [], this.records = [], this.sum = 0, this.count = 0;
       }
       recalculate() {
-        if (this.sum = 0, this.count = 0, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+        if (this.sum = 0, this.count = 0, this._formatedValue = void 0, 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];
           record.isAggregator && record.type === AggregationType.AVG ? (this.sum += record.sum, this.count += record.count) : this.field && !isNaN(parseFloat(record[this.field])) && (this.sum += parseFloat(record[this.field]), this.count++);
         }
@@ -29089,23 +29119,29 @@
         super(...arguments), this.type = AggregationType.MAX, this.max = Number.MIN_SAFE_INTEGER;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max)), this.clearCacheValue();
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? (this.children && this.children.push(record), this.max = record.max > this.max ? record.max : this.max) : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max)), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children && (this.children = this.children.filter(item => item !== record)), this.recalculate());
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
       }
       value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.max : void 0;
+        var _a, _b;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : (null === (_b = this.records) || void 0 === _b ? void 0 : _b.length) >= 1 ? this.max : void 0;
       }
       reset() {
-        this.records = [], this.max = Number.MIN_SAFE_INTEGER;
+        this.records = [], this.changedValue = void 0, this.children = [], this.max = Number.MIN_SAFE_INTEGER;
       }
       recalculate() {
-        if (this.max = Number.MIN_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+        if (this.max = Number.MIN_SAFE_INTEGER, this._formatedValue = void 0, 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];
           record.isAggregator ? this.max = record.max > this.max ? record.max : this.max : "number" == typeof record ? this.max = record > this.max ? record : this.max : this.field && "number" == typeof record[this.field] ? this.max = record[this.field] > this.max ? record[this.field] : this.max : this.field && !isNaN(record[this.field]) && (this.max = parseFloat(record[this.field]) > this.max ? parseFloat(record[this.field]) : this.max);
         }
@@ -29116,23 +29152,29 @@
         super(...arguments), this.type = AggregationType.MIN, this.min = Number.MAX_SAFE_INTEGER;
       }
       push(record) {
-        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min)), this.clearCacheValue();
+        record && (this.isRecord && this.records && (record.isAggregator ? this.records.push(...record.records) : this.records.push(record)), record.isAggregator ? (this.children && this.children.push(record), this.min = record.min < this.min ? record.min : this.min) : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min)), this.clearCacheValue();
       }
       deleteRecord(record) {
-        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), this.recalculate());
+        record && (this.isRecord && this.records && (this.records = this.records.filter(item => item !== record)), record.isAggregator && this.children && (this.children = this.children.filter(item => item !== record)), this.recalculate());
       }
       updateRecord(oldRecord, newRecord) {
-        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
+        oldRecord && newRecord && (this.isRecord && this.records && (this.records = this.records.map(item => item === oldRecord ? newRecord : item)), oldRecord.isAggregator && newRecord.isAggregator && this.children && (this.children = this.children.map(item => item === oldRecord ? newRecord : item)), this.recalculate());
       }
       value() {
-        var _a;
-        return (null === (_a = this.records) || void 0 === _a ? void 0 : _a.length) >= 1 ? this.min : void 0;
+        var _a, _b;
+        return null !== (_a = this.changedValue) && void 0 !== _a ? _a : (null === (_b = this.records) || void 0 === _b ? void 0 : _b.length) >= 1 ? this.min : void 0;
       }
       reset() {
-        this.records = [], this.min = Number.MAX_SAFE_INTEGER;
+        this.records = [], this.changedValue = void 0, this.children = [], this.min = Number.MAX_SAFE_INTEGER;
       }
       recalculate() {
-        if (this.min = Number.MAX_SAFE_INTEGER, this._formatedValue = void 0, this.records) for (let i = 0; i < this.records.length; i++) {
+        if (this.min = Number.MAX_SAFE_INTEGER, this._formatedValue = void 0, 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];
           record.isAggregator ? this.min = record.min < this.min ? record.min : this.min : "number" == typeof record ? this.min = record < this.min ? record : this.min : this.field && "number" == typeof record[this.field] ? this.min = record[this.field] < this.min ? record[this.field] : this.min : this.field && !isNaN(record[this.field]) && (this.min = parseFloat(record[this.field]) < this.min ? parseFloat(record[this.field]) : this.min);
         }
@@ -29797,6 +29839,16 @@
       return mode;
     }
     Env.dpr = 0;
+    function clearPageSelection() {
+      try {
+        const selection = window.getSelection();
+        if (selection) {
+          if ("function" == typeof selection.removeAllRanges) return void selection.removeAllRanges();
+          if ("function" == typeof selection.empty) return void selection.empty();
+          if ("function" == typeof selection.collapse) return void selection.collapse(document.body, 0);
+        }
+      } catch (error) {}
+    }
 
     function importStyle$2() {
       if ("node" === Env.mode) return;
@@ -32022,15 +32074,16 @@
         }, (_, i) => i), "tree" === rowHierarchyType && this.initTreeHierarchyState(), this.rowHierarchyType = rowHierarchyType, this.updatePagerData();
       }
       initTreeHierarchyState() {
-        var _a;
-        this.currentIndexedData = Array.from({
+        var _a, _b;
+        this._sourceLength = (null === (_a = this._source) || void 0 === _a ? void 0 : _a.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],
-            nodeData = this.getOriginalRecord(indexKey),
-            children = null !== (_a = nodeData.filteredChildren) && void 0 !== _a ? _a : nodeData.children;
+            nodeData = this.getOriginalRecord(indexKey);
+          if (!nodeData) continue;
+          const children = null !== (_b = nodeData.filteredChildren) && void 0 !== _b ? _b : nodeData.children;
           if ((null == children ? void 0 : children.length) > 0) {
             if (this.hierarchyExpandLevel > 1 ? !nodeData.hierarchyState && (nodeData.hierarchyState = HierarchyState.expand) : !nodeData.hierarchyState && (nodeData.hierarchyState = HierarchyState.collapse), this.hasHierarchyStateExpand = !0, nodeData.hierarchyState === HierarchyState.collapse) continue;
             const childrenLength = this.initChildrenNodeHierarchy(indexKey, this.hierarchyExpandLevel, 2, nodeData);
@@ -32559,9 +32612,11 @@
               targetNextIndexs = Array.isArray(targetNextIndexs) ? [...targetNextIndexs] : [targetNextIndexs], targetNextIndexs.length < targetIndexs.length && targetIndexs.splice(targetIndexs.length - 1, 1);
             }
             if (sourceI = sourceIndexs.splice(sourceIndexs.length - 1, 1)[0], targetI = targetIndexs.splice(targetIndexs.length - 1, 1)[0], sourceIndexs.length >= 1) {
-              const parent = this.getOriginalRecord(sourceIndexs),
-                sourceIds = parent.filteredChildren ? parent.filteredChildren.splice(sourceI, 1) : parent.children.splice(sourceI, 1);
-              sourceIds.unshift(targetI, 0), Array.prototype.splice.apply(null !== (_c = parent.filteredChildren) && void 0 !== _c ? _c : parent.children, sourceIds);
+              const parent = this.getOriginalRecord(sourceIndexs);
+              if (parent) {
+                const sourceIds = parent.filteredChildren ? parent.filteredChildren.splice(sourceI, 1) : parent.children.splice(sourceI, 1);
+                sourceIds.unshift(targetI, 0), Array.prototype.splice.apply(null !== (_c = parent.filteredChildren) && void 0 !== _c ? _c : parent.children, sourceIds);
+              }
             } else {
               const sourceIds = this.records.splice(sourceI, 1);
               sourceIds.unshift(targetI, 0), Array.prototype.splice.apply(this.records, sourceIds);
@@ -32582,6 +32637,7 @@
         if (this.hierarchyExpandLevel) {
           for (let i = 0; i < this._sourceLength; i++) {
             const nodeData = this.getOriginalRecord(i);
+            if (!nodeData) continue;
             (null !== (_a = nodeData.filteredChildren) && void 0 !== _a ? _a : nodeData.children) && !nodeData.hierarchyState && (nodeData.hierarchyState = HierarchyState.collapse);
           }
           this.currentIndexedData = Array.from({
@@ -32590,8 +32646,9 @@
           let nodeLength = this._sourceLength;
           for (let i = 0; i < nodeLength; i++) {
             const indexKey = this.currentIndexedData[i],
-              nodeData = this.getOriginalRecord(indexKey),
-              children = null !== (_b = nodeData.filteredChildren) && void 0 !== _b ? _b : nodeData.children;
+              nodeData = this.getOriginalRecord(indexKey);
+            if (!nodeData) continue;
+            const children = null !== (_b = nodeData.filteredChildren) && void 0 !== _b ? _b : nodeData.children;
             if ((null == children ? void 0 : children.length) > 0 && nodeData.hierarchyState === HierarchyState.expand) {
               this.hasHierarchyStateExpand = !0;
               const childrenLength = this.restoreChildrenNodeHierarchy(indexKey, nodeData);
@@ -34690,9 +34747,279 @@
       return !1;
     }
 
+    let sort_color, sort_color_opacity, sort_color_2, sort_color_opacity_2, sort_size, sort_size_2, frozen_color, frozen_color_opacity, freeze_color_opacity, frozen_color_2, frozen_color_opacity_2, frozen_size, frozen_size_2, collapse_color, collapse_color_opacity, collapse_size, collapse_size_2, expand_color, expand_color_opacity, expand_size, expand_size_2, dragReorder_color, dragReorder_color_opacity, dragReorder_size;
+    function setIconColor(themeIconsColor) {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+      sort_color = null !== (_a = null == themeIconsColor ? void 0 : themeIconsColor.sort_color) && void 0 !== _a ? _a : "#282F38", sort_color_opacity = null !== (_b = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_opacity) && void 0 !== _b ? _b : "0.35", sort_color_2 = null !== (_c = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_2) && void 0 !== _c ? _c : "#416EFF", sort_color_opacity_2 = null !== (_d = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_opacity_2) && void 0 !== _d ? _d : "1", sort_size = null !== (_e = null == themeIconsColor ? void 0 : themeIconsColor.sort_size) && void 0 !== _e ? _e : 16, sort_size_2 = null !== (_f = null == themeIconsColor ? void 0 : themeIconsColor.sort_size_2) && void 0 !== _f ? _f : 22, frozen_color = null !== (_g = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color) && void 0 !== _g ? _g : "#282F38", frozen_color_opacity = null !== (_h = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity) && void 0 !== _h ? _h : "0.35", freeze_color_opacity = null !== (_j = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity) && void 0 !== _j ? _j : "0.2", frozen_color_2 = null !== (_k = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_2) && void 0 !== _k ? _k : "#416EFF", frozen_color_opacity_2 = null !== (_l = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity_2) && void 0 !== _l ? _l : "1", frozen_size = null !== (_m = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size) && void 0 !== _m ? _m : 22, frozen_size_2 = null !== (_o = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size_2) && void 0 !== _o ? _o : 22, collapse_color = null !== (_p = null == themeIconsColor ? void 0 : themeIconsColor.collapse_color) && void 0 !== _p ? _p : "#141414", collapse_color_opacity = null !== (_q = null == themeIconsColor ? void 0 : themeIconsColor.collapse_color_opacity) && void 0 !== _q ? _q : "0.65", collapse_size = null !== (_r = null == themeIconsColor ? void 0 : themeIconsColor.collapse_size) && void 0 !== _r ? _r : 16, collapse_size_2 = null !== (_s = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size_2) && void 0 !== _s ? _s : 22, expand_color = null !== (_t = null == themeIconsColor ? void 0 : themeIconsColor.expand_color) && void 0 !== _t ? _t : "#141414", expand_color_opacity = null !== (_u = null == themeIconsColor ? void 0 : themeIconsColor.expand_color_opacity) && void 0 !== _u ? _u : "0.65", expand_size = null !== (_v = null == themeIconsColor ? void 0 : themeIconsColor.expand_size) && void 0 !== _v ? _v : 16, expand_size_2 = null !== (_w = null == themeIconsColor ? void 0 : themeIconsColor.expand_size_2) && void 0 !== _w ? _w : 22, dragReorder_color = null !== (_x = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_color) && void 0 !== _x ? _x : "#666666", dragReorder_color_opacity = null !== (_y = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_color_opacity) && void 0 !== _y ? _y : "1", dragReorder_size = null !== (_z = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_size) && void 0 !== _z ? _z : 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">\n      <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}"/>\n      </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">\n      <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}"/>\n      </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);
+    }
+
     class Icon extends Image$1 {
       constructor(params) {
-        super(params), "mouseenter_cell" !== this.attribute.visibleTime && "click_cell" !== this.attribute.visibleTime || (this.attribute.opacity = 0), this.attribute.hoverImage && (this.attribute.originImage = this.attribute.image), this.attribute.isGif && this.attribute.gif && this.loadGif();
+        super(params), this.failCallback = () => {
+          const registeredIcons = get$2(),
+            {
+              svg: svg,
+              src: src
+            } = registeredIcons.damage_pic || {},
+            image = svg || src;
+          image && (super.image = image);
+        }, "mouseenter_cell" !== this.attribute.visibleTime && "click_cell" !== this.attribute.visibleTime || (this.attribute.opacity = 0), this.attribute.hoverImage && (this.attribute.originImage = this.attribute.image), this.attribute.isGif && this.attribute.gif && this.loadGif();
       }
       loadGif() {
         this.playing = !1, ResourceLoader.GetFile(this.attribute.gif + "?role=gif" + `&radom=${Math.random()}`, "arrayBuffer").then(res => {
@@ -35244,268 +35571,6 @@
       }
     }
 
-    let sort_color, sort_color_opacity, sort_color_2, sort_color_opacity_2, sort_size, sort_size_2, frozen_color, frozen_color_opacity, freeze_color_opacity, frozen_color_2, frozen_color_opacity_2, frozen_size, frozen_size_2, collapse_color, collapse_color_opacity, collapse_size, collapse_size_2, expand_color, expand_color_opacity, expand_size, expand_size_2, dragReorder_color, dragReorder_color_opacity, dragReorder_size;
-    function setIconColor(themeIconsColor) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-      sort_color = null !== (_a = null == themeIconsColor ? void 0 : themeIconsColor.sort_color) && void 0 !== _a ? _a : "#282F38", sort_color_opacity = null !== (_b = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_opacity) && void 0 !== _b ? _b : "0.35", sort_color_2 = null !== (_c = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_2) && void 0 !== _c ? _c : "#416EFF", sort_color_opacity_2 = null !== (_d = null == themeIconsColor ? void 0 : themeIconsColor.sort_color_opacity_2) && void 0 !== _d ? _d : "1", sort_size = null !== (_e = null == themeIconsColor ? void 0 : themeIconsColor.sort_size) && void 0 !== _e ? _e : 16, sort_size_2 = null !== (_f = null == themeIconsColor ? void 0 : themeIconsColor.sort_size_2) && void 0 !== _f ? _f : 22, frozen_color = null !== (_g = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color) && void 0 !== _g ? _g : "#282F38", frozen_color_opacity = null !== (_h = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity) && void 0 !== _h ? _h : "0.35", freeze_color_opacity = null !== (_j = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity) && void 0 !== _j ? _j : "0.2", frozen_color_2 = null !== (_k = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_2) && void 0 !== _k ? _k : "#416EFF", frozen_color_opacity_2 = null !== (_l = null == themeIconsColor ? void 0 : themeIconsColor.frozen_color_opacity_2) && void 0 !== _l ? _l : "1", frozen_size = null !== (_m = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size) && void 0 !== _m ? _m : 22, frozen_size_2 = null !== (_o = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size_2) && void 0 !== _o ? _o : 22, collapse_color = null !== (_p = null == themeIconsColor ? void 0 : themeIconsColor.collapse_color) && void 0 !== _p ? _p : "#141414", collapse_color_opacity = null !== (_q = null == themeIconsColor ? void 0 : themeIconsColor.collapse_color_opacity) && void 0 !== _q ? _q : "0.65", collapse_size = null !== (_r = null == themeIconsColor ? void 0 : themeIconsColor.collapse_size) && void 0 !== _r ? _r : 16, collapse_size_2 = null !== (_s = null == themeIconsColor ? void 0 : themeIconsColor.frozen_size_2) && void 0 !== _s ? _s : 22, expand_color = null !== (_t = null == themeIconsColor ? void 0 : themeIconsColor.expand_color) && void 0 !== _t ? _t : "#141414", expand_color_opacity = null !== (_u = null == themeIconsColor ? void 0 : themeIconsColor.expand_color_opacity) && void 0 !== _u ? _u : "0.65", expand_size = null !== (_v = null == themeIconsColor ? void 0 : themeIconsColor.expand_size) && void 0 !== _v ? _v : 16, expand_size_2 = null !== (_w = null == themeIconsColor ? void 0 : themeIconsColor.expand_size_2) && void 0 !== _w ? _w : 22, dragReorder_color = null !== (_x = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_color) && void 0 !== _x ? _x : "#666666", dragReorder_color_opacity = null !== (_y = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_color_opacity) && void 0 !== _y ? _y : "1", dragReorder_size = null !== (_z = null == themeIconsColor ? void 0 : themeIconsColor.dragReorder_size) && void 0 !== _z ? _z : 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">\n      <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}"/>\n      </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">\n      <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}"/>\n      </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);
-    }
-
     class Group extends Group$1 {
       clear() {
         this.removeAllChild();
@@ -36405,7 +36470,7 @@
           } = _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult),
           style = table._getCellStyle(col, row),
           dataValue = table.getCellOriginValue(col, row);
-        cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, customElementsGroup, renderDefault, cellTheme, range, isAsync);
+        cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, customElementsGroup, renderDefault, cellTheme, range, isAsync);
         const progressBarGroup = Factory.getFunction("createProgressBarCell")(define, style, colWidth, value, dataValue, col, row, padding, table, range);
         cellGroup.firstChild ? cellGroup.insertBefore(progressBarGroup, cellGroup.firstChild) : cellGroup.appendChild(progressBarGroup);
       } else if ("sparkline" === type) {
@@ -36479,7 +36544,7 @@
             vtableMergeName: vtableMergeName,
             vtableMerge: vtableMerge
           } = null != rawRecord ? rawRecord : {};
-        isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), table.options.groupTitleFieldFormat ? value = table.options.groupTitleFieldFormat(rawRecord, col, row, table) : vtableMergeName && (value = vtableMergeName));
+        isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), table.options.groupTitleFieldFormat ? value = table.options.groupTitleFieldFormat(rawRecord, col, row, table) : void 0 !== vtableMergeName && (value = vtableMergeName));
       }
       const cellStyle = customStyle || table._getCellStyle(range ? range.start.col : col, range ? range.start.row : row),
         autoWrapText = null !== (_a = cellStyle.autoWrapText) && void 0 !== _a ? _a : table.internalProps.autoWrapText,
@@ -36661,7 +36726,7 @@
         var _a, _b, _c, _d, _e, _f;
         "number" == typeof child._dx ? (child.skipMergeUpdate = !0, child.setAttributes({
           dx: (null !== (_a = child._dx) && void 0 !== _a ? _a : 0) + dx
-        }), child.skipMergeUpdate = !1) : (child.skipMergeUpdate = !0, child._dx = null !== (_b = child.attribute.dx) && void 0 !== _b ? _b : 0, child.setAttributes({
+        }), child.skipMergeUpdate = !1) : (child._dx = null !== (_b = child.attribute.dx) && void 0 !== _b ? _b : 0, child.skipMergeUpdate = !0, child.setAttributes({
           dx: (null !== (_c = child.attribute.dx) && void 0 !== _c ? _c : 0) + dx
         }), child.skipMergeUpdate = !1), "number" == typeof child._dy ? (child.skipMergeUpdate = !0, child.setAttributes({
           dy: (null !== (_d = child._dy) && void 0 !== _d ? _d : 0) + dy
@@ -39727,6 +39792,7 @@
       Math.abs(matrix.f) > precision || Math.abs(matrix.g) > precision ? context.rect(x - precision, y - precision, width + 2 * precision, height + 2 * precision) : context.rect(x, y, width, height);
     }
     function getCellSizeForDraw(group, width, height, bottomRight) {
+      var _a, _b;
       const table = group.stage.table;
       if (!table) return {
         width: width,
@@ -39736,7 +39802,7 @@
         let col = group.col,
           row = group.row;
         const mergeInfo = getCellMergeInfo(table, col, row);
-        mergeInfo && (col = mergeInfo.end.col, row = mergeInfo.end.row), col !== table.colCount - 1 || bottomRight ? (col === table.frozenColCount - 1 && table.scrollLeft && !bottomRight || 0 === col && bottomRight) && (width -= 1) : width -= 1, row !== table.rowCount - 1 || bottomRight ? (row === table.frozenRowCount - 1 && table.scrollTop && !bottomRight || 0 === row && bottomRight) && (height -= 1) : height -= 1;
+        mergeInfo && (col = mergeInfo.end.col, row = mergeInfo.end.row), bottomRight ? (0 === col && (width -= 1), 0 === row && (height -= 1)) : ((col === table.colCount - 1 || col === table.frozenColCount - 1 && table.scrollLeft || (null === (_a = table.containerFit) || void 0 === _a ? void 0 : _a.width) && table.rightFrozenColCount && col === table.colCount - table.rightFrozenColCount - 1) && (width -= 1), (row === table.rowCount - 1 || row === table.frozenRowCount - 1 && table.scrollTop || (null === (_b = table.containerFit) || void 0 === _b ? void 0 : _b.height) && table.bottomFrozenRowCount && row === table.rowCount - table.bottomFrozenRowCount - 1) && (height -= 1));
       } else "corner-frozen" === group.role && (table.scrollLeft && !bottomRight && (width -= 1), table.scrollTop && !bottomRight && (height -= 1));
       return {
         width: width,
@@ -40276,17 +40342,28 @@
       const adaptiveColumns = [],
         sparklineColumns = [];
       let totalSparklineAbleWidth = 0;
+      const maxWidthColumnMap = new Map(),
+        minWidthColumnMap = new Map();
       for (let col = startCol; col < endColPlus1; col++) {
         const width = update && null !== (_a = newWidths[col]) && void 0 !== _a ? _a : table.getColWidth(col),
           maxWidth = table.getMaxColWidth(col),
           minWidth = table.getMinColWidth(col);
-        if (width !== maxWidth && width !== minWidth ? (actualWidth += width, adaptiveColumns.push(col)) : totalDrawWidth -= width, null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.shrinkSparklineFirst) {
+        if (actualWidth += width, adaptiveColumns.push(col), maxWidth === width ? maxWidthColumnMap.set(col, width) : minWidth === width && minWidthColumnMap.set(col, width), null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.shrinkSparklineFirst) {
           "sparkline" === table.getBodyColumnType(col, 0) && (sparklineColumns.push({
             col: col,
             width: width
           }), totalSparklineAbleWidth += width - table.defaultColWidth);
         }
       }
+      if (actualWidth > totalDrawWidth) for (const [col, width] of minWidthColumnMap) {
+        totalDrawWidth -= width, actualWidth -= width;
+        const index = adaptiveColumns.indexOf(col);
+        -1 !== index && adaptiveColumns.splice(index, 1);
+      } else if (actualWidth < totalDrawWidth) for (const [col, width] of maxWidthColumnMap) {
+        totalDrawWidth -= width, actualWidth -= width;
+        const index = adaptiveColumns.indexOf(col);
+        -1 !== index && adaptiveColumns.splice(index, 1);
+      }
       const factor = totalDrawWidth / actualWidth;
       if ((null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.shrinkSparklineFirst) && factor < 1 && actualWidth - totalDrawWidth < totalSparklineAbleWidth) for (let i = 0; i < sparklineColumns.length; i++) {
         const {
@@ -40362,7 +40439,7 @@
               vtableMergeName: vtableMergeName,
               vtableMerge: vtableMerge
             } = null != rawRecord ? rawRecord : {};
-          isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), table.options.groupTitleFieldFormat ? value = table.options.groupTitleFieldFormat(rawRecord, col, row, table) : vtableMergeName && (value = vtableMergeName));
+          isVtableMerge = vtableMerge, vtableMerge && (mayHaveIcon = !0, table.options.groupTitleCustomLayout && (customResult = dealWithCustom(table.options.groupTitleCustomLayout, void 0, range.start.col, range.start.row, table.getColsWidth(range.start.col, range.end.col), table.getRowsHeight(range.start.row, range.end.row), !1, table.isAutoRowHeight(row), [0, 0, 0, 0], range, table)), table.options.groupTitleFieldFormat ? value = table.options.groupTitleFieldFormat(rawRecord, col, row, table) : void 0 !== vtableMergeName && (value = vtableMergeName));
         }
         const type = isVtableMerge || isCustomMerge ? "text" : null !== (_b = table.isHeader(col, row) ? null !== (_a = table._getHeaderLayoutMap(col, row).headerType) && void 0 !== _a ? _a : "text" : table.getBodyColumnType(col, row)) && void 0 !== _b ? _b : "text";
         if (isPromise(value)) {
@@ -46254,7 +46331,7 @@
         var _a, _b, _c, _d, _e;
         if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE) && table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
           event: e.nativeEvent
-        }), table.eventManager.isDown = !0, table.eventManager.LastBodyPointerXY = {
+        }), clearPageSelection(), table.eventManager.isDown = !0, table.eventManager.LastBodyPointerXY = {
           x: e.x,
           y: e.y
         }, table.eventManager.LastPointerXY = {
@@ -48934,14 +49011,21 @@
         return this.dealDiffenence(), this.getCumulativeSum(position);
       }
       getCumulativeSum(position) {
-        var _a;
-        let sum = 0;
+        var _a, _b;
+        let sum = 0,
+          currentBottomFrozenRowsHeight = 0,
+          isBottomFrozenRowNoCache = !1;
+        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);
             break;
           }
-          sum += null !== (_a = this.data.get(i)) && void 0 !== _a ? _a : this.table.getRowHeight(i);
+          sum += null !== (_a = this.data.get(i)) && void 0 !== _a ? _a : this.table.getRowHeight(i), i >= bottomFrozenStartRow && -1 !== bottomFrozenStartRow && (currentBottomFrozenRowsHeight = sum, isBottomFrozenRowNoCache = i === bottomFrozenStartRow);
+        }
+        if (isBottomFrozenRowNoCache && (null === (_b = this.table.containerFit) || void 0 === _b ? void 0 : _b.height) && this.table.bottomFrozenRowCount) {
+          const tableHeight = this.table.tableNoFrameHeight || 0;
+          sum < tableHeight && (sum = tableHeight - this.table.getBottomFrozenRowsHeight() + currentBottomFrozenRowsHeight);
         }
         return this.cumulativeSum.set(position, sum), sum;
       }
@@ -50217,7 +50301,7 @@
     }
     class TableAnimationManager {
       constructor(table) {
-        this.table = table, this.timeline = new DefaultTimeline(), this.ticker = new DefaultTicker(), this.ticker.addTimeline(this.timeline);
+        this.table = table, this.timeline = new DefaultTimeline(), this.ticker = new DefaultTicker(this.table.scenegraph.stage), this.ticker.addTimeline(this.timeline);
         this.ticker.setFPS(60), this.tempGraphic = createRect({});
       }
       scrollTo(position, animationOption) {
@@ -50323,7 +50407,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.19.1-alpha.1", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.19.2", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "node" === Env.mode ? (options = container, container = null) : container instanceof HTMLElement || (options = container, container = container.container ? container.container : null), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -50749,12 +50833,12 @@
         if (null != cachedColWidth) return cachedColWidth;
         const cachedLowerColWidth = this._colRangeWidthsMap.get(`$${startCol}$${endCol - 1}`);
         if (null != cachedLowerColWidth) {
-          const addWidth = cachedLowerColWidth + this.getColWidth(endCol);
-          return startCol >= 0 && endCol >= 0 && !Number.isNaN(addWidth) && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(addWidth)), Math.round(addWidth);
+          let addWidth = cachedLowerColWidth + this.getColWidth(endCol);
+          return this.rightFrozenColCount > 0 && endCol === this.colCount - this.rightFrozenColCount && (addWidth = this._getRangeSizeForContainerFit(startCol, endCol, addWidth, "col")), startCol >= 0 && endCol >= 0 && !Number.isNaN(addWidth) && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(addWidth)), Math.round(addWidth);
         }
         let w = 0;
         for (let col = startCol; col <= endCol; col++) w += this.getColWidth(col);
-        return startCol >= 0 && endCol >= 0 && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(w)), Math.round(w);
+        return w = this._getRangeSizeForContainerFit(startCol, endCol, w, "col"), startCol >= 0 && endCol >= 0 && this._colRangeWidthsMap.set(`$${startCol}$${endCol}`, Math.round(w)), Math.round(w);
       }
       getRowHeight(row) {
         var _a;
@@ -50798,12 +50882,42 @@
           }
           h = this.rowHeightsMap.getSumInRange(startRow, endRow);
         } else {
+          const bottomFrozenStartRow = this.rowCount - this.bottomFrozenRowCount;
           for (let i = startRow; i < Math.min(endRow + 1, this.columnHeaderLevelCount); i++) h += this.getRowHeight(i);
-          endRow >= this.columnHeaderLevelCount && (h += this.defaultRowHeight * (Math.min(endRow, this.rowCount - this.bottomFrozenRowCount - 1) - Math.max(this.columnHeaderLevelCount, startRow) + 1));
-          for (let i = this.rowCount - this.bottomFrozenRowCount; i < endRow + 1; i++) h += this.getRowHeight(i);
+          endRow >= this.columnHeaderLevelCount && (h += this.defaultRowHeight * (Math.min(endRow, bottomFrozenStartRow - 1) - Math.max(this.columnHeaderLevelCount, startRow) + 1));
+          let currentBottomFrozenRowsHeight = 0;
+          for (let i = bottomFrozenStartRow; i < endRow + 1; i++) currentBottomFrozenRowsHeight += this.getRowHeight(i);
+          h = this._getRangeSizeForContainerFit(startRow, endRow, h + currentBottomFrozenRowsHeight, "row");
         }
         return Math.round(h);
       }
+      _getRangeSizeForContainerFit(start, end, totalSize, type = "col") {
+        var _a;
+        if (!isFinite(start) || !isFinite(end)) return totalSize;
+        const keyMap = "col" === type ? {
+            totalCount: "colCount",
+            frozenCount: "rightFrozenColCount",
+            fitType: "width",
+            tableSize: "tableNoFrameWidth",
+            getSize: "getColWidth"
+          } : {
+            totalCount: "rowCount",
+            frozenCount: "bottomFrozenRowCount",
+            fitType: "height",
+            tableSize: "tableNoFrameHeight",
+            getSize: "getRowHeight"
+          },
+          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;
+        if (start > frozenStart || end < frozenStart || start === end || !(null === (_a = this.containerFit) || void 0 === _a ? void 0 : _a[keyMap.fitType])) return totalSize;
+        const last = this[keyMap.totalCount] - 1;
+        let size = tableSize;
+        if (start > 0) for (let i = 0; i < start; i++) if (size -= this[keyMap.getSize](i), size <= 0) return totalSize;
+        if (end !== last) for (let i = end + 1; i <= last; i++) if (size -= this[keyMap.getSize](i), size <= 0) return totalSize;
+        return size;
+      }
       getColWidthDefined(col) {
         var _a;
         const {
@@ -51296,8 +51410,9 @@
         return 0;
       }
       getDrawRange() {
-        const width = Math.min(this.tableNoFrameWidth, this.getAllColsWidth()),
-          height = Math.min(this.tableNoFrameHeight, this.getAllRowsHeight());
+        var _a, _b;
+        const width = (null === (_a = this.containerFit) || void 0 === _a ? void 0 : _a.width) ? this.tableNoFrameWidth : Math.min(this.tableNoFrameWidth, this.getAllColsWidth()),
+          height = (null === (_b = this.containerFit) || void 0 === _b ? void 0 : _b.height) ? this.tableNoFrameHeight : Math.min(this.tableNoFrameHeight, this.getAllRowsHeight());
         return new Rect(this.tableX, this.tableY, width, height);
       }
       _getMouseAbstractPoint(evt) {
@@ -53662,7 +53777,7 @@
     class SimpleHeaderLayoutMap {
       constructor(table, columns, showHeader, hierarchyIndent) {
         var _a, _b;
-        this.seqId = 0, this.leftRowSeriesNumberColumnCount = 0, this.rightRowSeriesNumberColumnCount = 0, this.bodyRowSpanCount = 1, this._transpose = !1, this._showHeader = !0, this._recordsCount = 0, this._hasAggregation = !1, this._hasAggregationOnTopCount = 0, this._hasAggregationOnBottomCount = 0, this._cellRangeMap = new Map(), this._showHeader = showHeader, this._table = table, this._columns = [], this._columnsIncludeHided = [], this._headerCellIds = [], this.hierarchyIndent = null != hierarchyIndent ? hierarchyIndent : 20, this.hierarchyTextStartAlignment = table.options.hierarchyTextStartAlignment, this.columnHierarchyType = table.options.headerHierarchyType, this.columnExpandLevel = null !== (_a = table.options.headerExpandLevel) && void 0 !== _a ? _a : 1, this.columnTree = new DimensionTree(columns, {
+        this.seqId = 0, this._columnMaxDepth = 0, this.leftRowSeriesNumberColumnCount = 0, this.rightRowSeriesNumberColumnCount = 0, this.bodyRowSpanCount = 1, this._transpose = !1, this._showHeader = !0, this._recordsCount = 0, this._hasAggregation = !1, this._hasAggregationOnTopCount = 0, this._hasAggregationOnBottomCount = 0, this._cellRangeMap = new Map(), this._showHeader = showHeader, this._table = table, this._columns = [], this._columnsIncludeHided = [], this._headerCellIds = [], this._columnMaxDepth = this._calculateMaxDepth(columns), this.hierarchyIndent = null != hierarchyIndent ? hierarchyIndent : 20, this.hierarchyTextStartAlignment = table.options.hierarchyTextStartAlignment, this.columnHierarchyType = table.options.headerHierarchyType, this.columnExpandLevel = null !== (_a = table.options.headerExpandLevel) && void 0 !== _a ? _a : 1, this.columnTree = new DimensionTree(columns, {
           seqId: 0
         }, null !== (_b = this.columnHierarchyType) && void 0 !== _b ? _b : null, "grid-tree" === this.columnHierarchyType ? this.columnExpandLevel : void 0), this._headerObjectsIncludeHided = this._addHeaders(0, columns, []), this._headerObjects = this._headerObjectsIncludeHided.filter(col => !0 !== col.define.hide), this._headerObjectMap = this._headerObjects.reduce((o, e) => (o[e.id] = e, o), {}), this.rowHierarchyType = checkHasTreeDefine(this) ? "tree" : "grid", this._hasAggregation = checkHasAggregation(this), this._hasAggregationOnBottomCount = checkHasAggregationOnBottom(this), this._hasAggregationOnTopCount = checkHasAggregationOnTop(this), this.handleRowSeriesNumber(table.internalProps.rowSeriesNumber);
       }
@@ -54164,7 +54279,16 @@
       getRecordStartRowByRecordIndex(index) {
         return (this.hasAggregationOnTopCount ? this.headerLevelCount + 1 : this.headerLevelCount) + index;
       }
-      _addHeaders(row, column, roots, hideColumnsSubHeader) {
+      _calculateMaxDepth(columns, currentDepth = 0) {
+        let maxDepth = currentDepth;
+        return columns.forEach(col => {
+          if (col.columns && col.columns.length > 0) {
+            const childDepth = this._calculateMaxDepth(col.columns, currentDepth + 1);
+            childDepth > maxDepth && (maxDepth = childDepth);
+          }
+        }), maxDepth;
+      }
+      _addHeaders(row, column, roots, hideColumnsSubHeader, lastLevelSpan) {
         const results = [],
           rowCells = this._newRow(row, hideColumnsSubHeader);
         return column.forEach(hd => {
@@ -54184,11 +54308,16 @@
               columnWidthComputeMode: hd.columnWidthComputeMode
             };
           results[id] = cell;
-          for (let r = row - 1; r >= 0; r--) this._headerCellIds[r] && (this._headerCellIds[r][col] = roots[r]);
-          hideColumnsSubHeader ? this._headerCellIds[row - 1] && (rowCells[col] = this._headerCellIds[row - 1][col]) : rowCells[col] = id;
+          let maxRow = row;
+          if (hd.levelSpan) {
+            maxRow = Math.min(row + hd.levelSpan - 1, this._columnMaxDepth - 1);
+            for (let r = row; r <= maxRow; r++) this._headerCellIds[r] || (this._headerCellIds[r] = []), void 0 === this._headerCellIds[r][col] && (this._headerCellIds[r][col] = id);
+          }
+          if (lastLevelSpan) for (let r = maxRow - 1; r >= 0; r--) this._headerCellIds[r] && void 0 === this._headerCellIds[r][col] && void 0 !== roots[maxRow - lastLevelSpan] && (this._headerCellIds[r][col] = roots[maxRow - lastLevelSpan]);else for (let r = maxRow - 1; r >= 0; r--) this._headerCellIds[r] && void 0 === this._headerCellIds[r][col] && void 0 !== roots[r] && (this._headerCellIds[r][col] = roots[r]);
+          hideColumnsSubHeader ? this._headerCellIds[row - 1] && void 0 !== this._headerCellIds[row - 1][col] && (rowCells[col] = this._headerCellIds[row - 1][col]) : rowCells[col] = id;
           const expand = !hd.hierarchyState || hd.hierarchyState === HierarchyState.expand;
           if (hd.columns && expand) {
-            !hd.columns.every(c => c.hide) && this._addHeaders(row + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader).forEach(c => results.push(c));
+            !hd.columns.every(c => c.hide) && this._addHeaders(maxRow + 1, hd.columns, [...roots, id], hd.hideColumnsSubHeader || hideColumnsSubHeader, hd.levelSpan).forEach(c => results.push(c));
           } else {
             const colDef = {
               id: this.seqId++,
@@ -54457,11 +54586,15 @@
         this.listenersId.push(doubleClickEventId, clickEventId);
       }
       startEditCell(col, row, value) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (this.editingEditor) return;
         const editor = this.table.getEditor(col, row);
         if (editor) {
-          if (null === (_b = null === (_a = this.table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.isAggregation) || void 0 === _b ? void 0 : _b.call(_a, col, row)) return;
+          if (null === (_b = null === (_a = this.table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.isAggregation) || void 0 === _b ? void 0 : _b.call(_a, col, row)) {
+            const isPivotTable = null === (_d = (_c = this.table).isPivotTable) || void 0 === _d ? void 0 : _d.call(_c),
+              updateAggregationOnEditCell = !!isPivotTable && (null === (_f = null === (_e = this.table.internalProps) || void 0 === _e ? void 0 : _e.dataConfig) || void 0 === _f ? void 0 : _f.updateAggregationOnEditCell);
+            if (!isPivotTable || isPivotTable && updateAggregationOnEditCell) return;
+          }
           const record = this.table.getCellRawRecord(col, row);
           if (null == record ? void 0 : record.vtableMerge) return;
           this.editingEditor || (this.editCell = {
@@ -54478,9 +54611,9 @@
                 height: rect.height
               }
             };
-          col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1, editor.beginEditing, null === (_c = editor.beginEditing) || void 0 === _c || _c.call(editor, this.table.getElement(), referencePosition, dataValue), editor.bindSuccessCallback, null === (_d = editor.bindSuccessCallback) || void 0 === _d || _d.call(editor, () => {
+          col === this.table.colCount - 1 ? referencePosition.rect.width = rect.width - 1 : referencePosition.rect.width = rect.width + 1, row === this.table.rowCount - 1 ? referencePosition.rect.height = rect.height - 1 : referencePosition.rect.height = rect.height + 1, editor.beginEditing, null === (_g = editor.beginEditing) || void 0 === _g || _g.call(editor, this.table.getElement(), referencePosition, dataValue), editor.bindSuccessCallback, null === (_h = editor.bindSuccessCallback) || void 0 === _h || _h.call(editor, () => {
             this.completeEdit();
-          }), null === (_e = editor.onStart) || void 0 === _e || _e.call(editor, {
+          }), null === (_j = editor.onStart) || void 0 === _j || _j.call(editor, {
             value: dataValue,
             endEdit: () => {
               this.completeEdit();
@@ -55095,7 +55228,7 @@
           col: this.stateManager.hover.cellPos.col,
           row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), (null == options ? void 0 : options.clearColWidthCache) && this.internalProps._widthResizedColMap.clear(), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
+        this.internalProps.columns = cloneDeepSpec(columns, ["children"]), generateAggregationForColumn(this), (null == options ? void 0 : options.clearColWidthCache) && this.internalProps._widthResizedColMap.clear(), this.options.columns = columns, this.internalProps.headerHelper.setTableColumnsEditor(), this._hasAutoImageColumn = void 0, this.refreshHeader(), null === (_b = (_a = this.dataSource).updateColumns) || void 0 === _b || _b.call(_a, this.internalProps.columns), this.records && checkHasAggregationOnColumnDefine(this.internalProps.columns) && this.dataSource.processRecords(null !== (_d = null === (_c = this.dataSource.dataSourceObj) || void 0 === _c ? void 0 : _c.records) && void 0 !== _d ? _d : this.dataSource.dataSourceObj), this.internalProps.useOneRowHeightFillAll = !1, this.headerStyleCache = new Map(), this.bodyStyleCache = new Map(), this.bodyBottomStyleCache = new Map(), this.scenegraph.createSceneGraph(), this.stateManager.updateHoverPos(oldHoverState.col, oldHoverState.row), this.renderAsync(), this.eventManager.updateEventBinder();
       }
       addColumn(column) {
         const columns = this.options.columns;