npm - @visactor/vtable-calendar - Versions diffs - 1.19.1-alpha.0 → 1.19.1 - Mend

@visactor/vtable-calendar 1.19.1-alpha.0 → 1.19.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/vtable-calendar.js +358 -295
package/dist/vtable-calendar.min.js +1 -1
package/package.json +5 -5

package/dist/vtable-calendar.js CHANGED Viewed

@@ -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;
@@ -29797,6 +29803,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;
@@ -34690,9 +34706,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 +35530,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 +36429,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) {
@@ -39727,6 +39751,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 +39761,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,
@@ -46254,7 +46279,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.internalProps.focusControl.focus(), 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 +48959,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 +50249,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 +50355,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.0", 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.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");
         this.pluginManager = new PluginManager(this, options), this.fireListeners(TABLE_EVENT_TYPE.BEFORE_INIT, {
           options: options,
           container: container
@@ -50749,12 +50781,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 +50830,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 +51358,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) {