e-virt-table 1.2.30 → 1.2.32

package/dist/index.es.js

@@ -1,57 +1,57 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.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-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: transparent;--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--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-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: rgb(82, 146, 247)}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-readonly-text-color: #cfd3dc;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc}.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:8px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-var se = Object.defineProperty;
-var oe = (c, t, e) => t in c ? se(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
-var n = (c, t, e) => oe(c, typeof t != "symbol" ? t + "" : t, e);
-class re {
+(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: transparent;--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-line-color: #e1e6eb;--evt-tree-line-color: #e1e6eb;--evt-sort-icon-color: rgb(82, 146, 247)}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-readonly-text-color: #cfd3dc;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc}.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:8px 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)}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+var oe = Object.defineProperty;
+var re = (c, t, e) => t in c ? oe(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
+var n = (c, t, e) => re(c, typeof t != "symbol" ? t + "" : t, e);
+class ne {
   constructor(t) {
     n(this, "rules");
     this.rules = t;
   }
   validate(t) {
-    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: h, value: l, field: d, fieldValue: f } = t;
+    const e = [], { column: i, row: s, key: o, rowKey: r, colIndex: a, rowIndex: l, value: h, field: d, fieldValue: f } = t;
     Array.isArray(this.rules) || (this.rules = [this.rules]);
     for (const u of this.rules) {
       if (u.validator) {
         const x = {
           field: d,
           fieldValue: f,
-          value: l,
+          value: h,
           column: i,
           colIndex: a,
-          rowIndex: h,
+          rowIndex: l,
           row: s,
           key: o,
           rowKey: r,
           ...u
         };
-        u.validator(x, l, (w) => {
+        u.validator(x, h, (w) => {
           w && e.push({
             ...x,
             message: w
           });
         });
       }
-      if (!u.required && (l == null || l === ""))
+      if (!u.required && (h == null || h === ""))
         return e;
-      u.pattern && !u.pattern.test(l) && e.push({
-        value: l,
+      u.pattern && !u.pattern.test(h) && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
         rowKey: r,
         colIndex: a,
-        rowIndex: h,
+        rowIndex: l,
         field: d,
         fieldValue: f,
         message: u.message || `${o} is pattern validation error`
-      }), u.required && (l == null || l === "") && e.push({
-        value: l,
+      }), u.required && (h == null || h === "") && e.push({
+        value: h,
         column: i,
         row: s,
         key: o,
         rowKey: r,
         colIndex: a,
-        rowIndex: h,
+        rowIndex: l,
         field: d,
         fieldValue: f,
         message: u.message || `${o} is required`
@@ -60,13 +60,13 @@ class re {
     return e;
   }
 }
-function Ht() {
+function Dt() {
   return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(c) {
     const t = Math.random() * 16 | 0;
     return (c === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Z(c, t) {
+function j(c, t) {
   let e = 0, i;
   return function(...s) {
     const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e, a = typeof t == "function" ? t() : t;
@@ -75,10 +75,10 @@ function Z(c, t) {
     }, a - r));
   };
 }
-function Dt(c = []) {
-  return c.length ? c.map((t) => Dt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Nt(c = []) {
+  return c.length ? c.map((t) => Nt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function ne(c = []) {
+function ae(c = []) {
   let t = [], e = [], i = [];
   return c.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
@@ -88,14 +88,14 @@ function ne(c = []) {
     ...i.sort((s, o) => (s.sort ?? 0) - (o.sort ?? 0))
   ];
 }
-function Nt(c = [], t = 1, e = 0) {
+function kt(c = [], t = 1, e = 0) {
   return c.map((i) => {
     if (i.children) {
       let s = 0, o = i.fixed;
       i.children.forEach((a) => {
         a.fixed = o;
       });
-      const r = Nt(i.children, t - 1, e + 1);
+      const r = kt(i.children, t - 1, e + 1);
       return r && r.forEach((a) => {
         s += a.colspan ?? 0;
       }), {
@@ -121,7 +121,7 @@ function it(c = []) {
     e.children ? t = t.concat(it(e.children)) : t.push(e);
   }), t;
 }
-const Ct = /^(\r\n|\n\r|\r|\n)/, ae = /^[^\t\r\n]+/, bt = /^\t/;
+const Ct = /^(\r\n|\n\r|\r|\n)/, le = /^[^\t\r\n]+/, bt = /^\t/;
 function he(c) {
   let t = [[""]];
   if (c.length === 0)
@@ -137,19 +137,19 @@ function he(c) {
       if (c.startsWith('"')) {
         let r = 0, a = !0;
         for (; a; ) {
-          const h = c.slice(0, 1);
-          h === '"' && (r += 1), o += h, c = c.slice(1), (c.length === 0 || c.match(/^[\t\r\n]/) && r % 2 === 0) && (a = !1);
+          const l = c.slice(0, 1);
+          l === '"' && (r += 1), o += l, c = c.slice(1), (c.length === 0 || c.match(/^[\t\r\n]/) && r % 2 === 0) && (a = !1);
         }
-        o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (h) => new Array(Math.floor(h.length / 2)).fill('"').join(""));
+        o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
       } else {
-        const r = c.match(ae);
+        const r = c.match(le);
         o = r ? r[0] : "", c = c.slice(o.length);
       }
       t[i][e] = o;
     }
   return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
 }
-function le(c) {
+function ce(c) {
   let t, e, i, s, o = "", r;
   for (t = 0, e = c.length; t < e; t += 1) {
     for (s = c[t].length, i = 0; i < s; i += 1)
@@ -160,27 +160,27 @@ function le(c) {
   }
   return o;
 }
-function kt(c, t, e = []) {
+function Xt(c, t, e = []) {
   let i = 0;
   const s = [];
   return c.forEach((o, r) => {
     if (r === 0)
       s.push(1);
     else {
-      const a = e.reduce((l, d) => `${l}${o[d] ?? ""}`, "") || o[t], h = e.reduce((l, d) => `${l}${c[r - 1][d] ?? ""}`, "") || c[r - 1][t];
-      a === h ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
+      const a = e.reduce((h, d) => `${h}${o[d] ?? ""}`, "") || o[t], l = e.reduce((h, d) => `${h}${c[r - 1][d] ?? ""}`, "") || c[r - 1][t];
+      a === l ? (s[i] += 1, s.push(0)) : (s.push(1), i = r);
     }
   }), s;
 }
-function Xt(c, t) {
+function Yt(c, t) {
   let e = "", i = "";
   const s = {};
   return t.forEach((o, r) => {
     r === 0 ? (e = o.key, i = o.key, s[o.key] = 1) : c[o.key] === c[e] ? (s[o.key] = 0, s[i] += 1) : (s[o.key] = 1, e = o.key, i = o.key);
   }), s;
 }
-function ce(c, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = kt(i, t, e);
+function de(c, t, e = []) {
+  const { visibleRows: i, rowIndex: s, headIndex: o } = c, r = Xt(i, t, e);
   return r[s - o] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -193,10 +193,10 @@ function ce(c, t, e = []) {
     mergeRow: !0
   };
 }
-function de(c, t = []) {
+function fe(c, t = []) {
   const { column: e, row: i, visibleLeafColumns: s } = c, o = s.filter((r) => t.includes(r.key));
   if (t.includes(e.key)) {
-    const r = Xt(i, o);
+    const r = Yt(i, o);
     return r[e.key] === 0 ? {
       rowspan: 0,
       colspan: 0,
@@ -210,7 +210,7 @@ function de(c, t = []) {
     };
   }
 }
-function fe(c, t = document.documentElement) {
+function xe(c, t = document.documentElement) {
   const e = c.startsWith("--") ? c : `--${c}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
@@ -252,27 +252,27 @@ function Rt(c) {
     if (o) {
       const r = o.slice(1).map(Number);
       if (s.source.includes("YYYY-MM-DD") || s.source.includes("YYYY/MM/DD") || s.source.includes("YYYY.MM.DD")) {
-        const [a, h, l, d = 0, f = 0, u = 0] = r;
-        return new Date(a, h - 1, l, d, f, u);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(a, l - 1, h, d, f, u);
       } else if (s.source.includes("DD-MM-YYYY") || s.source.includes("DD/MM/YYYY") || s.source.includes("DD.MM.YYYY")) {
-        const [a, h, l, d = 0, f = 0, u = 0] = r;
-        return new Date(l, h - 1, a, d, f, u);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, l - 1, a, d, f, u);
       } else if (s.source.includes("MM-DD-YYYY") || s.source.includes("MM/DD/YYYY") || s.source.includes("MM.DD.YYYY")) {
-        const [a, h, l, d = 0, f = 0, u = 0] = r;
-        return new Date(l, a - 1, h, d, f, u);
+        const [a, l, h, d = 0, f = 0, u = 0] = r;
+        return new Date(h, a - 1, l, d, f, u);
       } else if (s.source.includes("YYYYMMDD")) {
-        const [a, h, l] = r;
-        return new Date(a, h - 1, l);
+        const [a, l, h] = r;
+        return new Date(a, l - 1, h);
       }
     }
   }
   return /* @__PURE__ */ new Date(NaN);
 }
-function xe(c, t) {
+function ue(c, t) {
   const e = Rt(c), i = Rt(t);
   return isNaN(e.getTime()) && isNaN(i.getTime()) ? 0 : isNaN(e.getTime()) ? -1 : isNaN(i.getTime()) ? 1 : e.getTime() - i.getTime();
 }
-class Yt {
+class Bt {
   constructor(t, e, i, s, o, r, a) {
     n(this, "ctx");
     n(this, "x", 0);
@@ -318,9 +318,9 @@ class Yt {
   getRightFixedX() {
   }
 }
-class ut extends Yt {
-  constructor(e, i, s, o, r, a, h, l, d, f = "body") {
-    super(e, o, r, a, h, f, l.fixed);
+class ut extends Bt {
+  constructor(e, i, s, o, r, a, l, h, d, f = "body") {
+    super(e, o, r, a, l, f, h.fixed);
     n(this, "formatter");
     n(this, "formatterFooter");
     n(this, "hoverIconName", "");
@@ -401,7 +401,7 @@ class ut extends Yt {
     n(this, "overflowTooltipMaxWidth", 500);
     n(this, "overflowTooltipPlacement", "top");
     n(this, "maxLineClamp", "auto");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = l.key, this.type = l.type || "", this.editorType = l.editorType || "text", this.selectorCellValueType = l.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = l.editorProps || {}, this.cellType = f, this.align = l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.column = l, this.rules = l.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = l.render, this.overflowTooltipShow = l.overflowTooltipShow !== !1, this.autoRowHeight = l.autoRowHeight !== void 0 ? l.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = l.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = l.overflowTooltipPlacement || "top", this.renderFooter = l.renderFooter, this.hoverIconName = l.hoverIconName, this.formatter = l.formatter, this.formatterFooter = l.formatterFooter, this.maxLineClamp = l.maxLineClamp || "auto", this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.selectorCellValueType = h.selectorCellValueType || this.ctx.config.SELECTOR_CELL_VALUE_TYPE || "value", this.editorProps = h.editorProps || {}, this.cellType = f, this.align = h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.column = h, this.rules = h.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.autoRowHeight = h.autoRowHeight !== void 0 ? h.autoRowHeight : this.ctx.config.AUTO_ROW_HEIGHT, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.formatterFooter = h.formatterFooter, this.maxLineClamp = h.maxLineClamp || "auto", this.update();
   }
   setWidthHeight(e, i) {
     this.width = e, this.height = i;
@@ -427,8 +427,8 @@ class ut extends Yt {
         rowspan: o = 1,
         relationRowKeys: r,
         relationColKeys: a,
-        mergeRow: h = !1,
-        mergeCol: l = !1
+        mergeRow: l = !1,
+        mergeCol: h = !1
       } = i({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -441,7 +441,7 @@ class ut extends Yt {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(a) && a.length > 0 ? this.relationColKeys = a : this.relationColKeys = [this.key], this.mergeCol = l, this.mergeRow = h, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      Array.isArray(r) && r.length > 0 ? this.relationRowKeys = r : this.relationRowKeys = [this.key], Array.isArray(a) && a.length > 0 ? this.relationColKeys = a : this.relationColKeys = [this.key], this.mergeCol = h, this.mergeRow = l, this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateSpanInfo() {
@@ -519,31 +519,31 @@ class ut extends Yt {
     let o, r = 0, a = "";
     if (!(["tree", "selection-tree", "tree-selection"].includes(this.type) && s === "body"))
       return;
-    const h = this.ctx.database.getRowForRowKey(i), { expand: l = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = h || {};
-    this.rowExpand = l, this.rowHasChildren = d;
-    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: m } = this.ctx.config;
+    const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = l || {};
+    this.rowExpand = h, this.rowHasChildren = d;
+    const { TREE_INDENT: x = 16, CHECKBOX_SIZE: w, TREE_ICON_SIZE: E } = this.ctx.config;
     if (r = u * x, f) {
       const I = this.ctx.icons.get("loading");
       a = "loading", o = I;
     } else if (d) {
-      const I = this.ctx.icons.get("expand"), S = this.ctx.icons.get("shrink");
-      o = l ? S : I, a = l ? "shrink" : "expand";
+      const I = this.ctx.icons.get("expand"), _ = this.ctx.icons.get("shrink");
+      o = h ? _ : I, a = h ? "shrink" : "expand";
     }
-    let g = m, p = m, y = this.drawX;
+    let g = E, m = E, y = this.drawX;
     (this.align === "center" || this.align === "right") && (y = this.drawX + (this.visibleWidth - g - 2 * e) / 2, this.align = "left");
-    let E = y + r + e, R = this.drawY + (this.visibleHeight - p) / 2, C = r + this.drawX + g - 0.5;
-    this.type === "selection-tree" ? (E = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = E + g - e / 2) : this.type === "tree-selection" ? C = E + w + g - e / 2 : C = E + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(E + g + e > this.drawX + this.visibleWidth) && (R + p + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = E, this.drawTreeImageY = R, this.drawTreeImageWidth = g, this.drawTreeImageHeight = p, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
+    let p = y + r + e, R = this.drawY + (this.visibleHeight - m) / 2, C = r + this.drawX + g - 0.5;
+    this.type === "selection-tree" ? (p = r + this.drawSelectionImageX + this.drawSelectionImageWidth, C = p + g - e / 2) : this.type === "tree-selection" ? C = p + w + g - e / 2 : C = p + g - e / 2, this.drawTextX = C, this.drawTextWidth = this.drawX + this.visibleWidth - C, !(p + g + e > this.drawX + this.visibleWidth) && (R + m + e > this.drawY + this.visibleHeight || (this.drawTreeImageX = p, this.drawTreeImageY = R, this.drawTreeImageWidth = g, this.drawTreeImageHeight = m, o ? (this.drawTreeImageName = a, this.drawTreeImageSource = o) : (this.drawTreeImageName = "", this.drawTreeImageSource = void 0)));
   }
   drawTreeLine() {
     const { TREE_LINE: e, TREE_INDENT: i = 16, TREE_ICON_SIZE: s = 16, TREE_LINE_COLOR: o = "#e1e6eb" } = this.ctx.config;
     if (!e || this.cellType !== "body" || !["tree", "selection-tree", "tree-selection"].includes(this.type) || this.rowspan === 0 || this.colspan === 0) return;
-    const r = this.ctx.database.getRowForRowKey(this.rowKey) || {}, a = r.level ?? 0, h = this.drawTreeImageX + this.drawTreeImageWidth / 2, l = this.drawTreeImageY + this.drawTreeImageHeight / 2;
+    const r = this.ctx.database.getRowForRowKey(this.rowKey) || {}, a = r.level ?? 0, l = this.drawTreeImageX + this.drawTreeImageWidth / 2, h = this.drawTreeImageY + this.drawTreeImageHeight / 2;
     let d = this.drawTreeImageX - a * i;
     const f = Array.isArray(r.parentRowKeys) ? r.parentRowKeys : [];
     if (a > 0) {
       for (let g = 0; g < a - 1; g += 1) {
-        const p = f[g + 1];
-        if (!!(p ? this.ctx.database.getRowForRowKey(p) || {} : {}).isLastChild) continue;
+        const m = f[g + 1];
+        if (!!(m ? this.ctx.database.getRowForRowKey(m) || {} : {}).isLastChild) continue;
         const R = Math.round(this.drawTreeImageX - (a - g) * i + s / 2);
         this.ctx.paint.drawLine([R, this.drawY, R, this.drawY + this.visibleHeight], {
           borderColor: o,
@@ -552,15 +552,15 @@ class ut extends Yt {
           lineDashOffset: 0
         });
       }
-      const u = Math.round(this.drawTreeImageX - i + s / 2), w = !!r.isLastChild ? l : this.drawY + this.visibleHeight;
+      const u = Math.round(this.drawTreeImageX - i + s / 2), w = !!r.isLastChild ? h : this.drawY + this.visibleHeight;
       this.ctx.paint.drawLine([u, this.drawY, u, w], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
         lineDashOffset: 0
       });
-      const m = Math.round(d + (a - 1) * i + s / 2);
-      this.ctx.paint.drawLine([m, l, h, l], {
+      const E = Math.round(d + (a - 1) * i + s / 2);
+      this.ctx.paint.drawLine([E, h, l, h], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -569,7 +569,7 @@ class ut extends Yt {
     }
     if (r.hasChildren && r.expand) {
       const u = this.drawTreeImageY + this.drawTreeImageHeight, x = this.drawY + this.visibleHeight;
-      this.ctx.paint.drawLine([h, u, h, x], {
+      this.ctx.paint.drawLine([l, u, l, x], {
         borderColor: o,
         borderWidth: 1,
         lineDash: [4, 4],
@@ -585,41 +585,41 @@ class ut extends Yt {
       FOOTER_CELL_STYLE_METHOD: o,
       READONLY_TEXT_COLOR: r,
       BODY_TEXT_COLOR: a,
-      FOOTER_TEXT_COLOR: h,
-      FOOTER_BG_COLOR: l,
+      FOOTER_TEXT_COLOR: l,
+      FOOTER_BG_COLOR: h,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
       HIGHLIGHT_HOVER_ROW: u,
       HIGHLIGHT_HOVER_ROW_COLOR: x,
       STRIPE: w,
-      STRIPE_COLOR: m
+      STRIPE_COLOR: E
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let S = l, _ = h;
+      let _ = h, v = l;
       if (typeof o == "function") {
-        const v = o, { backgroundColor: b, color: O } = v({
+        const S = o, { backgroundColor: b, color: O } = S({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        b && (S = b), O && (_ = O);
+        b && (_ = b), O && (v = O);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = S, this.drawTextColor = _;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = _, this.drawTextColor = v;
       return;
     }
     let g = "transparent";
-    const p = this.ctx.hoverCell, y = this.ctx.currentCell;
-    let E = this.rowIndex, R = this.rowIndex;
+    const m = this.ctx.hoverCell, y = this.ctx.currentCell;
+    let p = this.rowIndex, R = this.rowIndex;
     if (this.rowspan !== 1 && (u || d)) {
-      const S = this.getSpanInfo(), { yArr: _ } = S;
-      E = _[0], R = _[1];
+      const _ = this.getSpanInfo(), { yArr: v } = _;
+      p = v[0], R = v[1];
     }
-    u && p && (p.rowKey === this.rowKey && (g = x), p.rowIndex >= E && p.rowIndex <= R && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= E && y.rowIndex <= R && (g = f)), this.drawCellSkyBgColor = g;
+    u && m && (m.rowKey === this.rowKey && (g = x), m.rowIndex >= p && m.rowIndex <= R && (g = x)), d && y && (y.rowKey === this.rowKey && (g = f), y.rowIndex >= p && y.rowIndex <= R && (g = f)), this.drawCellSkyBgColor = g;
     let C = e, I = a;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = m : C = e), typeof s == "function") {
-      const S = s, { backgroundColor: _, color: v } = S({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (C = i, I = r), w && (this.rowIndex % 2 ? C = E : C = e), typeof s == "function") {
+      const _ = s, { backgroundColor: v, color: S } = _({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -627,60 +627,60 @@ class ut extends Yt {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      _ && (C = _), v && (I = v);
+      v && (C = v), S && (I = S);
     }
     this.drawCellBgColor = C, this.drawTextColor = I;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: h, rowKey: l } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: a, rowIndex: l, rowKey: h } = this;
     if (s === 0 || o === 0 || r === "footer" || !["index-selection", "selection", "selection-tree", "tree-selection"].includes(a))
       return;
-    const d = this.ctx.database.getRowSelectable(l), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
+    const d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: f = 0, CELL_PADDING: u } = this.ctx.config;
     let x = this.drawX + u;
     (this.align === "center" || this.align === "right") && (x = this.drawX + (e - f) / 2);
-    let w = x, m = this.drawY + (i - f) / 2;
+    let w = x, E = this.drawY + (i - f) / 2;
     if (a !== "selection-tree") {
       if (a === "tree-selection") {
-        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: E } = this.ctx.config, R = this.ctx.database.getRowForRowKey(l), { level: C = 0 } = R || {}, I = C * y;
-        w = x + E + I;
+        const { TREE_INDENT: y = 16, TREE_ICON_SIZE: p } = this.ctx.config, R = this.ctx.database.getRowForRowKey(h), { level: C = 0 } = R || {}, I = C * y;
+        w = x + p + I;
       }
     }
-    let g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
+    let g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck";
     if (a === "selection-tree" || a === "tree-selection") {
-      const y = this.ctx.database.getTreeSelectionState(l);
-      y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), p = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
+      const y = this.ctx.database.getTreeSelectionState(h);
+      y.indeterminate && d ? (g = this.ctx.icons.get("checkbox-indeterminate"), m = "checkbox-indeterminate") : y.checked && d ? (g = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : !y.checked && d ? (g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
     } else {
-      const y = this.ctx.database.getRowSelection(l);
-      y && d ? (g = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled");
+      const y = this.ctx.database.getRowSelection(h);
+      y && d ? (g = this.ctx.icons.get("checkbox-check"), m = "checkbox-check") : y && !d ? (g = this.ctx.icons.get("checkbox-check-disabled"), m = "checkbox-check-disabled") : !y && d ? (g = this.ctx.icons.get("checkbox-uncheck"), m = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), m = "checkbox-disabled");
     }
-    w + f + u > this.drawX + this.visibleWidth || m + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = m, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = p, this.drawSelectionImageSource = g));
+    w + f + u > this.drawX + this.visibleWidth || E + f + u > this.drawY + this.visibleHeight || (a === "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(m)) && (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = m, this.drawSelectionImageSource = g) : (this.drawSelectionImageX = w, this.drawSelectionImageY = E, this.drawSelectionImageWidth = f, this.drawSelectionImageHeight = f, this.drawSelectionImageName = m, this.drawSelectionImageSource = g));
   }
   updateHoverIcon() {
     if (this.ctx.database.getReadonly(this.rowKey, this.key))
       return;
     const { BODY_CELL_HOVER_ICON_METHOD: i, CELL_HOVER_ICON_SIZE: s, CELL_PADDING: o, ENABLE_MERGE_CELL_LINK: r } = this.ctx.config;
     if (typeof i == "function") {
-      const l = i({
+      const h = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      l !== void 0 && (this.hoverIconName = l);
+      h !== void 0 && (this.hoverIconName = h);
     }
     const { hoverCell: a } = this.ctx;
     if (this.hoverIconName && !this.ctx.editing && a) {
-      let h = 0, l = 0;
-      if (a.rowKey === this.rowKey && (h = this.drawX + this.width - s - o, l = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
+      let l = 0, h = 0;
+      if (a.rowKey === this.rowKey && (l = this.drawX + this.width - s - o, h = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && r) {
         const f = this.getSpanInfo(), { yArr: u } = f, x = u[0], w = u[1];
         if (a.rowIndex >= x && a.rowIndex <= w) {
-          const { width: m, height: g, offsetTop: p, offsetLeft: y } = f;
-          h = this.drawX - y + m - s - o, l = this.drawY - p + (g - s) / 2;
+          const { width: E, height: g, offsetTop: m, offsetLeft: y } = f;
+          l = this.drawX - y + E - s - o, h = this.drawY - m + (g - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawHoverImageX = h, this.drawHoverImageY = l, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
+      this.drawHoverImageX = l, this.drawHoverImageY = h, this.drawHoverImageWidth = s, this.drawHoverImageHeight = s, this.drawHoverImageName = this.hoverIconName, this.drawHoverImageSource = d;
     }
   }
   /**
@@ -803,10 +803,10 @@ class ut extends Yt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: o } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: r, yArr: a } = this.ctx.selector, h = r[1], l = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
-    if (d === h && f === l) {
-      const m = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(u + this.width - m, x + this.height - m, 6, 6, {
+    const { xArr: r, yArr: a } = this.ctx.selector, l = r[1], h = a[1], { colIndex: d, rowIndex: f, drawX: u, drawY: x } = this;
+    if (d === l && f === h) {
+      const E = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(u + this.width - E, x + this.height - E, 6, 6, {
         borderColor: o,
         fillColor: e
       });
@@ -831,9 +831,10 @@ class ut extends Yt {
   }
   drawText() {
     const { CELL_PADDING: e, BODY_FONT: i, PLACEHOLDER_COLOR: s, CELL_LINE_HEIGHT: o } = this.ctx.config, { placeholder: r } = this.column;
-    let a = this.displayText, h = this.drawTextColor;
-    if (!this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = r, h = s), !a)
+    let a = this.displayText, l = this.drawTextColor;
+    if (!this.ctx.database.getReadonly(this.rowKey, this.key) && r && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (a = r, l = s), ["", null, void 0].includes(a))
       return !1;
+    typeof a != "string" && (a = `${a}`);
     const d = `${a}_${this.drawTextWidth}`;
     return this.ellipsis = this.ctx.paint.drawText(
       a,
@@ -846,7 +847,7 @@ class ut extends Yt {
         padding: e,
         align: this.align,
         verticalAlign: this.verticalAlign,
-        color: h,
+        color: l,
         autoRowHeight: this.autoRowHeight,
         lineHeight: o,
         maxLineClamp: this.maxLineClamp,
@@ -917,11 +918,11 @@ class ut extends Yt {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [a, h] = i, [l, d] = s;
-    !(a === h && l === d) && this.colIndex >= a && this.colIndex <= h && this.rowIndex >= l && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [a, l] = i, [h, d] = s;
+    !(a === l && h === d) && this.colIndex >= a && this.colIndex <= l && this.rowIndex >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)"
-    }), this.operation && this.rowIndex >= l && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
+    }), this.operation && this.rowIndex >= h && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_ROW_COL_BG_COLOR || "transparent"
     });
@@ -946,13 +947,13 @@ class ut extends Yt {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: h } = this;
-    let l = i, d = s;
-    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: m, fillColor: g } = e, p = f[0], y = f[1], E = u[0], R = u[1];
-    if (r >= p && r <= y && o === E) {
-      const C = r === y ? 1 : 0, I = r === p ? 1 : 0;
-      this.ctx.paint.drawLine([l + I, d + 1, l + h - C, d + 1], {
-        borderColor: m,
+    const { drawX: i, drawY: s, rowIndex: o, colIndex: r, height: a, width: l } = this;
+    let h = i, d = s;
+    const { xArr: f, yArr: u, lineDash: x = [], borderWidth: w = 1, borderColor: E, fillColor: g } = e, m = f[0], y = f[1], p = u[0], R = u[1];
+    if (r >= m && r <= y && o === p) {
+      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + 1, h + l - C, d + 1], {
+        borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -960,10 +961,10 @@ class ut extends Yt {
         lineDash: x
       });
     }
-    if (r === y && o >= E && o <= R) {
-      const C = o === E ? 1 : 0, I = o === R ? 1 : 0;
-      this.ctx.paint.drawLine([l + h - 1, d + C, l + h - 1, d + a - I], {
-        borderColor: m,
+    if (r === y && o >= p && o <= R) {
+      const C = o === p ? 1 : 0, I = o === R ? 1 : 0;
+      this.ctx.paint.drawLine([h + l - 1, d + C, h + l - 1, d + a - I], {
+        borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -971,10 +972,10 @@ class ut extends Yt {
         lineDash: x
       });
     }
-    if (r >= p && r <= y && o === R) {
-      const C = r === y ? 1 : 0, I = r === p ? 1 : 0;
-      this.ctx.paint.drawLine([l + I, d + a - 1, l + h - C, d + a - 1], {
-        borderColor: m,
+    if (r >= m && r <= y && o === R) {
+      const C = r === y ? 1 : 0, I = r === m ? 1 : 0;
+      this.ctx.paint.drawLine([h + I, d + a - 1, h + l - C, d + a - 1], {
+        borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -982,10 +983,10 @@ class ut extends Yt {
         lineDash: x
       });
     }
-    if (r === p && o >= E && o <= R) {
-      const C = o === R ? 1 : 0, I = o === E ? 1 : 0;
-      this.ctx.paint.drawLine([l + 1, d + I, l + 1, d + a - C], {
-        borderColor: m,
+    if (r === m && o >= p && o <= R) {
+      const C = o === R ? 1 : 0, I = o === p ? 1 : 0;
+      this.ctx.paint.drawLine([h + 1, d + I, h + 1, d + a - C], {
+        borderColor: E,
         fillColor: g,
         borderWidth: w,
         lineCap: "round",
@@ -995,9 +996,8 @@ class ut extends Yt {
     }
   }
 }
-class ue {
+class ge {
   constructor(t, e) {
-    n(this, "loading", !1);
     n(this, "ctx");
     n(this, "data");
     n(this, "columns");
@@ -1029,7 +1029,7 @@ class ue {
     n(this, "sortState", /* @__PURE__ */ new Map());
     this.ctx = t;
     const { data: i = [], columns: s = [], footerData: o = [] } = e;
-    this.data = i, this.footerData = o, this.columns = s, this.setLoading(!0), this.init();
+    this.data = i, this.footerData = o, this.columns = s, this.init();
   }
   // 初始化默认不忽略清空改变值和校验map
   init(t = !0) {
@@ -1057,26 +1057,26 @@ class ue {
     const s = t.length;
     t.forEach((o, r) => {
       var y;
-      const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: h, CELL_HEIGHT: l, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Ht();
+      const { ROW_KEY: a = "", DEFAULT_EXPAND_ALL: l, CELL_HEIGHT: h, SELECTABLE_METHOD: d, CHECKBOX_KEY: f } = this.ctx.config, u = o[a], x = u != null ? `${u}` : Dt();
       this.itemRowKeyMap.set(o, x);
-      const w = o._height || l, m = o._readonly;
+      const w = o._height || h, E = o._readonly;
       let g = !0;
       if (typeof d == "function" && (g = d), f) {
-        const E = o[f];
-        if (this.checkboxKeyMap.has(E)) {
-          const R = this.checkboxKeyMap.get(E) || [];
-          R.push(x), this.checkboxKeyMap.set(E, R);
+        const p = o[f];
+        if (this.checkboxKeyMap.has(p)) {
+          const R = this.checkboxKeyMap.get(p) || [];
+          R.push(x), this.checkboxKeyMap.set(p, R);
         } else
-          this.checkboxKeyMap.set(E, [x]);
+          this.checkboxKeyMap.set(p, [x]);
       }
       this.selectionMap.set(x, {
         key: f ? o[f] : x,
         row: o,
         check: ((y = this.selectionMap.get(x)) == null ? void 0 : y.check) || !1
       });
-      const p = h || this.expandMap.get(x) || o._expand || !1;
-      this.expandMap.set(x, p), this.rowKeyMap.set(x, {
-        readonly: m,
+      const m = l || this.expandMap.get(x) || o._expand || !1;
+      this.expandMap.set(x, m), this.rowKeyMap.set(x, {
+        readonly: E,
         index: r,
         rowIndex: r,
         level: e,
@@ -1084,7 +1084,7 @@ class ue {
         calculatedHeight: -1,
         check: !1,
         selectable: g,
-        expand: p,
+        expand: m,
         expandLazy: !1,
         hasChildren: o._hasChildren || (Array.isArray(o.children) ? o.children.length > 0 : !1),
         expandLoading: !1,
@@ -1156,7 +1156,7 @@ class ue {
     this.columns = t, this.clearBufferData();
   }
   setData(t) {
-    this.data = t, this.setLoading(!0), this.init();
+    this.data = t, this.init();
   }
   /**
    * 统一转化数据，给画body使用，包括过滤树状等，统一入口
@@ -1174,13 +1174,13 @@ class ue {
     const i = (o) => {
       o.forEach((r) => {
         t.push(r);
-        const a = this.itemRowKeyMap.get(r), { expand: h, hasChildren: l, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), u = this.sumHeight, x = Math.max(f, d);
+        const a = this.itemRowKeyMap.get(r), { expand: l, hasChildren: h, height: d, calculatedHeight: f } = this.rowKeyMap.get(a), u = this.sumHeight, x = Math.max(f, d);
         this.sumHeight += x, this.rowIndexRowKeyMap.set(e, a), this.rowKeyRowIndexMap.set(a, e), this.positions.push({
           top: u,
           height: x,
           bottom: this.sumHeight,
           calculatedHeight: f
-        }), e += 1, h && l && i(r.children);
+        }), e += 1, l && h && i(r.children);
       });
     };
     this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
@@ -1257,18 +1257,18 @@ class ue {
    */
   applySingleColumnSort(t, e, i, s) {
     return t.sort((o, r) => {
-      const a = o[e], h = r[e];
-      let l = 0;
+      const a = o[e], l = r[e];
+      let h = 0;
       if (typeof s == "function")
-        l = s(o, r);
+        h = s(o, r);
       else if (s === "number") {
-        const d = Number(a) || 0, f = Number(h) || 0;
-        l = d - f;
+        const d = Number(a) || 0, f = Number(l) || 0;
+        h = d - f;
       } else if (s === "string") {
-        const d = String(a || ""), f = String(h || "");
-        l = d.localeCompare(f);
-      } else s === "date" && (l = xe(a, h));
-      return i === "asc" ? l : -l;
+        const d = String(a || ""), f = String(l || "");
+        h = d.localeCompare(f);
+      } else s === "date" && (h = ue(a, l));
+      return i === "asc" ? h : -h;
     });
   }
   /**
@@ -1380,39 +1380,39 @@ class ue {
   async batchSetItemValue(t, e = !1, i = !0, s = "none") {
     let o = [], r = i;
     const a = /* @__PURE__ */ new Set();
-    let h = [], l = t.map((x) => {
-      const { rowKey: w, key: m } = x;
-      let g = x.value, p = g;
-      const y = this.getRowDataItemForRowKey(w), E = this.getItemValue(w, m), R = this.getVirtualBodyCellByKey(w, m);
-      return (R == null ? void 0 : R.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = E, h.push({
+    let l = [], h = t.map((x) => {
+      const { rowKey: w, key: E } = x;
+      let g = x.value, m = g;
+      const y = this.getRowDataItemForRowKey(w), p = this.getItemValue(w, E), R = this.getVirtualBodyCellByKey(w, E);
+      return (R == null ? void 0 : R.type) === "number" && (["", void 0, null].includes(g) ? m = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? m = Number(g) : (m = p, l.push({
         ...x,
-        value: p,
-        oldValue: E,
+        value: m,
+        oldValue: p,
         row: y
       }))), {
         ...x,
-        value: p,
-        oldValue: E,
+        value: m,
+        oldValue: p,
         row: y
       };
     });
-    if (l = l.filter((x) => !h.some((w) => x.rowKey === w.rowKey && x.key === w.key)), h.length) {
+    if (h = h.filter((x) => !l.some((w) => x.rowKey === w.rowKey && x.key === w.key)), l.length) {
       const x = {
         code: "ERR_BATCH_SET_NUMBER_VALUE",
         message: "Assignment failed, not a numeric type",
-        data: h
+        data: l
       };
       this.ctx.emit("error", x);
     }
-    if (l = l.filter((x) => x.oldValue !== x.value), !l.length)
+    if (h = h.filter((x) => x.oldValue !== x.value), !h.length)
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: d } = this.ctx.config;
-    s === "none" && typeof d == "function" && (l = await d(l), r = !1), l.forEach((x) => {
-      const { value: w, rowKey: m, key: g } = x, p = this.getItemValue(m, g);
-      a.add(m), this.setItemValue(m, g, w, !1, !1, !1, r), o.push({
-        rowKey: m,
+    s === "none" && typeof d == "function" && (h = await d(h), r = !1), h.forEach((x) => {
+      const { value: w, rowKey: E, key: g } = x, m = this.getItemValue(E, g);
+      a.add(E), this.setItemValue(E, g, w, !1, !1, !1, r), o.push({
+        rowKey: E,
         key: g,
-        oldValue: p,
+        oldValue: m,
         newValue: w
       });
     });
@@ -1420,10 +1420,10 @@ class ue {
     a.forEach((x) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(x));
     });
-    const u = l.map(({ rowKey: x, key: w }) => this.getValidator(x, w));
+    const u = h.map(({ rowKey: x, key: w }) => this.getValidator(x, w));
     Promise.all(u).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-    }), this.ctx.emit("change", l, f), e && this.ctx.history.pushState({
+    }), this.ctx.emit("change", h, f), e && this.ctx.history.pushState({
       changeList: o,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1444,16 +1444,16 @@ class ue {
   async setItemValue(t, e, i, s = !1, o = !1, r = !1, a = !0) {
     if (!this.rowKeyMap.has(t))
       return {};
-    const { item: h } = this.rowKeyMap.get(t);
-    let l = h[e], d = i;
+    const { item: l } = this.rowKeyMap.get(t);
+    let h = l[e], d = i;
     if (a && this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: l,
-        newValue: l
+        oldValue: h,
+        newValue: h
       };
-    h[e] !== null && typeof h[e] == "object" && (l = JSON.parse(JSON.stringify(h[e])));
+    l[e] !== null && typeof l[e] == "object" && (h = JSON.parse(JSON.stringify(l[e])));
     const f = `${t}​_${e}`;
-    this.originalDataMap.has(f) || this.originalDataMap.set(f, l);
+    this.originalDataMap.has(f) || this.originalDataMap.set(f, h);
     const u = this.originalDataMap.get(f), x = this.getRowDataItemForRowKey(t);
     if (r) {
       const w = this.getVirtualBodyCellByKey(t, e);
@@ -1463,7 +1463,7 @@ class ue {
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
           d = Number(i);
         else {
-          d = l;
+          d = h;
           const g = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
@@ -1472,46 +1472,46 @@ class ue {
                 rowKey: t,
                 key: e,
                 value: d,
-                oldValue: l,
+                oldValue: h,
                 row: x
               }
             ]
           };
           this.ctx.emit("error", g);
         }
-      if (d === l)
+      if (d === h)
         return {
-          oldValue: l,
-          newValue: l
+          oldValue: h,
+          newValue: h
         };
-      let m = [
+      let E = [
         {
           rowKey: t,
           key: e,
           value: d,
-          oldValue: l,
+          oldValue: h,
           row: x
         }
       ];
-      this.batchSetItemValue(m, s, !1), this.ctx.emit("editChange", {
+      this.batchSetItemValue(E, s, !1), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: l,
+        oldValue: h,
         value: d,
         originalValue: u,
         row: x
       });
     } else
-      this.changedDataMap.set(f, d), h[e] = d;
+      this.changedDataMap.set(f, d), l[e] = d;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: l,
+      oldValue: h,
       value: d,
       originalValue: this.originalDataMap.get(f),
       row: x
     }), o && this.ctx.emit("draw"), {
-      oldValue: l,
+      oldValue: h,
       newValue: d
     };
   }
@@ -1538,8 +1538,8 @@ class ue {
         return !1;
       const { item: s } = this.rowKeyMap.get(t), o = s[i];
       this.checkboxKeyMap.has(o) && (this.checkboxKeyMap.get(o) || []).forEach((a) => {
-        const h = this.selectionMap.get(a);
-        h && (h.check = e);
+        const l = this.selectionMap.get(a);
+        l && (l.check = e);
       });
     }
   }
@@ -1585,11 +1585,11 @@ class ue {
     const e = this.getTreeParent(t);
     if (!e)
       return;
-    const s = this.getTreeChildren(e).map((l) => this.selectionMap.get(l)), o = s.filter((l) => l == null ? void 0 : l.check).length, r = s.length;
+    const s = this.getTreeChildren(e).map((h) => this.selectionMap.get(h)), o = s.filter((h) => h == null ? void 0 : h.check).length, r = s.length;
     let a = !1;
     r > 0 && (o === 0 ? a = !1 : o === r || this.ctx.config.TREE_SELECT_MODE === "auto" ? a = !0 : this.ctx.config.TREE_SELECT_MODE === "cautious" && (a = !1));
-    const h = this.selectionMap.get(e);
-    h && h.check !== a && (h.check = a, this.setRowSelectionByCheckboxKey(e, a), this.updateParentTreeSelection(e));
+    const l = this.selectionMap.get(e);
+    l && l.check !== a && (l.check = a, this.setRowSelectionByCheckboxKey(e, a), this.updateParentTreeSelection(e));
   }
   /**
    * 根据rowKey 设置选中状态
@@ -1622,23 +1622,23 @@ class ue {
       return { checked: s, indeterminate: !1 };
     let r = !1, a = s;
     if (this.ctx.config.TREE_SELECT_MODE === "auto") {
-      const l = (g) => {
-        const p = this.getTreeChildren(g);
+      const h = (g) => {
+        const m = this.getTreeChildren(g);
         let y = [];
-        for (const E of p)
-          y.push(E), y.push(...l(E));
+        for (const p of m)
+          y.push(p), y.push(...h(p));
         return y;
-      }, f = l(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0;
+      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0;
       r = w && !(u === x), a = s || w, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else if (this.ctx.config.TREE_SELECT_MODE === "cautious") {
-      const l = (g) => {
-        const p = this.getTreeChildren(g);
+      const h = (g) => {
+        const m = this.getTreeChildren(g);
         let y = [];
-        for (const E of p)
-          y.push(E), y.push(...l(E));
+        for (const p of m)
+          y.push(p), y.push(...h(p));
         return y;
-      }, f = l(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, m = u === x;
-      r = w && !m, a = s || m, s && x > 0 && u === 0 && (a = !1, r = !1);
+      }, f = h(t).map((g) => this.selectionMap.get(g)), u = f.filter((g) => g == null ? void 0 : g.check).length, x = f.length, w = u > 0, E = u === x;
+      r = w && !E, a = s || E, s && x > 0 && u === 0 && (a = !1, r = !1);
     } else this.ctx.config.TREE_SELECT_MODE === "strictly" && (r = !1, a = s);
     return { checked: a, indeterminate: r };
   }
@@ -1664,9 +1664,9 @@ class ue {
           for (const a of o.children) {
             if (this.getRowKeyByItem(a) === s)
               return r;
-            const l = e(o.children, s);
-            if (l)
-              return l;
+            const h = e(o.children, s);
+            if (h)
+              return h;
           }
       }
       return null;
@@ -1741,23 +1741,23 @@ class ue {
     let s = 0, o = 0;
     const r = this.selectionMap.size, a = Array.from(this.selectionMap.values()).some((u) => u.check);
     this.rowKeyMap.forEach((u, x) => {
-      var m;
-      (m = this.selectionMap.get(x)) != null && m.check && (s += 1);
+      var E;
+      (E = this.selectionMap.get(x)) != null && E.check && (s += 1);
       let w = u.selectable;
       typeof w == "function" && (w = w({
         row: u.item,
         rowIndex: u.rowIndex
       })), w && (o += 1);
     });
-    const h = r > i && s === 0 && a, l = o && o > s && s > 0 || h, d = o !== 0, f = !!o && o === s;
+    const l = r > i && s === 0 && a, h = o && o > s && s > 0 || l, d = o !== 0, f = !!o && o === s;
     return this.bufferCheckState = {
       buffer: !0,
       check: f,
-      indeterminate: l,
+      indeterminate: h,
       selectable: d
     }, {
       check: f,
-      indeterminate: l,
+      indeterminate: h,
       selectable: d
     };
   }
@@ -1849,9 +1849,9 @@ class ue {
     const s = this.rowKeyMap.get(t), o = this.headerMap.get(e);
     if (!s || !o)
       return !0;
-    const r = s.readonly, a = o.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
-    if (typeof h == "function" && o) {
-      const d = h({
+    const r = s.readonly, a = o.readonly, { BODY_CELL_READONLY_METHOD: l } = this.ctx.config;
+    if (typeof l == "function" && o) {
+      const d = l({
         row: s.item,
         rowIndex: s.rowIndex,
         colIndex: o.colIndex,
@@ -1875,7 +1875,7 @@ class ue {
       if (o === void 0)
         return i([]);
       const a = o.column;
-      let h = a.rules;
+      let l = a.rules;
       if (typeof r == "function") {
         const d = r({
           row: s.item,
@@ -1884,10 +1884,10 @@ class ue {
           column: a,
           value: this.getItemValue(t, e)
         });
-        d && (h = d);
+        d && (l = d);
       }
-      if (h) {
-        const l = {
+      if (l) {
+        const h = {
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: o.colIndex,
@@ -1897,7 +1897,7 @@ class ue {
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, f = new re(h).validate(l);
+        }, f = new ne(l).validate(h);
         this.setValidationError(t, e, f), i(f);
       } else
         this.clearValidationError(t, e), i([]);
@@ -1919,14 +1919,14 @@ class ue {
       row: o,
       value: r,
       colIndex: a,
-      relationRowKeys: h,
-      relationColKeys: l,
+      relationRowKeys: l,
+      relationColKeys: h,
       rowspan: d,
       height: f,
       width: u,
       colspan: x,
       mergeRow: w,
-      mergeCol: m
+      mergeCol: E
     } = t;
     if (d === 1 && x === 1)
       return {
@@ -1947,30 +1947,30 @@ class ue {
           }
         ]
       };
-    let g = e, p = e, y = a, E = a, R = [], C = 0, I = 0, S = 0, _ = 0;
+    let g = e, m = e, y = a, p = a, R = [], C = 0, I = 0, _ = 0, v = 0;
     if (d !== 1 && w) {
-      _ = u;
-      const v = h.reduce((b, O) => {
+      v = u;
+      const S = l.reduce((b, O) => {
         const T = this.getItemValue(s, O) ?? "";
         return `${b}${T}`;
       }, "");
       for (let b = e - 1; b >= 0; b--) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", T = h.reduce((M, L) => {
+        const O = this.rowIndexRowKeyMap.get(b) || "", T = l.reduce((M, L) => {
           const A = this.getItemValue(O, L) ?? "";
           return `${M}${A}`;
         }, "");
-        if (v === T)
+        if (S === T)
           g = b;
         else
           break;
       }
       for (let b = e; b <= this.ctx.maxRowIndex; b++) {
-        const O = this.rowIndexRowKeyMap.get(b) || "", T = h.reduce((M, L) => {
+        const O = this.rowIndexRowKeyMap.get(b) || "", T = l.reduce((M, L) => {
           const A = this.getItemValue(O, L) ?? "";
           return `${M}${A}`;
         }, "");
-        if (v === T)
-          p = b;
+        if (S === T)
+          m = b;
         else
           break;
       }
@@ -1978,9 +1978,9 @@ class ue {
         const { height: O } = this.positions[b];
         C += O;
       }
-      for (let b = g; b <= p; b++) {
+      for (let b = g; b <= m; b++) {
         const { height: O } = this.positions[b];
-        S += O;
+        _ += O;
         const T = this.rowIndexRowKeyMap.get(b) || "", { item: M } = this.rowKeyMap.get(T), L = this.getItemValue(T, i);
         R.push({
           rowKey: T,
@@ -1990,39 +1990,39 @@ class ue {
         });
       }
     }
-    if (x !== 1 && m) {
-      S = f;
-      for (let v = a - 1; v >= 0; v--) {
-        const b = this.getColumnByColIndex(v);
+    if (x !== 1 && E) {
+      _ = f;
+      for (let S = a - 1; S >= 0; S--) {
+        const b = this.getColumnByColIndex(S);
         if (!b)
           break;
         const O = this.getItemValue(s, i), T = this.getItemValue(s, b.key);
-        if (O === T && l.includes(b.key))
-          y = v;
+        if (O === T && h.includes(b.key))
+          y = S;
         else
           break;
       }
-      for (let v = a; v <= this.ctx.maxColIndex; v++) {
-        const b = this.getColumnByColIndex(v);
+      for (let S = a; S <= this.ctx.maxColIndex; S++) {
+        const b = this.getColumnByColIndex(S);
         if (!b)
           break;
         const O = this.getItemValue(s, i), T = this.getItemValue(s, b.key);
-        if (O === T && l.includes(b.key))
-          E = v;
+        if (O === T && h.includes(b.key))
+          p = S;
         else
           break;
       }
-      for (let v = y; v < a; v++) {
-        const b = this.getColumnByColIndex(v);
+      for (let S = y; S < a; S++) {
+        const b = this.getColumnByColIndex(S);
         if (!b)
           break;
         I += b.width || 100;
       }
-      for (let v = y; v <= E; v++) {
-        const b = this.getColumnByColIndex(v);
+      for (let S = y; S <= p; S++) {
+        const b = this.getColumnByColIndex(S);
         if (!b)
           break;
-        _ += b.width || 100, R.push({
+        v += b.width || 100, R.push({
           rowKey: s,
           key: b.key,
           value: this.getItemValue(s, b.key),
@@ -2031,28 +2031,22 @@ class ue {
       }
     }
     return {
-      xArr: [y, E],
-      yArr: [g, p],
+      xArr: [y, p],
+      yArr: [g, m],
       rowspan: d,
       colspan: x,
-      height: S,
-      width: _,
+      height: _,
+      width: v,
       offsetTop: C,
       offsetLeft: I,
       dataList: R
     };
   }
-  setLoading(t) {
-    this.loading = t, this.ctx.emit("loadingChange", t);
-  }
-  getLoading() {
-    return this.loading;
-  }
   setValidationErrorByRowIndex(t, e, i) {
     const s = this.rowIndexRowKeyMap.get(t), o = `${s}​_${e}`, r = this.getRowForRowIndex(t), a = this.getColumnByKey(e);
     if (!s || !a || !r)
       return;
-    const h = this.getItemValue(s, e), l = [
+    const l = this.getItemValue(s, e), h = [
       {
         key: e,
         rowKey: s,
@@ -2060,13 +2054,13 @@ class ue {
         colIndex: a.colIndex,
         column: a.column,
         row: r,
-        value: h,
+        value: l,
         message: i,
         field: e,
-        fieldValue: h
+        fieldValue: l
       }
     ];
-    this.validationErrorMap.set(o, l);
+    this.validationErrorMap.set(o, h);
   }
   setValidationError(t, e, i) {
     const s = `${t}​_${e}`;
@@ -2128,7 +2122,7 @@ class ue {
     return this.overlayerAutoHeightMap.get(i) || 0;
   }
 }
-class ge {
+class we {
   constructor(t) {
     n(this, "ctx");
     n(this, "history", []);
@@ -2183,7 +2177,7 @@ class ge {
     this.history = [], this.historyIndex = -1;
   }
 }
-class we {
+class Ee {
   constructor(t) {
     n(this, "eventTasks", /* @__PURE__ */ new Map());
     n(this, "ctx");
@@ -2337,21 +2331,21 @@ class pe {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: a, shadowWidth: h, colorStart: l, colorEnd: d } = o;
+    const { fillColor: r, side: a, shadowWidth: l, colorStart: h, colorEnd: d } = o;
     this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (a) {
       case "left":
-        f = this.ctx.createLinearGradient(t - h, e, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - h, e, h, s);
+        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + h, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, h, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + l, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - h, t, e), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - h, i, h);
+        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + h), f.addColorStop(0, l), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, h);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + l), f.addColorStop(0, h), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -2373,12 +2367,12 @@ class pe {
   drawImage(t, e, i, s, o) {
     this.ctx.save(), this.ctx.drawImage(t, e, i, s, o), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: o = 1, borderColor: r, fillColor: a, radius: h = 0 } = {}) {
-    if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), h === 0)
+  drawRect(t, e, i, s, { borderWidth: o = 1, borderColor: r, fillColor: a, radius: l = 0 } = {}) {
+    if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), l === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [l, d, f, u] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + l, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + l, e, l);
+      const [h, d, f, u] = typeof l == "number" ? [l, l, l, l] : l;
+      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + h, e, h);
     }
     a !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2397,31 +2391,32 @@ class pe {
     this.ctx.save();
     const {
       font: a = "12px Arial",
-      align: h = "center",
-      color: l = "#495060",
+      align: l = "center",
+      color: h = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle",
       maxLineClamp: u = 1,
       autoRowHeight: x = !1,
       offsetLeft: w = 0,
-      offsetRight: m = 0
+      offsetRight: E = 0
     } = r;
-    this.ctx.font = a, this.ctx.fillStyle = l, this.ctx.textAlign = h;
-    const p = parseInt(((O = a.match(/\d+/)) == null ? void 0 : O[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - m, E = this.ctx.measureText("...").width;
+    if (this.ctx.font = a, this.ctx.fillStyle = h, this.ctx.textAlign = l, ["", null, void 0].includes(t))
+      return this.ctx.restore(), !1;
+    const m = parseInt(((O = a.match(/\d+/)) == null ? void 0 : O[0]) || "12") * (r.lineHeight || 1.2), y = s - d * 2 - w - E, p = this.ctx.measureText("...").width;
     let R = !1;
-    if (s <= E + d * 2 + w + m)
+    if (s <= p + d * 2 + w + E)
       return this.ctx.restore(), R = !0, R;
-    const C = Math.round((o - 2 * d) / p);
-    let I = this.wrapText(t, y, r.cacheTextKey), S = Math.min(I.length, Math.max(C, 1));
-    u === "auto" && x ? S = I.length : typeof u == "number" && u < C ? S = u : (u === 1 && !x && (I = [t], S = 1), u === "auto" && C === 1 && (I = [t], S = 1));
-    let _ = i + d;
-    const v = Math.round(S * p);
-    f === "middle" ? _ = i + (o - v) / 2 : f === "bottom" && (_ = i + o - v - d);
+    const C = Math.round((o - 2 * d) / m);
+    let I = this.wrapText(t, y, r.cacheTextKey), _ = Math.min(I.length, Math.max(C, 1));
+    u === "auto" && x ? _ = I.length : typeof u == "number" && u < _ ? _ = u : (u === 1 && !x && (I = [t], _ = 1), u === "auto" && C === 1 && (I = [t], _ = 1));
+    let v = i + d;
+    const S = Math.round(_ * m);
+    f === "middle" ? v = i + (o - S) / 2 : f === "bottom" && (v = i + o - S - d);
     let b = e + d + w;
-    h === "center" ? b = e + s / 2 : h === "right" && (b = e + s - d - m);
+    l === "center" ? b = e + s / 2 : l === "right" && (b = e + s - d - E);
     for (let T = 0; T < I.length; T++) {
-      const M = I[T], L = _ + T * p;
-      if (this.ctx.textBaseline = "top", T === S - 1) {
+      const M = I[T], L = v + T * m;
+      if (this.ctx.textBaseline = "top", T === _ - 1) {
         const { _text: A, ellipsis: D } = this.handleEllipsis(M, s, d, a);
         this.ctx.fillText(A, b, L), R = D;
         break;
@@ -2431,16 +2426,16 @@ class pe {
     if (r.textCallback && I.length) {
       const T = Math.round(this.ctx.measureText(I[0]).width);
       let M = b, L = b + T;
-      h === "center" ? (M = b - T / 2, L = b + T / 2) : h === "right" && (M = b - T, L = b);
+      l === "center" ? (M = b - T / 2, L = b + T / 2) : l === "right" && (M = b - T, L = b);
       const A = {
         x: b,
-        y: _,
+        y: v,
         width: T,
-        height: v,
+        height: S,
         left: M,
         right: L,
-        top: _,
-        bottom: _ + v
+        top: v,
+        bottom: v + S
       };
       r.textCallback(A);
     }
@@ -2463,19 +2458,19 @@ class pe {
         s.push("");
         continue;
       }
-      const h = a.split("");
-      let l = "";
-      for (const d of h) {
-        const f = l + d;
-        this.ctx.measureText(f).width <= e ? l = f : l ? (s.push(l), l = d) : (s.push(d), l = "");
+      const l = a.split("");
+      let h = "";
+      for (const d of l) {
+        const f = h + d;
+        this.ctx.measureText(f).width <= e ? h = f : h ? (s.push(h), h = d) : (s.push(d), h = "");
       }
-      l && s.push(l);
+      h && s.push(h);
     }
     if (s.length >= 1) {
-      const a = s[s.length - 1], { ellipsis: h } = this.handleEllipsis(a, e, 0, this.ctx.font);
-      if (h) {
-        const l = a.slice(0, -1);
-        s[s.length - 1] = l, s.push(a.slice(-1));
+      const a = s[s.length - 1], { ellipsis: l } = this.handleEllipsis(a, e, 0, this.ctx.font);
+      if (l) {
+        const h = a.slice(0, -1);
+        s[s.length - 1] = h, s.push(a.slice(-1));
       }
     }
     const r = s.length > 0 ? s : [""];
@@ -2489,19 +2484,19 @@ class pe {
    * @returns 计算出的高度
    */
   calculateTextHeight(t = "", e, i = {}) {
-    var m;
+    var E;
     const {
       font: s = "12px Arial",
       padding: o = 0,
       align: r = "center",
       color: a = "#495060",
-      maxLineClamp: h = 1,
-      cacheTextKey: l = ""
+      maxLineClamp: l = 1,
+      cacheTextKey: h = ""
     } = i;
     this.ctx.save(), this.ctx.font = s, this.ctx.fillStyle = a, this.ctx.textAlign = r;
-    const d = parseInt(((m = s.match(/\d+/)) == null ? void 0 : m[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, l);
+    const d = parseInt(((E = s.match(/\d+/)) == null ? void 0 : E[0]) || "12"), f = d * (i.lineHeight || 1.2), u = e - o * 2, x = this.wrapText(t, u, h);
     let w = 1;
-    return h === "auto" ? w = x.length : x.length > h ? w = h : w = x.length, this.ctx.restore(), Math.max(Math.floor(w * f + o * 2), Math.floor(d + o * 2));
+    return l === "auto" ? w = x.length : x.length > l ? w = l : w = x.length, this.ctx.restore(), Math.max(Math.floor(w * f + o * 2), Math.floor(d + o * 2));
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     this.ctx.save();
@@ -2517,12 +2512,12 @@ class pe {
         _text: "",
         ellipsis: !0
       };
-    const h = this.ctx.measureText(t).width, l = e - i * 2;
-    if (h && h + a >= l) {
+    const l = this.ctx.measureText(t).width, h = e - i * 2;
+    if (l && l + a >= h) {
       o = !0;
       let d = 0;
       for (let f = 0; f < t.length; f++)
-        if (d += this.ctx.measureText(t[f]).width, d >= l - a) {
+        if (d += this.ctx.measureText(t[f]).width, d >= h - a) {
           r = t.slice(0, f) + "...", o = !0;
           break;
         }
@@ -2572,6 +2567,8 @@ class It {
     n(this, "EMPTY_CUSTOM_STYLE", {});
     /** 空数据文本 */
     n(this, "EMPTY_TEXT", "暂无数据");
+    /** 加载文本 */
+    n(this, "LOADING_TEXT", "加载中...");
     /** 最大高度，为 0 表示自适应高度根据 HEIGHT	 */
     n(this, "MAX_HEIGHT", 1e3);
     /** 区域边框圆角 */
@@ -2590,6 +2587,8 @@ class It {
     n(this, "BODY_BG_COLOR", "#FFF");
     /** 表头文本颜色 */
     n(this, "HEADER_TEXT_COLOR", "#1D2129");
+    /** 必填*颜色 */
+    n(this, "REQUIRED_COLOR", "#F56C6C");
     /** body文本颜色 */
     n(this, "BODY_TEXT_COLOR", "#4E5969");
     /** footer文本颜色 */
@@ -2604,6 +2603,7 @@ class It {
     n(this, "SHRINK_ICON_SVG", "");
     /** 展开图标颜色 */
     n(this, "EXPAND_ICON_COLOR", "#4E5969");
+    /** 收缩图标颜色 */
     n(this, "SHRINK_ICON_COLOR", "#4E5969");
     /** 错误提示颜色 */
     n(this, "ERROR_TIP_ICON_COLOR", "red");
@@ -2657,12 +2657,28 @@ class It {
     n(this, "CHECKBOX_SIZE", 20);
     /** 选择框禁用图标 */
     n(this, "CHECKBOX_DISABLED_SVG", "");
+    /** 选择框禁用图标颜色 */
+    n(this, "CHECKBOX_DISABLED_COLOR", "#F1F2F4");
     /** 选择框选中图标 */
     n(this, "CHECKBOX_CHECK_SVG", "");
     /** 选择框未中图标 */
     n(this, "CHECKBOX_UNCHECK_SVG", "");
+    /** 选择框未中图标颜色 */
+    n(this, "CHECKBOX_UNCHECK_COLOR", "#DDE0EA");
     /** 选择框半选中图标 */
     n(this, "CHECKBOX_INDETERMINATE_SVG", "");
+    /** 选择框选中禁用图标 */
+    n(this, "CHECKBOX_CHECK_DISABLED_SVG", "");
+    /** 选择框选中禁用图标颜色 */
+    n(this, "CHECKBOX_CHECK_DISABLED_COLOR", "#DDE0EA");
+    /** 编辑图标 */
+    n(this, "ICON_EDIT_SVG", "");
+    /** 编辑图标颜色 */
+    n(this, "ICON_EDIT_COLOR", "#4E5969");
+    /** 选择图标 */
+    n(this, "ICON_SELECT_SVG", "");
+    /** 选择图标颜色 */
+    n(this, "ICON_SELECT_COLOR", "#4E5969");
     /** 启用严格排序，即不支持多列排序 */
     n(this, "SORT_STRICTLY", !0);
     /** 排序升序图标 */
@@ -2835,14 +2851,14 @@ class It {
     let t = {};
     Object.keys(this).forEach((e) => {
       if (e.endsWith("_COLOR") || e.endsWith("_FONT")) {
-        const i = `--evt-${e.toLocaleLowerCase().replace(/_/g, "-")}`, s = fe(i);
+        const i = `--evt-${e.toLocaleLowerCase().replace(/_/g, "-")}`, s = xe(i);
         s && (t[e] = s);
       }
     }), Object.assign(this, t, this._config);
   }
 }
-const vt = '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>', gt = '<svg t="1755138507987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5079" width="200" height="200"><path d="M512 938.688a42.688 42.688 0 0 1-35.072-18.432l-192-277.312A42.56 42.56 0 0 1 320 576h384a42.752 42.752 0 0 1 35.072 66.944l-192 277.312a42.688 42.688 0 0 1-35.072 18.432" fill="currentColor" p-id="2016"></path><path d="M704 448H320a42.752 42.752 0 0 1-35.072-66.944l192-277.312c16-23.04 54.208-23.04 70.144 0l192 277.312A42.56 42.56 0 0 1 704 448" fill="currentColor" p-id="2015"></path></svg>', Ee = gt.replace('fill="currentColor" p-id="2016"', 'fill="#bec4c7" p-id="2016"'), ye = gt.replace('fill="currentColor" p-id="2015"', 'fill="#bec4c7" p-id="2015"');
-class Ce {
+const St = '<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>', _t = '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>', gt = '<svg t="1755138507987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5079" width="200" height="200"><path d="M512 938.688a42.688 42.688 0 0 1-35.072-18.432l-192-277.312A42.56 42.56 0 0 1 320 576h384a42.752 42.752 0 0 1 35.072 66.944l-192 277.312a42.688 42.688 0 0 1-35.072 18.432" fill="currentColor" p-id="2016"></path><path d="M704 448H320a42.752 42.752 0 0 1-35.072-66.944l192-277.312c16-23.04 54.208-23.04 70.144 0l192 277.312A42.56 42.56 0 0 1 704 448" fill="currentColor" p-id="2015"></path></svg>', ye = gt.replace('fill="currentColor" p-id="2016"', 'fill="#bec4c7" p-id="2016"'), Ce = gt.replace('fill="currentColor" p-id="2015"', 'fill="#bec4c7" p-id="2015"');
+class be {
   constructor(t) {
     n(this, "ctx");
     n(this, "list", [
@@ -2862,29 +2878,23 @@ class Ce {
       },
       {
         name: "shrink",
-        configName: "CHECKBOX_UNCHECK_SVG",
+        configName: "SHRINK_ICON_SVG",
         configColorName: "SHRINK_ICON_COLOR",
-        svg: vt,
+        svg: _t,
         color: "#4E5969"
       },
       {
         name: "checkbox-uncheck",
         configName: "CHECKBOX_UNCHECK_SVG",
-        svg: '<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4709"></path></svg>',
+        configColorName: "CHECKBOX_UNCHECK_COLOR",
+        svg: '<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" p-id="4709"></path></svg>',
         color: ""
       },
       {
         name: "checkbox-check",
         configName: "CHECKBOX_CHECK_SVG",
         configColorName: "CHECKBOX_COLOR",
-        svg: '<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>',
-        color: "rgb(82,146,247)"
-      },
-      {
-        name: "checkbox-hover",
-        configName: "CHECKBOX_UNCHECK_SVG",
-        configColorName: "CHECKBOX_COLOR",
-        svg: '<svg t="1722595639920" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4708" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4709"></path></svg>',
+        svg: St,
         color: "rgb(82,146,247)"
       },
       {
@@ -2896,41 +2906,43 @@ class Ce {
       },
       {
         name: "checkbox-check-disabled",
-        configName: "CHECKBOX_CHECK_SVG",
-        svg: '<svg t="1722595535853" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M640 128H384c-170.496 0-256 85.504-256 256v256c0 170.496 85.504 256 256 256h256c170.496 0 256-85.504 256-256V384c0-170.496-85.504-256-256-256z m67.584 302.592c-2.048 4.608-4.608 8.704-8.192 12.288L506.88 634.88c-3.584 3.584-7.68 6.144-12.288 8.192-4.608 2.048-9.728 3.072-14.848 3.072s-10.24-1.024-14.848-3.072c-4.608-2.048-8.704-4.608-12.288-8.192l-96.256-96.256c-3.584-3.584-6.144-7.68-8.192-12.288-2.048-4.608-3.072-9.728-3.072-14.848 0-2.56 0-5.12 1.024-7.68 0.512-2.56 1.024-5.12 2.048-7.168 1.024-2.56 2.048-4.608 3.584-6.656 1.536-2.048 3.072-4.096 4.608-5.632 1.536-2.048 3.584-3.584 5.632-4.608 2.048-1.536 4.096-2.56 6.656-3.584 2.56-1.024 4.608-1.536 7.168-2.048 2.56-0.512 5.12-0.512 7.68-0.512 5.12 0 10.24 1.024 14.848 3.072 4.608 2.048 8.704 4.608 12.288 8.192l69.12 68.608L645.12 389.12c3.584-3.584 7.68-6.144 12.288-8.192 4.608-2.048 9.728-3.072 14.848-3.072 2.56 0 5.12 0 7.68 0.512s5.12 1.024 7.168 2.048c2.56 1.024 4.608 2.048 6.656 3.584 2.048 1.536 4.096 3.072 5.632 4.608 1.536 1.536 3.584 3.584 4.608 5.632 1.536 2.048 2.56 4.096 3.584 6.656 1.024 2.56 1.536 4.608 2.048 7.168 0.512 2.56 1.024 5.12 1.024 7.68 0 5.12-1.024 10.24-3.072 14.848z" p-id="4552"></path></svg>',
+        configName: "CHECKBOX_CHECK_DISABLED_SVG",
+        svg: St,
         color: "#DDE0EA"
       },
       {
         name: "checkbox-disabled",
         configName: "CHECKBOX_DISABLED_SVG",
-        svg: '<svg t="1722595946663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z" fill="#F1F2F4" p-id="4866"></path><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4867"></path></svg>',
-        color: ""
+        configColorName: "CHECKBOX_DISABLED_COLOR",
+        svg: '<svg t="1722595946663" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4865" width="32" height="32"><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z" p-id="4866"></path><path d="M128 640V384a256 256 0 0 1 256-256h256a256 256 0 0 1 256 256v256a256 256 0 0 1-256 256H384a256 256 0 0 1-256-256z m64 0q0 79.552 56.256 135.744Q304.448 832 384 832h256q79.552 0 135.744-56.256Q832 719.552 832 640V384q0-79.552-56.256-135.744Q719.552 192 640 192H384q-79.552 0-135.744 56.256Q192 304.448 192 384v256z" fill="#DDE0EA" p-id="4867"></path></svg>',
+        color: "#F1F2F4"
       },
       {
         name: "icon-edit",
-        configName: "CHECKBOX_DISABLED_SVG",
+        configName: "ICON_EDIT_SVG",
+        configColorName: "ICON_EDIT_COLOR",
         svg: '<svg t="1744798692576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6606" width="200" height="200"><path d="M855.296 894.528H168.768v-76.8h686.528v76.8z m38.4-38.4q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.824 4.8-3.2 2.112-6.656 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.52-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.76 4.736 2.752 2.688 4.864 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488z m-686.528 0q0 3.84-0.768 7.488-0.704 3.712-2.176 7.232-1.472 3.52-3.52 6.656-2.112 3.136-4.8 5.76-2.688 2.688-5.76 4.8-3.2 2.112-6.72 3.584-3.456 1.408-7.168 2.176-3.712 0.704-7.488 0.704-3.84 0-7.488-0.704-3.712-0.768-7.232-2.176-3.456-1.472-6.656-3.584-3.136-2.112-5.76-4.736-2.688-2.688-4.8-5.824-2.112-3.2-3.584-6.656-1.408-3.52-2.176-7.232-0.704-3.648-0.704-7.488 0-3.776 0.704-7.488 0.768-3.712 2.176-7.168 1.472-3.52 3.584-6.656 2.112-3.136 4.736-5.76 2.688-2.752 5.824-4.8 3.2-2.112 6.656-3.584 3.52-1.472 7.232-2.176 3.712-0.768 7.488-0.768 3.776 0 7.488 0.768 3.712 0.704 7.168 2.176 3.52 1.472 6.656 3.584 3.2 2.048 5.824 4.736 2.688 2.688 4.8 5.824 2.048 3.2 3.52 6.656 1.472 3.456 2.176 7.168 0.768 3.712 0.768 7.488zM652.032 211.2l-369.92 370.368v89.344h90.048l369.664-369.856L652.032 211.2z m-54.4-54.272q22.528-22.528 54.4-22.528 31.808 0 54.336 22.528l89.792 89.856q22.464 22.464 22.464 54.272t-22.464 54.272l-369.664 369.856q-22.464 22.528-54.336 22.528H282.24q-31.808 0-54.336-22.528-22.464-22.464-22.464-54.272V581.568q0-31.808 22.4-54.272l369.92-370.368z" p-id="6607"></path></svg>',
         color: "#4E5969"
       },
       {
         name: "icon-select",
-        configName: "CHECKBOX_UNCHECK_SVG",
-        configColorName: "SHRINK_ICON_COLOR",
-        svg: vt,
+        configName: "ICON_SELECT_SVG",
+        configColorName: "ICON_SELECT_COLOR",
+        svg: _t,
         color: "#4E5969"
       },
       {
         name: "sort-asc",
         configName: "SORT_ASC_ICON_SVG",
         configColorName: "SORT_ICON_COLOR",
-        svg: Ee,
+        svg: ye,
         color: "rgb(82,146,247)"
       },
       {
         name: "sort-desc",
         configName: "SORT_DESC_ICON_SVG",
         configColorName: "SORT_ICON_COLOR",
-        svg: ye,
+        svg: Ce,
         color: "rgb(82,146,247)"
       },
       {
@@ -2973,32 +2985,35 @@ class Ce {
   }
   async createImageFromSVG(t, e, i = !1) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((l) => {
-      const d = l.getAttribute("fill");
-      (d === "currentColor" || d === null) && l.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((h) => {
+      const d = h.getAttribute("fill");
+      (d === "currentColor" || d === null) && h.setAttribute("fill", e);
     });
     const a = new Image();
-    let h = "";
+    let l = "";
     if (i) {
-      const l = new Blob([new XMLSerializer().serializeToString(r)], {
+      const h = new Blob([new XMLSerializer().serializeToString(r)], {
         type: "image/svg+xml"
       });
-      h = URL.createObjectURL(l);
+      l = URL.createObjectURL(h);
     } else
-      h = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
-    return a.src = h, new Promise((l, d) => {
+      l = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(r));
+    return a.src = l, new Promise((h, d) => {
       a.onerror = () => d(new Error("Failed to load image:" + t)), a.onload = () => {
-        l(a);
+        h(a);
       };
     });
   }
   get(t) {
     return this.icons.get(t);
   }
+  getSvg(t) {
+    return this.list.find((e) => e.name === t);
+  }
 }
-class ct extends Yt {
-  constructor(e, i, s, o, r, a, h) {
-    super(e, s, o, r, a, "header", h.fixed);
+class ct extends Bt {
+  constructor(e, i, s, o, r, a, l) {
+    super(e, s, o, r, a, "header", l.fixed);
     n(this, "align");
     n(this, "hideHeaderSelection", !1);
     n(this, "verticalAlign", "middle");
@@ -3056,7 +3071,7 @@ class ct extends Yt {
     n(this, "drawSortImageHeight", 0);
     n(this, "drawSortImageName", "");
     n(this, "drawSortImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = h.key, this.minWidth = h.minWidth, this.maxWidth = h.maxWidth, this.type = h.type || "", this.editorType = h.editorType || "text", this.hideHeaderSelection = h.hideHeaderSelection || !1, this.align = h.headerAlign || h.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = h.headerVerticalAlign || h.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan || 1, this.widthFillDisable = h.widthFillDisable || !1, this.rowspan = h.rowspan || 1, this.rules = h.rules, this.readonly = h.readonly || !1, this.required = h.required || !1, this.sortIconName = h.sortIconName || "sort-default", this.sortAscIconName = h.sortAscIconName || "sort-asc", this.sortDescIconName = h.sortDescIconName || "sort-desc", this.rowKey = Ht(), this.overflowTooltipShow = h.overflowTooltipHeaderShow !== !1, this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = a, this.visibleWidth = r, this.visibleHeight = a, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.type = l.type || "", this.editorType = l.editorType || "text", this.hideHeaderSelection = l.hideHeaderSelection || !1, this.align = l.headerAlign || l.align || this.ctx.config.COLUMNS_ALIGN, this.verticalAlign = l.headerVerticalAlign || l.verticalAlign || this.ctx.config.COLUMNS_VERTICAL_ALIGN, this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.sortIconName = l.sortIconName || "sort-default", this.sortAscIconName = l.sortAscIconName || "sort-asc", this.sortDescIconName = l.sortDescIconName || "sort-desc", this.rowKey = Dt(), this.overflowTooltipShow = l.overflowTooltipHeaderShow !== !1, this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -3076,11 +3091,11 @@ class ct extends Yt {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let o = i, r = s;
     if (typeof e == "function") {
-      const a = e, { backgroundColor: h, color: l } = a({
+      const a = e, { backgroundColor: l, color: h } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      h && (o = h), l && (r = l);
+      l && (o = l), h && (r = h);
     }
     this.drawCellBgColor = o, this.drawTextColor = r;
   }
@@ -3103,8 +3118,8 @@ class ct extends Yt {
   drawText() {
     const {
       paint: e,
-      config: { HEADER_FONT: i, CELL_PADDING: s }
-    } = this.ctx, o = `${this.displayText}_${this.drawTextWidth}`;
+      config: { HEADER_FONT: i, CELL_PADDING: s, REQUIRED_COLOR: o }
+    } = this.ctx, r = `${this.displayText}_${this.drawTextWidth}`;
     this.ellipsis = e.drawText(
       this.displayText,
       this.drawTextX,
@@ -3122,22 +3137,15 @@ class ct extends Yt {
         // 排序图标占位
         offsetLeft: this.required ? 12 : 0,
         // 必填星号占位
-        cacheTextKey: o,
-        textCallback: (r) => {
-          this.column.sortBy && (this.drawSortImageX = r.right + 4, this.drawSortImageY = r.top + (r.height - 16) / 2), this.required && e.drawText(
-            "*",
-            r.left - 18,
-            r.top + (r.height - 12) / 2,
-            24,
-            24,
-            {
-              color: "red",
-              font: "18px Arial",
-              align: "center",
-              verticalAlign: "middle",
-              padding: 0
-            }
-          );
+        cacheTextKey: r,
+        textCallback: (a) => {
+          this.column.sortBy && (this.drawSortImageX = a.right + 4, this.drawSortImageY = a.top + (a.height - 16) / 2), this.required && e.drawText("*", a.left - 18, a.top + (a.height - 12) / 2, 24, 24, {
+            color: o,
+            font: "18px Arial",
+            align: "center",
+            verticalAlign: "middle",
+            padding: 0
+          });
         }
       }
     );
@@ -3155,10 +3163,10 @@ class ct extends Yt {
   drawSelection() {
     if (!this.hideHeaderSelection && ["index-selection", "selection", "selection-tree", "tree-selection"].includes(this.type)) {
       const { indeterminate: e, check: i, selectable: s } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: o = 0, CELL_PADDING: r } = this.ctx.config;
-      let a = this.drawX + (this.width - o) / 2, h = this.drawY + (this.height - o) / 2;
-      this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (a = this.drawX + r, this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? h = this.drawY + r / 2 : this.verticalAlign === "bottom" && (h = this.drawY + this.height - o - r / 2);
-      let l = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
-      e ? (l = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (l = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (l = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (l = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (l = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled"), l && (this.drawSelectionImageX = a, this.drawSelectionImageY = h, this.drawSelectionImageWidth = o, this.drawSelectionImageHeight = o, this.drawSelectionImageName = d, this.drawSelectionImageSource = l, this.ctx.paint.drawImage(
+      let a = this.drawX + (this.width - o) / 2, l = this.drawY + (this.height - o) / 2;
+      this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX, (this.align === "left" || this.align === "right") && (a = this.drawX + r, this.drawTextX = a + o - r / 2, this.drawTextWidth = this.drawX + this.visibleWidth - this.drawTextX), this.verticalAlign === "top" ? l = this.drawY + r / 2 : this.verticalAlign === "bottom" && (l = this.drawY + this.height - o - r / 2);
+      let h = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck";
+      e ? (h = this.ctx.icons.get("checkbox-indeterminate"), d = "checkbox-indeterminate") : i && s ? (h = this.ctx.icons.get("checkbox-check"), d = "checkbox-check") : i && !s ? (h = this.ctx.icons.get("checkbox-check-disabled"), d = "checkbox-check-disabled") : !i && s ? (h = this.ctx.icons.get("checkbox-uncheck"), d = "checkbox-uncheck") : (h = this.ctx.icons.get("checkbox-disabled"), d = "checkbox-disabled"), h && (this.drawSelectionImageX = a, this.drawSelectionImageY = l, this.drawSelectionImageWidth = o, this.drawSelectionImageHeight = o, this.drawSelectionImageName = d, this.drawSelectionImageSource = h, this.ctx.paint.drawImage(
         this.drawSelectionImageSource,
         this.drawSelectionImageX,
         this.drawSelectionImageY,
@@ -3184,7 +3192,7 @@ class ct extends Yt {
     ));
   }
   getText() {
-    return this.render ? "" : this.text;
+    return this.render || ["", null, void 0].includes(this.text) ? "" : `${this.text}`;
   }
   /**
    * 获取样式
@@ -3203,7 +3211,7 @@ class ct extends Yt {
     };
   }
 }
-class be {
+class Re {
   constructor(t) {
     n(this, "ctx");
     n(this, "visibleHoverCell");
@@ -3347,8 +3355,8 @@ class be {
       t.drawTreeImageHeight
     ))
       return;
-    const h = this.ctx.database.getRowForRowKey(t.rowKey), { expand: l = !1, expandLazy: d = !1 } = h || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: u } = this.ctx.config;
-    if (f && u && !l && !d)
+    const l = this.ctx.database.getRowForRowKey(t.rowKey), { expand: h = !1, expandLazy: d = !1 } = l || {}, { EXPAND_LAZY: f, EXPAND_LAZY_METHOD: u } = this.ctx.config;
+    if (f && u && !h && !d)
       typeof u == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), u({
         row: t.row,
         rowIndex: t.rowIndex,
@@ -3377,8 +3385,8 @@ class be {
     ))
       return;
     const a = this.ctx.database.getSortState(t.key);
-    let h;
-    a.direction === "none" ? h = "asc" : a.direction === "asc" ? h = "desc" : h = "none", this.ctx.database.setSortState(t.key, h);
+    let l;
+    a.direction === "none" ? l = "asc" : a.direction === "asc" ? l = "desc" : l = "none", this.ctx.database.setSortState(t.key, l);
   }
   /**
    * 图标进入和离开事件，包括选中，展开，提示图标等
@@ -3452,7 +3460,7 @@ class be {
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, o = i;
-    if (!this.ctx.isTarget(t) || this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
+    if (this.ctx.loading || !this.ctx.isTarget(t) || this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
       return !0;
     const { SCROLLER_TRACK_SIZE: r } = this.ctx.config;
     return !!(this.ctx.scrollerMove || this.ctx.scrollerFocus || s > this.ctx.stageHeight - r || o > this.ctx.stageWidth - r);
@@ -3461,15 +3469,15 @@ class be {
     if (this.isInsideBody(e))
       for (const r of i) {
         const a = r.fixedCells.concat(r.noFixedCells);
-        for (const h of a) {
-          const l = h.getDrawX(), d = h.getDrawY();
+        for (const l of a) {
+          const h = l.getDrawX(), d = l.getDrawY();
           if (o) {
-            if (t > l && t < l + h.visibleWidth && e > d && e < d + h.visibleHeight) {
-              s(h);
+            if (t > h && t < h + l.visibleWidth && e > d && e < d + l.visibleHeight) {
+              s(l);
               return;
             }
-          } else if (t > l && t < l + h.width && e > d && e < d + h.height) {
-            s(h);
+          } else if (t > h && t < h + l.width && e > d && e < d + l.height) {
+            s(l);
             return;
           }
         }
@@ -3491,7 +3499,7 @@ class be {
     this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-class Re {
+class Ie {
   constructor(t, e) {
     n(this, "eventBus");
     n(this, "eventBrowser");
@@ -3503,6 +3511,7 @@ class Re {
     n(this, "editorElement");
     n(this, "emptyElement");
     n(this, "contextMenuElement");
+    n(this, "loadingElement");
     n(this, "stageWidth", 0);
     n(this, "stageHeight", 0);
     n(this, "paint");
@@ -3527,6 +3536,8 @@ class Re {
     // 调整位置中
     n(this, "editing", !1);
     // 编辑中
+    n(this, "loading", !1);
+    // 加载中
     n(this, "onlyMergeCell", !1);
     // 只有合并单元格
     n(this, "selectOnlyOne", !1);
@@ -3609,10 +3620,11 @@ class Re {
       canvasElement: o,
       overlayerElement: r,
       editorElement: a,
-      emptyElement: h,
-      contextMenuElement: l
+      emptyElement: l,
+      loadingElement: h,
+      contextMenuElement: d
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = h, this.contextMenuElement = l, this.config = new It(e.config || {}), this.eventBus = new me(), this.eventBrowser = new we(this), this.eventTable = new be(this), this.paint = new pe(this.canvasElement), this.database = new ue(this, e), this.history = new ge(this), this.icons = new Ce(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = o, this.overlayerElement = r, this.editorElement = a, this.emptyElement = l, this.loadingElement = h, this.contextMenuElement = d, this.config = new It(e.config || {}), this.eventBus = new me(), this.eventBrowser = new Ee(this), this.eventTable = new Re(this), this.paint = new pe(this.canvasElement), this.database = new ge(this, e), this.history = new we(this), this.icons = new be(this);
   }
   setConfig(t) {
     this.config = new It(t);
@@ -3621,8 +3633,8 @@ class Re {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const a = this.database.getVirtualBodyCellByKey(t, e);
       if (a && (a.mergeRow || a.mergeCol)) {
-        const { dataList: h } = a.getSpanInfo(), l = h.map((d) => ({ ...d, value: i }));
-        this.database.batchSetItemValue(l, s, r);
+        const { dataList: l } = a.getSpanInfo(), h = l.map((d) => ({ ...d, value: i }));
+        this.database.batchSetItemValue(h, s, r);
         return;
       }
     }
@@ -3634,9 +3646,9 @@ class Re {
       t.forEach((o) => {
         const r = this.database.getRowIndexForRowKey(o.rowKey), a = this.database.getColIndexForKey(o.key);
         if (r === void 0 || a === void 0) return;
-        const h = this.database.getVirtualBodyCell(r, a);
-        if (h) {
-          const { dataList: l } = h.getSpanInfo(), d = l.map((f) => ({ ...f, value: o.value }));
+        const l = this.database.getVirtualBodyCell(r, a);
+        if (l) {
+          const { dataList: h } = l.getSpanInfo(), d = h.map((f) => ({ ...f, value: o.value }));
           s.push(...d);
         }
       }), this.database.batchSetItemValue(s, e, i);
@@ -3681,7 +3693,7 @@ class Re {
     for (let o = 0; o <= e[1] - e[0]; o++) {
       const r = [];
       for (let a = 0; a <= i[1] - i[0]; a++) {
-        const h = o + e[0], l = a + i[0], d = this.database.getVirtualBodyCell(h, l);
+        const l = o + e[0], h = a + i[0], d = this.database.getVirtualBodyCell(l, h);
         d && (d.selectorCellValueType === "displayText" ? r.push(d.displayText) : r.push(d.getValue()));
       }
       s += `${r.join("	")}\r`, t.push(r);
@@ -3740,7 +3752,7 @@ class Re {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class St {
+class vt {
   constructor(t, e) {
     n(this, "ctx");
     n(this, "type");
@@ -3802,8 +3814,8 @@ class St {
     if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, r === 0 || s == this.clientX && o == this.clientY) return;
     let a = 0;
     if (this.type === "horizontal" ? a = s - this.clientX : a = o - this.clientY, this.isDragging && a !== 0) {
-      let h = 0;
-      this.type === "vertical" ? h = this.dragStart + a / (this.visibleDistance - this.barHeight) * this.distance : h = this.dragStart + a / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(h, this.distance));
+      let l = 0;
+      this.type === "vertical" ? l = this.dragStart + a / (this.visibleDistance - this.barHeight) * this.distance : l = this.dragStart + a / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(l, this.distance));
     }
   }
   isPointInElement(t, e, i, s, o, r) {
@@ -3829,23 +3841,23 @@ class St {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: o = 0, SCROLLER_SIZE: r = 0, BORDER: a }
-    } = this.ctx, h = s, l = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
+    } = this.ctx, l = s, h = i, d = e.height, f = e.width, u = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = l - o - d, this.distance = u - this.visibleDistance + x, this.trackX = h - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = l, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
+      this.visibleDistance = h - o - d, this.distance = u - this.visibleDistance + x, this.trackX = l - o, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + o, d], this.trackWidth = o, this.trackHeight = h, this.barX = this.trackX - 1 + (o - r) / 2, this.barWidth = r;
       const w = this.distance ? this.visibleDistance / (u + x) : 0;
-      let m = Math.floor(w * this.visibleDistance);
-      m < 30 ? m = 30 : m > this.visibleDistance && (m = 0), this.barHeight = m, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      let E = Math.floor(w * this.visibleDistance);
+      E < 30 ? E = 30 : E > this.visibleDistance && (E = 0), this.barHeight = E, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = h - o, this.distance = f - this.visibleDistance, this.splitPoints = [
-        h - o,
+      this.visibleDistance = l - o, this.distance = f - this.visibleDistance, this.splitPoints = [
         l - o,
         h - o,
-        l
+        l - o,
+        h
       ];
       const w = a ? 0 : 0.5;
-      this.trackX = 0, this.trackY = l - o + w, this.trackWidth = h, this.trackHeight = o;
-      const m = this.distance ? this.visibleDistance / f : 0;
-      let g = Math.floor(m * this.visibleDistance);
+      this.trackX = 0, this.trackY = h - o + w, this.trackWidth = l, this.trackHeight = o;
+      const E = this.distance ? this.visibleDistance / f : 0;
+      let g = Math.floor(E * this.visibleDistance);
       this.barY = this.trackY - 1 + (o - r) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = r, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
@@ -3867,12 +3879,12 @@ class St {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class Ie {
+class Se {
   constructor(t) {
     n(this, "ctx");
     n(this, "verticalScrollbar");
     n(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new St(t, "vertical"), this.horizontalScrollbar = new St(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
+    this.ctx = t, this.verticalScrollbar = new vt(t, "vertical"), this.horizontalScrollbar = new vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("touchmove", (e) => this.onTouchmove(e)), this.ctx.on("touchstart", (e) => {
       this.onTouchstart(e);
     }), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
@@ -3934,7 +3946,7 @@ class Ie {
     this.setScrollY(o - e.visibleHeight / 2);
   }
 }
-class ve {
+class _e {
   constructor(t) {
     n(this, "ctx");
     // 上下文
@@ -3973,7 +3985,7 @@ class ve {
     n(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      Z(() => {
+      j(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -3983,60 +3995,57 @@ class ve {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = Dt(i), o = it(i);
+    const s = Nt(i), o = it(i);
     this.height = t * s, this.width = o.reduce((f, u) => {
-      const x = u.width || 100, { maxWidth: w, minWidth: m } = u;
-      return w && x > w ? f + w : m && x < m ? f + m : f + x;
+      const x = u.width || 100, { maxWidth: w, minWidth: E } = u;
+      return w && x > w ? f + w : E && x < E ? f + E : f + x;
     }, 0), this.visibleHeight = this.height;
-    const r = ne(Nt(i, s));
+    const r = ae(kt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const a = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
-    const h = this.visibleWidth - this.width;
-    if (this.resizeNum && h > 0) {
-      const f = Math.floor(h / this.resizeNum * 100) / 100;
+    const l = this.visibleWidth - this.width;
+    if (this.resizeNum && l > 0) {
+      const f = Math.floor(l / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
-    const l = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = l.reduce((f, u) => f + u.width, 0);
+    const h = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
+    this.ctx.fixedLeftWidth = h.reduce((f, u) => f + u.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
     this.ctx.fixedRightWidth = d.reduce((f, u) => f + u.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
-    const {
-      config: { ENABLE_RESIZE_COLUMN: t }
-    } = this.ctx;
-    t && (this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e) && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+    this.ctx.on("mousedown", (t) => {
+      this.ctx.config.ENABLE_RESIZE_COLUMN && this.ctx.isTarget(t) && (this.clientX = t.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
     }), this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.isMouseDown = !1, this.ctx.columnResizing = !1, this.clientX = 0, this.resizeDiff = 0;
-    }), this.ctx.on("mousemove", (e) => {
-      if (this.ctx.editing) return;
+      this.ctx.config.ENABLE_RESIZE_COLUMN && (this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.isMouseDown = !1, this.ctx.columnResizing = !1, this.clientX = 0, this.resizeDiff = 0);
+    }), this.ctx.on("mousemove", (t) => {
+      if (!this.ctx.config.ENABLE_RESIZE_COLUMN || this.ctx.editing) return;
       const {
-        stageWidth: i,
-        config: { RESIZE_COLUMN_MIN_WIDTH: s }
+        stageWidth: e,
+        config: { RESIZE_COLUMN_MIN_WIDTH: i }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const o = this.resizeTarget.width, r = this.resizeTarget.minWidth, a = this.resizeTarget.maxWidth;
-        let h = e.clientX - this.clientX;
-        h + o < s && (h = -(o - s)), r && h + o < r && (h = -(o - r)), a && h + o > a && (h = a - o), this.resizeDiff = h, this.ctx.emit("draw");
+        const s = this.resizeTarget.width, o = this.resizeTarget.minWidth, r = this.resizeTarget.maxWidth;
+        let a = t.clientX - this.clientX;
+        a + s < i && (a = -(s - i)), o && a + s < o && (a = -(s - o)), r && a + s > r && (a = r - s), this.resizeDiff = a, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
-        if (e.offsetX < 0 || e.offsetX > this.visibleWidth) {
+        if (t.offsetX < 0 || t.offsetX > this.visibleWidth) {
           this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
           return;
         }
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
-        const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
-        for (const r of o) {
-          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), l = a, d = r.getDrawX();
-          l > d + r.width - 5 && l < d + r.width + 4 && l < i - 4 && // 视窗中最后一列不允许调整宽
-          r.colspan <= 1 && this.ctx.isTarget(e) && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = r);
+        const s = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
+        for (const o of s) {
+          const { offsetX: r, offsetY: a } = this.ctx.getOffset(t), l = r, h = o.getDrawX();
+          l > h + o.width - 5 && l < h + o.width + 4 && l < e - 4 && // 视窗中最后一列不允许调整宽
+          o.colspan <= 1 && this.ctx.isTarget(t) && a <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
-    }));
+    });
   }
   resizeColumn(t, e) {
     const i = (o) => {
@@ -4087,10 +4096,10 @@ class ve {
     let s = e;
     const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
     for (let r = 0; r < i; r++) {
-      const a = t[r], h = o * (a.rowspan || 0), l = o * (a.level || 0);
+      const a = t[r], l = o * (a.rowspan || 0), h = o * (a.level || 0);
       let { minWidth: d, maxWidth: f } = a, u = a.width || 100;
-      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = it(a.children).reduce((m, g) => m + ((g == null ? void 0 : g.width) || 100), 0));
-      const x = new ct(this.ctx, this.columnIndex, s, l, u, h, a);
+      d && u < d && (u = d), f && u > f && (u = f), a.children && (u = it(a.children).reduce((E, g) => E + ((g == null ? void 0 : g.width) || 100), 0));
+      const x = new ct(this.ctx, this.columnIndex, s, h, u, l, a);
       this.ctx.database.setHeader(a.key, x), this.allCellHeaders.push(x), a.children || (this.leafCellHeaders.push(x), x.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(x) : a.fixed === "right" ? this.fixedRightCellHeaders.push(x) : this.centerCellHeaders.push(x), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += u;
     }
   }
@@ -4122,8 +4131,8 @@ class ve {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - o - 1) && e !== a) {
-      const h = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(h, this.y, e, this.height, {
+      const l = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -4164,8 +4173,8 @@ class ve {
     }), this.drawTipLine(), this.drawBottomLine();
   }
 }
-class Bt {
-  constructor(t, e, i = 0, s = 0, o = 0, r = 0, a, h = "body") {
+class Kt {
+  constructor(t, e, i = 0, s = 0, o = 0, r = 0, a, l = "body") {
     n(this, "ctx");
     n(this, "x", 0);
     n(this, "y", 0);
@@ -4180,7 +4189,7 @@ class Bt {
     n(this, "rowType", "body");
     n(this, "data");
     n(this, "calculatedHeight", -1);
-    this.ctx = t, this.x = i, this.y = s, this.width = o, this.height = r, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = h, this.data = a, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = o, this.height = r, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = l, this.data = a, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [], o = [];
@@ -4225,7 +4234,7 @@ class Bt {
     });
   }
 }
-class Se {
+class ve {
   constructor(t) {
     n(this, "resizeTarget", null);
     //调整行大小的目标
@@ -4262,8 +4271,8 @@ class Se {
         FOOTER_FIXED: o,
         SCROLLER_TRACK_SIZE: r = 0,
         HEIGHT: a,
-        EMPTY_BODY_HEIGHT: h = 0,
-        MAX_HEIGHT: l = 0,
+        EMPTY_BODY_HEIGHT: l = 0,
+        MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
         FOOTER_POSITION: u
@@ -4274,81 +4283,78 @@ class Se {
     this.x = 0, u === "top" && o ? this.y = e.height + i.height : this.y = e.height;
     const { data: x, sumHeight: w } = s.getData();
     this.height = w, this.data = x, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
-    const m = this.ctx.footer.height;
-    !this.data.length && !a ? this.height = h : !this.data.length && a && (this.height = a - e.height - m - r);
+    const E = this.ctx.footer.height;
+    !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - E - r);
     let g = this.height + e.height + r;
-    g += m;
-    let p = g;
-    const y = window.innerHeight, { top: E } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
-    if (y > E && d && !a) {
-      const T = y - E - f;
-      T > e.height + r ? p = T : g > l && (p = l);
-    } else this.data.length && a ? p = a : this.data.length && l && g > l && (p = l);
-    p > 0 && (this.ctx.stageHeight = Math.floor(p), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
+    g += E;
+    let m = g;
+    const y = window.innerHeight, { top: p } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
+    if (y > p && d && !a) {
+      const T = y - p - f;
+      T > e.height + r ? m = T : g > h && (m = h);
+    } else this.data.length && a ? m = a : this.data.length && h && g > h && (m = h);
+    m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight}px`);
     let R = this.ctx.stageHeight - e.height - r;
-    o ? this.visibleHeight = R - m : this.visibleHeight = R, 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 = x;
-    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, S = this.ctx.stageHeight * C;
-    t.width = Math.round(I), t.height = Math.round(S);
-    const _ = this.data.length ? "not-empty" : "empty";
+    o ? this.visibleHeight = R - E : this.visibleHeight = R, 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 = x;
+    const C = window.devicePixelRatio || 1, I = this.ctx.stageWidth * C, _ = this.ctx.stageHeight * C;
+    t.width = Math.round(I), t.height = Math.round(_);
+    const v = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: _,
-      type: _,
+      isEmpty: v,
+      type: v,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: m,
+      footerHeight: E,
       width: this.width,
-      height: this.data.length ? 0 : h + m
+      height: this.data.length ? 0 : l + E
     });
-    const v = Math.round(t.width / C * 1e4) / 1e4, b = Math.round(t.height / C * 1e4) / 1e4;
-    this.ctx.canvasElement.setAttribute("style", `height:${b}px;width:${v}px;`), this.ctx.paint.scale(C);
+    const S = Math.round(t.width / C * 1e4) / 1e4, b = Math.round(t.height / C * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute("style", `height:${b}px;width:${S}px;`), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
-    const {
-      config: { ENABLE_RESIZE_ROW: t }
-    } = this.ctx;
-    t && (this.ctx.on("resize", () => {
-      this.containerRect = this.ctx.containerElement.getBoundingClientRect();
+    this.ctx.on("resize", () => {
+      this.ctx.config.ENABLE_RESIZE_ROW && (this.containerRect = this.ctx.containerElement.getBoundingClientRect());
     }), this.ctx.on("resizeObserver", () => {
-      this.containerRect = this.ctx.containerElement.getBoundingClientRect();
+      this.ctx.config.ENABLE_RESIZE_ROW && (this.containerRect = this.ctx.containerElement.getBoundingClientRect());
     }), this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
+      this.ctx.config.ENABLE_RESIZE_ROW && (this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
         this.ctx.rowResizing = !1;
-      }, 0), this.clientY = 0;
-    }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
-    }), this.ctx.on("mousemove", (e) => {
-      if (this.ctx.editing) return;
-      const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), o = i, r = s, a = e.clientY, {
-        stageHeight: h,
+      }, 0), this.clientY = 0);
+    }), this.ctx.on("mousedown", (t) => {
+      this.ctx.config.ENABLE_RESIZE_ROW && this.ctx.isTarget(t) && (this.clientY = t.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
+    }), this.ctx.on("mousemove", (t) => {
+      if (!this.ctx.config.ENABLE_RESIZE_ROW || this.ctx.editing) return;
+      const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, o = i, r = t.clientY, {
+        stageHeight: a,
         scrollY: l,
-        config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
+        config: { RESIZE_ROW_MIN_HEIGHT: h = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const f = this.resizeTarget.height;
-        let u = a - this.clientY;
-        const { calculatedHeight: x } = this.resizeTarget, w = x === -1 ? d : x;
-        u + f < w && (u = -(f - w)), this.resizeDiff = u, this.ctx.emit("draw");
+        const d = this.resizeTarget.height;
+        let f = r - this.clientY;
+        const { calculatedHeight: u } = this.resizeTarget, x = u === -1 ? h : u;
+        f + d < x && (f = -(d - x)), this.resizeDiff = f, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
-        if (r < 0 || r > this.ctx.body.visibleWidth || o < 0 || o > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight) {
+        if (o < 0 || o > this.ctx.body.visibleWidth || s < 0 || s > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight) {
           this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
           return;
         }
         if (this.ctx.stageElement.style.cursor === "crosshair")
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
-        for (let f = 0; f < this.renderRows.length; f++) {
-          const u = this.renderRows[f];
-          if (o > u.y - l + u.height - 1.5 && o < u.y - l + u.height + 1.5 && o < h - 4)
-            for (let w = 0; w < u.cells.length; w++) {
-              const m = u.cells[w];
-              r > m.drawX + 10 && r < m.drawX + m.width - 10 && m.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
+        for (let d = 0; d < this.renderRows.length; d++) {
+          const f = this.renderRows[d];
+          if (s > f.y - l + f.height - 1.5 && s < f.y - l + f.height + 1.5 && s < a - 4)
+            for (let x = 0; x < f.cells.length; x++) {
+              const w = f.cells[x];
+              o > w.drawX + 10 && o < w.drawX + w.width - 10 && w.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = f);
             }
         }
       }
-    }));
+    });
   }
   resizeRow(t, e) {
     const { rowIndex: i, height: s, rowKey: o, data: r } = t;
@@ -4390,8 +4396,8 @@ class Se {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - o - 1) && e !== a) {
-      const h = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(h, this.y, e, this.height, {
+      const l = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -4419,15 +4425,15 @@ class Se {
       config: { CELL_HEIGHT: s }
     } = this.ctx, o = i, { data: r, positions: a } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
-    let h = this.binarySearch(a, o), l = this.binarySearch(a, o + this.visibleHeight);
-    if (l === -1 && (l = this.ctx.maxRowIndex), h === -1 && l === this.ctx.maxRowIndex) {
+    let l = this.binarySearch(a, o), h = this.binarySearch(a, o + this.visibleHeight);
+    if (h === -1 && (h = this.ctx.maxRowIndex), l === -1 && h === this.ctx.maxRowIndex) {
       const f = Math.floor(this.visibleHeight / s);
-      h = this.ctx.maxRowIndex - f;
+      l = this.ctx.maxRowIndex - f;
     }
-    this.headIndex = Math.max(0, h), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
+    this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: m } = this.ctx.database.getPositionForRowIndex(u), g = new Bt(this.ctx, u, 0, m + this.y, t.width, w, x);
+      const u = this.headIndex + f, x = this.visibleRows[f], { height: w, top: E } = this.ctx.database.getPositionForRowIndex(u), g = new Kt(this.ctx, u, 0, E + this.y, t.width, w, x);
       d.push(g);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -4457,7 +4463,7 @@ class Se {
     }), this.drawTipLine();
   }
 }
-class _e {
+class Te {
   constructor(t) {
     n(this, "ctx");
     n(this, "renderRows", []);
@@ -4488,16 +4494,16 @@ class _e {
       stageWidth: o,
       config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
-    let h = this.y;
-    if (this.ctx.config.FOOTER_FIXED || (h = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, h, t, this.height, {
+    let l = this.y;
+    if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
       fillColor: r,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - o - 1) && e !== a) {
-      const l = s.width - (this.x + this.width) + o - e;
-      this.ctx.paint.drawShadow(l, h, e, this.height, {
+      const h = s.width - (this.x + this.width) + o - e;
+      this.ctx.paint.drawShadow(h, l, e, this.height, {
         fillColor: r,
         side: "left",
         shadowWidth: 4,
@@ -4512,7 +4518,7 @@ class _e {
     let e = this.y;
     const i = [];
     this.data.forEach((s, o) => {
-      const r = new Bt(this.ctx, o, 0, e, this.width, t, s, "footer");
+      const r = new Kt(this.ctx, o, 0, e, this.width, t, s, "footer");
       e += t, i.push(r);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -4538,7 +4544,7 @@ class _e {
     }), this.drawTopLine();
   }
 }
-class Te {
+class Oe {
   // 垂直滚动定时器
   constructor(t) {
     n(this, "isCut", !1);
@@ -4557,7 +4563,7 @@ class Te {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
-      Z((t) => {
+      j((t) => {
         const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget(t) && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (!s && !this.mousedownHeader ? this.startAdjustPosition(t) : this.stopAdjustPosition());
       }, 100)
@@ -4655,30 +4661,30 @@ class Te {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
         SELECTOR_AREA_MIN_X: a,
-        SELECTOR_AREA_MAX_X: h,
-        SELECTOR_AREA_MIN_Y: l,
+        SELECTOR_AREA_MAX_X: l,
+        SELECTOR_AREA_MIN_Y: h,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, x = a, w = h || this.ctx.maxColIndex - f, m = l, g = d || this.ctx.maxRowIndex - u;
-      let [p, y] = o, [E, R] = r;
-      if (p < x || y > w || E < m || R > g)
+      } = this.ctx.config, x = a, w = l || this.ctx.maxColIndex - f, E = h, g = d || this.ctx.maxRowIndex - u;
+      let [m, y] = o, [p, R] = r;
+      if (m < x || y > w || p < E || R > g)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const I = this.adjustMergeCells(o, r);
-        E = I.yArr[0], R = I.yArr[1], p = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
+        p = I.yArr[0], R = I.yArr[1], m = I.xArr[0], y = I.xArr[1], this.ctx.onlyMergeCell = I.onlyMergeCell;
       }
-      p === y && E === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, p), Math.min(w, y)], r = [Math.max(m, E), Math.min(g, R)];
+      m === y && p === R ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, o = [Math.max(x, m), Math.min(w, y)], r = [Math.max(E, p), Math.min(g, R)];
       const { BEFORE_SET_SELECTOR_METHOD: C } = this.ctx.config;
       if (typeof C == "function") {
-        const S = C({
+        const _ = C({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: r
         });
-        if (!S)
+        if (!_)
           return;
-        o = S.xArr, r = S.yArr;
+        o = _.xArr, r = _.yArr;
       }
       this.ctx.selector.xArr = o, this.ctx.selector.yArr = r, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
@@ -4686,35 +4692,35 @@ class Te {
   adjustMergeCells(t, e) {
     var w;
     const [i, s] = e, [o, r] = t;
-    let a = [], h = [];
-    for (let m = 0; m <= e[1] - e[0]; m++)
+    let a = [], l = [];
+    for (let E = 0; E <= e[1] - e[0]; E++)
       for (let g = 0; g <= t[1] - t[0]; g++) {
-        const p = m + e[0], y = g + t[0], E = this.ctx.database.getVirtualBodyCell(p, y);
-        E && ((p === i || p === s) && a.push(E), (y === o || y === r) && h.push(E));
+        const m = E + e[0], y = g + t[0], p = this.ctx.database.getVirtualBodyCell(m, y);
+        p && ((m === i || m === s) && a.push(p), (y === o || y === r) && l.push(p));
       }
-    const l = a.reduce(
-      (m, g) => {
-        const { yArr: p } = g.getSpanInfo(), [y, E] = p;
-        return m.minY = Math.min(m.minY, y), m.maxY = Math.max(m.maxY, E), m;
+    const h = a.reduce(
+      (E, g) => {
+        const { yArr: m } = g.getSpanInfo(), [y, p] = m;
+        return E.minY = Math.min(E.minY, y), E.maxY = Math.max(E.maxY, p), E;
       },
       {
         minY: i,
         maxY: s
       }
-    ), d = h.reduce(
-      (m, g) => {
-        const { xArr: p } = g.getSpanInfo(), [y, E] = p;
-        return m.minX = Math.min(m.minX, y), m.maxX = Math.max(m.maxX, E), m;
+    ), d = l.reduce(
+      (E, g) => {
+        const { xArr: m } = g.getSpanInfo(), [y, p] = m;
+        return E.minX = Math.min(E.minX, y), E.maxX = Math.max(E.maxX, p), E;
       },
       {
         minX: o,
         maxX: r
       }
-    ), f = [d.minX, d.maxX], u = [l.minY, l.maxY];
+    ), f = [d.minX, d.maxX], u = [h.minY, h.maxY];
     let x = !1;
-    if (d.minX !== d.maxX || l.minY !== l.maxY) {
-      const m = JSON.stringify(f) + JSON.stringify(u), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
-      x = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === m;
+    if (d.minX !== d.maxX || h.minY !== h.maxY) {
+      const E = JSON.stringify(f) + JSON.stringify(u), g = (w = this.ctx.focusCell) == null ? void 0 : w.getSpanInfo();
+      x = (g && JSON.stringify(g.xArr) + JSON.stringify(g.yArr)) === E;
     }
     return {
       xArr: f,
@@ -4733,15 +4739,15 @@ class Te {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: a } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= a) {
-        const h = [a, t.colIndex + t.colspan - 1], l = [o, r];
-        this.setSelector(h, l);
+        const l = [a, t.colIndex + t.colspan - 1], h = [o, r];
+        this.setSelector(l, h);
       } else {
-        const h = [t.colIndex, a], l = [o, r];
-        this.setSelector(h, l);
+        const l = [t.colIndex, a], h = [o, r];
+        this.setSelector(l, h);
       }
     } else {
-      const a = [t.colIndex, t.colIndex + t.colspan - 1], h = [o, r];
-      this.setSelector(a, h);
+      const a = [t.colIndex, t.colIndex + t.colspan - 1], l = [o, r];
+      this.setSelector(a, l);
     }
   }
   selectAll() {
@@ -4755,8 +4761,8 @@ class Te {
         SELECTOR_AREA_MIN_Y: o,
         SELECTOR_AREA_MAX_Y: r,
         SELECTOR_AREA_MAX_X_OFFSET: a,
-        SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, l = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - h, x = [l, d], w = [f, u];
+        SELECTOR_AREA_MAX_Y_OFFSET: l
+      } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l, x = [h, d], w = [f, u];
       this.setSelector(x, w);
     }
   }
@@ -4766,17 +4772,17 @@ class Te {
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = s || this.ctx.maxColIndex - o, a = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const h = [a, r], l = [t.rowIndex, t.rowIndex];
-      this.setSelector(h, l);
+      const l = [a, r], h = [t.rowIndex, t.rowIndex];
+      this.setSelector(l, h);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: h } = this.ctx.focusCell;
-      if (t.rowIndex >= h) {
-        const l = [a, r], d = [h, t.rowIndex];
-        this.setSelector(l, d);
+      const { rowIndex: l } = this.ctx.focusCell;
+      if (t.rowIndex >= l) {
+        const h = [a, r], d = [l, t.rowIndex];
+        this.setSelector(h, d);
       } else {
-        const l = [a, r], d = [t.rowIndex, h];
-        this.setSelector(l, d);
+        const h = [a, r], d = [t.rowIndex, l];
+        this.setSelector(h, d);
       }
     }
   }
@@ -4785,7 +4791,7 @@ class Te {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), h = Math.min(i.rowIndex, s), l = Math.max(i.rowIndex, s), d = [r, a], f = [h, l];
+      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), a = Math.max(i.colIndex, o), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), d = [r, a], f = [l, h];
       this.setSelector(d, f);
     }
   }
@@ -4795,7 +4801,7 @@ class Te {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, h = Math.min(r, s), l = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [h, l], x = [d, f];
+        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: a } = e, l = Math.min(r, s), h = Math.max(r, s), d = Math.min(a, o), f = Math.max(a, o), u = [l, h], x = [d, f];
         this.setSelector(u, x);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -4848,7 +4854,7 @@ class Te {
         return;
       t = a.data;
     }
-    const o = le(t);
+    const o = ce(t);
     navigator.clipboard ? navigator.clipboard.writeText(o).then(() => {
       this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("copyChange", {
         xArr: this.ctx.selector.xArrCopy,
@@ -4860,9 +4866,9 @@ class Te {
   clearSelectedData(t, e, i = !1, s = null) {
     let o = [];
     const r = /* @__PURE__ */ new Set();
-    for (let h = 0; h <= e[1] - e[0]; h++)
-      for (let l = 0; l <= t[1] - t[0]; l++) {
-        const d = h + e[0], f = l + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
+    for (let l = 0; l <= e[1] - e[0]; l++)
+      for (let h = 0; h <= t[1] - t[0]; h++) {
+        const d = l + e[0], f = h + t[0], u = this.ctx.database.getItemValueForRowIndexAndColIndex(d, f);
         if (u) {
           const { rowKey: x, key: w } = u;
           this.ctx.database.getReadonly(x, w) || (r.add(x), o.push({
@@ -4880,8 +4886,8 @@ class Te {
       return o;
     this.ctx.database.batchSetItemValue(o, !0);
     let a = [];
-    return r.forEach((h) => {
-      a.push(this.ctx.database.getRowDataItemForRowKey(h));
+    return r.forEach((l) => {
+      a.push(this.ctx.database.getRowDataItemForRowKey(l));
     }), this.ctx.emit("clearSelectedDataChange", o, a), o;
   }
   paste() {
@@ -4894,39 +4900,39 @@ class Te {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (o) => {
         let r = he(o);
-        const a = [i, i + r[0].length - 1], h = [e, e + r.length - 1], [l, d] = h, [f, u] = a, x = d - this.ctx.maxRowIndex, w = u - this.ctx.maxColIndex;
+        const a = [i, i + r[0].length - 1], l = [e, e + r.length - 1], [h, d] = l, [f, u] = a, x = d - this.ctx.maxRowIndex, w = u - this.ctx.maxColIndex;
         (x > 0 || w > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: u,
-          minY: l,
+          minY: h,
           minX: f,
           overflowRowCount: x,
           overflowColCount: w,
           textArr: r
         });
-        const m = r.length === 1 && r[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, h) && !m) {
-          const E = {
+        const E = r.length === 1 && r[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !E) {
+          const p = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
           };
-          this.ctx.hasEvent("error") ? this.ctx.emit("error", E) : alert(E.message);
+          this.ctx.hasEvent("error") ? this.ctx.emit("error", p) : alert(p.message);
           return;
         }
         let g = [];
-        for (let E = 0; E <= r.length - 1; E++) {
-          const R = r[E].length;
+        for (let p = 0; p <= r.length - 1; p++) {
+          const R = r[p].length;
           for (let C = 0; C <= R - 1; C++) {
-            const I = E + e, S = C + i, _ = r[E][C], v = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const I = p + e, _ = C + i, v = r[p][C], S = this.ctx.database.getItemValueForRowIndexAndColIndex(
               I,
-              S
+              _
             );
-            if (v) {
-              const { rowKey: b, key: O } = v;
+            if (S) {
+              const { rowKey: b, key: O } = S;
               this.ctx.database.getReadonly(b, O) || (s.add(b), g.push({
                 rowKey: b,
                 key: O,
-                value: _,
+                value: v,
                 row: {}
                 //内部有设置
               }));
@@ -4934,34 +4940,34 @@ class Te {
           }
         }
         if (this.isCut) {
-          const E = this.clearSelectedData(
+          const p = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
           ), R = g.map((C) => `${C.rowKey}-${C.key}`);
-          E.forEach((C) => {
+          p.forEach((C) => {
             R.includes(`${C.rowKey}-${C.key}`) || g.unshift(C);
           }), this.isCut = !1;
         }
         if (!g.length)
           return;
-        const { BEFORE_PASTE_DATA_METHOD: p } = this.ctx.config;
-        if (typeof p == "function") {
-          const E = p, R = g.map((C) => ({
+        const { BEFORE_PASTE_DATA_METHOD: m } = this.ctx.config;
+        if (typeof m == "function") {
+          const p = m, R = g.map((C) => ({
             rowKey: C.rowKey,
             key: C.key,
             value: C.value,
             oldValue: this.ctx.database.getItemValue(C.rowKey, C.key),
             row: this.ctx.database.getRowDataItemForRowKey(C.rowKey)
           }));
-          if (g = await E(R, a, h, r), g && !g.length)
+          if (g = await p(R, a, l, r), g && !g.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(g, !0);
         let y = [];
-        s.forEach((E) => {
-          y.push(this.ctx.database.getRowDataItemForRowKey(E));
+        s.forEach((p) => {
+          y.push(this.ctx.database.getRowDataItemForRowKey(p));
         }), this.ctx.emit("pasteChange", g, y), this.ctx.emit("draw");
       }).catch((o) => {
         console.error("Failed to get the clipboard content:", o);
@@ -4978,7 +4984,7 @@ class Te {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const o = 0, r = 0, a = this.ctx.maxColIndex, h = this.ctx.maxRowIndex;
+    const o = 0, r = 0, a = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > o && i--;
@@ -4990,11 +4996,11 @@ class Te {
         i < a && i++;
         break;
       case "BOTTOM":
-        s < h && s++;
+        s < l && s++;
         break;
     }
-    const l = [i, i], d = [s, s], f = this.getCell(s, i);
-    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(l, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
+    const h = [i, i], d = [s, s], f = this.getCell(s, i);
+    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(h, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), this.ctx.emit("draw")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -5007,9 +5013,9 @@ class Te {
       SELECTOR_AREA_MIN_Y: o,
       SELECTOR_AREA_MAX_Y: r,
       SELECTOR_AREA_MAX_X_OFFSET: a,
-      SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, l = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - h;
-    return !(e < l || e > d || t < f || t > u);
+      SELECTOR_AREA_MAX_Y_OFFSET: l
+    } = this.ctx.config, h = i, d = s || this.ctx.maxColIndex - a, f = o, u = r || this.ctx.maxRowIndex - l;
+    return !(e < h || e > d || t < f || t > u);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -5022,8 +5028,8 @@ class Te {
       let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         a *= 1.5;
-        const { scrollX: h } = this.ctx, l = h + a;
-        (l < 0 || l > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(l);
+        const { scrollX: l } = this.ctx, h = l + a;
+        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
     if (o && this.adjustPositionY !== o) {
@@ -5031,8 +5037,8 @@ class Te {
       let a = 10 * (o === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         a *= 1.5;
-        const { scrollY: h } = this.ctx, l = h + a;
-        (l < 0 || l > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(l);
+        const { scrollY: l } = this.ctx, h = l + a;
+        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
       }, 100);
     }
   }
@@ -5048,28 +5054,28 @@ class Te {
       fixedLeftWidth: o,
       header: r,
       footer: a,
-      body: h,
-      scrollX: l,
+      body: l,
+      scrollX: h,
       scrollY: d,
       config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: x, ENABLE_MERGE_CELL_LINK: w }
     } = this.ctx;
     if (!i)
       return;
     w && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: m, drawY: g, width: p, height: y, fixed: E } = i, R = o - m + 1, C = i.drawX + p - (e - s) + 1;
-    let I = r.height - g, S = y;
-    S > h.visibleHeight && (S = h.visibleHeight);
-    let _ = 0;
-    u && (x === "top" ? I = r.height + a.height - g : _ = a.visibleHeight);
-    const v = g + S - (t - _ - f);
-    let b = l, O = d;
-    C > 0 && !E ? b = Math.floor(l + C) : R > 0 && !E && (b = Math.floor(l - R)), I > 0 ? O = Math.floor(d - I) : v > 0 && (O = Math.floor(d + v)), (Math.abs(l - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
+    const { drawX: E, drawY: g, width: m, height: y, fixed: p } = i, R = o - E + 1, C = i.drawX + m - (e - s) + 1;
+    let I = r.height - g, _ = y;
+    _ > l.visibleHeight && (_ = l.visibleHeight);
+    let v = 0;
+    u && (x === "top" ? I = r.height + a.height - g : v = a.visibleHeight);
+    const S = g + _ - (t - v - f);
+    let b = h, O = d;
+    C > 0 && !p ? b = Math.floor(h + C) : R > 0 && !p && (b = Math.floor(h - R)), I > 0 ? O = Math.floor(d - I) : S > 0 && (O = Math.floor(d + S)), (Math.abs(h - b) > 2 || Math.abs(d - O) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(b, O), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class Oe {
+class Le {
   constructor(t) {
     n(this, "ctx");
     n(this, "maxColRowCell");
@@ -5079,7 +5085,7 @@ class Oe {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: h, height: l } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + h - d + f, x = a + l - d + f;
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: o, drawX: r, drawY: a, width: l, height: h } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || o === this.ctx.maxRowIndex ? 0 : 2, u = r + l - d + f, x = a + h - d + f;
       e > u && i > x && e < u + d && i < x + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], o = i[1], { colIndex: r, rowIndex: a } = t;
@@ -5112,36 +5118,36 @@ class Oe {
       return;
     let r = t, a = e;
     if (!o) {
-      const [h] = a;
-      a = [h, h];
+      const [l] = a;
+      a = [l, l];
     }
     if (!s) {
-      const [h] = r;
-      r = [h, h];
+      const [l] = r;
+      r = [l, l];
     }
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
-        SELECTOR_AREA_MIN_X: h,
-        SELECTOR_AREA_MAX_X: l,
+        SELECTOR_AREA_MIN_X: l,
+        SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, w = h, m = l || this.ctx.maxColIndex - u, g = d, p = f || this.ctx.maxRowIndex - x;
-      let [y, E] = r, [R, C] = a;
+      } = this.ctx.config, w = l, E = h || this.ctx.maxColIndex - u, g = d, m = f || this.ctx.maxRowIndex - x;
+      let [y, p] = r, [R, C] = a;
       if (y < w || R < g)
         return;
-      r = [Math.max(w, y), Math.min(m, E)], a = [Math.max(g, R), Math.min(p, C)];
+      r = [Math.max(w, y), Math.min(E, p)], a = [Math.max(g, R), Math.min(m, C)];
       const { BEFORE_SET_AUTOFILL_METHOD: I } = this.ctx.config;
       if (typeof I == "function") {
-        const _ = I({
+        const v = I({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: a
         });
-        if (!_)
+        if (!v)
           return;
-        r = _.xArr, a = _.yArr;
+        r = v.xArr, a = v.yArr;
       }
       this.ctx.autofill.xArr = r, this.ctx.autofill.yArr = a, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -5153,11 +5159,11 @@ class Oe {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let x = 0; x <= e.yArr[1] - e.yArr[0]; x++)
       for (let w = 0; w <= e.xArr[1] - e.xArr[0]; w++) {
-        const m = x + e.yArr[0], g = w + e.xArr[0];
-        i.set(`${m}-${g}`, !0);
+        const E = x + e.yArr[0], g = w + e.xArr[0];
+        i.set(`${E}-${g}`, !0);
       }
-    const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr, l = o === 1 && r === 1;
-    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, h) && !l) {
+    const { value: s } = e, o = s[0].length, r = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, h = o === 1 && r === 1;
+    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(a, l) && !h) {
       const x = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
@@ -5166,15 +5172,15 @@ class Oe {
       return;
     }
     let d = [];
-    for (let x = 0; x <= h[1] - h[0]; x++)
+    for (let x = 0; x <= l[1] - l[0]; x++)
       for (let w = 0; w <= a[1] - a[0]; w++) {
-        const m = w + a[0], g = x + h[0], p = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, m), E = `${g}-${m}`;
-        if (y && !i.has(E)) {
+        const E = w + a[0], g = x + l[0], m = s[x % r][w % o], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, E), p = `${g}-${E}`;
+        if (y && !i.has(p)) {
           const { rowKey: R, key: C } = y;
           this.ctx.database.getReadonly(R, C) || (t.add(R), d.push({
             rowKey: R,
             key: C,
-            value: p,
+            value: m,
             row: {}
           }));
         }
@@ -5184,14 +5190,14 @@ class Oe {
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr;
     const { BEFORE_AUTOFILL_DATA_METHOD: f } = this.ctx.config;
     if (typeof f == "function") {
-      const x = f, w = d.map((m) => ({
-        rowKey: m.rowKey,
-        key: m.key,
-        value: m.value,
-        oldValue: this.ctx.database.getItemValue(m.rowKey, m.key),
-        row: this.ctx.database.getRowDataItemForRowKey(m.rowKey)
+      const x = f, w = d.map((E) => ({
+        rowKey: E.rowKey,
+        key: E.key,
+        value: E.value,
+        oldValue: this.ctx.database.getItemValue(E.rowKey, E.key),
+        row: this.ctx.database.getRowDataItemForRowKey(E.rowKey)
       }));
-      if (d = await x(w, a, h), d && !d.length)
+      if (d = await x(w, a, l), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
@@ -5212,20 +5218,20 @@ class Oe {
   destroy() {
   }
 }
-const j = Math.min, $ = Math.max, st = Math.round, B = (c) => ({
+const q = Math.min, $ = Math.max, st = Math.round, B = (c) => ({
   x: c,
   y: c
-}), Le = {
+}), Me = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Me = {
+}, Ae = {
   start: "end",
   end: "start"
 };
 function dt(c, t, e) {
-  return $(c, j(t, e));
+  return $(c, q(t, e));
 }
 function Q(c, t) {
   return typeof c == "function" ? c(t) : c;
@@ -5236,54 +5242,54 @@ function z(c) {
 function tt(c) {
   return c.split("-")[1];
 }
-function Kt(c) {
+function Wt(c) {
   return c === "x" ? "y" : "x";
 }
 function wt(c) {
   return c === "y" ? "height" : "width";
 }
-const Ae = /* @__PURE__ */ new Set(["top", "bottom"]);
+const He = /* @__PURE__ */ new Set(["top", "bottom"]);
 function V(c) {
-  return Ae.has(z(c)) ? "y" : "x";
+  return He.has(z(c)) ? "y" : "x";
 }
-function mt(c) {
-  return Kt(V(c));
+function Et(c) {
+  return Wt(V(c));
 }
-function He(c, t, e) {
+function De(c, t, e) {
   e === void 0 && (e = !1);
-  const i = tt(c), s = mt(c), o = wt(s);
+  const i = tt(c), s = Et(c), o = wt(s);
   let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[o] > t.floating[o] && (r = ot(r)), [r, ot(r)];
 }
-function De(c) {
+function Ne(c) {
   const t = ot(c);
   return [ft(c), t, ft(t)];
 }
 function ft(c) {
-  return c.replace(/start|end/g, (t) => Me[t]);
+  return c.replace(/start|end/g, (t) => Ae[t]);
 }
-const _t = ["left", "right"], Tt = ["right", "left"], Ne = ["top", "bottom"], ke = ["bottom", "top"];
-function Xe(c, t, e) {
+const Tt = ["left", "right"], Ot = ["right", "left"], ke = ["top", "bottom"], Xe = ["bottom", "top"];
+function Ye(c, t, e) {
   switch (c) {
     case "top":
     case "bottom":
-      return e ? t ? Tt : _t : t ? _t : Tt;
+      return e ? t ? Ot : Tt : t ? Tt : Ot;
     case "left":
     case "right":
-      return t ? Ne : ke;
+      return t ? ke : Xe;
     default:
       return [];
   }
 }
-function Ye(c, t, e, i) {
+function Be(c, t, e, i) {
   const s = tt(c);
-  let o = Xe(z(c), e === "start", i);
+  let o = Ye(z(c), e === "start", i);
   return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(ft)))), o;
 }
 function ot(c) {
-  return c.replace(/left|right|bottom|top/g, (t) => Le[t]);
+  return c.replace(/left|right|bottom|top/g, (t) => Me[t]);
 }
-function Be(c) {
+function Ke(c) {
   return {
     top: 0,
     right: 0,
@@ -5292,8 +5298,8 @@ function Be(c) {
     ...c
   };
 }
-function Wt(c) {
-  return typeof c != "number" ? Be(c) : {
+function Ft(c) {
+  return typeof c != "number" ? Ke(c) : {
     top: c,
     right: c,
     bottom: c,
@@ -5318,14 +5324,14 @@ function rt(c) {
     y: e
   };
 }
-function Ot(c, t, e) {
+function Lt(c, t, e) {
   let {
     reference: i,
     floating: s
   } = c;
-  const o = V(t), r = mt(t), a = wt(r), h = z(t), l = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
+  const o = V(t), r = Et(t), a = wt(r), l = z(t), h = o === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[a] / 2 - s[a] / 2;
   let x;
-  switch (h) {
+  switch (l) {
     case "top":
       x = {
         x: d,
@@ -5358,66 +5364,66 @@ function Ot(c, t, e) {
   }
   switch (tt(t)) {
     case "start":
-      x[r] -= u * (e && l ? -1 : 1);
+      x[r] -= u * (e && h ? -1 : 1);
       break;
     case "end":
-      x[r] += u * (e && l ? -1 : 1);
+      x[r] += u * (e && h ? -1 : 1);
       break;
   }
   return x;
 }
-const Ke = async (c, t, e) => {
+const We = async (c, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
     middleware: o = [],
     platform: r
-  } = e, a = o.filter(Boolean), h = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let l = await r.getElementRects({
+  } = e, a = o.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let h = await r.getElementRects({
     reference: c,
     floating: t,
     strategy: s
   }), {
     x: d,
     y: f
-  } = Ot(l, i, h), u = i, x = {}, w = 0;
-  for (let m = 0; m < a.length; m++) {
+  } = Lt(h, i, l), u = i, x = {}, w = 0;
+  for (let E = 0; E < a.length; E++) {
     const {
       name: g,
-      fn: p
-    } = a[m], {
+      fn: m
+    } = a[E], {
       x: y,
-      y: E,
+      y: p,
       data: R,
       reset: C
-    } = await p({
+    } = await m({
       x: d,
       y: f,
       initialPlacement: i,
       placement: u,
       strategy: s,
       middlewareData: x,
-      rects: l,
+      rects: h,
       platform: r,
       elements: {
         reference: c,
         floating: t
       }
     });
-    d = y ?? d, f = E ?? f, x = {
+    d = y ?? d, f = p ?? f, x = {
       ...x,
       [g]: {
         ...x[g],
         ...R
       }
-    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (l = C.rects === !0 ? await r.getElementRects({
+    }, C && w <= 50 && (w++, typeof C == "object" && (C.placement && (u = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: c,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: d,
       y: f
-    } = Ot(l, u, h)), m = -1);
+    } = Lt(h, u, l)), E = -1);
   }
   return {
     x: d,
@@ -5427,7 +5433,7 @@ const Ke = async (c, t, e) => {
     middlewareData: x
   };
 };
-async function Ft(c, t) {
+async function Vt(c, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -5436,24 +5442,24 @@ async function Ft(c, t) {
     platform: o,
     rects: r,
     elements: a,
-    strategy: h
+    strategy: l
   } = c, {
-    boundary: l = "clippingAncestors",
+    boundary: h = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: u = !1,
     padding: x = 0
-  } = Q(t, c), w = Wt(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], p = rt(await o.getClippingRect({
+  } = Q(t, c), w = Ft(x), g = a[u ? f === "floating" ? "reference" : "floating" : f], m = rt(await o.getClippingRect({
     element: (e = await (o.isElement == null ? void 0 : o.isElement(g))) == null || e ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(a.floating)),
-    boundary: l,
+    boundary: h,
     rootBoundary: d,
-    strategy: h
+    strategy: l
   })), y = f === "floating" ? {
     x: i,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, E = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), R = await (o.isElement == null ? void 0 : o.isElement(E)) ? await (o.getScale == null ? void 0 : o.getScale(E)) || {
+  } : r.reference, p = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(a.floating)), R = await (o.isElement == null ? void 0 : o.isElement(p)) ? await (o.getScale == null ? void 0 : o.getScale(p)) || {
     x: 1,
     y: 1
   } : {
@@ -5462,17 +5468,17 @@ async function Ft(c, t) {
   }, C = rt(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: y,
-    offsetParent: E,
-    strategy: h
+    offsetParent: p,
+    strategy: l
   }) : y);
   return {
-    top: (p.top - C.top + w.top) / R.y,
-    bottom: (C.bottom - p.bottom + w.bottom) / R.y,
-    left: (p.left - C.left + w.left) / R.x,
-    right: (C.right - p.right + w.right) / R.x
+    top: (m.top - C.top + w.top) / R.y,
+    bottom: (C.bottom - m.bottom + w.bottom) / R.y,
+    left: (m.left - C.left + w.left) / R.x,
+    right: (C.right - m.right + w.right) / R.x
   };
 }
-const We = (c) => ({
+const Fe = (c) => ({
   name: "arrow",
   options: c,
   async fn(t) {
@@ -5483,20 +5489,20 @@ const We = (c) => ({
       rects: o,
       platform: r,
       elements: a,
-      middlewareData: h
+      middlewareData: l
     } = t, {
-      element: l,
+      element: h,
       padding: d = 0
     } = Q(c, t) || {};
-    if (l == null)
+    if (h == null)
       return {};
-    const f = Wt(d), u = {
+    const f = Ft(d), u = {
       x: e,
       y: i
-    }, x = mt(s), w = wt(x), m = await r.getDimensions(l), g = x === "y", p = g ? "top" : "left", y = g ? "bottom" : "right", E = g ? "clientHeight" : "clientWidth", R = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l));
-    let S = I ? I[E] : 0;
-    (!S || !await (r.isElement == null ? void 0 : r.isElement(I))) && (S = a.floating[E] || o.floating[w]);
-    const _ = R / 2 - C / 2, v = S / 2 - m[w] / 2 - 1, b = j(f[p], v), O = j(f[y], v), T = b, M = S - m[w] - O, L = S / 2 - m[w] / 2 + _, A = dt(T, L, M), D = !h.arrow && tt(s) != null && L !== A && o.reference[w] / 2 - (L < T ? b : O) - m[w] / 2 < 0, N = D ? L < T ? L - T : L - M : 0;
+    }, x = Et(s), w = wt(x), E = await r.getDimensions(h), g = x === "y", m = g ? "top" : "left", y = g ? "bottom" : "right", p = g ? "clientHeight" : "clientWidth", R = o.reference[w] + o.reference[x] - u[x] - o.floating[w], C = u[x] - o.reference[x], I = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    let _ = I ? I[p] : 0;
+    (!_ || !await (r.isElement == null ? void 0 : r.isElement(I))) && (_ = a.floating[p] || o.floating[w]);
+    const v = R / 2 - C / 2, S = _ / 2 - E[w] / 2 - 1, b = q(f[m], S), O = q(f[y], S), T = b, M = _ - E[w] - O, L = _ / 2 - E[w] / 2 + v, A = dt(T, L, M), D = !l.arrow && tt(s) != null && L !== A && o.reference[w] / 2 - (L < T ? b : O) - E[w] / 2 < 0, N = D ? L < T ? L - T : L - M : 0;
     return {
       [x]: u[x] + N,
       data: {
@@ -5509,7 +5515,7 @@ const We = (c) => ({
       reset: D
     };
   }
-}), Fe = function(c) {
+}), Ve = function(c) {
   return c === void 0 && (c = {}), {
     name: "flip",
     options: c,
@@ -5520,33 +5526,33 @@ const We = (c) => ({
         middlewareData: o,
         rects: r,
         initialPlacement: a,
-        platform: h,
-        elements: l
+        platform: l,
+        elements: h
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
         fallbackPlacements: u,
         fallbackStrategy: x = "bestFit",
         fallbackAxisSideDirection: w = "none",
-        flipAlignment: m = !0,
+        flipAlignment: E = !0,
         ...g
       } = Q(c, t);
       if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const p = z(s), y = V(a), E = z(a) === a, R = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = u || (E || !m ? [ot(a)] : De(a)), I = w !== "none";
-      !u && I && C.push(...Ye(a, m, w, R));
-      const S = [a, ...C], _ = await Ft(t, g), v = [];
+      const m = z(s), y = V(a), p = z(a) === a, R = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = u || (p || !E ? [ot(a)] : Ne(a)), I = w !== "none";
+      !u && I && C.push(...Be(a, E, w, R));
+      const _ = [a, ...C], v = await Vt(t, g), S = [];
       let b = ((i = o.flip) == null ? void 0 : i.overflows) || [];
-      if (d && v.push(_[p]), f) {
-        const L = He(s, r, R);
-        v.push(_[L[0]], _[L[1]]);
+      if (d && S.push(v[m]), f) {
+        const L = De(s, r, R);
+        S.push(v[L[0]], v[L[1]]);
       }
       if (b = [...b, {
         placement: s,
-        overflows: v
-      }], !v.every((L) => L <= 0)) {
+        overflows: S
+      }], !S.every((L) => L <= 0)) {
         var O, T;
-        const L = (((O = o.flip) == null ? void 0 : O.index) || 0) + 1, A = S[L];
+        const L = (((O = o.flip) == null ? void 0 : O.index) || 0) + 1, A = _[L];
         if (A && (!(f === "alignment" ? y !== V(A) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         b.every((k) => V(k.placement) === y ? k.overflows[0] > 0 : !0)))
@@ -5572,7 +5578,7 @@ const We = (c) => ({
                   F === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((F) => F > 0).reduce((F, ie) => F + ie, 0)]).sort((k, F) => k[1] - F[1])[0]) == null ? void 0 : M[0];
+              }).map((k) => [k.placement, k.overflows.filter((F) => F > 0).reduce((F, se) => F + se, 0)]).sort((k, F) => k[1] - F[1])[0]) == null ? void 0 : M[0];
               N && (D = N);
               break;
             }
@@ -5590,13 +5596,13 @@ const We = (c) => ({
       return {};
     }
   };
-}, Ve = /* @__PURE__ */ new Set(["left", "top"]);
-async function Pe(c, t) {
+}, Pe = /* @__PURE__ */ new Set(["left", "top"]);
+async function ze(c, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), a = tt(e), h = V(e) === "y", l = Ve.has(r) ? -1 : 1, d = o && h ? -1 : 1, f = Q(t, c);
+  } = c, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = z(e), a = tt(e), l = V(e) === "y", h = Pe.has(r) ? -1 : 1, d = o && l ? -1 : 1, f = Q(t, c);
   let {
     mainAxis: u,
     crossAxis: x,
@@ -5610,15 +5616,15 @@ async function Pe(c, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return a && typeof w == "number" && (x = a === "end" ? w * -1 : w), h ? {
+  return a && typeof w == "number" && (x = a === "end" ? w * -1 : w), l ? {
     x: x * d,
-    y: u * l
+    y: u * h
   } : {
-    x: u * l,
+    x: u * h,
     y: x * d
   };
 }
-const ze = function(c) {
+const $e = function(c) {
   return c === void 0 && (c = 0), {
     name: "offset",
     options: c,
@@ -5629,18 +5635,18 @@ const ze = function(c) {
         y: o,
         placement: r,
         middlewareData: a
-      } = t, h = await Pe(t, c);
+      } = t, l = await ze(t, c);
       return r === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
-        x: s + h.x,
-        y: o + h.y,
+        x: s + l.x,
+        y: o + l.y,
         data: {
-          ...h,
+          ...l,
           placement: r
         }
       };
     }
   };
-}, $e = function(c) {
+}, Ge = function(c) {
   return c === void 0 && (c = {}), {
     name: "shift",
     options: c,
@@ -5655,39 +5661,39 @@ const ze = function(c) {
         limiter: a = {
           fn: (g) => {
             let {
-              x: p,
+              x: m,
               y
             } = g;
             return {
-              x: p,
+              x: m,
               y
             };
           }
         },
-        ...h
-      } = Q(c, t), l = {
+        ...l
+      } = Q(c, t), h = {
         x: e,
         y: i
-      }, d = await Ft(t, h), f = V(z(s)), u = Kt(f);
-      let x = l[u], w = l[f];
+      }, d = await Vt(t, l), f = V(z(s)), u = Wt(f);
+      let x = h[u], w = h[f];
       if (o) {
-        const g = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", y = x + d[g], E = x - d[p];
-        x = dt(y, x, E);
+        const g = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", y = x + d[g], p = x - d[m];
+        x = dt(y, x, p);
       }
       if (r) {
-        const g = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", y = w + d[g], E = w - d[p];
-        w = dt(y, w, E);
+        const g = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", y = w + d[g], p = w - d[m];
+        w = dt(y, w, p);
       }
-      const m = a.fn({
+      const E = a.fn({
         ...t,
         [u]: x,
         [f]: w
       });
       return {
-        ...m,
+        ...E,
         data: {
-          x: m.x - e,
-          y: m.y - i,
+          x: E.x - e,
+          y: E.y - i,
           enabled: {
             [u]: o,
             [f]: r
@@ -5700,8 +5706,8 @@ const ze = function(c) {
 function nt() {
   return typeof window < "u";
 }
-function q(c) {
-  return Vt(c) ? (c.nodeName || "").toLowerCase() : "#document";
+function Z(c) {
+  return Pt(c) ? (c.nodeName || "").toLowerCase() : "#document";
 }
 function H(c) {
   var t;
@@ -5709,9 +5715,9 @@ function H(c) {
 }
 function W(c) {
   var t;
-  return (t = (Vt(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (Pt(c) ? c.ownerDocument : c.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function Vt(c) {
+function Pt(c) {
   return nt() ? c instanceof Node || c instanceof H(c).Node : !1;
 }
 function X(c) {
@@ -5720,10 +5726,10 @@ function X(c) {
 function K(c) {
   return nt() ? c instanceof HTMLElement || c instanceof H(c).HTMLElement : !1;
 }
-function Lt(c) {
+function Mt(c) {
   return !nt() || typeof ShadowRoot > "u" ? !1 : c instanceof ShadowRoot || c instanceof H(c).ShadowRoot;
 }
-const Ge = /* @__PURE__ */ new Set(["inline", "contents"]);
+const Ue = /* @__PURE__ */ new Set(["inline", "contents"]);
 function et(c) {
   const {
     overflow: t,
@@ -5731,15 +5737,15 @@ function et(c) {
     overflowY: i,
     display: s
   } = Y(c);
-  return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !Ge.has(s);
+  return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !Ue.has(s);
 }
-const Ue = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function qe(c) {
-  return Ue.has(q(c));
+const Ze = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function je(c) {
+  return Ze.has(Z(c));
 }
-const Ze = [":popover-open", ":modal"];
+const qe = [":popover-open", ":modal"];
 function at(c) {
-  return Ze.some((t) => {
+  return qe.some((t) => {
     try {
       return c.matches(t);
     } catch {
@@ -5747,15 +5753,15 @@ function at(c) {
     }
   });
 }
-const je = ["transform", "translate", "scale", "rotate", "perspective"], Je = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Qe = ["paint", "layout", "strict", "content"];
-function pt(c) {
-  const t = Et(), e = X(c) ? Y(c) : c;
-  return je.some((i) => e[i] ? e[i] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || Je.some((i) => (e.willChange || "").includes(i)) || Qe.some((i) => (e.contain || "").includes(i));
+const Je = ["transform", "translate", "scale", "rotate", "perspective"], Qe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ti = ["paint", "layout", "strict", "content"];
+function mt(c) {
+  const t = pt(), e = X(c) ? Y(c) : c;
+  return Je.some((i) => e[i] ? e[i] !== "none" : !1) || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || Qe.some((i) => (e.willChange || "").includes(i)) || ti.some((i) => (e.contain || "").includes(i));
 }
-function ti(c) {
+function ei(c) {
   let t = P(c);
   for (; K(t) && !U(t); ) {
-    if (pt(t))
+    if (mt(t))
       return t;
     if (at(t))
       return null;
@@ -5763,17 +5769,17 @@ function ti(c) {
   }
   return null;
 }
-function Et() {
+function pt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const ei = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const ii = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function U(c) {
-  return ei.has(q(c));
+  return ii.has(Z(c));
 }
 function Y(c) {
   return H(c).getComputedStyle(c);
 }
-function ht(c) {
+function lt(c) {
   return X(c) ? {
     scrollLeft: c.scrollLeft,
     scrollTop: c.scrollTop
@@ -5783,31 +5789,31 @@ function ht(c) {
   };
 }
 function P(c) {
-  if (q(c) === "html")
+  if (Z(c) === "html")
     return c;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     c.assignedSlot || // DOM Element detected.
     c.parentNode || // ShadowRoot detected.
-    Lt(c) && c.host || // Fallback.
+    Mt(c) && c.host || // Fallback.
     W(c)
   );
-  return Lt(t) ? t.host : t;
+  return Mt(t) ? t.host : t;
 }
-function Pt(c) {
+function zt(c) {
   const t = P(c);
-  return U(t) ? c.ownerDocument ? c.ownerDocument.body : c.body : K(t) && et(t) ? t : Pt(t);
+  return U(t) ? c.ownerDocument ? c.ownerDocument.body : c.body : K(t) && et(t) ? t : zt(t);
 }
-function zt(c, t, e) {
+function $t(c, t, e) {
   var i;
   t === void 0 && (t = []);
-  const s = Pt(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = H(s);
-  return o ? (xt(r), t.concat(r, r.visualViewport || [], et(s) ? s : [], [])) : t.concat(s, zt(s, []));
+  const s = zt(c), o = s === ((i = c.ownerDocument) == null ? void 0 : i.body), r = H(s);
+  return o ? (xt(r), t.concat(r, r.visualViewport || [], et(s) ? s : [], [])) : t.concat(s, $t(s, []));
 }
 function xt(c) {
   return c.parent && Object.getPrototypeOf(c.parent) ? c.frameElement : null;
 }
-function $t(c) {
+function Gt(c) {
   const t = Y(c);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = K(c), o = s ? c.offsetWidth : e, r = s ? c.offsetHeight : i, a = st(e) !== o || st(i) !== r;
@@ -5817,62 +5823,62 @@ function $t(c) {
     $: a
   };
 }
-function Gt(c) {
+function Ut(c) {
   return X(c) ? c : c.contextElement;
 }
 function G(c) {
-  const t = Gt(c);
+  const t = Ut(c);
   if (!K(t))
     return B(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: o
-  } = $t(t);
+  } = Gt(t);
   let r = (o ? st(e.width) : e.width) / i, a = (o ? st(e.height) : e.height) / s;
   return (!r || !Number.isFinite(r)) && (r = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: r,
     y: a
   };
 }
-const ii = /* @__PURE__ */ B(0);
-function Ut(c) {
+const si = /* @__PURE__ */ B(0);
+function Zt(c) {
   const t = H(c);
-  return !Et() || !t.visualViewport ? ii : {
+  return !pt() || !t.visualViewport ? si : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function si(c, t, e) {
+function oi(c, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== H(c) ? !1 : t;
 }
 function J(c, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = c.getBoundingClientRect(), o = Gt(c);
+  const s = c.getBoundingClientRect(), o = Ut(c);
   let r = B(1);
   t && (i ? X(i) && (r = G(i)) : r = G(c));
-  const a = si(o, e, i) ? Ut(o) : B(0);
-  let h = (s.left + a.x) / r.x, l = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
+  const a = oi(o, e, i) ? Zt(o) : B(0);
+  let l = (s.left + a.x) / r.x, h = (s.top + a.y) / r.y, d = s.width / r.x, f = s.height / r.y;
   if (o) {
     const u = H(o), x = i && X(i) ? H(i) : i;
-    let w = u, m = xt(w);
-    for (; m && i && x !== w; ) {
-      const g = G(m), p = m.getBoundingClientRect(), y = Y(m), E = p.left + (m.clientLeft + parseFloat(y.paddingLeft)) * g.x, R = p.top + (m.clientTop + parseFloat(y.paddingTop)) * g.y;
-      h *= g.x, l *= g.y, d *= g.x, f *= g.y, h += E, l += R, w = H(m), m = xt(w);
+    let w = u, E = xt(w);
+    for (; E && i && x !== w; ) {
+      const g = G(E), m = E.getBoundingClientRect(), y = Y(E), p = m.left + (E.clientLeft + parseFloat(y.paddingLeft)) * g.x, R = m.top + (E.clientTop + parseFloat(y.paddingTop)) * g.y;
+      l *= g.x, h *= g.y, d *= g.x, f *= g.y, l += p, h += R, w = H(E), E = xt(w);
     }
   }
   return rt({
     width: d,
     height: f,
-    x: h,
-    y: l
+    x: l,
+    y: h
   });
 }
 function yt(c, t) {
-  const e = ht(c).scrollLeft;
+  const e = lt(c).scrollLeft;
   return t ? t.left + e : J(W(c)).left + e;
 }
-function qt(c, t, e) {
+function jt(c, t, e) {
   e === void 0 && (e = !1);
   const i = c.getBoundingClientRect(), s = i.left + t.scrollLeft - (e ? 0 : (
     // RTL <body> scrollbar.
@@ -5883,7 +5889,7 @@ function qt(c, t, e) {
     y: o
   };
 }
-function oi(c) {
+function ri(c) {
   let {
     elements: t,
     rect: e,
@@ -5893,28 +5899,28 @@ function oi(c) {
   const o = s === "fixed", r = W(i), a = t ? at(t.floating) : !1;
   if (i === r || a && o)
     return e;
-  let h = {
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = B(1);
+  }, h = B(1);
   const d = B(0), f = K(i);
-  if ((f || !f && !o) && ((q(i) !== "body" || et(r)) && (h = ht(i)), K(i))) {
+  if ((f || !f && !o) && ((Z(i) !== "body" || et(r)) && (l = lt(i)), K(i))) {
     const x = J(i);
-    l = G(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    h = G(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
-  const u = r && !f && !o ? qt(r, h, !0) : B(0);
+  const u = r && !f && !o ? jt(r, l, !0) : B(0);
   return {
-    width: e.width * l.x,
-    height: e.height * l.y,
-    x: e.x * l.x - h.scrollLeft * l.x + d.x + u.x,
-    y: e.y * l.y - h.scrollTop * l.y + d.y + u.y
+    width: e.width * h.x,
+    height: e.height * h.y,
+    x: e.x * h.x - l.scrollLeft * h.x + d.x + u.x,
+    y: e.y * h.y - l.scrollTop * h.y + d.y + u.y
   };
 }
-function ri(c) {
+function ni(c) {
   return Array.from(c.getClientRects());
 }
-function ni(c) {
-  const t = W(c), e = ht(c), i = c.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+function ai(c) {
+  const t = W(c), e = lt(c), i = c.ownerDocument.body, s = $(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = $(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let r = -e.scrollLeft + yt(c);
   const a = -e.scrollTop;
   return Y(i).direction === "rtl" && (r += $(t.clientWidth, i.clientWidth) - s), {
@@ -5924,41 +5930,41 @@ function ni(c) {
     y: a
   };
 }
-function ai(c, t) {
+function li(c, t) {
   const e = H(c), i = W(c), s = e.visualViewport;
-  let o = i.clientWidth, r = i.clientHeight, a = 0, h = 0;
+  let o = i.clientWidth, r = i.clientHeight, a = 0, l = 0;
   if (s) {
     o = s.width, r = s.height;
-    const l = Et();
-    (!l || l && t === "fixed") && (a = s.offsetLeft, h = s.offsetTop);
+    const h = pt();
+    (!h || h && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
   }
   return {
     width: o,
     height: r,
     x: a,
-    y: h
+    y: l
   };
 }
 const hi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function li(c, t) {
-  const e = J(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = K(c) ? G(c) : B(1), r = c.clientWidth * o.x, a = c.clientHeight * o.y, h = s * o.x, l = i * o.y;
+function ci(c, t) {
+  const e = J(c, !0, t === "fixed"), i = e.top + c.clientTop, s = e.left + c.clientLeft, o = K(c) ? G(c) : B(1), r = c.clientWidth * o.x, a = c.clientHeight * o.y, l = s * o.x, h = i * o.y;
   return {
     width: r,
     height: a,
-    x: h,
-    y: l
+    x: l,
+    y: h
   };
 }
-function Mt(c, t, e) {
+function At(c, t, e) {
   let i;
   if (t === "viewport")
-    i = ai(c, e);
+    i = li(c, e);
   else if (t === "document")
-    i = ni(W(c));
+    i = ai(W(c));
   else if (X(t))
-    i = li(t, e);
+    i = ci(t, e);
   else {
-    const s = Ut(c);
+    const s = Zt(c);
     i = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -5968,68 +5974,68 @@ function Mt(c, t, e) {
   }
   return rt(i);
 }
-function Zt(c, t) {
+function qt(c, t) {
   const e = P(c);
-  return e === t || !X(e) || U(e) ? !1 : Y(e).position === "fixed" || Zt(e, t);
+  return e === t || !X(e) || U(e) ? !1 : Y(e).position === "fixed" || qt(e, t);
 }
-function ci(c, t) {
+function di(c, t) {
   const e = t.get(c);
   if (e)
     return e;
-  let i = zt(c, []).filter((a) => X(a) && q(a) !== "body"), s = null;
+  let i = $t(c, []).filter((a) => X(a) && Z(a) !== "body"), s = null;
   const o = Y(c).position === "fixed";
   let r = o ? P(c) : c;
   for (; X(r) && !U(r); ) {
-    const a = Y(r), h = pt(r);
-    !h && a.position === "fixed" && (s = null), (o ? !h && !s : !h && a.position === "static" && !!s && hi.has(s.position) || et(r) && !h && Zt(c, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
+    const a = Y(r), l = mt(r);
+    !l && a.position === "fixed" && (s = null), (o ? !l && !s : !l && a.position === "static" && !!s && hi.has(s.position) || et(r) && !l && qt(c, r)) ? i = i.filter((d) => d !== r) : s = a, r = P(r);
   }
   return t.set(c, i), i;
 }
-function di(c) {
+function fi(c) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
   } = c;
-  const r = [...e === "clippingAncestors" ? at(t) ? [] : ci(t, this._c) : [].concat(e), i], a = r[0], h = r.reduce((l, d) => {
-    const f = Mt(t, d, s);
-    return l.top = $(f.top, l.top), l.right = j(f.right, l.right), l.bottom = j(f.bottom, l.bottom), l.left = $(f.left, l.left), l;
-  }, Mt(t, a, s));
+  const r = [...e === "clippingAncestors" ? at(t) ? [] : di(t, this._c) : [].concat(e), i], a = r[0], l = r.reduce((h, d) => {
+    const f = At(t, d, s);
+    return h.top = $(f.top, h.top), h.right = q(f.right, h.right), h.bottom = q(f.bottom, h.bottom), h.left = $(f.left, h.left), h;
+  }, At(t, a, s));
   return {
-    width: h.right - h.left,
-    height: h.bottom - h.top,
-    x: h.left,
-    y: h.top
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
   };
 }
-function fi(c) {
+function xi(c) {
   const {
     width: t,
     height: e
-  } = $t(c);
+  } = Gt(c);
   return {
     width: t,
     height: e
   };
 }
-function xi(c, t, e) {
+function ui(c, t, e) {
   const i = K(t), s = W(t), o = e === "fixed", r = J(c, !0, o, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const h = B(0);
-  function l() {
-    h.x = yt(s);
+  const l = B(0);
+  function h() {
+    l.x = yt(s);
   }
   if (i || !i && !o)
-    if ((q(t) !== "body" || et(s)) && (a = ht(t)), i) {
+    if ((Z(t) !== "body" || et(s)) && (a = lt(t)), i) {
       const x = J(t, !0, o, t);
-      h.x = x.x + t.clientLeft, h.y = x.y + t.clientTop;
-    } else s && l();
-  o && !i && s && l();
-  const d = s && !i && !o ? qt(s, a) : B(0), f = r.left + a.scrollLeft - h.x - d.x, u = r.top + a.scrollTop - h.y - d.y;
+      l.x = x.x + t.clientLeft, l.y = x.y + t.clientTop;
+    } else s && h();
+  o && !i && s && h();
+  const d = s && !i && !o ? jt(s, a) : B(0), f = r.left + a.scrollLeft - l.x - d.x, u = r.top + a.scrollTop - l.y - d.y;
   return {
     x: f,
     y: u,
@@ -6037,10 +6043,10 @@ function xi(c, t, e) {
     height: r.height
   };
 }
-function lt(c) {
+function ht(c) {
   return Y(c).position === "static";
 }
-function At(c, t) {
+function Ht(c, t) {
   if (!K(c) || Y(c).position === "fixed")
     return null;
   if (t)
@@ -6048,28 +6054,28 @@ function At(c, t) {
   let e = c.offsetParent;
   return W(c) === e && (e = e.ownerDocument.body), e;
 }
-function jt(c, t) {
+function Jt(c, t) {
   const e = H(c);
   if (at(c))
     return e;
   if (!K(c)) {
     let s = P(c);
     for (; s && !U(s); ) {
-      if (X(s) && !lt(s))
+      if (X(s) && !ht(s))
         return s;
       s = P(s);
     }
     return e;
   }
-  let i = At(c, t);
-  for (; i && qe(i) && lt(i); )
-    i = At(i, t);
-  return i && U(i) && lt(i) && !pt(i) ? e : i || ti(c) || e;
+  let i = Ht(c, t);
+  for (; i && je(i) && ht(i); )
+    i = Ht(i, t);
+  return i && U(i) && ht(i) && !mt(i) ? e : i || ei(c) || e;
 }
-const ui = async function(c) {
-  const t = this.getOffsetParent || jt, e = this.getDimensions, i = await e(c.floating);
+const gi = async function(c) {
+  const t = this.getOffsetParent || Jt, e = this.getDimensions, i = await e(c.floating);
   return {
-    reference: xi(c.reference, await t(c.floating), c.strategy),
+    reference: ui(c.reference, await t(c.floating), c.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -6078,29 +6084,29 @@ const ui = async function(c) {
     }
   };
 };
-function gi(c) {
+function wi(c) {
   return Y(c).direction === "rtl";
 }
-const wi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: oi,
+const Ei = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ri,
   getDocumentElement: W,
-  getClippingRect: di,
-  getOffsetParent: jt,
-  getElementRects: ui,
-  getClientRects: ri,
-  getDimensions: fi,
+  getClippingRect: fi,
+  getOffsetParent: Jt,
+  getElementRects: gi,
+  getClientRects: ni,
+  getDimensions: xi,
   getScale: G,
   isElement: X,
-  isRTL: gi
-}, Jt = ze, Qt = $e, te = Fe, mi = We, ee = (c, t, e) => {
+  isRTL: wi
+}, Qt = $e, te = Ge, ee = Ve, mi = Fe, ie = (c, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: wi,
+    platform: Ei,
     ...e
   }, o = {
     ...s.platform,
     _c: i
   };
-  return Ke(c, t, {
+  return We(c, t, {
     ...s,
     platform: o
   });
@@ -6126,7 +6132,7 @@ let pi = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...o
-    }, h = {
+    }, l = {
       position: "absolute",
       width: "10px",
       height: "10px",
@@ -6135,7 +6141,7 @@ let pi = class {
       transform: "rotate(45deg)",
       zIndex: a.zIndex
     };
-    Object.assign(this.arrowEl.style, h), Object.assign(this.floatingEl.style, a), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
+    Object.assign(this.arrowEl.style, l), Object.assign(this.floatingEl.style, a), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
   }
   init() {
     this.floatingEl.addEventListener("mouseleave", () => {
@@ -6167,7 +6173,7 @@ let pi = class {
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.minWidth = "100px", this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
     const s = t.drawX + i.x, o = t.drawY + i.y;
-    ee({
+    ie({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
@@ -6182,12 +6188,12 @@ let pi = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [Qt(), te(), Jt(6), mi({ element: this.arrowEl })]
+      middleware: [te(), ee(), Qt(6), mi({ element: this.arrowEl })]
     }).then((a) => {
-      const { x: h, y: l, placement: d, middlewareData: f } = a;
+      const { x: l, y: h, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
-        top: `${l}px`,
-        left: `${h}px`
+        top: `${h}px`,
+        left: `${l}px`
       }), f.arrow) {
         const u = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
@@ -6221,7 +6227,7 @@ let pi = class {
     this.contentEl.remove(), this.arrowEl.remove(), this.floatingEl.remove();
   }
 };
-class Ei {
+class yi {
   constructor(t) {
     n(this, "editorEl");
     n(this, "inputEl");
@@ -6252,15 +6258,15 @@ class Ei {
         return;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
-        const { focusCell: h } = this.ctx;
-        h && (this.ctx.emit("setSelectorCell", h), this.cellTarget = h), this.doneEdit();
+        const { focusCell: l } = this.ctx;
+        l && (this.ctx.emit("setSelectorCell", l), this.cellTarget = l), this.doneEdit();
         return;
       }
       if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const h = this.inputEl.selectionStart, l = this.inputEl.value.substring(0, h), d = this.inputEl.value.substring(h);
-        this.inputEl.value = l + `
-` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = h + 1, this.autoSize();
+        const l = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, l), d = this.inputEl.value.substring(l);
+        this.inputEl.value = h + `
+` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = l + 1, this.autoSize();
         return;
       }
       if (t.code === "Tab" && this.ctx.editing) {
@@ -6336,8 +6342,8 @@ class Ei {
     });
   }
   isInSelectorRange(t, e) {
-    const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, h] = s;
-    return !(e < o || e > r || t < a || t > h);
+    const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, l] = s;
+    return !(e < o || e > r || t < a || t > l);
   }
   initTextEditor() {
     this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
@@ -6359,15 +6365,15 @@ class Ei {
   startEditByInput(t, e = !1) {
     const i = e ? null : t.getValue(), { editorType: s } = t;
     t.update(), this.ctx.config.ENABLE_MERGE_CELL_LINK && t.updateSpanInfo();
-    let { height: o, width: r, drawY: a, drawX: h } = t;
-    this.drawX = h, this.drawY = a;
+    let { height: o, width: r, drawY: a, drawX: l } = t;
+    this.drawX = l, this.drawY = a;
     const {
-      config: { CELL_PADDING: l },
+      config: { CELL_PADDING: h },
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
     if (o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
-      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${l}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
+      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
       const u = this.inputEl.value.length;
       this.inputEl.setSelectionRange(u, u);
     } else
@@ -6391,22 +6397,22 @@ class Ei {
     const { rowKey: o, key: r, editorType: a } = i;
     if (a === "none")
       return;
-    const h = this.ctx.database.getReadonly(o, r);
-    i && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
+    const l = this.ctx.database.getReadonly(o, r);
+    i && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
-    const i = this.ctx.body.renderRows.find((l) => l.rowIndex === t);
+    const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
     if (!i)
       return;
-    const s = i.cells.find((l) => l.colIndex === e);
+    const s = i.cells.find((h) => h.colIndex === e);
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
     const o = this.ctx.focusCell;
     if (!o || ["index", "index-selection", "selection"].includes(o.type) || this.enable)
       return;
-    const { rowKey: r, key: a } = o, h = this.ctx.database.getReadonly(r, a);
-    o && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: r, key: a } = o, l = this.ctx.database.getReadonly(r, a);
+    o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus({ preventScroll: !0 }), this.editorEl.style.display = "none", this.ctx.emit("draw"));
@@ -6419,43 +6425,43 @@ class Ei {
     (t = this.editorEl) == null || t.remove();
   }
 }
-class yi {
+let Ci = class {
   constructor(t) {
     n(this, "ctx");
     n(this, "emptyEl");
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM_STYLE: i } = this.ctx.config;
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: o, bodyHeight: r, footerHeight: a }) => {
-      const h = o + (r + a) / 2, l = {
+      const l = o + (r + a) / 2, h = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
         left: "50%",
-        top: `${h}px`,
+        top: `${l}px`,
         transform: "translate(-50%, -50%)",
         ...i
       };
-      Object.assign(this.emptyEl.style, l);
+      Object.assign(this.emptyEl.style, h);
     });
   }
   destroy() {
     this.emptyEl.remove();
   }
-}
-class Ci {
+};
+class bi {
   constructor(t) {
     n(this, "ctx");
     n(this, "observer");
     this.ctx = t, this.observer = new MutationObserver(
-      Z(() => {
+      j(() => {
         const e = this.ctx.overlayerElement.querySelectorAll('[data-auto-height="true"]'), i = /* @__PURE__ */ new Map();
         e.forEach((r) => {
-          const a = Number(r.getAttribute("data-row-index")), h = Number(r.getAttribute("data-col-index"));
-          if (isNaN(a) || isNaN(h) || !(r instanceof HTMLElement) || r.offsetWidth === 0)
+          const a = Number(r.getAttribute("data-row-index")), l = Number(r.getAttribute("data-col-index"));
+          if (isNaN(a) || isNaN(l) || !(r instanceof HTMLElement) || r.offsetWidth === 0)
             return;
-          const l = `${a}​_${h}`;
-          i.set(l, Math.round(r.offsetHeight));
+          const h = `${a}​_${l}`;
+          i.set(h, Math.round(r.offsetHeight));
         });
         const s = this.ctx.database.getOverlayerAutoHeightMap();
         if (!this.arerMapsEqual(s, i)) {
@@ -6496,9 +6502,9 @@ class Ci {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: a } = this.ctx.header;
-    let h = [], l = [], d = [];
+    let l = [], h = [], d = [];
     a.forEach((g) => {
-      g.render && (g.fixed === "left" ? l.push(g) : g.fixed === "right" ? d.push(g) : h.push(g));
+      g.render && (g.fixed === "left" ? h.push(g) : g.fixed === "right" ? d.push(g) : l.push(g));
     });
     const f = e - i, u = {
       key: "left",
@@ -6510,7 +6516,7 @@ class Ci {
         width: `${t}px`,
         height: `${r}px`
       },
-      cells: l
+      cells: h
     }, x = {
       key: "center",
       style: {
@@ -6521,7 +6527,7 @@ class Ci {
         width: `${o - t - f + 1}px`,
         height: `${r}px`
       },
-      cells: h
+      cells: l
     }, w = {
       key: "right",
       style: {
@@ -6550,15 +6556,15 @@ class Ci {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
     this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((g) => {
-      g.cells.forEach((p) => {
-        p.cellType === "footer" && (p.render = p.renderFooter), p.render && (p.fixed === "left" ? e.push(p) : p.fixed === "right" ? i.push(p) : t.push(p));
+      g.cells.forEach((m) => {
+        m.cellType === "footer" && (m.render = m.renderFooter), m.render && (m.fixed === "left" ? e.push(m) : m.fixed === "right" ? i.push(m) : t.push(m));
       });
     });
     const {
       fixedLeftWidth: o,
       fixedRightWidth: r,
-      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: l, visibleHeight: d } = this.ctx.body, f = r - a, u = {
+      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: l }
+    } = this.ctx, { visibleWidth: h, visibleHeight: d } = this.ctx.body, f = r - a, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6576,7 +6582,7 @@ class Ci {
         top: `${0.5}px`,
         left: `${o - 0.5}px`,
         overflow: "hidden",
-        width: `${l - o - f}px`,
+        width: `${h - o - f}px`,
         height: `${d}px`
       },
       cells: t
@@ -6594,11 +6600,11 @@ class Ci {
     };
     return {
       type: "body",
-      class: `${h}-overlayer-body`,
+      class: `${l}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
+        width: `${h}px`,
         height: `${d}px`
       },
       views: [u, x, w]
@@ -6606,8 +6612,8 @@ class Ci {
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((m) => {
-      m.cells.forEach((g) => {
+    this.ctx.footer.renderRows.forEach((E) => {
+      E.cells.forEach((g) => {
         g.cellType === "footer" && g.renderFooter && (g.render = g.renderFooter, g.fixed === "left" ? e.push(g) : g.fixed === "right" ? i.push(g) : t.push(g));
       });
     });
@@ -6615,7 +6621,7 @@ class Ci {
       fixedLeftWidth: s,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: h, visibleHeight: l } = this.ctx.footer, d = o - r, f = {
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, d = o - r, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -6623,7 +6629,7 @@ class Ci {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: e
     }, u = {
@@ -6633,8 +6639,8 @@ class Ci {
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${h - s - d}px`,
-        height: `${l}px`
+        width: `${l - s - d}px`,
+        height: `${h}px`
       },
       cells: t
     }, x = {
@@ -6645,7 +6651,7 @@ class Ci {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${l}px`
+        height: `${h}px`
       },
       cells: i
     };
@@ -6655,14 +6661,14 @@ class Ci {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${h}px`,
-        height: `${l}px`
+        width: `${l}px`,
+        height: `${h}px`
       },
       views: [f, u, x]
     };
   }
 }
-class bi {
+class Ri {
   constructor(t) {
     n(this, "ctx");
     n(this, "contextMenuEl");
@@ -6673,8 +6679,8 @@ class bi {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, h] = s, { rowIndex: l, colIndex: d } = t;
-      l >= a && l <= h && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [a, l] = s, { rowIndex: h, colIndex: d } = t;
+      h >= a && h <= l && d >= o && d <= r || this.ctx.emit("setSelectorCell", t, e);
       const u = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -6688,9 +6694,9 @@ class bi {
         }),
         contextElement: document.body
       };
-      ee(u, this.contextMenuEl, {
+      ie(u, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [Jt(), Qt(), te()]
+        middleware: [Qt(), te(), ee()]
       }).then(({ x, y: w }) => {
         this.show(x, w);
       });
@@ -6748,7 +6754,37 @@ class bi {
     this.contextMenuEl.remove();
   }
 }
-class vi {
+class Ii {
+  constructor(t) {
+    n(this, "ctx");
+    n(this, "loadingEl");
+    if (this.ctx = t, this.ctx.loadingElement)
+      this.loadingEl = this.ctx.loadingElement;
+    else {
+      this.loadingEl = document.createElement("div");
+      const e = document.createElement("div");
+      e.className = "e-virt-table-loading-spinner";
+      const i = this.ctx.icons.getSvg("loading");
+      if (i) {
+        const a = new DOMParser().parseFromString(i.svg, "image/svg+xml").documentElement;
+        e.appendChild(a);
+      }
+      const s = document.createElement("p");
+      s.className = "e-virt-table-loading-text", s.innerText = this.ctx.config.LOADING_TEXT, e.appendChild(s), this.loadingEl.appendChild(e);
+    }
+    this.loadingEl.className = "e-virt-table-loading", this.loadingEl.style.display = "none", this.ctx.containerElement.appendChild(this.loadingEl);
+  }
+  show() {
+    this.loadingEl.style.display = "flex";
+  }
+  hide() {
+    this.loadingEl.style.display = "none";
+  }
+  destroy() {
+    this.loadingEl.remove();
+  }
+}
+class Ti {
   constructor(t, e) {
     n(this, "options");
     n(this, "scroller");
@@ -6762,6 +6798,7 @@ class vi {
     n(this, "empty");
     n(this, "overlayer");
     n(this, "contextMenu");
+    n(this, "loading");
     n(this, "ctx");
     this.options = e;
     const { overlayerElement: i, editorElement: s, emptyElement: o, contextMenuElement: r } = this.options, a = this.createContainer(
@@ -6771,9 +6808,9 @@ class vi {
       o,
       r
     );
-    this.ctx = new Re(a, this.options), this.header = new ve(this.ctx), this.footer = new _e(this.ctx), this.body = new Se(this.ctx), this.scroller = new Ie(this.ctx), this.selector = new Te(this.ctx), this.autofill = new Oe(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new yi(this.ctx), this.editor = new Ei(this.ctx), this.overlayer = new Ci(this.ctx), this.contextMenu = new bi(this.ctx), this.ctx.on(
+    this.ctx = new Ie(a, this.options), this.header = new _e(this.ctx), this.footer = new Te(this.ctx), this.body = new ve(this.ctx), this.scroller = new Se(this.ctx), this.selector = new Oe(this.ctx), this.autofill = new Le(this.ctx), this.tooltip = new pi(this.ctx), this.empty = new Ci(this.ctx), this.editor = new yi(this.ctx), this.overlayer = new bi(this.ctx), this.contextMenu = new Ri(this.ctx), this.loading = new Ii(this.ctx), this.ctx.on(
       "draw",
-      Z(
+      j(
         () => {
           this.draw();
         },
@@ -6781,7 +6818,7 @@ class vi {
       )
     ), this.ctx.on(
       "drawView",
-      Z(
+      j(
         () => {
           this.draw(!0);
         },
@@ -6791,17 +6828,17 @@ class vi {
   }
   createContainer(t, e, i, s, o) {
     t.className = "e-virt-table-container";
-    const r = document.createElement("div"), a = document.createElement("canvas"), h = e || document.createElement("div");
-    r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", h.className = "e-virt-table-overlayer";
-    const l = i || document.createElement("div");
-    l.className = "e-virt-table-editor";
+    const r = document.createElement("div"), a = document.createElement("canvas"), l = e || document.createElement("div");
+    r.className = "e-virt-table-stage", t.tabIndex = 0, a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer";
+    const h = i || document.createElement("div");
+    h.className = "e-virt-table-editor";
     const d = s, f = o;
-    return r.appendChild(a), r.appendChild(h), t.appendChild(r), {
+    return r.appendChild(a), r.appendChild(l), t.appendChild(r), {
       containerElement: t,
       stageElement: r,
       canvasElement: a,
-      overlayerElement: h,
-      editorElement: l,
+      overlayerElement: l,
+      editorElement: h,
       emptyElement: d,
       contextMenuElement: f
     };
@@ -6829,7 +6866,7 @@ class vi {
     this.ctx.database.setFooterData(t), this.ctx.emit("draw");
   }
   setLoading(t) {
-    this.ctx.database.setLoading(t);
+    this.ctx.loading = t, t ? this.loading.show() : this.loading.hide();
   }
   on(t, e) {
     this.ctx.on(t, e);
@@ -6893,15 +6930,15 @@ class vi {
     return new Promise(async (i, s) => {
       let o = [];
       for (let r = 0; r < t.length; r++) {
-        const { rowKey: a, key: h } = t[r], l = await this.ctx.database.getValidator(a, h);
-        Array.isArray(l) && l.length && o.push(l);
+        const { rowKey: a, key: l } = t[r], h = await this.ctx.database.getValidator(a, l);
+        Array.isArray(h) && h.length && o.push(h);
       }
       if (o.length) {
         if (s(o), e) {
           const [r] = o;
           if (Array.isArray(r) && r.length) {
-            const [a] = r, { rowKey: h, key: l } = a;
-            this.scrollToRowkey(h), this.scrollToColkey(l);
+            const [a] = r, { rowKey: l, key: h } = a;
+            this.scrollToRowkey(l), this.scrollToColkey(h);
           }
         }
         this.ctx.emit("draw");
@@ -6918,12 +6955,12 @@ class vi {
         if (t && Array.isArray(s) && s.length) {
           const [o] = s;
           if (Array.isArray(o) && o.length) {
-            const [r] = o, { rowKey: a, key: h } = r, l = this.ctx.database.getRowForRowKey(a);
-            if (l) {
-              const { parentRowKeys: d = [] } = l;
+            const [r] = o, { rowKey: a, key: l } = r, h = this.ctx.database.getRowForRowKey(a);
+            if (h) {
+              const { parentRowKeys: d = [] } = h;
               d && d.length && this.setExpandRowKeys(d, !0);
             }
-            this.scrollToRowkey(a), this.scrollToColkey(h);
+            this.scrollToRowkey(a), this.scrollToColkey(l);
           }
         }
         i(s);
@@ -6948,7 +6985,7 @@ class vi {
       let o = [];
       for (let r = 0; r < i.length; r++)
         for (let a = 0; a < s.length; a++) {
-          const h = this.ctx.database.getRowKeyByItem(i[r]), d = s[a].key, f = await this.ctx.database.getValidator(h, d);
+          const l = this.ctx.database.getRowKeyByItem(i[r]), d = s[a].key, f = await this.ctx.database.getValidator(l, d);
           Array.isArray(f) && f.length && o.push(f);
         }
       o.length ? (e(o), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
@@ -7031,10 +7068,10 @@ class vi {
   }
   getUtils() {
     return {
-      mergeColCell: de,
-      mergeRowCell: ce,
-      getSpanArrByRow: kt,
-      getSpanObjByColumn: Xt
+      mergeColCell: fe,
+      mergeRowCell: de,
+      getSpanArrByRow: Xt,
+      getSpanObjByColumn: Yt
     };
   }
   getColumnByKey(t) {
@@ -7045,10 +7082,10 @@ class vi {
    * 销毁
    */
   destroy() {
-    this.overlayer.destroy(), this.empty.destroy(), this.editor.destroy(), this.tooltip.destroy(), this.selector.destroy(), this.autofill.destroy(), this.contextMenu.destroy(), this.ctx.destroy(), this.ctx.containerElement.remove();
+    this.overlayer.destroy(), this.empty.destroy(), this.editor.destroy(), this.tooltip.destroy(), this.selector.destroy(), this.autofill.destroy(), this.contextMenu.destroy(), this.loading.destroy(), this.ctx.destroy(), this.ctx.containerElement.remove();
   }
 }
 export {
-  vi as default
+  Ti as default
 };
 //# sourceMappingURL=index.es.js.map