e-virt-table 1.2.3 → 1.2.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: #333;--e-virt-table-text-color-regular: #666;--e-virt-table-text-color-secondary: #999;--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff;--e-virt-table-border-color: #e1e6eb}.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(--e-virt-table-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(--e-virt-table-editor-bg-color);border:2px solid var(--e-virt-table-color-primary);box-sizing:border-box;box-shadow:var(--e-virt-table-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(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-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(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(":root{--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-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: #4e5969;--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}.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 be = Object.defineProperty;
 var ve = (a, t, e) => t in a ? be(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var l = (a, t, e) => ve(a, typeof t != "symbol" ? t + "" : t, e);
@@ -131,7 +131,7 @@ function Se(a, t, e) {
     t(n, o);
   });
 }
-function Xt(a, t, e) {
+function Ft(a, t, e) {
   var i = 0, s = a.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Ae(a) {
     t.push.apply(t, a[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(a) {
+var Xt = /* @__PURE__ */ function(a) {
   Re(t, a);
   function t(e, i) {
     var s;
@@ -159,28 +159,28 @@ var Ft = /* @__PURE__ */ function(a) {
 }(/* @__PURE__ */ Ct(Error));
 function Te(a, t, e, i, s) {
   if (t.first) {
-    var r = new Promise(function(x, g) {
+    var r = new Promise(function(u, g) {
       var p = function(m) {
-        return i(m), m.length ? g(new Ft(m, bt(m))) : x(s);
-      }, u = Ae(a);
-      Xt(u, e, p);
+        return i(m), m.length ? g(new Xt(m, bt(m))) : u(s);
+      }, x = Ae(a);
+      Ft(x, e, p);
     });
-    return r.catch(function(x) {
-      return x;
+    return r.catch(function(u) {
+      return u;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, c = 0, d = [], f = new Promise(function(x, g) {
+  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, c = 0, d = [], f = new Promise(function(u, g) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? g(new Ft(d, bt(d))) : x(s);
+        return i(d), d.length ? g(new Xt(d, bt(d))) : u(s);
     };
-    n.length || (i(d), x(s)), n.forEach(function(u) {
-      var w = a[u];
-      o.indexOf(u) !== -1 ? Xt(w, e, p) : Se(w, e, p);
+    n.length || (i(d), u(s)), n.forEach(function(x) {
+      var w = a[x];
+      o.indexOf(x) !== -1 ? Ft(w, e, p) : Se(w, e, p);
     });
   });
-  return f.catch(function(x) {
-    return x;
+  return f.catch(function(u) {
+    return u;
   }), f;
 }
 function Me(a) {
@@ -242,7 +242,7 @@ var Zt = function(t, e, i, s, r, o) {
   }, h.v6 = function(y) {
     return y && y.exact ? n : new RegExp("" + t(y) + s + t(y), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + m;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, u = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", x = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + u + "|" + g + p + x + ")" + w + m;
   return ct = new RegExp("(?:^" + C + "$)", "i"), ct;
 }, Kt = {
   // http://emailregex.com/
@@ -292,16 +292,16 @@ var Zt = function(t, e, i, s, r, o) {
   hex: function(t) {
     return typeof t == "string" && !!t.match(Kt.hex);
   }
-}, Xe = function(t, e, i, s, r) {
+}, Fe = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
     Zt(t, e, i, s, r);
     return;
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
-}, Fe = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
-  if (x ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
+}, Xe = function(t, e, i, s, r) {
+  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, u = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
+  if (u ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
     return !1;
   p && (d = e.length), g && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
 }, j = "enum", Be = function(t, e, i, s, r) {
@@ -318,8 +318,8 @@ var Zt = function(t, e, i, s, r, o) {
 }, O = {
   required: Zt,
   whitespace: De,
-  type: Xe,
-  range: Fe,
+  type: Fe,
+  range: Xe,
   enum: Be,
   pattern: ke
 }, Ke = function(t, e, i, s, r) {
@@ -536,7 +536,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var n = i, h = s, c = r;
     if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, n), Promise.resolve(n);
-    function d(u) {
+    function d(x) {
       var w = [], m = {};
       function C(b) {
         if (Array.isArray(b)) {
@@ -545,8 +545,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         } else
           w.push(b);
       }
-      for (var y = 0; y < u.length; y++)
-        C(u[y]);
+      for (var y = 0; y < x.length; y++)
+        C(x[y]);
       w.length ? (m = bt(w), c(w, m)) : c(null, n);
     }
     if (h.messages) {
@@ -554,25 +554,25 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       f === Rt && (f = vt()), kt(f, h.messages), h.messages = f;
     } else
       h.messages = this.messages();
-    var x = {}, g = h.keys || Object.keys(this.rules);
-    g.forEach(function(u) {
-      var w = o.rules[u], m = n[u];
+    var u = {}, g = h.keys || Object.keys(this.rules);
+    g.forEach(function(x) {
+      var w = o.rules[x], m = n[x];
       w.forEach(function(C) {
         var y = C;
-        typeof y.transform == "function" && (n === i && (n = q({}, n)), m = n[u] = y.transform(m)), typeof y == "function" ? y = {
+        typeof y.transform == "function" && (n === i && (n = q({}, n)), m = n[x] = y.transform(m)), typeof y == "function" ? y = {
           validator: y
-        } : y = q({}, y), y.validator = o.getValidationMethod(y), y.validator && (y.field = u, y.fullField = y.fullField || u, y.type = o.getType(y), x[u] = x[u] || [], x[u].push({
+        } : y = q({}, y), y.validator = o.getValidationMethod(y), y.validator && (y.field = x, y.fullField = y.fullField || x, y.type = o.getType(y), u[x] = u[x] || [], u[x].push({
           rule: y,
           value: m,
           source: n,
-          field: u
+          field: x
         }));
       });
     });
     var p = {};
-    return Te(x, h, function(u, w) {
-      var m = u.rule, C = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
-      C = C && (m.required || !m.required && u.value), m.field = u.field;
+    return Te(u, h, function(x, w) {
+      var m = x.rule, C = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
+      C = C && (m.required || !m.required && x.value), m.field = x.field;
       function y(v, _) {
         return q({}, _, {
           fullField: m.fullField + "." + v,
@@ -589,19 +589,19 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         if (!C)
           w(L);
         else {
-          if (m.required && !u.value)
+          if (m.required && !x.value)
             return m.message !== void 0 ? L = [].concat(m.message).map(Bt(m, n)) : h.error && (L = [h.error(m, D(h.messages.required, m.field))]), w(L);
           var I = {};
-          m.defaultField && Object.keys(u.value).map(function(S) {
+          m.defaultField && Object.keys(x.value).map(function(S) {
             I[S] = m.defaultField;
-          }), I = q({}, I, u.rule.fields);
+          }), I = q({}, I, x.rule.fields);
           var R = {};
           Object.keys(I).forEach(function(S) {
             var M = I[S], T = Array.isArray(M) ? M : [M];
             R[S] = T.map(y.bind(null, S));
           });
           var A = new a(R);
-          A.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), A.validate(u.value, u.rule.options || h, function(S) {
+          A.messages(h.messages), x.rule.options && (x.rule.options.messages = h.messages, x.rule.options.error = h.error), A.validate(x.value, x.rule.options || h, function(S) {
             var M = [];
             L && L.length && M.push.apply(M, L), S && S.length && M.push.apply(M, S), w(M.length ? M : null);
           });
@@ -609,10 +609,10 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       var E;
       if (m.asyncValidator)
-        E = m.asyncValidator(m, u.value, b, u.source, h);
+        E = m.asyncValidator(m, x.value, b, x.source, h);
       else if (m.validator) {
         try {
-          E = m.validator(m, u.value, b, u.source, h);
+          E = m.validator(m, x.value, b, x.source, h);
         } catch (v) {
           console.error == null || console.error(v), h.suppressValidatorError || setTimeout(function() {
             throw v;
@@ -625,8 +625,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }, function(v) {
         return b(v);
       });
-    }, function(u) {
-      d(u);
+    }, function(x) {
+      d(x);
     }, n);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
@@ -797,6 +797,10 @@ function ni(a, t = []) {
     };
   }
 }
+function ai(a, t = document.documentElement) {
+  const e = a.startsWith("--") ? a : `--${a}`;
+  return getComputedStyle(t).getPropertyValue(e).trim();
+}
 class re {
   constructor(t, e, i, s, r, o, n) {
     l(this, "ctx");
@@ -1015,19 +1019,19 @@ class Tt extends re {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
+      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = h || {};
       if (this.rowExpand = c, this.rowHasChildren = d, f) {
-        const u = this.ctx.icons.get("loading");
-        n = "loading", r = u, o = x * 8;
+        const x = this.ctx.icons.get("loading");
+        n = "loading", r = x, o = u * 8;
       } else if (d) {
-        const u = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
-        r = c ? w : u, n = c ? "shrink" : "expand", o = x * 8;
+        const x = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
+        r = c ? w : x, n = c ? "shrink" : "expand", o = u * 8;
       } else
-        o = x * 8;
+        o = u * 8;
       let g = 20, p = 20;
       if (r) {
-        let u = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2;
-        this.ctx.paint.drawImage(r, u, w, g, p), this.drawImageX = u, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r;
+        let x = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2;
+        this.ctx.paint.drawImage(r, x, w, g, p), this.drawImageX = x, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r;
       }
       this.align = "left", this.drawTextX = o + this.drawX + g - 0.5;
     }
@@ -1044,7 +1048,7 @@ class Tt extends re {
       HIGHLIGHT_SELECTED_ROW_COLOR: c,
       HIGHLIGHT_HOVER_ROW: d,
       HIGHLIGHT_HOVER_ROW_COLOR: f,
-      STRIPE: x,
+      STRIPE: u,
       STRIPE_COLOR: g
     } = this.ctx.config;
     if (this.cellType === "footer") {
@@ -1063,15 +1067,15 @@ class Tt extends re {
       return;
     }
     let p = "transparent";
-    const u = this.ctx.focusCell, w = this.ctx.hoverCell;
+    const x = this.ctx.focusCell, w = this.ctx.hoverCell;
     let m = this.rowIndex, C = this.rowIndex;
     if (this.rowspan !== 1 && (d || h)) {
       const E = this.getSpanInfo(), { yArr: v } = E;
       m = v[0], C = v[1];
     }
-    d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= m && w.rowIndex <= C && (p = f)), h && u && (u.rowKey === this.rowKey && (p = c), u.rowIndex >= m && u.rowIndex <= C && (p = c)), this.drawCellSkyBgColor = p;
+    d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= m && w.rowIndex <= C && (p = f)), h && x && (x.rowKey === this.rowKey && (p = c), x.rowIndex >= m && x.rowIndex <= C && (p = c)), this.drawCellSkyBgColor = p;
     let y = e, b = o;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, b = o), x && (this.rowIndex % 2 ? y = g : y = e), typeof s == "function") {
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, b = o), u && (this.rowIndex % 2 ? y = g : y = e), typeof s == "function") {
       const E = s, { backgroundColor: v, color: _ } = E({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -1087,9 +1091,9 @@ class Tt extends re {
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: h, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
-      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, g = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
-      let u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
-      d && f ? (u = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (u = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (u = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), u && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u) : u && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u);
+      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: u = 0 } = this.ctx.config, g = this.drawX + (e - u) / 2, p = this.drawY + (i - u) / 2;
+      let x = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
+      d && f ? (x = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (x = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (x = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (x = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), x && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x) : x && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x);
     }
   }
   updateHoverIcon() {
@@ -1110,10 +1114,10 @@ class Tt extends re {
     if (this.hoverIconName && !this.ctx.editing && n) {
       let h = 0, c = 0;
       if (n.rowKey === this.rowKey && (h = this.drawX + this.width - s - r, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && o) {
-        const f = this.getSpanInfo(), { yArr: x } = f, g = x[0], p = x[1];
+        const f = this.getSpanInfo(), { yArr: u } = f, g = u[0], p = u[1];
         if (n.rowIndex >= g && n.rowIndex <= p) {
-          const { width: u, height: w, offsetTop: m, offsetLeft: C } = f;
-          h = this.drawX - C + u - s - r, c = this.drawY - m + (w - s) / 2;
+          const { width: x, height: w, offsetTop: m, offsetLeft: C } = f;
+          h = this.drawX - C + x - s - r, c = this.drawY - m + (w - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
@@ -1212,10 +1216,10 @@ class Tt extends re {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: x, drawY: g } = this;
+    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: u, drawY: g } = this;
     if (d === h && f === c) {
-      const u = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(x + this.width - u, g + this.height - u, 6, 6, {
+      const x = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(u + this.width - x, g + this.height - x, 6, 6, {
         borderColor: r,
         fillColor: e
       });
@@ -1336,11 +1340,11 @@ class Tt extends re {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: r, colIndex: o, height: n, width: h } = this;
     let c = i, d = s;
-    const { xArr: f, yArr: x, lineDash: g = [], borderWidth: p = 1, borderColor: u, fillColor: w } = e, m = f[0], C = f[1], y = x[0], b = x[1];
+    const { xArr: f, yArr: u, lineDash: g = [], borderWidth: p = 1, borderColor: x, fillColor: w } = e, m = f[0], C = f[1], y = u[0], b = u[1];
     if (o >= m && o <= C && r === y) {
       const E = o === C ? 1 : 0, v = o === m ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + 1, c + h - E, d + 1], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1351,7 +1355,7 @@ class Tt extends re {
     if (o === C && r >= y && r <= b) {
       const E = r === y ? 1 : 0, v = r === b ? 1 : 0;
       this.ctx.paint.drawLine([c + h - 1, d + E, c + h - 1, d + n - v], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1362,7 +1366,7 @@ class Tt extends re {
     if (o >= m && o <= C && r === b) {
       const E = o === C ? 1 : 0, v = o === m ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + n - 1, c + h - E, d + n - 1], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1373,7 +1377,7 @@ class Tt extends re {
     if (o === m && r >= y && r <= b) {
       const E = r === b ? 1 : 0, v = r === y ? 1 : 0;
       this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + n - E], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1383,7 +1387,7 @@ class Tt extends re {
     }
   }
 }
-class ai {
+class li {
   //虚拟滚动位置
   constructor(t, e) {
     l(this, "loading", !1);
@@ -1436,30 +1440,30 @@ class ai {
       var w;
       let r = i._hasChildren || !1;
       Array.isArray(i.children) && i.children.length && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Jt();
-      this.itemRowKeyMap.set(i, x);
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], u = f != null ? `${f}` : Jt();
+      this.itemRowKeyMap.set(i, u);
       const g = i._height || h, p = i._readonly;
-      let u = !0;
-      if (typeof c == "function" && (u = c), d) {
+      let x = !0;
+      if (typeof c == "function" && (x = c), d) {
         const m = i[d];
         if (this.checkboxKeyMap.has(m)) {
           const C = this.checkboxKeyMap.get(m) || [];
-          C.push(x), this.checkboxKeyMap.set(m, C);
+          C.push(u), this.checkboxKeyMap.set(m, C);
         } else
-          this.checkboxKeyMap.set(m, [x]);
+          this.checkboxKeyMap.set(m, [u]);
       }
-      this.selectionMap.set(x, {
-        key: d ? i[d] : x,
+      this.selectionMap.set(u, {
+        key: d ? i[d] : u,
         row: i,
-        check: ((w = this.selectionMap.get(x)) == null ? void 0 : w.check) || !1
-      }), this.rowKeyMap.set(x, {
+        check: ((w = this.selectionMap.get(u)) == null ? void 0 : w.check) || !1
+      }), this.rowKeyMap.set(u, {
         readonly: p,
         index: s,
         rowIndex: s,
         level: e,
         height: g,
         check: !1,
-        selectable: u,
+        selectable: x,
         expand: n,
         expandLazy: !1,
         hasChildren: r,
@@ -1671,19 +1675,19 @@ class ai {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     let r = [], o = t.map((d) => {
-      const { rowKey: f, key: x } = d;
+      const { rowKey: f, key: u } = d;
       let g = d.value, p = g;
-      const u = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, x), m = this.getVirtualBodyCellByKey(f, x);
+      const x = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, u), m = this.getVirtualBodyCellByKey(f, u);
       return (m == null ? void 0 : m.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = w, r.push({
         ...d,
         value: p,
         oldValue: w,
-        row: u
+        row: x
       }))), {
         ...d,
         value: p,
         oldValue: w,
-        row: u
+        row: x
       };
     });
     if (o = o.filter((d) => !r.some((f) => d.rowKey === f.rowKey && d.key === f.key)), r.length) {
@@ -1698,9 +1702,9 @@ class ai {
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: n } = this.ctx.config;
     typeof n == "function" && (o = await n(o)), o.forEach((d) => {
-      const { value: f, rowKey: x, key: g, oldValue: p } = d;
-      s.add(x), this.setItemValue(x, g, f), i.push({
-        rowKey: x,
+      const { value: f, rowKey: u, key: g, oldValue: p } = d;
+      s.add(u), this.setItemValue(u, g, f), i.push({
+        rowKey: u,
         key: g,
         oldValue: p,
         newValue: f
@@ -1743,7 +1747,7 @@ class ai {
     n[e] !== null && typeof n[e] == "object" && (h = JSON.parse(JSON.stringify(n[e])));
     const d = `${t}​_${e}`;
     this.originalDataMap.has(d) || this.originalDataMap.set(d, h);
-    const f = this.originalDataMap.get(d), x = this.getRowDataItemForRowKey(t);
+    const f = this.originalDataMap.get(d), u = this.getRowDataItemForRowKey(t);
     if (o) {
       const g = this.getVirtualBodyCellByKey(t, e);
       if ((g == null ? void 0 : g.type) === "number")
@@ -1762,7 +1766,7 @@ class ai {
                 key: e,
                 value: c,
                 oldValue: h,
-                row: x
+                row: u
               }
             ]
           };
@@ -1781,28 +1785,28 @@ class ai {
             key: e,
             value: c,
             oldValue: n[e],
-            row: x
+            row: u
           }
         ]);
         m && m.length && (c = m[0].value);
       }
       this.changedDataMap.set(d, c), n[e] = c;
-      const u = {
+      const x = {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
-        row: x
+        row: u
       };
       this.getValidator(t, e).then(() => {
         this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-      }), this.ctx.emit("change", [u], [x]), this.ctx.emit("editChange", {
+      }), this.ctx.emit("change", [x], [u]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
         originalValue: f,
-        row: x
+        row: u
       });
     } else
       this.changedDataMap.set(d, c), n[e] = c;
@@ -1812,7 +1816,7 @@ class ai {
       oldValue: h,
       value: c,
       originalValue: this.originalDataMap.get(d),
-      row: x
+      row: u
     }), s && this.ctx.history.pushState({
       type: "single",
       scrollX: this.ctx.scrollX,
@@ -1941,14 +1945,14 @@ class ai {
       return e;
     const i = this.rowKeyMap.size;
     let s = 0, r = 0;
-    const o = this.selectionMap.size, n = Array.from(this.selectionMap.values()).some((x) => x.check);
-    this.rowKeyMap.forEach((x, g) => {
-      var u;
-      (u = this.selectionMap.get(g)) != null && u.check && (s += 1);
-      let p = x.selectable;
+    const o = this.selectionMap.size, n = Array.from(this.selectionMap.values()).some((u) => u.check);
+    this.rowKeyMap.forEach((u, g) => {
+      var x;
+      (x = this.selectionMap.get(g)) != null && x.check && (s += 1);
+      let p = u.selectable;
       typeof p == "function" && (p = p({
-        row: x.item,
-        rowIndex: x.rowIndex
+        row: u.item,
+        rowIndex: u.rowIndex
       })), p && (r += 1);
     });
     const h = o > i && s === 0 && n, c = r && r > s && s > 0 || h, d = r !== 0, f = !!r && r === s;
@@ -2090,14 +2094,14 @@ class ai {
       if (h) {
         let c = {}, d = {};
         if (d[e] = this.getItemValue(t, e), Array.isArray(h)) {
-          const x = h.map((g) => ({
+          const u = h.map((g) => ({
             ...g,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          c[e] = x;
+          c[e] = u;
         } else
           c[e] = {
             ...h,
@@ -2108,8 +2112,8 @@ class ai {
           };
         new nt(c).validate(d).then(() => {
           this.clearValidationError(t, e), i([]);
-        }).catch(({ errors: x }) => {
-          const g = x.map((p) => ({
+        }).catch(({ errors: u }) => {
+          const g = u.map((p) => ({
             ...p,
             column: n,
             key: e,
@@ -2142,10 +2146,10 @@ class ai {
       relationColKeys: c,
       rowspan: d,
       height: f,
-      width: x,
+      width: u,
       colspan: g,
       mergeRow: p,
-      mergeCol: u
+      mergeCol: x
     } = t;
     if (d === 1 && g === 1)
       return {
@@ -2154,7 +2158,7 @@ class ai {
         rowspan: d,
         colspan: g,
         height: f,
-        width: x,
+        width: u,
         offsetTop: 0,
         offsetLeft: 0,
         dataList: [
@@ -2168,7 +2172,7 @@ class ai {
       };
     let w = e, m = e, C = n, y = n, b = [], E = 0, v = 0, _ = 0, L = 0;
     if (d !== 1 && p) {
-      L = x;
+      L = u;
       const I = h.reduce((R, A) => {
         const S = this.getItemValue(s, A) ?? "";
         return `${R}${S}`;
@@ -2209,7 +2213,7 @@ class ai {
         });
       }
     }
-    if (g !== 1 && u) {
+    if (g !== 1 && x) {
       _ = f;
       for (let I = n - 1; I >= 0; I--) {
         const R = this.getColumnByColIndex(I);
@@ -2310,7 +2314,7 @@ class ai {
     return i;
   }
 }
-class li {
+class hi {
   constructor(t) {
     l(this, "ctx");
     l(this, "history", []);
@@ -2365,7 +2369,7 @@ class li {
     this.history = [], this.historyIndex = -1;
   }
 }
-class hi {
+class ci {
   constructor(t) {
     l(this, "eventTasks", /* @__PURE__ */ new Map());
     l(this, "ctx");
@@ -2432,7 +2436,7 @@ class hi {
     t.removeEventListener(e, i), this.eventTasks.delete(e);
   }
 }
-class ci {
+class di {
   constructor() {
     l(this, "events", /* @__PURE__ */ new Map());
   }
@@ -2470,7 +2474,7 @@ class ci {
     this.events.clear();
   }
 }
-class di {
+class fi {
   constructor(t) {
     l(this, "ctx");
     const e = t.getContext("2d");
@@ -2545,8 +2549,8 @@ class di {
     if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, x] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + c, 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 - x, x), this.ctx.arcTo(t, e, t + c, e, c);
+      const [c, d, f, u] = typeof h == "number" ? [h, h, h, h] : h;
+      this.ctx.moveTo(t + c, 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 + c, e, c);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2570,12 +2574,12 @@ class di {
       verticalAlign: f = "middle"
     } = o;
     this.ctx.font = n, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
-    let x = 0;
-    f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
+    let u = 0;
+    f === "top" ? u = i + d : f === "bottom" ? u = i + r - d : u = i + (r + 1) / 2;
     let g = 0;
     h === "left" ? g = e + d : h === "right" ? g = e + s - d : g = e + s / 2;
-    const { _text: p, ellipsis: u } = this.handleEllipsis(t, s, d, n);
-    return this.ctx.fillText(p, g, x), this.ctx.restore(), u;
+    const { _text: p, ellipsis: x } = this.handleEllipsis(t, s, d, n);
+    return this.ctx.fillText(p, g, u), this.ctx.restore(), x;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let r = !1, o = t;
@@ -2691,6 +2695,7 @@ class Wt {
     // 选择器Y最大范围,0默认rowMax
     l(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
     // 选择器Y最大范围,0默认rowMax
+    l(this, "ENABLE_AUTO_THEME", !0);
     l(this, "ENABLE_SELECTOR_SINGLE", !1);
     l(this, "ENABLE_SELECTOR_SPAN_COL", !0);
     l(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
@@ -2745,14 +2750,23 @@ class Wt {
     l(this, "BEFORE_SET_SELECTOR_METHOD");
     l(this, "BEFORE_SET_AUTOFILL_METHOD");
     l(this, "BEFORE_COPY_METHOD");
-    Object.assign(this, t);
+    this.updateCssVar(), Object.assign(this, t);
   }
   init(t) {
-    Object.assign(this, t);
+    this.updateCssVar(), Object.assign(this, t);
+  }
+  // 同步css 样式变量
+  updateCssVar() {
+    Object.keys(this).forEach((t) => {
+      if (t.endsWith("_COLOR")) {
+        const e = `--evt-${t.toLocaleLowerCase().replace(/_/g, "-")}`, i = ai(e);
+        this[t] = i;
+      }
+    });
   }
 }
 const Pt = '<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>';
-class fi {
+class ui {
   constructor(t) {
     l(this, "ctx");
     l(this, "list", [
@@ -2983,8 +2997,8 @@ class oe extends re {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
       const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
-      let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      let f = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck";
+      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), u = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), u = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), u = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), u = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = u, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -3018,12 +3032,20 @@ class xi {
     l(this, "ctx");
     l(this, "visibleHoverCell");
     l(this, "resizeObserver");
+    l(this, "mutationObserver");
     this.ctx = t, this.init();
   }
   init() {
     this.resizeObserver = new ResizeObserver(() => {
       this.ctx.emit("resetHeader"), this.ctx.emit("resizeObserver");
-    }), this.resizeObserver.observe(this.ctx.containerElement), this.ctx.on("mousedown", (t) => {
+    }), this.resizeObserver.observe(this.ctx.containerElement), this.mutationObserver = new MutationObserver((t) => {
+      for (const e of t)
+        e.type === "attributes" && e.attributeName === "class" && (this.ctx.config.updateCssVar(), this.ctx.emit("draw"));
+    }), this.ctx.config.ENABLE_AUTO_THEME && this.mutationObserver.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["class"]
+      // ✅ 只监听 class 更改
+    }), this.ctx.on("mousedown", (t) => {
       if (t.button !== 0 || this.isBusy(t))
         return;
       const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
@@ -3175,10 +3197,10 @@ class xi {
     return t > this.ctx.body.y && t < this.ctx.body.y + this.ctx.body.visibleHeight;
   }
   destroy() {
-    this.resizeObserver.unobserve(this.ctx.stageElement);
+    this.resizeObserver.unobserve(this.ctx.stageElement), this.mutationObserver.disconnect();
   }
 }
-class ui {
+class gi {
   constructor(t, e) {
     l(this, "eventBus");
     l(this, "eventBrowser");
@@ -3292,7 +3314,7 @@ class ui {
       emptyElement: h,
       contextMenuElement: c
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new ci(), this.eventBrowser = new hi(this), this.eventTable = new xi(this), this.paint = new di(this.canvasElement), this.database = new ai(this, e), this.history = new li(this), this.icons = new fi(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new xi(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new ui(this);
   }
   setConfig(t) {
     this.config = new Wt(t);
@@ -3498,12 +3520,12 @@ class zt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0, BORDER: n }
-    } = this.ctx, h = s, c = i, d = e.height, f = e.width, x = t.height, g = this.ctx.footer.height;
+    } = this.ctx, h = s, c = i, d = e.height, f = e.width, u = t.height, g = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = c - r - d, this.distance = x - this.visibleDistance + g, this.trackX = h - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
-      const p = this.distance ? this.visibleDistance / (x + g) : 0;
-      let u = Math.floor(p * this.visibleDistance);
-      u < 30 ? u = 30 : u > this.visibleDistance && (u = 0), this.barHeight = u, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      this.visibleDistance = c - r - d, this.distance = u - this.visibleDistance + g, this.trackX = h - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
+      const p = this.distance ? this.visibleDistance / (u + g) : 0;
+      let x = Math.floor(p * this.visibleDistance);
+      x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, 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 - r, this.distance = f - this.visibleDistance, this.splitPoints = [
         h - r,
@@ -3513,8 +3535,8 @@ class zt {
       ];
       const p = n ? 0 : 0.5;
       this.trackX = 0, this.trackY = c - r + p, this.trackWidth = h, this.trackHeight = r;
-      const u = this.distance ? this.visibleDistance / f : 0;
-      let w = Math.floor(u * this.visibleDistance);
+      const x = this.distance ? this.visibleDistance / f : 0;
+      let w = Math.floor(x * this.visibleDistance);
       this.barY = this.trackY - 1 + (r - o) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = o, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
@@ -3536,7 +3558,7 @@ class zt {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class gi {
+class wi {
   constructor(t) {
     l(this, "ctx");
     l(this, "verticalScrollbar");
@@ -3600,7 +3622,7 @@ class gi {
     this.setScrollY(r - e.visibleHeight / 2);
   }
 }
-class wi {
+class pi {
   constructor(t) {
     l(this, "ctx");
     // 上下文
@@ -3650,7 +3672,7 @@ class wi {
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = te(i), r = It(i);
-    this.height = t * s, this.width = r.reduce((f, x) => f + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
+    this.height = t * s, this.width = r.reduce((f, u) => f + ((u == null ? void 0 : u.width) || 100), 0), this.visibleHeight = this.height;
     const o = ei(ee(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const n = this.ctx.containerElement.getBoundingClientRect();
@@ -3661,9 +3683,9 @@ class wi {
       this.resizeAllColumn(f);
     }
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((f, x) => f + x.width, 0);
+    this.ctx.fixedLeftWidth = c.reduce((f, u) => f + u.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.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;
+    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() {
@@ -3882,7 +3904,7 @@ class ne {
     });
   }
 }
-class pi {
+class mi {
   constructor(t) {
     l(this, "resizeTarget", null);
     //调整行大小的目标
@@ -3923,18 +3945,18 @@ class pi {
         MAX_HEIGHT: c = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
-        FOOTER_POSITION: x
+        FOOTER_POSITION: u
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, x === "top" && r ? this.y = e.height + i.height : this.y = e.height;
+    this.x = 0, u === "top" && r ? this.y = e.height + i.height : this.y = e.height;
     const { data: g, sumHeight: p } = s.getData();
     this.height = p, this.data = g, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
-    const u = this.ctx.footer.height;
-    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - u - o);
+    const x = this.ctx.footer.height;
+    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - x - o);
     let w = this.height + e.height + o;
-    w += u;
+    w += x;
     let m = w;
     const C = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (C > y && d && !n) {
@@ -3943,7 +3965,7 @@ class pi {
     } else this.data.length && n ? m = n : this.data.length && c && w > c && (m = c);
     m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let b = this.ctx.stageHeight - e.height - o;
-    r ? this.visibleHeight = b - u : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = g;
+    r ? this.visibleHeight = b - x : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = g;
     const E = window.devicePixelRatio || 1, v = this.ctx.stageWidth * E, _ = this.ctx.stageHeight * E;
     t.width = Math.floor(v), t.height = Math.floor(_);
     const L = this.data.length ? "not-empty" : "empty";
@@ -3952,9 +3974,9 @@ class pi {
       type: L,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: u,
+      footerHeight: x,
       width: this.width,
-      height: this.data.length ? 0 : h + u
+      height: this.data.length ? 0 : h + x
     }), this.ctx.canvasElement.setAttribute(
       "style",
       ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
@@ -3984,8 +4006,8 @@ class pi {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const f = this.resizeTarget.height;
-        let x = n - this.clientY;
-        x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
+        let u = n - this.clientY;
+        u + f < d && (u = -(f - d)), this.resizeDiff = u, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -3997,11 +4019,11 @@ class pi {
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
-          const x = this.renderRows[f];
-          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < h - 4)
-            for (let p = 0; p < x.cells.length; p++) {
-              const u = x.cells[p];
-              o > u.drawX + 10 && o < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
+          const u = this.renderRows[f];
+          if (r > u.y - c + u.height - 1.5 && r < u.y - c + u.height + 1.5 && r < h - 4)
+            for (let p = 0; p < u.cells.length; p++) {
+              const x = u.cells[p];
+              o > x.drawX + 10 && o < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
             }
         }
       }
@@ -4084,7 +4106,7 @@ class pi {
     this.headIndex = Math.max(0, h), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = o.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 x = this.headIndex + f, g = this.visibleRows[f], { height: p, top: u } = this.ctx.database.getPositionForRowIndex(x), w = new ne(this.ctx, x, 0, u + this.y, t.width, p, g);
+      const u = this.headIndex + f, g = this.visibleRows[f], { height: p, top: x } = this.ctx.database.getPositionForRowIndex(u), w = new ne(this.ctx, u, 0, x + this.y, t.width, p, g);
       d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -4101,7 +4123,7 @@ class pi {
     }), this.drawTipLine();
   }
 }
-class mi {
+class yi {
   constructor(t) {
     l(this, "ctx");
     l(this, "renderRows", []);
@@ -4182,7 +4204,7 @@ class mi {
     }), this.drawTopLine();
   }
 }
-class yi {
+class Ei {
   // 垂直滚动定时器
   constructor(t) {
     l(this, "isCut", !1);
@@ -4301,16 +4323,16 @@ class yi {
         SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
-        SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
+        SELECTOR_AREA_MAX_Y_OFFSET: u
+      } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, x = c, w = d || this.ctx.maxRowIndex - u;
       let [m, C] = r, [y, b] = o;
-      if (m < g || C > p || y < u || b > w)
+      if (m < g || C > p || y < x || b > w)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const v = this.adjustMergeCells(r, o);
         y = v.yArr[0], b = v.yArr[1], m = v.xArr[0], C = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
       }
-      m === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, m), Math.min(p, C)], o = [Math.max(u, y), Math.min(w, b)];
+      m === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, m), Math.min(p, C)], o = [Math.max(x, y), Math.min(w, b)];
       const { BEFORE_SET_SELECTOR_METHOD: E } = this.ctx.config;
       if (typeof E == "function") {
         const _ = E({
@@ -4329,38 +4351,38 @@ class yi {
     var p;
     const [i, s] = e, [r, o] = t;
     let n = [], h = [];
-    for (let u = 0; u <= e[1] - e[0]; u++)
+    for (let x = 0; x <= e[1] - e[0]; x++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const m = u + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(m, C);
+        const m = x + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(m, C);
         y && ((m === i || m === s) && n.push(y), (C === r || C === o) && h.push(y));
       }
     const c = n.reduce(
-      (u, w) => {
+      (x, w) => {
         const { yArr: m } = w.getSpanInfo(), [C, y] = m;
-        return u.minY = Math.min(u.minY, C), u.maxY = Math.max(u.maxY, y), u;
+        return x.minY = Math.min(x.minY, C), x.maxY = Math.max(x.maxY, y), x;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = h.reduce(
-      (u, w) => {
+      (x, w) => {
         const { xArr: m } = w.getSpanInfo(), [C, y] = m;
-        return u.minX = Math.min(u.minX, C), u.maxX = Math.max(u.maxX, y), u;
+        return x.minX = Math.min(x.minX, C), x.maxX = Math.max(x.maxX, y), x;
       },
       {
         minX: r,
         maxX: o
       }
-    ), f = [d.minX, d.maxX], x = [c.minY, c.maxY];
+    ), f = [d.minX, d.maxX], u = [c.minY, c.maxY];
     let g = !1;
     if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const u = JSON.stringify(f) + JSON.stringify(x), w = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
-      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === u;
+      const x = JSON.stringify(f) + JSON.stringify(u), w = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
+      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === x;
     }
     return {
       xArr: f,
-      yArr: x,
+      yArr: u,
       onlyMergeCell: g
     };
   }
@@ -4398,7 +4420,7 @@ class yi {
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: n,
         SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h, g = [c, d], p = [f, x];
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, u = o || this.ctx.maxRowIndex - h, g = [c, d], p = [f, u];
       this.setSelector(g, p);
     }
   }
@@ -4437,8 +4459,8 @@ class yi {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [h, c], g = [d, f];
-        this.setSelector(x, g);
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), u = [h, c], g = [d, f];
+        this.setSelector(u, g);
       } else {
         this.ctx.emit("cellSelectedClick", e);
         const s = [e.colIndex, e.colIndex], r = [e.rowIndex, e.rowIndex];
@@ -4506,9 +4528,9 @@ class yi {
       for (let h = 0; h <= t[1] - t[0]; h++) {
         const c = n + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
         if (f) {
-          const { rowKey: x, key: g } = f;
-          this.ctx.database.getReadonly(x, g) || (r.add(x), s.push({
-            rowKey: x,
+          const { rowKey: u, key: g } = f;
+          this.ctx.database.getReadonly(u, g) || (r.add(u), s.push({
+            rowKey: u,
             key: g,
             value: null,
             row: {}
@@ -4536,18 +4558,18 @@ class yi {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (r) => {
         let o = si(r);
-        const n = [i, i + o[0].length - 1], h = [e, e + o.length - 1], [c, d] = h, [f, x] = n, g = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
+        const n = [i, i + o[0].length - 1], h = [e, e + o.length - 1], [c, d] = h, [f, u] = n, g = d - this.ctx.maxRowIndex, p = u - this.ctx.maxColIndex;
         (g > 0 || p > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
-          maxX: x,
+          maxX: u,
           minY: c,
           minX: f,
           overflowRowCount: g,
           overflowColCount: p,
           textArr: o
         });
-        const u = o.length === 1 && o[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !u) {
+        const x = o.length === 1 && o[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !x) {
           const y = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
@@ -4650,8 +4672,8 @@ class yi {
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: n,
       SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h;
-    return !(e < c || e > d || t < f || t > x);
+    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, u = o || this.ctx.maxRowIndex - h;
+    return !(e < c || e > d || t < f || t > u);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4693,16 +4715,16 @@ class yi {
       body: h,
       scrollX: c,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: p }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: p }
     } = this.ctx;
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: u, drawY: w, width: m, height: C, fixed: y } = i, b = r - u + 1, E = i.drawX + m - (e - s) + 1;
+    const { drawX: x, drawY: w, width: m, height: C, fixed: y } = i, b = r - x + 1, E = i.drawX + m - (e - s) + 1;
     let v = o.height - w, _ = C;
     _ > h.visibleHeight && (_ = h.visibleHeight);
     let L = 0;
-    x && (g === "top" ? v = o.height + n.height - w : L = n.visibleHeight);
+    u && (g === "top" ? v = o.height + n.height - w : L = n.visibleHeight);
     const I = w + _ - (t - L - f);
     let R = c, A = d;
     E > 0 && !y ? R = Math.floor(c + E) : b > 0 && !y && (R = Math.floor(c - b)), v > 0 ? A = Math.floor(d - v) : I > 0 && (A = Math.floor(d + I)), (Math.abs(c - R) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, A), this.ctx.emit("adjustBoundaryPosition", i));
@@ -4711,7 +4733,7 @@ class yi {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class Ei {
+class Ci {
   constructor(t) {
     l(this, "ctx");
     l(this, "maxColRowCell");
@@ -4721,8 +4743,8 @@ class Ei {
     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: r, drawX: o, drawY: n, width: h, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, x = o + h - d + f, g = n + c - d + f;
-      e > x && i > g && e < x + d && i < g + d && (this.ctx.stageElement.style.cursor = "crosshair");
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: r, drawX: o, drawY: n, width: h, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, u = o + h - d + f, g = n + c - d + f;
+      e > u && i > g && e < u + d && i < g + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], r = i[1], { colIndex: o, rowIndex: n } = t;
       this.ctx.config.ENABLE_AUTOFILL && o === s && n === r && (this.maxColRowCell = t), this.mouseenter(t);
@@ -4767,13 +4789,13 @@ class Ei {
         SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: x,
+        SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: g
-      } = this.ctx.config, p = h, u = c || this.ctx.maxColIndex - x, w = d, m = f || this.ctx.maxRowIndex - g;
+      } = this.ctx.config, p = h, x = c || this.ctx.maxColIndex - u, w = d, m = f || this.ctx.maxRowIndex - g;
       let [C, y] = o, [b, E] = n;
       if (C < p || b < w)
         return;
-      o = [Math.max(p, C), Math.min(u, y)], n = [Math.max(w, b), Math.min(m, E)];
+      o = [Math.max(p, C), Math.min(x, y)], n = [Math.max(w, b), Math.min(m, E)];
       const { BEFORE_SET_AUTOFILL_METHOD: v } = this.ctx.config;
       if (typeof v == "function") {
         const L = v({
@@ -4795,8 +4817,8 @@ class Ei {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let g = 0; g <= e.yArr[1] - e.yArr[0]; g++)
       for (let p = 0; p <= e.xArr[1] - e.xArr[0]; p++) {
-        const u = g + e.yArr[0], w = p + e.xArr[0];
-        i.set(`${u}-${w}`, !0);
+        const x = g + e.yArr[0], w = p + e.xArr[0];
+        i.set(`${x}-${w}`, !0);
       }
     const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr, c = r === 1 && o === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !c) {
@@ -4810,7 +4832,7 @@ class Ei {
     let d = [];
     for (let g = 0; g <= h[1] - h[0]; g++)
       for (let p = 0; p <= n[1] - n[0]; p++) {
-        const u = p + n[0], w = g + h[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), y = `${w}-${u}`;
+        const x = p + n[0], w = g + h[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, x), y = `${w}-${x}`;
         if (C && !i.has(y)) {
           const { rowKey: b, key: E } = C;
           this.ctx.database.getReadonly(b, E) || (t.add(b), d.push({
@@ -4826,21 +4848,21 @@ class Ei {
     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 g = f, p = d.map((u) => ({
-        rowKey: u.rowKey,
-        key: u.key,
-        value: u.value,
-        oldValue: this.ctx.database.getItemValue(u.rowKey, u.key),
-        row: this.ctx.database.getRowDataItemForRowKey(u.rowKey)
+      const g = f, p = d.map((x) => ({
+        rowKey: x.rowKey,
+        key: x.key,
+        value: x.value,
+        oldValue: this.ctx.database.getItemValue(x.rowKey, x.key),
+        row: this.ctx.database.getRowDataItemForRowKey(x.rowKey)
       }));
       if (d = await g(p, n, h), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
-    let x = [];
+    let u = [];
     t.forEach((g) => {
-      x.push(this.ctx.database.getRowDataItemForRowKey(g));
-    }), this.ctx.emit("autofillChange", d, x);
+      u.push(this.ctx.database.getRowDataItemForRowKey(g));
+    }), this.ctx.emit("autofillChange", d, u);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4857,12 +4879,12 @@ class Ei {
 const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   x: a,
   y: a
-}), Ci = {
+}), bi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, bi = {
+}, vi = {
   start: "end",
   end: "start"
 };
@@ -4890,20 +4912,20 @@ function J(a) {
 function Ht(a) {
   return ae(J(a));
 }
-function vi(a, t, e) {
+function Ri(a, t, e) {
   e === void 0 && (e = !1);
   const i = lt(a), s = Ht(a), r = Mt(s);
   let o = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (o = xt(o)), [o, xt(o)];
+  return t.reference[r] > t.floating[r] && (o = ut(o)), [o, ut(o)];
 }
-function Ri(a) {
-  const t = xt(a);
+function Ii(a) {
+  const t = ut(a);
   return [Ot(a), t, Ot(t)];
 }
 function Ot(a) {
-  return a.replace(/start|end/g, (t) => bi[t]);
+  return a.replace(/start|end/g, (t) => vi[t]);
 }
-function Ii(a, t, e) {
+function _i(a, t, e) {
   const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
   switch (a) {
     case "top":
@@ -4916,15 +4938,15 @@ function Ii(a, t, e) {
       return [];
   }
 }
-function _i(a, t, e, i) {
+function Oi(a, t, e, i) {
   const s = lt(a);
-  let r = Ii(G(a), e === "start", i);
+  let r = _i(G(a), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
-function xt(a) {
-  return a.replace(/left|right|bottom|top/g, (t) => Ci[t]);
+function ut(a) {
+  return a.replace(/left|right|bottom|top/g, (t) => bi[t]);
 }
-function Oi(a) {
+function Li(a) {
   return {
     top: 0,
     right: 0,
@@ -4934,14 +4956,14 @@ function Oi(a) {
   };
 }
 function le(a) {
-  return typeof a != "number" ? Oi(a) : {
+  return typeof a != "number" ? Li(a) : {
     top: a,
     right: a,
     bottom: a,
     left: a
   };
 }
-function ut(a) {
+function xt(a) {
   const {
     x: t,
     y: e,
@@ -4964,7 +4986,7 @@ function $t(a, t, e) {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
+  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[n] / 2 - s[n] / 2;
   let g;
   switch (h) {
     case "top":
@@ -4999,15 +5021,15 @@ function $t(a, t, e) {
   }
   switch (lt(t)) {
     case "start":
-      g[o] -= x * (e && c ? -1 : 1);
+      g[o] -= u * (e && c ? -1 : 1);
       break;
     case "end":
-      g[o] += x * (e && c ? -1 : 1);
+      g[o] += u * (e && c ? -1 : 1);
       break;
   }
   return g;
 }
-const Li = async (a, t, e) => {
+const Si = async (a, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
@@ -5021,12 +5043,12 @@ const Li = async (a, t, e) => {
   }), {
     x: d,
     y: f
-  } = $t(c, i, h), x = i, g = {}, p = 0;
-  for (let u = 0; u < n.length; u++) {
+  } = $t(c, i, h), u = i, g = {}, p = 0;
+  for (let x = 0; x < n.length; x++) {
     const {
       name: w,
       fn: m
-    } = n[u], {
+    } = n[x], {
       x: C,
       y,
       data: b,
@@ -5035,7 +5057,7 @@ const Li = async (a, t, e) => {
       x: d,
       y: f,
       initialPlacement: i,
-      placement: x,
+      placement: u,
       strategy: s,
       middlewareData: g,
       rects: c,
@@ -5051,19 +5073,19 @@ const Li = async (a, t, e) => {
         ...g[w],
         ...b
       }
-    }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (x = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
+    }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (u = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
       reference: a,
       floating: t,
       strategy: s
     }) : E.rects), {
       x: d,
       y: f
-    } = $t(c, x, h)), u = -1);
+    } = $t(c, u, h)), x = -1);
   }
   return {
     x: d,
     y: f,
-    placement: x,
+    placement: u,
     strategy: s,
     middlewareData: g
   };
@@ -5082,9 +5104,9 @@ async function he(a, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: x = !1,
+    altBoundary: u = !1,
     padding: g = 0
-  } = at(t, a), p = le(g), w = n[x ? f === "floating" ? "reference" : "floating" : f], m = ut(await r.getClippingRect({
+  } = at(t, a), p = le(g), w = n[u ? f === "floating" ? "reference" : "floating" : f], m = xt(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
     boundary: c,
     rootBoundary: d,
@@ -5100,7 +5122,7 @@ async function he(a, t) {
   } : {
     x: 1,
     y: 1
-  }, E = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = xt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: C,
     offsetParent: y,
@@ -5113,7 +5135,7 @@ async function he(a, t) {
     right: (E.right - m.right + p.right) / b.x
   };
 }
-const Si = (a) => ({
+const Ai = (a) => ({
   name: "arrow",
   options: a,
   async fn(t) {
@@ -5131,15 +5153,15 @@ const Si = (a) => ({
     } = at(a, t) || {};
     if (c == null)
       return {};
-    const f = le(d), x = {
+    const f = le(d), u = {
       x: e,
       y: i
-    }, g = Ht(s), p = Mt(g), u = await o.getDimensions(c), w = g === "y", m = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[g] - x[g] - r.floating[p], E = x[g] - r.reference[g], v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    }, g = Ht(s), p = Mt(g), x = await o.getDimensions(c), w = g === "y", m = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[g] - u[g] - r.floating[p], E = u[g] - r.reference[g], v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let _ = v ? v[y] : 0;
     (!_ || !await (o.isElement == null ? void 0 : o.isElement(v))) && (_ = n.floating[y] || r.floating[p]);
-    const L = b / 2 - E / 2, I = _ / 2 - u[p] / 2 - 1, R = rt(f[m], I), A = rt(f[C], I), S = R, M = _ - u[p] - A, T = _ / 2 - u[p] / 2 + L, B = _t(S, T, M), Y = !h.arrow && lt(s) != null && T !== B && r.reference[p] / 2 - (T < S ? R : A) - u[p] / 2 < 0, k = Y ? T < S ? T - S : T - M : 0;
+    const L = b / 2 - E / 2, I = _ / 2 - x[p] / 2 - 1, R = rt(f[m], I), A = rt(f[C], I), S = R, M = _ - x[p] - A, T = _ / 2 - x[p] / 2 + L, B = _t(S, T, M), Y = !h.arrow && lt(s) != null && T !== B && r.reference[p] / 2 - (T < S ? R : A) - x[p] / 2 < 0, k = Y ? T < S ? T - S : T - M : 0;
     return {
-      [g]: x[g] + k,
+      [g]: u[g] + k,
       data: {
         [g]: B,
         centerOffset: T - B - k,
@@ -5150,7 +5172,7 @@ const Si = (a) => ({
       reset: Y
     };
   }
-}), Ai = function(a) {
+}), Ti = function(a) {
   return a === void 0 && (a = {}), {
     name: "flip",
     options: a,
@@ -5166,20 +5188,20 @@ const Si = (a) => ({
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: x,
+        fallbackPlacements: u,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: u = !0,
+        flipAlignment: x = !0,
         ...w
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const m = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = x || (y || !u ? [xt(n)] : Ri(n)), v = p !== "none";
-      !x && v && E.push(..._i(n, u, p, b));
+      const m = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = u || (y || !x ? [ut(n)] : Ii(n)), v = p !== "none";
+      !u && v && E.push(...Oi(n, x, p, b));
       const _ = [n, ...E], L = await he(t, w), I = [];
       let R = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && I.push(L[m]), f) {
-        const T = vi(s, o, b);
+        const T = Ri(s, o, b);
         I.push(L[T[0]], L[T[1]]);
       }
       if (R = [...R, {
@@ -5230,14 +5252,14 @@ const Si = (a) => ({
     }
   };
 };
-async function Ti(a, t) {
+async function Mi(a, t) {
   const {
     placement: e,
     platform: i,
     elements: s
   } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = G(e), n = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, a);
   let {
-    mainAxis: x,
+    mainAxis: u,
     crossAxis: g,
     alignmentAxis: p
   } = typeof f == "number" ? {
@@ -5251,13 +5273,13 @@ async function Ti(a, t) {
   };
   return n && typeof p == "number" && (g = n === "end" ? p * -1 : p), h ? {
     x: g * d,
-    y: x * c
+    y: u * c
   } : {
-    x: x * c,
+    x: u * c,
     y: g * d
   };
 }
-const Mi = function(a) {
+const Hi = function(a) {
   return a === void 0 && (a = 0), {
     name: "offset",
     options: a,
@@ -5268,7 +5290,7 @@ const Mi = function(a) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, h = await Ti(t, a);
+      } = t, h = await Mi(t, a);
       return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
         x: s + h.x,
         y: r + h.y,
@@ -5279,7 +5301,7 @@ const Mi = function(a) {
       };
     }
   };
-}, Hi = function(a) {
+}, Di = function(a) {
   return a === void 0 && (a = {}), {
     name: "shift",
     options: a,
@@ -5307,28 +5329,28 @@ const Mi = function(a) {
       } = at(a, t), c = {
         x: e,
         y: i
-      }, d = await he(t, h), f = J(G(s)), x = ae(f);
-      let g = c[x], p = c[f];
+      }, d = await he(t, h), f = J(G(s)), u = ae(f);
+      let g = c[u], p = c[f];
       if (r) {
-        const w = x === "y" ? "top" : "left", m = x === "y" ? "bottom" : "right", C = g + d[w], y = g - d[m];
+        const w = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", C = g + d[w], y = g - d[m];
         g = _t(C, g, y);
       }
       if (o) {
         const w = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", C = p + d[w], y = p - d[m];
         p = _t(C, p, y);
       }
-      const u = n.fn({
+      const x = n.fn({
         ...t,
-        [x]: g,
+        [u]: g,
         [f]: p
       });
       return {
-        ...u,
+        ...x,
         data: {
-          x: u.x - e,
-          y: u.y - i,
+          x: x.x - e,
+          y: x.y - i,
           enabled: {
-            [x]: r,
+            [u]: r,
             [f]: o
           }
         }
@@ -5353,7 +5375,7 @@ function V(a) {
 function ce(a) {
   return gt() ? a instanceof Node || a instanceof N(a).Node : !1;
 }
-function X(a) {
+function F(a) {
   return gt() ? a instanceof Element || a instanceof N(a).Element : !1;
 }
 function K(a) {
@@ -5368,10 +5390,10 @@ function ht(a) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(a);
+  } = X(a);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Di(a) {
+function Ni(a) {
   return ["table", "td", "th"].includes(tt(a));
 }
 function wt(a) {
@@ -5384,10 +5406,10 @@ function wt(a) {
   });
 }
 function Dt(a) {
-  const t = Nt(), e = X(a) ? F(a) : a;
+  const t = Nt(), e = F(a) ? X(a) : a;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Ni(a) {
+function Fi(a) {
   let t = $(a);
   for (; K(t) && !Q(t); ) {
     if (Dt(t))
@@ -5404,11 +5426,11 @@ function Nt() {
 function Q(a) {
   return ["html", "body", "#document"].includes(tt(a));
 }
-function F(a) {
+function X(a) {
   return N(a).getComputedStyle(a);
 }
 function pt(a) {
-  return X(a) ? {
+  return F(a) ? {
     scrollLeft: a.scrollLeft,
     scrollTop: a.scrollTop
   } : {
@@ -5446,7 +5468,7 @@ function St(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function fe(a) {
-  const t = F(a);
+  const t = X(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = K(a), r = s ? a.offsetWidth : e, o = s ? a.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
   return n && (e = r, i = o), {
@@ -5455,11 +5477,11 @@ function fe(a) {
     $: n
   };
 }
-function xe(a) {
-  return X(a) ? a : a.contextElement;
+function ue(a) {
+  return F(a) ? a : a.contextElement;
 }
 function Z(a) {
-  const t = xe(a);
+  const t = ue(a);
   if (!K(t))
     return z(1);
   const e = t.getBoundingClientRect(), {
@@ -5474,39 +5496,39 @@ function Z(a) {
   };
 }
 const Xi = /* @__PURE__ */ z(0);
-function ue(a) {
+function xe(a) {
   const t = N(a);
   return !Nt() || !t.visualViewport ? Xi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Fi(a, t, e) {
+function Bi(a, t, e) {
   return t === void 0 && (t = !1), !e || t && e !== N(a) ? !1 : t;
 }
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = a.getBoundingClientRect(), r = xe(a);
+  const s = a.getBoundingClientRect(), r = ue(a);
   let o = z(1);
-  t && (i ? X(i) && (o = Z(i)) : o = Z(a));
-  const n = Fi(r, e, i) ? ue(r) : z(0);
+  t && (i ? F(i) && (o = Z(i)) : o = Z(a));
+  const n = Bi(r, e, i) ? xe(r) : z(0);
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
-    const x = N(r), g = i && X(i) ? N(i) : i;
-    let p = x, u = St(p);
-    for (; u && i && g !== p; ) {
-      const w = Z(u), m = u.getBoundingClientRect(), C = F(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = N(u), u = St(p);
+    const u = N(r), g = i && F(i) ? N(i) : i;
+    let p = u, x = St(p);
+    for (; x && i && g !== p; ) {
+      const w = Z(x), m = x.getBoundingClientRect(), C = X(x), y = m.left + (x.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (x.clientTop + parseFloat(C.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = N(x), x = St(p);
     }
   }
-  return ut({
+  return xt({
     width: d,
     height: f,
     x: h,
     y: c
   });
 }
-function Bi(a) {
+function ki(a) {
   let {
     elements: t,
     rect: e,
@@ -5522,8 +5544,8 @@ function Bi(a) {
   }, c = z(1);
   const d = z(0), f = K(i);
   if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), K(i))) {
-    const x = ot(i);
-    c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    const u = ot(i);
+    c = Z(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
   }
   return {
     width: e.width * c.x,
@@ -5532,25 +5554,25 @@ function Bi(a) {
     y: e.y * c.y - h.scrollTop * c.y + d.y
   };
 }
-function ki(a) {
+function Ki(a) {
   return Array.from(a.getClientRects());
 }
 function At(a, t) {
   const e = pt(a).scrollLeft;
   return t ? t.left + e : ot(V(a)).left + e;
 }
-function Ki(a) {
+function Yi(a) {
   const t = V(a), e = pt(a), i = a.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let o = -e.scrollLeft + At(a);
   const n = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return X(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
     y: n
   };
 }
-function Yi(a, t) {
+function Vi(a, t) {
   const e = N(a), i = V(a), s = e.visualViewport;
   let r = i.clientWidth, o = i.clientHeight, n = 0, h = 0;
   if (s) {
@@ -5565,7 +5587,7 @@ function Yi(a, t) {
     y: h
   };
 }
-function Vi(a, t) {
+function Wi(a, t) {
   const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, r = K(a) ? Z(a) : z(1), o = a.clientWidth * r.x, n = a.clientHeight * r.y, h = s * r.x, c = i * r.y;
   return {
     width: o,
@@ -5577,46 +5599,46 @@ function Vi(a, t) {
 function Gt(a, t, e) {
   let i;
   if (t === "viewport")
-    i = Yi(a, e);
+    i = Vi(a, e);
   else if (t === "document")
-    i = Ki(V(a));
-  else if (X(t))
-    i = Vi(t, e);
+    i = Yi(V(a));
+  else if (F(t))
+    i = Wi(t, e);
   else {
-    const s = ue(a);
+    const s = xe(a);
     i = {
       ...t,
       x: t.x - s.x,
       y: t.y - s.y
     };
   }
-  return ut(i);
+  return xt(i);
 }
 function ge(a, t) {
   const e = $(a);
-  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || ge(e, t);
+  return e === t || !F(e) || Q(e) ? !1 : X(e).position === "fixed" || ge(e, t);
 }
-function Wi(a, t) {
+function Pi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = Lt(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
-  const r = F(a).position === "fixed";
+  let i = Lt(a, [], !1).filter((n) => F(n) && tt(n) !== "body"), s = null;
+  const r = X(a).position === "fixed";
   let o = r ? $(a) : a;
-  for (; X(o) && !Q(o); ) {
-    const n = F(o), h = Dt(o);
+  for (; F(o) && !Q(o); ) {
+    const n = X(o), h = Dt(o);
     !h && n.position === "fixed" && (s = null), (r ? !h && !s : !h && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && ge(a, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
   }
   return t.set(a, i), i;
 }
-function Pi(a) {
+function zi(a) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
   } = a;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Wi(t, this._c) : [].concat(e), i], n = o[0], h = o.reduce((c, d) => {
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Pi(t, this._c) : [].concat(e), i], n = o[0], h = o.reduce((c, d) => {
     const f = Gt(t, d, s);
     return c.top = U(f.top, c.top), c.right = rt(f.right, c.right), c.bottom = rt(f.bottom, c.bottom), c.left = U(f.left, c.left), c;
   }, Gt(t, n, s));
@@ -5627,7 +5649,7 @@ function Pi(a) {
     y: h.top
   };
 }
-function zi(a) {
+function $i(a) {
   const {
     width: t,
     height: e
@@ -5637,7 +5659,7 @@ function zi(a) {
     height: e
   };
 }
-function $i(a, t, e) {
+function qi(a, t, e) {
   const i = K(t), s = V(t), r = e === "fixed", o = ot(a, !0, r, t);
   let n = {
     scrollLeft: 0,
@@ -5655,19 +5677,19 @@ function $i(a, t, e) {
     d = g.top + n.scrollTop, c = g.left + n.scrollLeft - // RTL <body> scrollbar.
     At(s, g);
   }
-  const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
+  const f = o.left + n.scrollLeft - h.x - c, u = o.top + n.scrollTop - h.y - d;
   return {
     x: f,
-    y: x,
+    y: u,
     width: o.width,
     height: o.height
   };
 }
 function yt(a) {
-  return F(a).position === "static";
+  return X(a).position === "static";
 }
 function jt(a, t) {
-  if (!K(a) || F(a).position === "fixed")
+  if (!K(a) || X(a).position === "fixed")
     return null;
   if (t)
     return t(a);
@@ -5681,21 +5703,21 @@ function we(a, t) {
   if (!K(a)) {
     let s = $(a);
     for (; s && !Q(s); ) {
-      if (X(s) && !yt(s))
+      if (F(s) && !yt(s))
         return s;
       s = $(s);
     }
     return e;
   }
   let i = jt(a, t);
-  for (; i && Di(i) && yt(i); )
+  for (; i && Ni(i) && yt(i); )
     i = jt(i, t);
-  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Ni(a) || e;
+  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Fi(a) || e;
 }
-const qi = async function(a) {
+const Gi = async function(a) {
   const t = this.getOffsetParent || we, e = this.getDimensions, i = await e(a.floating);
   return {
-    reference: $i(a.reference, await t(a.floating), a.strategy),
+    reference: qi(a.reference, await t(a.floating), a.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -5704,34 +5726,34 @@ const qi = async function(a) {
     }
   };
 };
-function Gi(a) {
-  return F(a).direction === "rtl";
+function ji(a) {
+  return X(a).direction === "rtl";
 }
-const ji = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Bi,
+const Ui = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ki,
   getDocumentElement: V,
-  getClippingRect: Pi,
+  getClippingRect: zi,
   getOffsetParent: we,
-  getElementRects: qi,
-  getClientRects: ki,
-  getDimensions: zi,
+  getElementRects: Gi,
+  getClientRects: Ki,
+  getDimensions: $i,
   getScale: Z,
-  isElement: X,
-  isRTL: Gi
-}, pe = Mi, me = Hi, ye = Ai, Ui = Si, Ee = (a, t, e) => {
+  isElement: F,
+  isRTL: ji
+}, pe = Hi, me = Di, ye = Ti, Zi = Ai, Ee = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: ji,
+    platform: Ui,
     ...e
   }, r = {
     ...s.platform,
     _c: i
   };
-  return Li(a, t, {
+  return Si(a, t, {
     ...s,
     platform: r
   });
 };
-let Zi = class {
+let Ji = class {
   constructor(t) {
     l(this, "ctx");
     l(this, "enable", !1);
@@ -5803,33 +5825,33 @@ let Zi = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [me(), ye(), pe(6), Ui({ element: this.arrowEl })]
+      middleware: [me(), ye(), pe(6), Zi({ element: this.arrowEl })]
     }).then((n) => {
       const { x: h, y: c, placement: d, middlewareData: f } = n;
       if (Object.assign(this.floatingEl.style, {
         top: `${c}px`,
         left: `${h}px`
       }), f.arrow) {
-        const x = f.arrow;
+        const u = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         });
       }
@@ -5842,7 +5864,7 @@ let Zi = class {
     this.contentEl.remove(), this.arrowEl.remove(), this.floatingEl.remove();
   }
 };
-class Ji {
+class Qi {
   constructor(t) {
     l(this, "editorEl");
     l(this, "inputEl");
@@ -5993,8 +6015,8 @@ class Ji {
     let f = this.ctx.body.visibleHeight;
     if (r > f && (r = 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 = `${o - 1}px`, this.inputEl.style.minHeight = `${r - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${o - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
-      const x = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(x, x);
+      const u = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(u, u);
     } else
       this.inputEl.style.display = "none";
     (this.inputEl.scrollHeight > r || this.drawY < d.height) && this.autoSize();
@@ -6044,7 +6066,7 @@ class Ji {
     (t = this.editorEl) == null || t.remove();
   }
 }
-class Qi {
+class ts {
   constructor(t) {
     l(this, "ctx");
     l(this, "emptyEl");
@@ -6068,7 +6090,7 @@ class Qi {
     this.emptyEl.remove();
   }
 }
-class ts {
+class es {
   constructor(t) {
     l(this, "ctx");
     this.ctx = t;
@@ -6101,7 +6123,7 @@ class ts {
     n.forEach((w) => {
       w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : h.push(w));
     });
-    const f = e - i, x = {
+    const f = e - i, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6144,7 +6166,7 @@ class ts {
         width: `${r}px`,
         height: `${o}px`
       },
-      views: [x, g, p]
+      views: [u, g, p]
     };
   }
   getBody() {
@@ -6159,7 +6181,7 @@ class ts {
       fixedLeftWidth: r,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, x = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6202,13 +6224,13 @@ class ts {
         width: `${c}px`,
         height: `${d}px`
       },
-      views: [x, g, p]
+      views: [u, g, p]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((u) => {
-      u.cells.forEach((w) => {
+    this.ctx.footer.renderRows.forEach((x) => {
+      x.cells.forEach((w) => {
         w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
@@ -6227,7 +6249,7 @@ class ts {
         height: `${c}px`
       },
       cells: e
-    }, x = {
+    }, u = {
       key: "center",
       style: {
         position: "absolute",
@@ -6259,11 +6281,11 @@ class ts {
         width: `${h}px`,
         height: `${c}px`
       },
-      views: [f, x, g]
+      views: [f, u, g]
     };
   }
 }
-class es {
+class is {
   constructor(t) {
     l(this, "ctx");
     l(this, "contextMenuEl");
@@ -6276,7 +6298,7 @@ class es {
       e.preventDefault();
       const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, h] = s, { rowIndex: c, colIndex: d } = t;
       c >= n && c <= h && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
-      const x = {
+      const u = {
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
@@ -6289,7 +6311,7 @@ class es {
         }),
         contextElement: document.body
       };
-      Ee(x, this.contextMenuEl, {
+      Ee(u, this.contextMenuEl, {
         placement: "right-start",
         middleware: [pe(), me(), ye()]
       }).then(({ x: g, y: p }) => {
@@ -6347,7 +6369,7 @@ class es {
     this.contextMenuEl.remove();
   }
 }
-class rs {
+class os {
   constructor(t, e) {
     l(this, "options");
     l(this, "scroller");
@@ -6370,7 +6392,7 @@ class rs {
       r,
       o
     );
-    this.ctx = new ui(n, this.options), this.header = new wi(this.ctx), this.footer = new mi(this.ctx), this.body = new pi(this.ctx), this.scroller = new gi(this.ctx), this.selector = new yi(this.ctx), this.autofill = new Ei(this.ctx), this.tooltip = new Zi(this.ctx), this.empty = new Qi(this.ctx), this.editor = new Ji(this.ctx), this.overlayer = new ts(this.ctx), this.contextMenu = new es(this.ctx), this.ctx.on("draw", () => {
+    this.ctx = new gi(n, this.options), this.header = new pi(this.ctx), this.footer = new yi(this.ctx), this.body = new mi(this.ctx), this.scroller = new wi(this.ctx), this.selector = new Ei(this.ctx), this.autofill = new Ci(this.ctx), this.tooltip = new Ji(this.ctx), this.empty = new ts(this.ctx), this.editor = new Qi(this.ctx), this.overlayer = new es(this.ctx), this.contextMenu = new is(this.ctx), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
@@ -6602,6 +6624,6 @@ class rs {
   }
 }
 export {
-  rs as default
+  os as default
 };
 //# sourceMappingURL=index.es.js.map