e-virt-table 1.3.0 → 1.3.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-required-color: #f56c6c;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: rgba(82, 146, 247, .1);--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-checkbox-uncheck-color: #dde0ea;--evt-checkbox-disabled-color: #f1f2f4;--evt-checkbox-check-disabled-color: #dde0ea;--evt-icon-edit-color: #4e5969;--evt-icon-select-color: #4e5969;--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-text-color: #fff;--evt-resize-column-text-bg-color: var(--evt-color-primary);--evt-resize-column-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: var(--evt-color-primary);--evt-drag-tip-bg-color: rgba(82, 146, 247, .1);--evt-drag-tip-line-color: var(--evt-color-primary);--evt-context-menu-min-width: 150px;--evt-context-menu-max-width: 220px;--evt-context-menu-item-padding: 8px 8px 8px 14px;--evt-context-menu-bg-color: #fff;--evt-context-menu-text-color: #333;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #f5f5f5}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-body-text-color: #cfd3dc;--evt-readonly-text-color: #cfd3dc;--evt-footer-text-color: #cfd3dc;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc;--evt-context-menu-bg-color: #141414;--evt-context-menu-text-color: #cfd3dc;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #414243}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:6px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}.e-virt-table-loading{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2000;background-color:#fff6;display:flex;align-items:center;justify-content:center}.e-virt-table-loading-spinner{opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.e-virt-table-loading-spinner svg{color:var(--evt-text-color-regular);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.e-virt-table-loading-text{margin:0;font-size:12px;color:var(--evt-text-color-regular)}.e-virt-table-main-menu,.e-virt-table-submenu{position:absolute;background:var(--evt-context-menu-bg-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:var(--evt-context-menu-min-width);max-width:var(--evt-context-menu-max-width);color:var(--evt-text-color-primary)}.e-virt-table-main-menu{border:1px solid var(--evt-border-color);z-index:3000;left:-99999px;top:-99999px;display:none;background-color:var(--evt-body-bg-color)}.e-virt-table-submenu{border:1px solid var(--evt-border-color);z-index:1000;max-height:350px;overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s,visibility .2s,transform .2s;-ms-overflow-style:none;scrollbar-width:none}.e-virt-table-submenu::-webkit-scrollbar{display:none}.e-virt-table-submenu.show{opacity:1;visibility:visible;transform:translate(0)}.e-virt-table-submenu:not(.show){transition:none}.e-virt-table-menu-item,.e-virt-table-submenu-item{position:relative;-webkit-user-select:none;user-select:none;padding:var(--evt-context-menu-item-padding);cursor:pointer;border-bottom:1px solid var(--evt-border-color);display:flex;justify-content:space-between;align-items:center;transition:background .2s,color .2s;color:var(--evt-context-menu-text-color);font-size:14px}.e-virt-table-menu-item:last-child,.e-virt-table-submenu-item:last-child{border-bottom:none}.menu-item-content{display:flex;align-items:center;flex:1}.menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.menu-item-icon svg{width:100%;height:100%;fill:currentColor}.menu-item-text{flex:1}.e-virt-table-menu-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--evt-text-color-regular);transition:color .2s}.e-virt-table-menu-arrow svg{width:20px;height:20px;fill:currentColor}.e-virt-table-submenu-item:hover,.e-virt-table-menu-item:hover,.e-virt-table-menu-item.active{background:var(--evt-context-menu-item-hover-bg-color);color:var(--evt-context-menu-item-hover-text-color)}.e-virt-table-menu-item.disabled,.e-virt-table-submenu-item.disabled{cursor:not-allowed}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-required-color: #f56c6c;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: rgba(82, 146, 247, .1);--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-checkbox-uncheck-color: #dde0ea;--evt-checkbox-disabled-color: #f1f2f4;--evt-checkbox-check-disabled-color: #dde0ea;--evt-icon-edit-color: #4e5969;--evt-icon-select-color: #4e5969;--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-text-color: #fff;--evt-resize-column-text-bg-color: var(--evt-color-primary);--evt-resize-column-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: var(--evt-color-primary);--evt-drag-tip-bg-color: rgba(82, 146, 247, .1);--evt-drag-tip-line-color: var(--evt-color-primary);--evt-context-menu-min-width: 150px;--evt-context-menu-max-width: 220px;--evt-context-menu-item-padding: 8px 8px 8px 14px;--evt-context-menu-bg-color: #fff;--evt-context-menu-text-color: #333;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #f5f5f5}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-body-text-color: #cfd3dc;--evt-readonly-text-color: #cfd3dc;--evt-footer-text-color: #cfd3dc;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc;--evt-context-menu-bg-color: #141414;--evt-context-menu-text-color: #cfd3dc;--evt-context-menu-item-hover-text-color: var(--evt-color-primary);--evt-context-menu-item-hover-bg-color: #414243}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:6px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}.e-virt-table-loading{display:none;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:2000;background-color:#fff6;display:flex;align-items:center;justify-content:center}.e-virt-table-loading-spinner{opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.e-virt-table-loading-spinner svg{color:var(--evt-text-color-regular);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.e-virt-table-loading-text{margin:0;font-size:12px;color:var(--evt-text-color-regular)}.e-virt-table-main-menu,.e-virt-table-submenu{position:absolute;background:var(--evt-context-menu-bg-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;min-width:var(--evt-context-menu-min-width);max-width:var(--evt-context-menu-max-width);color:var(--evt-text-color-primary)}.e-virt-table-main-menu{border:1px solid var(--evt-border-color);z-index:3000;left:-99999px;top:-99999px;display:none;background-color:var(--evt-body-bg-color)}.e-virt-table-submenu{border:1px solid var(--evt-border-color);z-index:1000;max-height:350px;overflow-y:auto;opacity:0;visibility:hidden;transform:translate(-10px);transition:opacity .2s,visibility .2s,transform .2s;-ms-overflow-style:none;scrollbar-width:none}.e-virt-table-submenu::-webkit-scrollbar{display:none}.e-virt-table-submenu.show{opacity:1;visibility:visible;transform:translate(0)}.e-virt-table-submenu:not(.show){transition:none}.e-virt-table-menu-item,.e-virt-table-submenu-item{position:relative;-webkit-user-select:none;user-select:none;padding:var(--evt-context-menu-item-padding);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s,color .2s;color:var(--evt-context-menu-text-color);font-size:14px}.e-virt-table-menu-item:last-child,.e-virt-table-submenu-item:last-child{border-bottom:none}.menu-item-content{display:flex;align-items:center;flex:1}.menu-item-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;flex-shrink:0}.menu-item-icon svg{width:100%;height:100%;fill:currentColor}.menu-item-text{flex:1}.e-virt-table-menu-arrow{display:inline-flex;align-items:center;justify-content:center;color:var(--evt-text-color-regular);transition:color .2s}.e-virt-table-menu-arrow svg{width:20px;height:20px;fill:currentColor}.e-virt-table-submenu-item:hover,.e-virt-table-menu-item:hover,.e-virt-table-menu-item.active{background:var(--evt-context-menu-item-hover-bg-color);color:var(--evt-context-menu-item-hover-text-color)}.e-virt-table-menu-item.disabled,.e-virt-table-submenu-item.disabled{cursor:not-allowed}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var de = Object.defineProperty;
 var fe = (h, t, e) => t in h ? de(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
 var n = (h, t, e) => fe(h, typeof t != "symbol" ? t + "" : t, e);
@@ -335,7 +335,7 @@ class qt {
   getRightFixedX() {
   }
 }
-class It extends qt {
+class Rt extends qt {
   constructor(e, i, s, o, r, a, l, c, d, f = "body") {
     super(e, o, r, a, l, f, c.fixed);
     n(this, "formatter");
@@ -541,11 +541,11 @@ class It extends qt {
     this.rowExpand = c, this.rowHasChildren = d;
     const { TREE_INDENT: u = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: m } = this.ctx.config;
     if (r = x * u, f) {
-      const R = this.ctx.icons.get("loading");
-      a = "loading", o = R;
+      const I = this.ctx.icons.get("loading");
+      a = "loading", o = I;
     } else if (d) {
-      const R = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
-      o = c ? _ : R, a = c ? "shrink" : "expand";
+      const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
+      o = c ? _ : I, a = c ? "shrink" : "expand";
     }
     let g = m, E = m, C = this.drawX;
     (this.align === "center" || this.align === "right") && (C = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
@@ -615,14 +615,14 @@ class It extends qt {
     if (this.cellType === "footer") {
       let _ = c, T = l;
       if (typeof o == "function") {
-        const v = o, { backgroundColor: I, color: S, font: O } = v({
+        const v = o, { backgroundColor: R, color: S, font: O } = v({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        I && (_ = I), S && (T = S), O && (this.drawTextFont = O);
+        R && (_ = R), S && (T = S), O && (this.drawTextFont = O);
       }
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = T;
       return;
@@ -635,9 +635,9 @@ class It extends qt {
       p = T[0], b = T[1];
     }
     x && E && (E.rowKey === this.rowKey && (g = u), E.rowIndex >= p && E.rowIndex <= b && (g = u)), d && C && (C.rowKey === this.rowKey && (g = f), C.rowIndex >= p && C.rowIndex <= b && (g = f)), this.drawCellSkyBgColor = g;
-    let y = e, R = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, R = r), w && (this.rowIndex % 2 ? y = m : y = e), typeof s == "function") {
-      const _ = s, { backgroundColor: T, color: v, font: I } = _({
+    let y = e, I = a;
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, I = r), w && (this.rowIndex % 2 ? y = m : y = e), typeof s == "function") {
+      const _ = s, { backgroundColor: T, color: v, font: R } = _({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -645,9 +645,9 @@ class It extends qt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      T && (y = T), v && (R = v), I && (this.drawTextFont = I);
+      T && (y = T), v && (I = v), R && (this.drawTextFont = R);
     }
-    this.drawCellBgColor = y, this.drawTextColor = R;
+    this.drawCellBgColor = y, this.drawTextColor = I;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: c } = this;
@@ -659,8 +659,8 @@ class It extends qt {
     let w = u, m = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(c), { level: y = 0 } = b || {}, R = y * C;
-        w = u + p + R;
+        const { TREE_INDENT: C = 16, TREE_ICON_SIZE: p } = this.ctx.config, b = this.ctx.database.getRowForRowKey(c), { level: y = 0 } = b || {}, I = y * C;
+        w = u + p + I;
       }
     }
     let g = this.ctx.icons.get("checkbox-uncheck"), E = "checkbox-uncheck";
@@ -969,8 +969,8 @@ class It extends qt {
     let c = i, d = s;
     const { xArr: f, yArr: x, lineDash: u = [], borderWidth: w = 1, borderColor: m, fillColor: g } = e, E = f[0], C = f[1], p = x[0], b = x[1];
     if (r >= E && r <= C && o === p) {
-      const y = r === C ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + 1, c + l - y, d + 1], {
+      const y = r === C ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([c + I, d + 1, c + l - y, d + 1], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -980,8 +980,8 @@ class It extends qt {
       });
     }
     if (r === C && o >= p && o <= b) {
-      const y = o === p ? 1 : 0, R = o === b ? 1 : 0;
-      this.ctx.paint.drawLine([c + l - 1, d + y, c + l - 1, d + a - R], {
+      const y = o === p ? 1 : 0, I = o === b ? 1 : 0;
+      this.ctx.paint.drawLine([c + l - 1, d + y, c + l - 1, d + a - I], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -991,8 +991,8 @@ class It extends qt {
       });
     }
     if (r >= E && r <= C && o === b) {
-      const y = r === C ? 1 : 0, R = r === E ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + a - 1, c + l - y, d + a - 1], {
+      const y = r === C ? 1 : 0, I = r === E ? 1 : 0;
+      this.ctx.paint.drawLine([c + I, d + a - 1, c + l - y, d + a - 1], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -1002,8 +1002,8 @@ class It extends qt {
       });
     }
     if (r === E && o >= p && o <= b) {
-      const y = o === b ? 1 : 0, R = o === p ? 1 : 0;
-      this.ctx.paint.drawLine([c + 1, d + R, c + 1, d + a - y], {
+      const y = o === b ? 1 : 0, I = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([c + 1, d + I, c + 1, d + a - y], {
         borderColor: m,
         fillColor: g,
         borderWidth: w,
@@ -1987,41 +1987,41 @@ class be {
           }
         ]
       };
-    let g = e, E = e, C = a, p = a, b = [], y = 0, R = 0, _ = 0, T = 0;
+    let g = e, E = e, C = a, p = a, b = [], y = 0, I = 0, _ = 0, T = 0;
     if (d !== 1 && w) {
       T = x;
-      const v = l.reduce((I, S) => {
+      const v = l.reduce((R, S) => {
         const O = this.getItemValue(s, S) ?? "";
-        return `${I}${O}`;
+        return `${R}${O}`;
       }, "");
-      for (let I = e - 1; I >= 0; I--) {
-        const S = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((M, L) => {
+      for (let R = e - 1; R >= 0; R--) {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((M, L) => {
           const A = this.getItemValue(S, L) ?? "";
           return `${M}${A}`;
         }, "");
         if (v === O)
-          g = I;
+          g = R;
         else
           break;
       }
-      for (let I = e; I <= this.ctx.maxRowIndex; I++) {
-        const S = this.rowIndexRowKeyMap.get(I) || "", O = l.reduce((M, L) => {
+      for (let R = e; R <= this.ctx.maxRowIndex; R++) {
+        const S = this.rowIndexRowKeyMap.get(R) || "", O = l.reduce((M, L) => {
           const A = this.getItemValue(S, L) ?? "";
           return `${M}${A}`;
         }, "");
         if (v === O)
-          E = I;
+          E = R;
         else
           break;
       }
-      for (let I = g; I < e; I++) {
-        const { height: S } = this.positions[I];
+      for (let R = g; R < e; R++) {
+        const { height: S } = this.positions[R];
         y += S;
       }
-      for (let I = g; I <= E; I++) {
-        const { height: S } = this.positions[I];
+      for (let R = g; R <= E; R++) {
+        const { height: S } = this.positions[R];
         _ += S;
-        const O = this.rowIndexRowKeyMap.get(I) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
+        const O = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
         b.push({
           rowKey: O,
           key: i,
@@ -2033,39 +2033,39 @@ class be {
     if (u !== 1 && m) {
       _ = f;
       for (let v = a - 1; v >= 0; v--) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        const S = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (S === O && c.includes(I.key))
+        const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (S === O && c.includes(R.key))
           C = v;
         else
           break;
       }
       for (let v = a; v <= this.ctx.maxColIndex; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        const S = this.getItemValue(s, i), O = this.getItemValue(s, I.key);
-        if (S === O && c.includes(I.key))
+        const S = this.getItemValue(s, i), O = this.getItemValue(s, R.key);
+        if (S === O && c.includes(R.key))
           p = v;
         else
           break;
       }
       for (let v = C; v < a; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        R += I.width || 100;
+        I += R.width || 100;
       }
       for (let v = C; v <= p; v++) {
-        const I = this.getColumnByColIndex(v);
-        if (!I)
+        const R = this.getColumnByColIndex(v);
+        if (!R)
           break;
-        T += I.width || 100, b.push({
+        T += R.width || 100, b.push({
           rowKey: s,
-          key: I.key,
-          value: this.getItemValue(s, I.key),
+          key: R.key,
+          value: this.getItemValue(s, R.key),
           row: o
         });
       }
@@ -2078,7 +2078,7 @@ class be {
       height: _,
       width: T,
       offsetTop: y,
-      offsetLeft: R,
+      offsetLeft: I,
       dataList: b
     };
   }
@@ -2117,7 +2117,7 @@ class be {
   // 获取虚拟单元格,只针对可见的
   getVirtualBodyCell(t, e) {
     const i = this.getColumnByColIndex(e), s = this.getRowForRowIndex(t);
-    return !i || !s ? void 0 : new It(this.ctx, t, e, 0, 0, 0, 0, i, s.item, "body");
+    return !i || !s ? void 0 : new Rt(this.ctx, t, e, 0, 0, 0, 0, i, s.item, "body");
   }
   getVirtualBodyCellByKey(t, e) {
     const i = this.getRowIndexForRowKey(t), s = this.getColIndexForKey(e);
@@ -2218,7 +2218,7 @@ class be {
     return e(t, i), i;
   }
 }
-class Re {
+class Ie {
   constructor(t) {
     n(this, "ctx");
     n(this, "history", []);
@@ -2273,7 +2273,7 @@ class Re {
     this.history = [], this.historyIndex = -1;
   }
 }
-class Ie {
+class Re {
   constructor(t) {
     n(this, "eventTasks", /* @__PURE__ */ new Set());
     n(this, "ctx");
@@ -2489,7 +2489,7 @@ class _e {
    * @returns 是否溢出
    */
   drawText(t = "", e, i, s, o, r = {}) {
-    var I;
+    var R;
     this.ctx.save();
     const {
       font: a = "12px Arial",
@@ -2504,19 +2504,19 @@ class _e {
     } = r;
     if (this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textAlign = l, ["", null, void 0].includes(t))
       return this.ctx.restore(), !1;
-    const E = parseInt(((I = a.match(/\d+/)) == null ? void 0 : I[0]) || "12") * (r.lineHeight || 1.2), C = s - d * 2 - w - m;
+    const E = parseInt(((R = a.match(/\d+/)) == null ? void 0 : R[0]) || "12") * (r.lineHeight || 1.2), C = s - d * 2 - w - m;
     let p = !1;
     const b = Math.round((o - 2 * d) / E);
-    let y = this.wrapText(t, C, r.cacheTextKey), R = Math.min(y.length, Math.max(b, 1));
-    x === "auto" && u ? R = y.length : typeof x == "number" && x < R && x !== 1 ? R = x : (x === 1 && (y = [t], R = 1), x === "auto" && b === 1 && (y = [t], R = 1));
+    let y = this.wrapText(t, C, r.cacheTextKey), I = Math.min(y.length, Math.max(b, 1));
+    x === "auto" && u ? I = y.length : typeof x == "number" && x < I && x !== 1 ? I = x : (x === 1 && (y = [t], I = 1), x === "auto" && b === 1 && (y = [t], I = 1));
     let _ = i + d;
-    const T = Math.round(R * E);
+    const T = Math.round(I * E);
     f === "middle" ? _ = i + (o - T) / 2 : f === "bottom" && (_ = i + o - T - d);
     let v = e + d + w;
     l === "center" ? v = e + s / 2 : l === "right" && (v = e + s - d - m);
     for (let S = 0; S < y.length; S++) {
       const O = y[S], M = _ + S * E;
-      if (this.ctx.textBaseline = "top", S === R - 1) {
+      if (this.ctx.textBaseline = "top", S === I - 1) {
         const A = y.slice(S).join(""), { _text: D, ellipsis: H } = this.handleEllipsis(A, s, d, a);
         this.ctx.fillText(D, v, M), p = H;
         break;
@@ -3545,7 +3545,7 @@ class Le {
         return;
       }
     }
-    if (t instanceof It) {
+    if (t instanceof Rt) {
       if (t.drawSelectionImageSource && this.isInsideElement(
         r,
         o,
@@ -3778,7 +3778,7 @@ class Me {
       loadingElement: c,
       contextMenuElement: d
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = d, this.config = new Nt(e.config || {}), this.eventBus = new ve(), this.eventBrowser = new Ie(this), this.eventTable = new Le(this), this.paint = new _e(this.canvasElement), this.database = new be(this, e), this.history = new Re(this), this.icons = new Oe(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = c, this.contextMenuElement = d, this.config = new Nt(e.config || {}), this.eventBus = new ve(), this.eventBrowser = new Re(this), this.eventTable = new Le(this), this.paint = new _e(this.canvasElement), this.database = new be(this, e), this.history = new Ie(this), this.icons = new Oe(this);
   }
   setConfig(t) {
     this.config = new Nt(t);
@@ -4299,7 +4299,7 @@ class De {
   }
   initDragColumn() {
     this.ctx.on("cellHeaderMousedown", (t) => {
-      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.columnDragDisabled || (this.dragTarget === t ? (this.ctx.dragHeaderIng = !0, this.dragCellDiff = this.ctx.mouseX - t.drawX, this.ctx.stageElement.style.cursor = "grabbing") : (this.dragTarget = t, this.ctx.dragHeaderIng = !1)));
+      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.dragDisabled || (this.dragTarget === t ? (this.ctx.dragHeaderIng = !0, this.dragCellDiff = this.ctx.mouseX - t.drawX, this.ctx.stageElement.style.cursor = "grabbing") : (this.dragTarget = t, this.ctx.dragHeaderIng = !1)));
     }), this.ctx.on("cellMousedown", () => {
       this.ctx.config.ENABLE_DRAG_COLUMN && (this.dragTarget = null, this.ctx.dragHeaderIng = !1);
     }), this.ctx.on("mouseup", () => {
@@ -4328,9 +4328,9 @@ class De {
     }), this.ctx.on("mousemove", (t) => {
       this.ctx.config.ENABLE_DRAG_COLUMN && (!this.ctx.dragHeaderIng || !this.dragTarget || (this.dragTarget.fixed || this.ctx.startAdjustPosition(t), this.ctx.emit("draw")));
     }), this.ctx.on("cellHoverChange", (t) => {
-      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.columnDragDisabled || (this.dragingCell = this.getDragCellHeader(t.colIndex)));
+      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.dragDisabled || (this.dragingCell = this.getDragCellHeader(t.colIndex)));
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
-      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.columnDragDisabled || (this.dragingCell = this.getDragCellHeader(t.colIndex)));
+      this.ctx.config.ENABLE_DRAG_COLUMN && (t.column.dragDisabled || (this.dragingCell = this.getDragCellHeader(t.colIndex)));
     });
   }
   getDragCellHeader(t) {
@@ -4426,12 +4426,12 @@ class De {
       this.ctx.paint.drawLine(l, {
         borderColor: e
       });
-      const c = `${r + this.resizeDiff}px`, d = 45, f = 24;
-      this.ctx.paint.drawRect(a + d / 2, this.ctx.mouseY - f / 2, d, f, {
+      const d = `${Math.floor(r + this.resizeDiff)}px`, f = 45, x = 24;
+      this.ctx.paint.drawRect(a + f / 2, this.ctx.mouseY - x / 2, f, x, {
         fillColor: s,
         borderWidth: 0,
         borderColor: "transparent"
-      }), this.ctx.paint.drawText(c, a + d / 2, this.ctx.mouseY - f / 2, d, f + 2, {
+      }), this.ctx.paint.drawText(d, a + f / 2, this.ctx.mouseY - x / 2, f, x + 2, {
         padding: 0,
         color: i,
         align: "center",
@@ -4547,7 +4547,7 @@ class Jt {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [], o = [];
     t.renderLeafCellHeaders.forEach((r) => {
-      const a = new It(
+      const a = new Rt(
         this.ctx,
         this.rowIndex,
         r.colIndex,
@@ -4649,8 +4649,8 @@ class Ne {
     E > 0 && (this.ctx.stageHeight = Math.floor(E), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
     let b = this.ctx.stageHeight - e.height - r;
     o ? this.visibleHeight = b - m : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u;
-    const y = window.devicePixelRatio || 1, R = this.ctx.stageWidth * y, _ = this.ctx.stageHeight * y;
-    t.width = Math.round(R), t.height = Math.round(_);
+    const y = window.devicePixelRatio || 1, I = this.ctx.stageWidth * y, _ = this.ctx.stageHeight * y;
+    t.width = Math.round(I), t.height = Math.round(_);
     const T = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: T,
@@ -4661,8 +4661,8 @@ class Ne {
       width: this.width,
       height: this.data.length ? 0 : l + m
     });
-    const v = Math.round(t.width / y * 1e4) / 1e4, I = Math.round(t.height / y * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${I}px;width:${v}px;`), this.ctx.paint.scale(y);
+    const v = Math.round(t.width / y * 1e4) / 1e4, R = Math.round(t.height / y * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${R}px;width:${v}px;`), this.ctx.paint.scale(y);
   }
   // 调整行的高度
   initResizeRow() {
@@ -5021,8 +5021,8 @@ class Xe {
       if (E < u || C > w || p < m || b > g)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
-        const R = this.adjustMergeCells(o, r);
-        p = R.yArr[0], b = R.yArr[1], E = R.xArr[0], C = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
+        const I = this.adjustMergeCells(o, r);
+        p = I.yArr[0], b = I.yArr[1], E = I.xArr[0], C = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
       E === C && p === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(u, E), Math.min(w, C)], r = [Math.max(m, p), Math.min(g, b)];
       const { BEFORE_SET_SELECTOR_METHOD: y } = this.ctx.config;
@@ -5272,14 +5272,14 @@ class Xe {
         for (let p = 0; p <= r.length - 1; p++) {
           const b = r[p].length;
           for (let y = 0; y <= b - 1; y++) {
-            const R = p + e, _ = y + i, T = r[p][y], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              R,
+            const I = p + e, _ = y + i, T = r[p][y], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              I,
               _
             );
             if (v) {
-              const { rowKey: I, key: S } = v;
-              this.ctx.database.getReadonly(I, S) || (s.add(I), g.push({
-                rowKey: I,
+              const { rowKey: R, key: S } = v;
+              this.ctx.database.getReadonly(R, S) || (s.add(R), g.push({
+                rowKey: R,
                 key: S,
                 value: T,
                 row: {}
@@ -5384,13 +5384,13 @@ class Xe {
       return;
     w && this.ctx.onlyMergeCell && i.updateSpanInfo();
     const { drawX: m, drawY: g, width: E, height: C, fixed: p } = i, b = o - m + 1, y = i.drawX + E - (e - s) + 1;
-    let R = r.height - g, _ = C;
+    let I = r.height - g, _ = C;
     _ > l.visibleHeight && (_ = l.visibleHeight);
     let T = 0;
-    x && (u === "top" ? R = r.height + a.height - g : T = a.visibleHeight);
+    x && (u === "top" ? I = r.height + a.height - g : T = a.visibleHeight);
     const v = g + _ - (t - T - f);
-    let I = c, S = d;
-    y > 0 && !p ? I = Math.floor(c + y) : b > 0 && !p && (I = Math.floor(c - b)), R > 0 ? S = Math.floor(d - R) : v > 0 && (S = Math.floor(d + v)), (Math.abs(c - I) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(I, S), this.ctx.emit("adjustBoundaryPosition", i));
+    let R = c, S = d;
+    y > 0 && !p ? R = Math.floor(c + y) : b > 0 && !p && (R = Math.floor(c - b)), I > 0 ? S = Math.floor(d - I) : v > 0 && (S = Math.floor(d + v)), (Math.abs(c - R) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, S), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
   }
@@ -5458,9 +5458,9 @@ class Be {
       if (C < w || b < g)
         return;
       r = [Math.max(w, C), Math.min(m, p)], a = [Math.max(g, b), Math.min(E, y)];
-      const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
-      if (typeof R == "function") {
-        const T = R({
+      const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
+      if (typeof I == "function") {
+        const T = I({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
@@ -5819,10 +5819,10 @@ const qe = (h) => ({
     const f = te(d), x = {
       x: e,
       y: i
-    }, u = St(s), w = _t(u), m = await r.getDimensions(c), g = u === "y", E = g ? "top" : "left", C = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[u] - x[u] - o.floating[w], y = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let _ = R ? R[p] : 0;
-    (!_ || !await (r.isElement == null ? void 0 : r.isElement(R))) && (_ = a.floating[p] || o.floating[w]);
-    const T = b / 2 - y / 2, v = _ / 2 - m[w] / 2 - 1, I = q(f[E], v), S = q(f[C], v), O = I, M = _ - m[w] - S, L = _ / 2 - m[w] / 2 + T, A = Ct(O, L, M), D = !l.arrow && it(s) != null && L !== A && o.reference[w] / 2 - (L < O ? I : S) - m[w] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
+    }, u = St(s), w = _t(u), m = await r.getDimensions(c), g = u === "y", E = g ? "top" : "left", C = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", b = o.reference[w] + o.reference[u] - x[u] - o.floating[w], y = x[u] - o.reference[u], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let _ = I ? I[p] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[p] || o.floating[w]);
+    const T = b / 2 - y / 2, v = _ / 2 - m[w] / 2 - 1, R = q(f[E], v), S = q(f[C], v), O = R, M = _ - m[w] - S, L = _ / 2 - m[w] / 2 + T, A = Ct(O, L, M), D = !l.arrow && it(s) != null && L !== A && o.reference[w] / 2 - (L < O ? R : S) - m[w] / 2 < 0, H = D ? L < O ? L - O : L - M : 0;
     return {
       [u]: x[u] + H,
       data: {
@@ -5859,15 +5859,15 @@ const qe = (h) => ({
       } = et(h, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const E = $(s), C = V(a), p = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (p || !m ? [lt(a)] : Ve(a)), R = w !== "none";
-      !x && R && y.push(...Ge(a, m, w, b));
+      const E = $(s), C = V(a), p = $(a) === a, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), y = x || (p || !m ? [lt(a)] : Ve(a)), I = w !== "none";
+      !x && I && y.push(...Ge(a, m, w, b));
       const _ = [a, ...y], T = await ee(t, g), v = [];
-      let I = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      let R = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (d && v.push(T[E]), f) {
         const L = We(s, r, b);
         v.push(T[L[0]], T[L[1]]);
       }
-      if (I = [...I, {
+      if (R = [...R, {
         placement: s,
         overflows: v
       }], !v.every((L) => L <= 0)) {
@@ -5875,23 +5875,23 @@ const qe = (h) => ({
         const L = (((S = o.flip) == null ? void 0 : S.index) || 0) + 1, A = _[L];
         if (A && (!(f === "alignment" ? C !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((k) => V(k.placement) === C ? k.overflows[0] > 0 : !0)))
+        R.every((k) => V(k.placement) === C ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: L,
-              overflows: I
+              overflows: R
             },
             reset: {
               placement: A
             }
           };
-        let D = (O = I.filter((H) => H.overflows[0] <= 0).sort((H, k) => H.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
+        let D = (O = R.filter((H) => H.overflows[0] <= 0).sort((H, k) => H.overflows[1] - k.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!D)
           switch (u) {
             case "bestFit": {
               var M;
-              const H = (M = I.filter((k) => {
-                if (R) {
+              const H = (M = R.filter((k) => {
+                if (I) {
                   const W = V(k.placement);
                   return W === C || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -6396,7 +6396,7 @@ function le(h, t) {
     i = Pt(i, t);
   return i && Z(i) && mt(i) && !Tt(i) ? e : i || ci(h) || e;
 }
-const Ri = async function(h) {
+const Ii = async function(h) {
   const t = this.getOffsetParent || le, e = this.getDimensions, i = await e(h.floating);
   return {
     reference: bi(h.reference, await t(h.floating), h.strategy),
@@ -6408,7 +6408,7 @@ const Ri = async function(h) {
     }
   };
 };
-function Ii(h) {
+function Ri(h) {
   return B(h).direction === "rtl";
 }
 const vi = {
@@ -6416,12 +6416,12 @@ const vi = {
   getDocumentElement: F,
   getClippingRect: Ci,
   getOffsetParent: le,
-  getElementRects: Ri,
+  getElementRects: Ii,
   getClientRects: xi,
   getDimensions: yi,
   getScale: U,
   isElement: X,
-  isRTL: Ii
+  isRTL: Ri
 };
 function ce(h, t) {
   return h.x === t.x && h.y === t.y && h.width === t.width && h.height === t.height;
@@ -6448,8 +6448,8 @@ function _i(h, t) {
       threshold: z(0, q(1, l)) || 1
     };
     let b = !0;
-    function y(R) {
-      const _ = R[0].intersectionRatio;
+    function y(I) {
+      const _ = I[0].intersectionRatio;
       if (_ !== l) {
         if (!b)
           return r();
@@ -6472,7 +6472,7 @@ function _i(h, t) {
   }
   return r(!0), o;
 }
-function Rt(h, t, e, i) {
+function It(h, t, e, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: s = !0,
@@ -7155,7 +7155,7 @@ class zt {
   async showSubmenu(t, e) {
     if (this.activeSubmenus.has(e)) return;
     this.activeSubmenus.add(e), e.classList.add("show");
-    const i = Rt(t, e, async () => {
+    const i = It(t, e, async () => {
       const { x: s, y: o } = await ut(t, e, {
         placement: "right-start",
         middleware: [ht(8), ft(), dt({ padding: 8 })]
@@ -7225,7 +7225,7 @@ class zt {
       }),
       contextElement: document.body
     };
-    Rt(e, this.container, () => {
+    It(e, this.container, () => {
       ut(e, this.container, {
         placement: "right-start",
         middleware: [ht(), dt(), ft()]
@@ -7323,19 +7323,19 @@ class Ai {
         onClick: (g, E) => {
           const { xArr: C } = this.ctx.selector, [p, b] = C;
           if (E === "fixedLeft" || E === "fixedRight" || E === "fixedNone") {
-            const y = this.ctx.header.allCellHeaders.filter((R) => R.colIndex >= p && R.colIndex <= b).filter((R) => R.level === 0).map((R) => R.key);
+            const y = this.ctx.header.allCellHeaders.filter((I) => I.colIndex >= p && I.colIndex <= b).filter((I) => I.level === 0).filter((I) => !I.column.fixedDisabled).map((I) => I.key);
             this.ctx.database.setCustomHeaderFixedData(
               y,
               E === "fixedLeft" ? "left" : E === "fixedRight" ? "right" : ""
             ), this.hide();
           } else if (E === "hide") {
-            const y = this.ctx.header.leafCellHeaders.filter((R) => R.colIndex >= p && R.colIndex <= b).filter((R) => !R.children.length).map((R) => R.key);
-            this.ctx.database.setCustomHeaderHideData(y, !0), this.hide();
+            const y = this.ctx.header.leafCellHeaders.filter((I) => I.colIndex >= p && I.colIndex <= b).filter((I) => !I.children.length).filter((I) => !I.column.hideDisabled).map((I) => I.key);
+            y.length > 0 && this.ctx.database.setCustomHeaderHideData(y, !0), this.hide();
           } else if (E !== "visible") if (E.startsWith("visible_")) {
             const y = E.replace("visible_", "");
             this.ctx.database.setCustomHeaderHideData([y], !1), this.currentDOMTreeMenu && this.currentDOMTreeMenu.removeSubMenuItem(E);
-            const R = this.ctx.database.getColumns();
-            j(R).filter((v) => v.hide).length === 0 && this.hide();
+            const I = this.ctx.database.getColumns();
+            j(I).filter((v) => v.hide).length === 0 && this.hide();
           } else E === "resetHeader" && (this.ctx.database.resetCustomHeader(), this.hide());
         }
       }), this.positionMenu(e);
@@ -7357,7 +7357,7 @@ class Ai {
       }),
       contextElement: document.body
     };
-    Rt(e, this.contextMenuEl, () => {
+    It(e, this.contextMenuEl, () => {
       ut(e, this.contextMenuEl, {
         placement: "right-start",
         middleware: [ht(), dt(), ft()]
@@ -7422,6 +7422,8 @@ class Xi {
     n(this, "overlayer");
     n(this, "contextMenu");
     n(this, "loading");
+    n(this, "animationFrameId");
+    n(this, "animationFrameId2");
     n(this, "ctx");
     this.options = e;
     const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = this.options, a = this.createContainer(
@@ -7467,9 +7469,9 @@ class Xi {
     };
   }
   draw(t = !1) {
-    requestAnimationFrame(() => {
+    this.animationFrameId && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => {
       const e = performance.now();
-      this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.body.draw(), this.footer.draw(), this.header.draw(), this.scroller.draw(), t || this.overlayer.draw(), requestAnimationFrame(() => {
+      this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.body.draw(), this.footer.draw(), this.header.draw(), this.scroller.draw(), t || this.overlayer.draw(), this.animationFrameId2 && cancelAnimationFrame(this.animationFrameId2), this.animationFrameId2 = requestAnimationFrame(() => {
         this.body.updateAutoHeight();
       });
       const i = performance.now(), s = Math.round(i - e);