e-virt-table 0.0.19 → 0.0.21

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-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;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);pointer-events:auto;display:flex;align-items:center}.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}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(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-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;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);pointer-events:auto;display:flex;align-items:center}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;padding:8px;outline:none;font-weight:400;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:18px;margin:0;border:none;background:var(--e-virt-table-color-white);overflow:hidden;cursor:text}.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}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 var me = Object.defineProperty;
 var Ee = (a, t, e) => t in a ? me(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var c = (a, t, e) => Ee(a, typeof t != "symbol" ? t + "" : t, e);
@@ -36,11 +36,11 @@ function be() {
   }
 }
 function dt(a, t, e) {
-  return be() ? dt = Reflect.construct.bind() : dt = function(s, o, r) {
+  return be() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
     var n = [null];
-    n.push.apply(n, o);
+    n.push.apply(n, r);
     var l = Function.bind.apply(s, n), h = new l();
-    return r && st(h, r.prototype), h;
+    return o && st(h, o.prototype), h;
   }, dt.apply(null, arguments);
 }
 function ve(a) {
@@ -87,14 +87,14 @@ function bt(a) {
 function M(a) {
   for (var t = arguments.length, e = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
     e[i - 1] = arguments[i];
-  var s = 0, o = e.length;
+  var s = 0, r = e.length;
   if (typeof a == "function")
     return a.apply(null, e);
   if (typeof a == "string") {
-    var r = a.replace(Re, function(n) {
+    var o = a.replace(Re, function(n) {
       if (n === "%%")
         return "%";
-      if (s >= o)
+      if (s >= r)
         return n;
       switch (n) {
         case "%s":
@@ -112,7 +112,7 @@ function M(a) {
           return n;
       }
     });
-    return r;
+    return o;
   }
   return a;
 }
@@ -123,25 +123,25 @@ function _(a, t) {
   return !!(a == null || t === "array" && Array.isArray(a) && !a.length || _e(t) && typeof a == "string" && !a);
 }
 function Ie(a, t, e) {
-  var i = [], s = 0, o = a.length;
-  function r(n) {
-    i.push.apply(i, n || []), s++, s === o && e(i);
+  var i = [], s = 0, r = a.length;
+  function o(n) {
+    i.push.apply(i, n || []), s++, s === r && e(i);
   }
   a.forEach(function(n) {
-    t(n, r);
+    t(n, o);
   });
 }
 function Ft(a, t, e) {
   var i = 0, s = a.length;
-  function o(r) {
-    if (r && r.length) {
-      e(r);
+  function r(o) {
+    if (o && o.length) {
+      e(o);
       return;
     }
     var n = i;
-    i = i + 1, n < s ? t(a[n], o) : e([]);
+    i = i + 1, n < s ? t(a[n], r) : e([]);
   }
-  o([]);
+  r([]);
 }
 function Oe(a) {
   var t = [];
@@ -159,24 +159,24 @@ var kt = /* @__PURE__ */ function(a) {
 }(/* @__PURE__ */ Ct(Error));
 function Se(a, t, e, i, s) {
   if (t.first) {
-    var o = new Promise(function(x, u) {
+    var r = new Promise(function(x, u) {
       var p = function(y) {
         return i(y), y.length ? u(new kt(y, bt(y))) : x(s);
       }, g = Oe(a);
       Ft(g, e, p);
     });
-    return o.catch(function(x) {
+    return r.catch(function(x) {
       return x;
-    }), o;
+    }), r;
   }
-  var r = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, f = [], d = new Promise(function(x, u) {
+  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, f = [], d = new Promise(function(x, u) {
     var p = function(w) {
       if (f.push.apply(f, w), h++, h === l)
         return i(f), f.length ? u(new kt(f, bt(f))) : x(s);
     };
     n.length || (i(f), x(s)), n.forEach(function(g) {
       var w = a[g];
-      r.indexOf(g) !== -1 ? Ft(w, e, p) : Ie(w, e, p);
+      o.indexOf(g) !== -1 ? Ft(w, e, p) : Ie(w, e, p);
     });
   });
   return d.catch(function(x) {
@@ -214,10 +214,10 @@ function Yt(a, t) {
   }
   return a;
 }
-var Ut = function(t, e, i, s, o, r) {
-  t.required && (!i.hasOwnProperty(t.field) || _(e, r || t.type)) && s.push(M(o.messages.required, t.fullField));
-}, Le = function(t, e, i, s, o) {
-  (/^\s+$/.test(e) || e === "") && s.push(M(o.messages.whitespace, t.fullField));
+var Ut = function(t, e, i, s, r, o) {
+  t.required && (!i.hasOwnProperty(t.field) || _(e, o || t.type)) && s.push(M(r.messages.required, t.fullField));
+}, Le = function(t, e, i, s, r) {
+  (/^\s+$/.test(e) || e === "") && s.push(M(r.messages.whitespace, t.fullField));
 }, ht, Me = function() {
   if (ht)
     return ht;
@@ -234,11 +234,11 @@ var Ut = function(t, e, i, s, o, r) {
 (?:` + i + ":){1}(?:(?::" + i + "){0,4}:" + e + "|(?::" + i + `){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
 (?::(?:(?::` + i + "){0,5}:" + e + "|(?::" + i + `){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
 )(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
-`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), o = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), r = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(E) {
-    return E && E.exact ? o : new RegExp("(?:" + t(E) + e + t(E) + ")|(?:" + t(E) + s + t(E) + ")", "g");
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(E) {
+    return E && E.exact ? r : new RegExp("(?:" + t(E) + e + t(E) + ")|(?:" + t(E) + s + t(E) + ")", "g");
   };
   l.v4 = function(m) {
-    return m && m.exact ? r : new RegExp("" + t(m) + e + t(m), "g");
+    return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
   }, l.v6 = function(m) {
     return m && m.exact ? n : new RegExp("" + t(m) + s + t(m), "g");
   };
@@ -292,27 +292,27 @@ var Ut = function(t, e, i, s, o, r) {
   hex: function(t) {
     return typeof t == "string" && !!t.match(Kt.hex);
   }
-}, He = function(t, e, i, s, o) {
+}, He = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
-    Ut(t, e, i, s, o);
+    Ut(t, e, i, s, r);
     return;
   }
-  var r = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
-  r.indexOf(n) > -1 ? et[n](e) || s.push(M(o.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(M(o.messages.types[n], t.fullField, t.type));
-}, De = function(t, e, i, s, o) {
-  var r = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", h = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", p = Array.isArray(e);
+  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(M(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(M(r.messages.types[n], t.fullField, t.type));
+}, De = function(t, e, i, s, r) {
+  var o = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", h = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", p = Array.isArray(e);
   if (x ? d = "number" : u ? d = "string" : p && (d = "array"), !d)
     return !1;
-  p && (f = e.length), u && (f = e.replace(h, "_").length), r ? f !== t.len && s.push(M(o.messages[d].len, t.fullField, t.len)) : n && !l && f < t.min ? s.push(M(o.messages[d].min, t.fullField, t.min)) : l && !n && f > t.max ? s.push(M(o.messages[d].max, t.fullField, t.max)) : n && l && (f < t.min || f > t.max) && s.push(M(o.messages[d].range, t.fullField, t.min, t.max));
-}, j = "enum", Xe = function(t, e, i, s, o) {
-  t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(M(o.messages[j], t.fullField, t[j].join(", ")));
-}, Fe = function(t, e, i, s, o) {
+  p && (f = e.length), u && (f = e.replace(h, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : n && !l && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : l && !n && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : n && l && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
+}, j = "enum", Xe = function(t, e, i, s, r) {
+  t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(M(r.messages[j], t.fullField, t[j].join(", ")));
+}, Fe = function(t, e, i, s, r) {
   if (t.pattern) {
     if (t.pattern instanceof RegExp)
-      t.pattern.lastIndex = 0, t.pattern.test(e) || s.push(M(o.messages.pattern.mismatch, t.fullField, e, t.pattern));
+      t.pattern.lastIndex = 0, t.pattern.test(e) || s.push(M(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
     else if (typeof t.pattern == "string") {
-      var r = new RegExp(t.pattern);
-      r.test(e) || s.push(M(o.messages.pattern.mismatch, t.fullField, e, t.pattern));
+      var o = new RegExp(t.pattern);
+      o.test(e) || s.push(M(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
     }
   }
 }, v = {
@@ -322,124 +322,124 @@ var Ut = function(t, e, i, s, o, r) {
   range: De,
   enum: Xe,
   pattern: Fe
-}, ke = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+}, ke = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e, "string") && !t.required)
       return i();
-    v.required(t, e, s, r, o, "string"), _(e, "string") || (v.type(t, e, s, r, o), v.range(t, e, s, r, o), v.pattern(t, e, s, r, o), t.whitespace === !0 && v.whitespace(t, e, s, r, o));
+    v.required(t, e, s, o, r, "string"), _(e, "string") || (v.type(t, e, s, o, r), v.range(t, e, s, o, r), v.pattern(t, e, s, o, r), t.whitespace === !0 && v.whitespace(t, e, s, o, r));
   }
-  i(r);
-}, Ne = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ne = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
+    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
-  i(r);
-}, Ye = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ye = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e === "" && (e = void 0), _(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
+    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
-  i(r);
-}, Ke = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ke = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
+    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
-  i(r);
-}, Be = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Be = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), _(e) || v.type(t, e, s, r, o);
+    v.required(t, e, s, o, r), _(e) || v.type(t, e, s, o, r);
   }
-  i(r);
-}, We = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, We = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
+    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
-  i(r);
-}, Pe = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Pe = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
+    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
-  i(r);
-}, ze = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ve = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e == null && !t.required)
       return i();
-    v.required(t, e, s, r, o, "array"), e != null && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
+    v.required(t, e, s, o, r, "array"), e != null && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
-  i(r);
-}, Ve = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, ze = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
+    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
-  i(r);
-}, $e = "enum", qe = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, $e = "enum", qe = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o), e !== void 0 && v[$e](t, e, s, r, o);
+    v.required(t, e, s, o, r), e !== void 0 && v[$e](t, e, s, o, r);
   }
-  i(r);
-}, Ge = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ge = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e, "string") && !t.required)
       return i();
-    v.required(t, e, s, r, o), _(e, "string") || v.pattern(t, e, s, r, o);
+    v.required(t, e, s, o, r), _(e, "string") || v.pattern(t, e, s, o, r);
   }
-  i(r);
-}, je = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, je = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e, "date") && !t.required)
       return i();
-    if (v.required(t, e, s, r, o), !_(e, "date")) {
+    if (v.required(t, e, s, o, r), !_(e, "date")) {
       var l;
-      e instanceof Date ? l = e : l = new Date(e), v.type(t, l, s, r, o), l && v.range(t, l.getTime(), s, r, o);
+      e instanceof Date ? l = e : l = new Date(e), v.type(t, l, s, o, r), l && v.range(t, l.getTime(), s, o, r);
     }
   }
-  i(r);
-}, Ue = function(t, e, i, s, o) {
-  var r = [], n = Array.isArray(e) ? "array" : typeof e;
-  v.required(t, e, s, r, o, n), i(r);
-}, yt = function(t, e, i, s, o) {
-  var r = t.type, n = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(o);
+}, Ue = function(t, e, i, s, r) {
+  var o = [], n = Array.isArray(e) ? "array" : typeof e;
+  v.required(t, e, s, o, r, n), i(o);
+}, yt = function(t, e, i, s, r) {
+  var o = t.type, n = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
   if (l) {
-    if (_(e, r) && !t.required)
+    if (_(e, o) && !t.required)
       return i();
-    v.required(t, e, s, n, o, r), _(e, r) || v.type(t, e, s, n, o);
+    v.required(t, e, s, n, r, o), _(e, o) || v.type(t, e, s, n, r);
   }
   i(n);
-}, Ze = function(t, e, i, s, o) {
-  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+}, Ze = function(t, e, i, s, r) {
+  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (_(e) && !t.required)
       return i();
-    v.required(t, e, s, r, o);
+    v.required(t, e, s, o, r);
   }
-  i(r);
+  i(o);
 }, it = {
   string: ke,
   method: Ne,
@@ -448,8 +448,8 @@ var Ut = function(t, e, i, s, o, r) {
   regexp: Be,
   integer: We,
   float: Pe,
-  array: ze,
-  object: Ve,
+  array: Ve,
+  object: ze,
   enum: qe,
   pattern: Ge,
   date: je,
@@ -523,17 +523,17 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       throw new Error("Cannot configure a schema with no rules");
     if (typeof i != "object" || Array.isArray(i))
       throw new Error("Rules must be an object");
-    this.rules = {}, Object.keys(i).forEach(function(o) {
-      var r = i[o];
-      s.rules[o] = Array.isArray(r) ? r : [r];
+    this.rules = {}, Object.keys(i).forEach(function(r) {
+      var o = i[r];
+      s.rules[r] = Array.isArray(o) ? o : [o];
     });
   }, t.messages = function(i) {
     return i && (this._messages = Yt(vt(), i)), this._messages;
-  }, t.validate = function(i, s, o) {
-    var r = this;
-    s === void 0 && (s = {}), o === void 0 && (o = function() {
+  }, t.validate = function(i, s, r) {
+    var o = this;
+    s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var n = i, l = s, h = o;
+    var n = i, l = s, h = r;
     if (typeof l == "function" && (h = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
       return h && h(null, n), Promise.resolve(n);
     function f(g) {
@@ -556,12 +556,12 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       l.messages = this.messages();
     var x = {}, u = l.keys || Object.keys(this.rules);
     u.forEach(function(g) {
-      var w = r.rules[g], y = n[g];
+      var w = o.rules[g], y = n[g];
       w.forEach(function(C) {
         var m = C;
         typeof m.transform == "function" && (n === i && (n = $({}, n)), y = n[g] = m.transform(y)), typeof m == "function" ? m = {
           validator: m
-        } : m = $({}, m), m.validator = r.getValidationMethod(m), m.validator && (m.field = g, m.fullField = m.fullField || g, m.type = r.getType(m), x[g] = x[g] || [], x[g].push({
+        } : m = $({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = g, m.fullField = m.fullField || g, m.type = o.getType(m), x[g] = x[g] || [], x[g].push({
           rule: m,
           value: y,
           source: n,
@@ -635,8 +635,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
   }, t.getValidationMethod = function(i) {
     if (typeof i.validator == "function")
       return i.validator;
-    var s = Object.keys(i), o = s.indexOf("message");
-    return o !== -1 && s.splice(o, 1), s.length === 1 && s[0] === "required" ? it.required : it[this.getType(i)] || void 0;
+    var s = Object.keys(i), r = s.indexOf("message");
+    return r !== -1 && s.splice(r, 1), s.length === 1 && s[0] === "required" ? it.required : it[this.getType(i)] || void 0;
   }, a;
 }();
 nt.register = function(t, e) {
@@ -656,10 +656,10 @@ function Lt() {
 function Zt(a, t) {
   let e = 0, i;
   return function(...s) {
-    const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e;
-    !e || r >= t ? (a.apply(this, s), e = o) : i || (i = setTimeout(() => {
+    const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
+    !e || o >= t ? (a.apply(this, s), e = r) : i || (i = setTimeout(() => {
       a.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
-    }, t - r));
+    }, t - o));
   };
 }
 function Jt(a) {
@@ -670,20 +670,20 @@ function Je(a = []) {
   return a.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
-    ...t.sort((s, o) => s.sort - o.sort),
-    ...e.sort((s, o) => s.sort - o.sort),
-    ...i.sort((s, o) => s.sort - o.sort)
+    ...t.sort((s, r) => s.sort - r.sort),
+    ...e.sort((s, r) => s.sort - r.sort),
+    ...i.sort((s, r) => s.sort - r.sort)
   ];
 }
 function Qt(a = [], t = 1, e = 0) {
   return a.map((i) => {
     if (i.children) {
-      let s = 0, o = i.fixed;
+      let s = 0, r = i.fixed;
       i.children.forEach((n) => {
-        n.fixed = o;
+        n.fixed = r;
       });
-      const r = Qt(i.children, t - 1, e + 1);
-      return r && r.forEach((n) => {
+      const o = Qt(i.children, t - 1, e + 1);
+      return o && o.forEach((n) => {
         s += n.colspan;
       }), {
         ...i,
@@ -691,7 +691,7 @@ function Qt(a = [], t = 1, e = 0) {
         level: e,
         rowspan: 1,
         colspan: s,
-        children: r
+        children: o
       };
     }
     return {
@@ -720,32 +720,32 @@ function ti(a) {
     else if (a.match(Bt))
       a = a.replace(Bt, ""), e = 0, i += 1, t[i] = [""];
     else {
-      let o = "";
+      let r = "";
       if (a.startsWith('"')) {
-        let r = 0, n = !0;
+        let o = 0, n = !0;
         for (; n; ) {
           const l = a.slice(0, 1);
-          l === '"' && (r += 1), o += l, a = a.slice(1), (a.length === 0 || a.match(/^[\t\r\n]/) && r % 2 === 0) && (n = !1);
+          l === '"' && (o += 1), r += l, a = a.slice(1), (a.length === 0 || a.match(/^[\t\r\n]/) && o % 2 === 0) && (n = !1);
         }
-        o = o.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
+        r = r.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
       } else {
-        const r = a.match(Qe);
-        o = r ? r[0] : "", a = a.slice(o.length);
+        const o = a.match(Qe);
+        r = o ? o[0] : "", a = a.slice(r.length);
       }
-      t[i][e] = o;
+      t[i][e] = r;
     }
   return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
 }
 function ei(a) {
-  let t, e, i, s, o = "", r;
+  let t, e, i, s, r = "", o;
   for (t = 0, e = a.length; t < e; t += 1) {
     for (s = a[t].length, i = 0; i < s; i += 1)
-      i > 0 && (o += "	"), r = a[t][i], typeof r == "string" ? r.indexOf(`
-`) > -1 ? o += `"${r.replace(/"/g, '""')}"` : o += r : r == null ? o += "" : o += r;
-    t !== e - 1 && (o += `
+      i > 0 && (r += "	"), o = a[t][i], typeof o == "string" ? o.indexOf(`
+`) > -1 ? r += `"${o.replace(/"/g, '""')}"` : r += o : o == null ? r += "" : r += o;
+    t !== e - 1 && (r += `
 `);
   }
-  return o;
+  return r;
 }
 class ii {
   //虚拟滚动位置
@@ -769,8 +769,8 @@ class ii {
     c(this, "filterMethod");
     c(this, "positions", []);
     this.ctx = t;
-    const { data: i = [], columns: s = [], footerData: o = [] } = e;
-    this.data = i, this.footerData = o, this.columns = s, this.setLoading(!0), this.init();
+    const { data: i = [], columns: s = [], footerData: r = [] } = e;
+    this.data = i, this.footerData = r, this.columns = s, this.setLoading(!0), this.init();
   }
   init() {
     this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear(), this.itemRowKeyMap = /* @__PURE__ */ new WeakMap(), this.initData(this.data);
@@ -788,9 +788,9 @@ class ii {
    */
   initData(t, e = 0) {
     t.forEach((i, s) => {
-      let o = !1;
-      Array.isArray(i.children) && (o = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: r = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: h, CHECKBOX_KEY: f } = this.ctx.config, d = i[r], x = d ?? Lt();
+      let r = !1;
+      Array.isArray(i.children) && (r = !0, this.initData(i.children, e + 1));
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: h, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? Lt();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || l, p = i._readonly;
       let g = !0;
@@ -812,7 +812,7 @@ class ii {
         selectable: g,
         expand: n,
         expandLazy: !1,
-        hasChildren: o,
+        hasChildren: r,
         expandLoading: !1,
         item: i
       });
@@ -843,8 +843,8 @@ class ii {
   filterColumns(t) {
     return t.reduce((e, i) => {
       if (!(typeof i.hide == "function" ? i.hide() : i.hide)) {
-        const o = { ...i };
-        o.children && Array.isArray(o.children) && (o.children = this.filterColumns(o.children)), e.push(o);
+        const r = { ...i };
+        r.children && Array.isArray(r.children) && (r.children = this.filterColumns(r.children)), e.push(r);
       }
       return e;
     }, []);
@@ -871,15 +871,15 @@ class ii {
       };
     let t = [], e = 0;
     this.sumHeight = 0, this.positions = [];
-    const i = (o) => {
-      o.forEach((r) => {
-        t.push(r);
-        const n = this.itemRowKeyMap.get(r), { expand: l, hasChildren: h, height: f } = this.rowKeyMap.get(n), d = this.sumHeight;
+    const i = (r) => {
+      r.forEach((o) => {
+        t.push(o);
+        const n = this.itemRowKeyMap.get(o), { expand: l, hasChildren: h, height: f } = this.rowKeyMap.get(n), d = this.sumHeight;
         this.sumHeight += f, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
           top: d,
           height: f,
           bottom: this.sumHeight
-        }), e += 1, l && h && i(r.children);
+        }), e += 1, l && h && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -975,11 +975,11 @@ class ii {
   getItemValueForRowIndexAndColIndex(t, e) {
     if (!(this.rowIndexRowKeyMap.has(t) && this.colIndexKeyMap.get(e)))
       return null;
-    const s = this.rowIndexRowKeyMap.get(t), o = this.colIndexKeyMap.get(e);
+    const s = this.rowIndexRowKeyMap.get(t), r = this.colIndexKeyMap.get(e);
     return {
       rowKey: s,
-      key: o,
-      value: this.getItemValue(s, o)
+      key: r,
+      value: this.getItemValue(s, r)
     };
   }
   /**
@@ -1010,8 +1010,8 @@ class ii {
         newValue: x
       });
     });
-    let o = [];
-    const r = i.map((n) => {
+    let r = [];
+    const o = i.map((n) => {
       const l = this.ctx.database.getRowDataItemForRowKey(n.rowKey);
       return {
         rowKey: n.rowKey,
@@ -1021,8 +1021,8 @@ class ii {
       };
     });
     return s.forEach((n) => {
-      o.push(this.ctx.database.getRowDataItemForRowKey(n));
-    }), this.ctx.emit("change", r, o), e && this.ctx.history.pushState({
+      r.push(this.ctx.database.getRowDataItemForRowKey(n));
+    }), this.ctx.emit("change", o, r), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1039,7 +1039,7 @@ class ii {
    * @param isEditor 是否是编辑器
    * @returns
    */
-  setItemValue(t, e, i, s = !1, o = !1, r = !1) {
+  setItemValue(t, e, i, s = !1, r = !1, o = !1) {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: n } = this.rowKeyMap.get(t);
@@ -1051,7 +1051,7 @@ class ii {
       };
     n[e] !== null && typeof n[e] == "object" && (l = JSON.parse(JSON.stringify(n[e])));
     const h = `${t}_${e}`;
-    if (this.originalDataMap.has(h) || this.originalDataMap.set(h, l), this.changedDataMap.set(h, i), n[e] = i, r) {
+    if (this.originalDataMap.has(h) || this.originalDataMap.set(h, l), this.changedDataMap.set(h, i), n[e] = i, o) {
       const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
         rowKey: t,
         key: e,
@@ -1086,7 +1086,7 @@ class ii {
           newValue: i
         }
       ]
-    }), o && this.ctx.emit("draw"), {
+    }), r && this.ctx.emit("draw"), {
       oldValue: l,
       newValue: i
     };
@@ -1112,8 +1112,8 @@ class ii {
     if (i) {
       if (!this.rowKeyMap.has(t))
         return !1;
-      const { item: s } = this.rowKeyMap.get(t), o = s[i];
-      this.checkboxKeyMap.has(o) && this.checkboxKeyMap.get(o).forEach((n) => {
+      const { item: s } = this.rowKeyMap.get(t), r = s[i];
+      this.checkboxKeyMap.has(r) && this.checkboxKeyMap.get(r).forEach((n) => {
         const l = this.rowKeyMap.get(n);
         l.check = e;
       });
@@ -1200,12 +1200,12 @@ class ii {
    */
   getCheckedState() {
     let t = 0, e = 0;
-    this.rowKeyMap.forEach((r) => {
-      r.check && (t += 1);
-      const n = r.selectable;
+    this.rowKeyMap.forEach((o) => {
+      o.check && (t += 1);
+      const n = o.selectable;
       typeof n == "function" ? n({
-        row: r.item,
-        rowIndex: r.rowIndex
+        row: o.item,
+        rowIndex: o.rowIndex
       }) && (e += 1) : n && (e += 1);
     });
     const i = e && e > t && t > 0;
@@ -1230,12 +1230,12 @@ class ii {
   getChangedData() {
     let t = [];
     return this.changedDataMap.forEach((e, i) => {
-      const s = this.originalDataMap.get(i), o = i.split("_")[0], r = i.split("_")[1];
+      const s = this.originalDataMap.get(i), r = i.split("_")[0], o = i.split("_")[1];
       s !== e && t.push({
-        rowKey: o,
-        colKey: r,
+        rowKey: r,
+        colKey: o,
         originalValue: s,
-        row: this.rowKeyMap.get(o),
+        row: this.rowKeyMap.get(r),
         value: e
       });
     }), t;
@@ -1243,8 +1243,8 @@ class ii {
   getChangedRows() {
     const t = /* @__PURE__ */ new Set();
     this.changedDataMap.forEach((i, s) => {
-      const o = this.originalDataMap.get(s), r = s.split("_")[0];
-      o !== i && t.add(r);
+      const r = this.originalDataMap.get(s), o = s.split("_")[0];
+      r !== i && t.add(o);
     });
     let e = [];
     return t.forEach((i) => {
@@ -1261,8 +1261,8 @@ class ii {
     const i = `${t}_${e}`;
     if (!this.changedDataMap.has(i))
       return !1;
-    const s = this.originalDataMap.get(i), o = this.changedDataMap.get(i);
-    return s !== o;
+    const s = this.originalDataMap.get(i), r = this.changedDataMap.get(i);
+    return s !== r;
   }
   getPositionForRowIndex(t) {
     return t < this.positions.length ? this.positions[t] : {
@@ -1275,7 +1275,7 @@ class ii {
     return t ? (this.headerMap.set(t, e), !0) : !1;
   }
   getReadonly(t, e) {
-    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), o = i == null ? void 0 : i.readonly, r = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: n } = this.ctx.config;
+    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: n } = this.ctx.config;
     if (typeof n == "function") {
       const h = n({
         row: i.item,
@@ -1287,20 +1287,20 @@ class ii {
       if (h !== void 0)
         return h;
     }
-    return r || o;
+    return o || r;
   }
   clearValidate() {
     this.validationErrorMap.clear();
   }
   getValidator(t, e) {
     return new Promise((i) => {
-      const s = this.rowKeyMap.get(t), o = this.headerMap.get(e), { CELL_RULES_METHOD: r } = this.ctx.config, n = o.column;
+      const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, n = r.column;
       let l = n.rules;
-      if (typeof r == "function") {
-        const f = r({
+      if (typeof o == "function") {
+        const f = o({
           row: s.item,
           rowIndex: s.rowIndex,
-          colIndex: o.colIndex,
+          colIndex: r.colIndex,
           column: n,
           value: this.getItemValue(t, e)
         });
@@ -1314,7 +1314,7 @@ class ii {
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
-            colIndex: o.colIndex
+            colIndex: r.colIndex
           }));
           h[e] = x;
         } else
@@ -1323,7 +1323,7 @@ class ii {
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
-            colIndex: o.colIndex
+            colIndex: r.colIndex
           };
         new nt(h).validate(f).then(() => {
           this.setValidationError(t, e, []), i([]);
@@ -1344,8 +1344,8 @@ class ii {
   getHeightByRowIndexRowSpan(t, e) {
     let i = 0;
     for (let s = 0; s < e; s++) {
-      const o = this.positions[t + s];
-      o && (i += o.height);
+      const r = this.positions[t + s];
+      r && (i += r.height);
     }
     return i;
   }
@@ -1356,12 +1356,12 @@ class ii {
     return this.loading;
   }
   setValidationErrorByRowIndex(t, e, i) {
-    const o = `${this.rowIndexRowKeyMap.get(t)}_${e}`, r = [
+    const r = `${this.rowIndexRowKeyMap.get(t)}_${e}`, o = [
       {
         message: i
       }
     ];
-    this.validationErrorMap.set(o, r);
+    this.validationErrorMap.set(r, o);
   }
   setValidationError(t, e, i) {
     const s = `${t}_${e}`;
@@ -1399,10 +1399,10 @@ class si {
   backState() {
     if (this.historyIndex >= 0) {
       const { changeList: t, scrollX: e, scrollY: i } = this.history[this.historyIndex], s = t.map(
-        (o) => ({
-          rowKey: o.rowKey,
-          key: o.key,
-          value: o.oldValue,
+        (r) => ({
+          rowKey: r.rowKey,
+          key: r.key,
+          value: r.oldValue,
           row: {}
         })
       );
@@ -1553,9 +1553,9 @@ class ni {
    * @param {number} shadowWidth - 阴影的宽度
    * @param {string} color - 阴影的颜色
    */
-  drawShadow(t, e, i, s, o) {
-    const { fillColor: r, side: n, shadowWidth: l, colorStart: h, colorEnd: f } = o;
-    this.ctx.save(), r && (this.ctx.fillStyle = r, this.ctx.fillRect(t, e, i, s));
+  drawShadow(t, e, i, s, r) {
+    const { fillColor: o, side: n, shadowWidth: l, colorStart: h, colorEnd: f } = r;
+    this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let d;
     switch (n) {
       case "left":
@@ -1592,21 +1592,21 @@ class ni {
     this.ctx.save();
     const { borderColor: i = "black", borderWidth: s = 1 } = e;
     this.ctx.beginPath(), this.ctx.moveTo(t[0] + 0.5, t[1] + 0.5);
-    for (let o = 2; o < t.length; o += 2)
-      this.ctx.lineTo(t[o] + 0.5, t[o + 1] + 0.5);
+    for (let r = 2; r < t.length; r += 2)
+      this.ctx.lineTo(t[r] + 0.5, t[r + 1] + 0.5);
     this.ctx.strokeStyle = i, this.ctx.lineWidth = s, e.lineDash && (this.ctx.lineDashOffset = 4, this.ctx.setLineDash(e.lineDash)), e.fillColor && (this.ctx.fillStyle = e.fillColor, this.ctx.fill()), e.borderColor && (this.ctx.strokeStyle = e.borderColor), this.ctx.stroke(), this.ctx.closePath(), this.ctx.restore();
   }
-  drawImage(t, e, i, s, o) {
-    this.ctx.save(), this.ctx.drawImage(t, e, i, s, o), this.ctx.restore();
+  drawImage(t, e, i, s, r) {
+    this.ctx.save(), this.ctx.drawImage(t, e, i, s, r), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: o = 1, borderColor: r, fillColor: n, radius: l = 0 } = {}) {
-    if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), r !== void 0 && (this.ctx.lineWidth = o, this.ctx.strokeStyle = r), l === 0)
+  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: n, radius: l = 0 } = {}) {
+    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), l === 0)
       this.ctx.rect(t + 0.5, e + 0.5, i, s);
     else {
       const [h, f, d, x] = typeof l == "number" ? [l, l, l, l] : l;
       this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
     }
-    n !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
+    n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
   /**
    * 画文本
@@ -1618,7 +1618,7 @@ class ni {
    * @param options
    * @returns 是否溢出
    */
-  drawText(t = "", e, i, s, o, r = {}) {
+  drawText(t = "", e, i, s, r, o = {}) {
     this.ctx.save();
     const {
       font: n = "12px Arial",
@@ -1626,34 +1626,34 @@ class ni {
       color: h = "#495060",
       padding: f = 0,
       verticalAlign: d = "middle"
-    } = r;
+    } = o;
     this.ctx.font = n, this.ctx.fillStyle = h, this.ctx.textBaseline = d, this.ctx.textAlign = l;
     let x = 0;
-    d === "top" ? x = i + f : d === "bottom" ? x = i + o - f : x = i + (o + f) / 2;
+    d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + f) / 2;
     let u = 0;
     l === "left" ? u = e + f : l === "right" ? u = e + s - f : u = e + s / 2;
     const { _text: p, ellipsis: g } = this.handleEllipsis(t, s, f);
     return this.ctx.fillText(p, u, x), this.ctx.restore(), g;
   }
   handleEllipsis(t, e, i = 0) {
-    let s = !1, o = t;
+    let s = !1, r = t;
     if (t == null || t === "")
       return {
         _text: "",
         ellipsis: s
       };
-    const r = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
-    if (n && n + r >= e - i * 2) {
+    const o = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
+    if (n && n + o >= e - i * 2) {
       s = !0;
       let l = 0;
       for (let h = 0; h < t.length; h++)
-        if (l += this.ctx.measureText(t[h]).width, l >= e - i * 2 - r) {
-          o = t.slice(0, h) + "...";
+        if (l += this.ctx.measureText(t[h]).width, l >= e - i * 2 - o) {
+          r = t.slice(0, h) + "...";
           break;
         }
     }
     return {
-      _text: o,
+      _text: r,
       ellipsis: s
     };
   }
@@ -1863,35 +1863,35 @@ class ai {
       const i = this.list[e];
       let s = i.color;
       if (i.configColorName) {
-        const r = this.ctx.config[i.configColorName];
-        r && (s = r);
+        const o = this.ctx.config[i.configColorName];
+        o && (s = o);
       }
-      const o = this.createImageFromSVG(i.svg, s).then((r) => {
-        this.icons.set(i.name, r);
+      const r = this.createImageFromSVG(i.svg, s).then((o) => {
+        this.icons.set(i.name, o);
       });
-      t.push(o);
+      t.push(r);
     }
     for (let e = 0; e < this.ctx.config.ICONS.length; e++) {
       const i = this.ctx.config.ICONS[e];
       let s = i.color;
-      const o = this.createImageFromSVG(i.svg, s).then((r) => {
-        this.icons.set(i.name, r);
+      const r = this.createImageFromSVG(i.svg, s).then((o) => {
+        this.icons.set(i.name, o);
       });
-      t.push(o);
+      t.push(r);
     }
     await Promise.all(t), this.ctx.emit("draw");
   }
   async createImageFromSVG(t, e) {
-    const o = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && o.querySelectorAll("*").forEach((h) => {
+    const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
+    e && r.querySelectorAll("*").forEach((h) => {
       h.setAttribute("fill", e);
     });
-    const r = new Image(), n = new Blob([new XMLSerializer().serializeToString(o)], {
+    const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
     }), l = URL.createObjectURL(n);
-    return r.src = l, new Promise((h, f) => {
-      r.onerror = () => f(new Error("Failed to load image")), r.onload = () => {
-        h(r);
+    return o.src = l, new Promise((h, f) => {
+      o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
+        h(o);
       };
     });
   }
@@ -1900,7 +1900,7 @@ class ai {
   }
 }
 class te {
-  constructor(t, e, i, s, o, r, n) {
+  constructor(t, e, i, s, r, o, n) {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -1908,13 +1908,13 @@ class te {
     c(this, "height", 0);
     c(this, "fixed");
     c(this, "cellType");
-    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = o, this.fixed = r, this.cellType = n;
+    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = n;
   }
   isHorizontalVisible() {
     if (this.fixed)
       return !0;
-    const { target: t, fixedLeftWidth: e, scrollX: i, fixedRightWidth: s } = this.ctx, o = t.width;
-    return !(this.x + this.width - e - i <= 0 || this.x - i >= o - s);
+    const { target: t, fixedLeftWidth: e, scrollX: i, fixedRightWidth: s } = this.ctx, r = t.width;
+    return !(this.x + this.width - e - i <= 0 || this.x - i >= r - s);
   }
   isVerticalVisible() {
     const { target: t, scrollY: e } = this.ctx, i = t.height;
@@ -1937,8 +1937,8 @@ class te {
   }
 }
 class ee extends te {
-  constructor(e, i, s, o, r, n, l, h, f, d = "body") {
-    super(e, o, r, n, l, h.fixed, d);
+  constructor(e, i, s, r, o, n, l, h, f, d = "body") {
+    super(e, r, o, n, l, h.fixed, d);
     c(this, "formatter");
     c(this, "hoverIconName", "");
     c(this, "operation", !1);
@@ -2002,7 +2002,7 @@ class ee extends te {
       return;
     const { SPAN_METHOD: e } = this.ctx.config;
     if (typeof e == "function") {
-      const i = e, { colspan: s = 1, rowspan: o = 1 } = i({
+      const i = e, { colspan: s = 1, rowspan: r = 1 } = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -2014,7 +2014,7 @@ class ee extends te {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      this.colspan = s, this.rowspan = r, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateType() {
@@ -2076,20 +2076,20 @@ class ee extends te {
   }
   updateTree() {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
-    let o, r = 0, n = "";
+    let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
       const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = l || {};
       if (d) {
         const u = this.ctx.icons.get("loading");
-        n = "loading", o = u, r = x * 8;
+        n = "loading", r = u, o = x * 8;
       } else if (f) {
         const u = this.ctx.icons.get("expand"), p = this.ctx.icons.get("shrink");
-        o = h ? p : u, n = h ? "shrink" : "expand", r = x * 8;
+        r = h ? p : u, n = h ? "shrink" : "expand", o = x * 8;
       } else
-        r = x * 8;
-      if (o) {
-        let u = 20, p = 20, g = this.drawX + r + e, w = this.drawY + (this.visibleHeight - p) / 2 + 2;
-        this.ctx.paint.drawImage(o, g, w, u, p), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = o, this.align = "left", this.drawTextX = r + this.drawX + u + 0.5;
+        o = x * 8;
+      if (r) {
+        let u = 20, p = 20, g = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2 + 2;
+        this.ctx.paint.drawImage(r, g, w, u, p), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u + 0.5;
       }
     }
   }
@@ -2098,8 +2098,8 @@ class ee extends te {
       BODY_BG_COLOR: e,
       EDIT_BG_COLOR: i,
       BODY_CELL_STYLE_METHOD: s,
-      FOOTER_CELL_STYLE_METHOD: o,
-      READONLY_TEXT_COLOR: r,
+      FOOTER_CELL_STYLE_METHOD: r,
+      READONLY_TEXT_COLOR: o,
       FOOTER_BG_COLOR: n,
       HIGHLIGHT_SELECTED_ROW: l,
       HIGHLIGHT_SELECTED_ROW_COLOR: h,
@@ -2107,9 +2107,9 @@ class ee extends te {
       HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let y = n, C = r;
-      if (typeof o == "function") {
-        const m = o, { backgroundColor: E, color: b } = m({
+      let y = n, C = o;
+      if (typeof r == "function") {
+        const m = r, { backgroundColor: E, color: b } = m({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
@@ -2124,12 +2124,12 @@ class ee extends te {
     let x = "transparent";
     const u = this.ctx.focusCell, p = this.ctx.hoverCell;
     f && (p == null ? void 0 : p.rowKey) === this.rowKey && (x = d), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = h), this.drawCellSkyBgColor = x;
-    let g = e, w = r;
+    let g = e, w = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
-      this.drawCellBgColor = e, this.drawTextColor = r;
+      this.drawCellBgColor = e, this.drawTextColor = o;
       return;
     }
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = r), typeof s == "function") {
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = o), typeof s == "function") {
       const y = s, { backgroundColor: C, color: m } = y({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -2142,8 +2142,8 @@ class ee extends te {
     this.drawCellBgColor = g, this.drawTextColor = w;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: o, cellType: r, type: n, rowIndex: l, rowKey: h } = this;
-    if (!(s === 0 || o === 0) && r !== "footer" && ["index-selection", "selection"].includes(n)) {
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: l, rowKey: h } = this;
+    if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
       const f = this.ctx.database.getRowSelection(h), d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
       let g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
       f && d ? (g = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : f && d ? (g = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !f && d ? (g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), g && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && n === "selection" && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
@@ -2161,10 +2161,10 @@ class ee extends te {
       });
       l !== void 0 && (this.hoverIconName = l);
     }
-    const o = this.drawX + this.width - i - s, r = this.drawY + (this.height - i) / 2;
+    const r = this.drawX + this.width - i - s, o = this.drawY + (this.height - i) / 2;
     if (this.hoverIconName && this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex) {
       const n = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = o, this.drawImageY = r, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
+      this.drawImageX = r, this.drawImageY = o, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
     }
   }
   /**
@@ -2220,11 +2220,11 @@ class ee extends te {
     const {
       paint: e,
       config: { BORDER_COLOR: i }
-    } = this.ctx, { drawX: s, drawY: o } = this;
-    e.drawRect(s, o, this.visibleWidth, this.visibleHeight, {
+    } = this.ctx, { drawX: s, drawY: r } = this;
+    e.drawRect(s, r, this.visibleWidth, this.visibleHeight, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawRect(s, o, this.width, this.height, {
+    }), e.drawRect(s, r, this.width, this.height, {
       borderColor: "transparent",
       borderWidth: 1,
       fillColor: this.drawCellSkyBgColor
@@ -2238,9 +2238,9 @@ class ee extends te {
     if (i === 0)
       return 0;
     let s = 0;
-    for (let o = e; o < e + i; o++) {
-      const r = this.ctx.header.leafCellHeaders[o];
-      s += r.width;
+    for (let r = e; r < e + i; r++) {
+      const o = this.ctx.header.leafCellHeaders[r];
+      s += o.width;
     }
     return s;
   }
@@ -2276,7 +2276,7 @@ class ee extends te {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: o, yArr: r } = this.ctx.selector, n = o[1], l = r[1], { colIndex: h, rowIndex: f, drawX: d, drawY: x } = this;
+    const { xArr: r, yArr: o } = this.ctx.selector, n = r[1], l = o[1], { colIndex: h, rowIndex: f, drawX: d, drawY: x } = this;
     h === n && f === l && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
       borderColor: "#fff",
       fillColor: e
@@ -2288,10 +2288,10 @@ class ee extends te {
     const { ENABLE_SELECTOR: e } = this.ctx.config;
     if (!e)
       return;
-    const { xArr: i, yArr: s, xArrCopy: o, yArrCopy: r } = this.ctx.selector;
+    const { xArr: i, yArr: s, xArrCopy: r, yArrCopy: o } = this.ctx.selector;
     this.drawBorder({
-      xArr: o,
-      yArr: r,
+      xArr: r,
+      yArr: o,
       borderColor: this.ctx.config.SELECT_BORDER_COLOR || "rgb(82,146,247)",
       fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)",
       borderWidth: 1,
@@ -2314,13 +2314,13 @@ class ee extends te {
   drawErrorTip() {
     if (this.cellType === "footer" || !this.message)
       return;
-    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, o = this.drawX, r = this.drawY, n = [
-      o + s - e - 0.5,
-      r,
-      o + s - 0.5,
-      r,
-      o + s - 0.5,
-      r + e
+    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, r = this.drawX, o = this.drawY, n = [
+      r + s - e - 0.5,
+      o,
+      r + s - 0.5,
+      o,
+      r + s - 0.5,
+      o + e
     ];
     this.ctx.paint.drawLine(n, {
       borderColor: i,
@@ -2331,32 +2331,32 @@ class ee extends te {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, width: o, rowIndex: r, colIndex: n } = this, l = i + 0.5;
+    const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this, l = i + 0.5;
     let h = s + 0.5, f = this.height;
-    r === 0 && (h = this.y + 1, f = f - 1);
+    o === 0 && (h = this.y + 1, f = f - 1);
     const { xArr: d, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = d[0], C = d[1], m = x[0], E = x[1];
-    n >= y && n <= C && r === m && this.ctx.paint.drawLine([l, h, l + o - 2, h], {
+    n >= y && n <= C && o === m && this.ctx.paint.drawLine([l, h, l + r - 2, h], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= y && n <= C && r === E && this.ctx.paint.drawLine([l, h + f - 1.5, l + o, h + f - 1.5], {
+    }), n >= y && n <= C && o === E && this.ctx.paint.drawLine([l, h + f - 1.5, l + r, h + f - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === y && r >= m && r <= E && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
+    }), n === y && o >= m && o <= E && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === C && r >= m && r <= E && this.ctx.paint.drawLine([l + o - 1, h, l + o - 1, h + f - 1], {
+    }), n === C && o >= m && o <= E && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: p,
@@ -2367,8 +2367,8 @@ class ee extends te {
   }
 }
 class ie extends te {
-  constructor(e, i, s, o, r, n, l) {
-    super(e, s, o, r, n, l.fixed, "header");
+  constructor(e, i, s, r, o, n, l) {
+    super(e, s, r, o, n, l.fixed, "header");
     c(this, "align");
     c(this, "verticalAlign", "middle");
     c(this, "fixed");
@@ -2402,7 +2402,7 @@ class ie extends te {
     c(this, "drawImageHeight", 0);
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = o, this.width = r, this.height = n, this.colIndex = i, this.key = l.key, this.type = l.type, this.editorType = l.editorType || "text", this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan, this.widthFillDisable = l.widthFillDisable, this.rowspan = l.rowspan, this.rules = l.rules, this.readonly = l.readonly, this.required = l.required, this.rowKey = Lt(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = l.key, this.type = l.type, this.editorType = l.editorType || "text", this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan, this.widthFillDisable = l.widthFillDisable, this.rowspan = l.rowspan, this.rules = l.rules, this.readonly = l.readonly, this.required = l.required, this.rowKey = Lt(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2420,15 +2420,15 @@ class ie extends te {
   }
   updateContainer() {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
-    let o = i, r = s;
+    let r = i, o = s;
     if (typeof e == "function") {
       const n = e, { backgroundColor: l, color: h } = n({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      l && (o = l), h && (r = h);
+      l && (r = l), h && (o = h);
     }
-    this.drawCellBgColor = o, this.drawTextColor = r;
+    this.drawCellBgColor = r, this.drawTextColor = o;
   }
   update() {
     this.updateContainer(), this.displayText = this.getText(), this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.updateStyle();
@@ -2436,13 +2436,13 @@ class ie extends te {
   draw() {
     const {
       paint: e,
-      config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: o }
-    } = this.ctx, { drawX: r, drawY: n, displayText: l } = this;
-    e.drawRect(r, n, this.width, this.height, {
+      config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: r }
+    } = this.ctx, { drawX: o, drawY: n, displayText: l } = this;
+    e.drawRect(o, n, this.width, this.height, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawText(l, r, n, this.width, this.height, {
-      font: o,
+    }), e.drawText(l, o, n, this.width, this.height, {
+      font: r,
       padding: s,
       color: this.drawTextColor,
       align: this.align,
@@ -2452,9 +2452,9 @@ class ie extends te {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: o, check: r, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
+      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
       let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      o ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : r && n ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : r && n ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !r && n ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = h, this.drawImageY = f, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
+      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = h, this.drawImageY = f, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2496,16 +2496,16 @@ class ci {
       if (t.button !== 0 || this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const r of s) {
-        const n = r.getDrawX(), l = r.getDrawY();
-        if (i > n && i < n + r.width && e > l && e < l + r.height) {
-          this.ctx.focusCellHeader = r, this.ctx.emit("cellHeaderMousedown", r, t);
+      for (const o of s) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
+          this.ctx.focusCellHeader = o, this.ctx.emit("cellHeaderMousedown", o, t);
           return;
         }
       }
-      const o = this.ctx.body.renderRows;
-      for (const r of o) {
-        const n = r.fixedCells.concat(r.noFixedCells);
+      const r = this.ctx.body.renderRows;
+      for (const o of r) {
+        const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
           const h = l.getDrawX(), f = l.getDrawY();
           if (i > h && i < h + l.width && e > f && e < f + l.height) {
@@ -2518,16 +2518,16 @@ class ci {
       if (t.button !== 0 || this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const r of s) {
-        const n = r.getDrawX(), l = r.getDrawY();
-        if (i > n && i < n + r.width && e > l && e < l + r.height) {
-          this.ctx.clickCellHeader = r, this.ctx.emit("cellHeaderClick", r, t), this.selectionClick(r);
+      for (const o of s) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
+          this.ctx.clickCellHeader = o, this.ctx.emit("cellHeaderClick", o, t), this.selectionClick(o);
           return;
         }
       }
-      const o = this.ctx.body.renderRows;
-      for (const r of o) {
-        const n = r.fixedCells.concat(r.noFixedCells);
+      const r = this.ctx.body.renderRows;
+      for (const o of r) {
+        const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
           const h = l.getDrawX(), f = l.getDrawY();
           if (i > h && i < h + l.width && e > f && e < f + l.height) {
@@ -2540,16 +2540,16 @@ class ci {
       if (this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const r of s) {
-        const n = r.getDrawX(), l = r.getDrawY();
-        if (i > n && i < n + r.width && e > l && e < l + r.height) {
-          this.ctx.emit("cellHeaderContextMenuClick", r, t);
+      for (const o of s) {
+        const n = o.getDrawX(), l = o.getDrawY();
+        if (i > n && i < n + o.width && e > l && e < l + o.height) {
+          this.ctx.emit("cellHeaderContextMenuClick", o, t);
           return;
         }
       }
-      const o = this.ctx.body.renderRows;
-      for (const r of o) {
-        const n = r.fixedCells.concat(r.noFixedCells);
+      const r = this.ctx.body.renderRows;
+      for (const o of r) {
+        const n = o.fixedCells.concat(o.noFixedCells);
         for (const l of n) {
           const h = l.getDrawX(), f = l.getDrawY();
           if (i > h && i < h + l.width && e > f && e < f + l.height) {
@@ -2559,7 +2559,7 @@ class ci {
         }
       }
     }), this.ctx.on("mousemove", (t) => {
-      var r;
+      var o;
       if (this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
@@ -2572,14 +2572,14 @@ class ci {
           return;
         }
       }
-      const o = this.ctx.body.renderRows;
-      for (const n of o) {
+      const r = this.ctx.body.renderRows;
+      for (const n of r) {
         const l = n.fixedCells.concat(n.noFixedCells);
         for (const h of l) {
           const f = h.getDrawX(), d = h.getDrawY();
           if (i > f && i < f + h.visibleWidth && e > d && e < d + h.visibleHeight && (this.imageEnterAndLeave(h, t), this.visibleHoverCell !== h && (this.ctx.emit("visibleCellMouseleave", h, t), this.visibleHoverCell = h, this.ctx.emit("visibleCellHoverChange", h, t))), i > f && i < f + h.width && e > d && e < d + h.height) {
             if (this.ctx.emit("cellMouseenter", h, t), this.ctx.hoverCell && this.ctx.hoverCell !== h && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell === h) return;
-            ((r = this.ctx.hoverCell) == null ? void 0 : r.rowKey) !== h.rowKey && (this.ctx.hoverCell = h, this.ctx.hoverRow = this.ctx.body.renderRows.find((x) => x.rowKey === h.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, h, t), this.ctx.emit("draw")), this.ctx.hoverCell = h, this.ctx.emit("cellHoverChange", h, t);
+            ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== h.rowKey && (this.ctx.hoverCell = h, this.ctx.hoverRow = this.ctx.body.renderRows.find((x) => x.rowKey === h.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, h, t), this.ctx.emit("draw")), this.ctx.hoverCell = h, this.ctx.emit("cellHoverChange", h, t);
             return;
           }
         }
@@ -2606,9 +2606,9 @@ class ci {
    */
   treeClick(t) {
     if (t.type === "tree" && this.ctx.isPointer) {
-      const e = this.ctx.database.getRowForRowKey(t.rowKey), { expand: i = !1, expandLazy: s = !1 } = e || {}, { EXPAND_LAZY: o, EXPAND_LAZY_METHOD: r } = this.ctx.config;
-      if (o && r && !i && !s)
-        typeof r == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), r({
+      const e = this.ctx.database.getRowForRowKey(t.rowKey), { expand: i = !1, expandLazy: s = !1 } = e || {}, { EXPAND_LAZY: r, EXPAND_LAZY_METHOD: o } = this.ctx.config;
+      if (r && o && !i && !s)
+        typeof o == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), o({
           row: t.row,
           rowIndex: t.rowIndex,
           colIndex: t.colIndex,
@@ -2768,13 +2768,13 @@ class li {
   getSelectedData() {
     const t = [], e = this.selector.yArr, i = this.selector.xArr;
     let s = "";
-    for (let o = 0; o <= e[1] - e[0]; o++) {
-      const r = [];
+    for (let r = 0; r <= e[1] - e[0]; r++) {
+      const o = [];
       for (let n = 0; n <= i[1] - i[0]; n++) {
-        const l = o + e[0], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
-        f && r.push(f.value);
+        const l = r + e[0], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
+        f && o.push(f.value);
       }
-      s += `${r.join("	")}\r`, t.push(r);
+      s += `${o.join("	")}\r`, t.push(o);
     }
     return s = s ? s.replace(/\r$/, "") : " ", {
       xArr: i,
@@ -2787,9 +2787,9 @@ class li {
     let i = Math.floor(t);
     const s = this.body.width - this.body.visibleWidth;
     i < 0 ? i = 0 : i > s && (i = s);
-    let o = Math.floor(e);
-    const r = this.body.height - this.body.visibleHeight - this.footer.height;
-    o < 0 ? o = 0 : o > r && (o = r), this.emit("setScroll", i, o);
+    let r = Math.floor(e);
+    const o = this.body.height - this.body.visibleHeight - this.footer.height;
+    r < 0 ? r = 0 : r > o && (r = o), this.emit("setScroll", i, r);
   }
   setScrollX(t) {
     let e = Math.floor(t);
@@ -2825,7 +2825,7 @@ class li {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class zt {
+class Vt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2860,13 +2860,13 @@ class zt {
       return;
     if (this.ctx.target.style.cursor === "row-resize" || this.ctx.target.style.cursor === "col-resize")
       return !0;
-    const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
-    if (!(s == this.clientX && o == this.clientY)) {
+    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
+    if (!(s == this.clientX && r == this.clientY)) {
       if (this.isOnScrollbar(e, i))
-        this.clientX = s, this.clientY = o, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
+        this.clientX = s, this.clientY = r, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
       else if (this.isOnTrack(e, i)) {
-        let r = 0;
-        this.type === "vertical" ? r = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : r = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(r, this.distance));
+        let o = 0;
+        this.type === "vertical" ? o = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : o = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(o, this.distance));
       }
     }
   }
@@ -2874,16 +2874,16 @@ class zt {
     this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t) {
-    const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
-    if (this.isOnScrollbar(e, i) && t.target === this.ctx.target ? this.isFocus = !0 : this.isFocus = !1, s == this.clientX && o == this.clientY) return;
-    let r = 0;
-    if (this.type === "horizontal" ? r = s - this.clientX : r = o - this.clientY, this.isDragging && r !== 0) {
+    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
+    if (this.isOnScrollbar(e, i) && t.target === this.ctx.target ? this.isFocus = !0 : this.isFocus = !1, s == this.clientX && r == this.clientY) return;
+    let o = 0;
+    if (this.type === "horizontal" ? o = s - this.clientX : o = r - this.clientY, this.isDragging && o !== 0) {
       let n = 0;
-      this.type === "vertical" ? n = this.dragStart + r / (this.visibleDistance - this.barHeight) * this.distance : n = this.dragStart + r / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
+      this.type === "vertical" ? n = this.dragStart + o / (this.visibleDistance - this.barHeight) * this.distance : n = this.dragStart + o / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
     }
   }
-  isPointInElement(t, e, i, s, o, r) {
-    return t >= i && t <= i + o && e >= s && e <= s + r;
+  isPointInElement(t, e, i, s, r, o) {
+    return t >= i && t <= i + r && e >= s && e <= s + o;
   }
   isOnScrollbar(t, e) {
     return this.isPointInElement(t, e, this.barX, this.barY, this.barWidth, this.barHeight);
@@ -2900,19 +2900,19 @@ class zt {
       body: t,
       header: e,
       config: { SCROLLER_TRACK_SIZE: i = 0, SCROLLER_SIZE: s = 0 }
-    } = this.ctx, o = this.ctx.target.width + 1, r = this.ctx.target.height, n = e.height, l = e.width, h = t.height, f = this.ctx.footer.height;
+    } = this.ctx, r = this.ctx.target.width + 1, o = this.ctx.target.height, n = e.height, l = e.width, h = t.height, f = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = r - i - n, this.distance = h - this.visibleDistance + f, this.trackX = o - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = r, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
+      this.visibleDistance = o - i - n, this.distance = h - this.visibleDistance + f, this.trackX = r - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
       const d = this.distance ? this.visibleDistance / h : 0;
       let x = Math.floor(d * this.visibleDistance);
       x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, this.barY = n + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = o - i, this.distance = l - this.visibleDistance, this.splitPoints = [
-        o - i,
+      this.visibleDistance = r - i, this.distance = l - this.visibleDistance, this.splitPoints = [
         r - i,
         o - i,
-        r
-      ], this.trackX = 0, this.trackY = r - i, this.trackWidth = o, this.trackHeight = i;
+        r - i,
+        o
+      ], this.trackX = 0, this.trackY = o - i, this.trackWidth = r, this.trackHeight = i;
       const d = this.distance ? this.visibleDistance / l : 0;
       let x = Math.floor(d * this.visibleDistance);
       this.barY = this.trackY + 0.5 + (i - s) / 2, x < 30 ? x = 30 : x >= this.visibleDistance && (x = 0), this.barWidth = x, this.barHeight = s, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
@@ -2939,7 +2939,7 @@ class hi {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new zt(t, "vertical"), this.horizontalScrollbar = new zt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new Vt(t, "vertical"), this.horizontalScrollbar = new Vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -2986,8 +2986,8 @@ class hi {
     s > e.visibleHeight && this.setScrollY(s - e.visibleHeight / 2);
   }
   scrollToRowKey(t) {
-    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t), { top: o } = i.getPositionForRowIndex(s);
-    this.setScrollY(o - e.visibleHeight / 2);
+    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t), { top: r } = i.getPositionForRowIndex(s);
+    this.setScrollY(r - e.visibleHeight / 2);
   }
 }
 class di {
@@ -3039,10 +3039,10 @@ class di {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = Jt(i), o = _t(i);
-    this.height = t * s, this.width = o.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
-    const r = Je(Qt(i, s));
-    this.columnIndex = 0, this.resizeNum = 0, this.render(r, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
+    const s = Jt(i), r = _t(i);
+    this.height = t * s, this.width = r.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
+    const o = Je(Qt(i, s));
+    this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const n = this.ctx.targetContainer.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.target.width = n.width : this.ctx.target.width = this.width + e - 1, this.visibleWidth = this.ctx.target.width - e;
     const l = this.visibleWidth - this.width;
@@ -3071,36 +3071,36 @@ class di {
         config: { RESIZE_COLUMN_MIN_WIDTH: s }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const o = this.resizeTarget.width;
-        let r = e.clientX - this.clientX;
-        r + o < s && (r = -(o - s)), this.resizeDiff = r, this.ctx.emit("draw");
+        const r = this.resizeTarget.width;
+        let o = e.clientX - this.clientX;
+        o + r < s && (o = -(r - s)), this.resizeDiff = o, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
         this.ctx.target.style.cursor === "col-resize" && (this.ctx.target.style.cursor = "default");
-        const o = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
-        for (const r of o) {
-          const n = e.layerX, l = r.getDrawX();
-          n > l + r.width - 5 && n < l + r.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
-          r.colspan <= 1 && e.target instanceof HTMLCanvasElement && this.ctx.isTarget(e.target) && e.layerY <= this.height && (this.ctx.target.style.cursor = "col-resize", this.resizeTarget = r);
+        const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
+        for (const o of r) {
+          const n = e.layerX, l = o.getDrawX();
+          n > l + o.width - 5 && n < l + o.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
+          o.colspan <= 1 && e.target instanceof HTMLCanvasElement && this.ctx.isTarget(e.target) && e.layerY <= this.height && (this.ctx.target.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
     }));
   }
   resizeColumn(t, e) {
-    const i = (o) => {
-      o.forEach((r) => {
-        if (r.children && r.children.length > 0 && i(r.children), r.key === t.key) {
-          const n = r.width || 100;
-          r.width = n + e;
+    const i = (r) => {
+      r.forEach((o) => {
+        if (o.children && o.children.length > 0 && i(o.children), o.key === t.key) {
+          const n = o.width || 100;
+          o.width = n + e;
         }
       });
     };
     i(this.columns), this.ctx.database.setColumns(this.columns), this.init(), this.ctx.emit("draw");
     let s = 0;
     if (this.width < this.visibleWidth) {
-      const o = this.visibleWidth - this.width;
-      s = Math.floor(o / this.resizeNum * 100) / 100, this.resizeAllColumn(s), this.ctx.emit("draw");
+      const r = this.visibleWidth - this.width;
+      s = Math.floor(r / this.resizeNum * 100) / 100, this.resizeAllColumn(s), this.ctx.emit("draw");
     }
     this.ctx.emit("resizeColumnChange", {
       colIndex: t.colIndex,
@@ -3115,18 +3115,18 @@ class di {
     if (t === 0) return;
     const e = /* @__PURE__ */ new Map();
     let i = !0;
-    for (const o of this.allCellHeaders)
-      if (o.widthFillDisable)
-        e.set(o.key, o.width);
+    for (const r of this.allCellHeaders)
+      if (r.widthFillDisable)
+        e.set(r.key, r.width);
       else {
-        const r = o.width + t * o.colspan;
-        e.set(o.key, r), r < this.ctx.config.RESIZE_COLUMN_MIN_WIDTH && (i = !1);
+        const o = r.width + t * r.colspan;
+        e.set(r.key, o), o < this.ctx.config.RESIZE_COLUMN_MIN_WIDTH && (i = !1);
       }
     if (!i)
       return;
-    const s = (o) => {
-      o.forEach((r) => {
-        e.has(r.key) && (r.width = e.get(r.key)), r.children && r.children.length > 0 && s(r.children);
+    const s = (r) => {
+      r.forEach((o) => {
+        e.has(o.key) && (o.width = e.get(o.key)), o.children && o.children.length > 0 && s(o.children);
       });
     };
     s(this.columns), this.ctx.database.setColumns(this.columns), this.init();
@@ -3134,9 +3134,9 @@ class di {
   render(t, e) {
     const i = t.length;
     let s = e;
-    const { HEADER_HEIGHT: o = 0 } = this.ctx.config;
-    for (let r = 0; r < i; r++) {
-      const n = t[r], l = o * (n.rowspan || 1), h = o * n.level;
+    const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
+    for (let o = 0; o < i; o++) {
+      const n = t[o], l = r * (n.rowspan || 1), h = r * n.level;
       let f = n.width || 100;
       n.children && (f = _t(n.children).reduce((u, p) => u + ((p == null ? void 0 : p.width) || 100), 0));
       const d = new ie(this.ctx, this.columnIndex, s, h, f, l, n);
@@ -3148,8 +3148,8 @@ class di {
       const {
         target: t,
         config: { RESIZE_COLUMN_LINE_COLOR: e }
-      } = this.ctx, i = this.resizeTarget.getDrawX(), s = this.resizeTarget.width, o = i + s + this.resizeDiff - 0.5, r = [o + 0.5, 0, o + 0.5, t.height];
-      this.ctx.paint.drawLine(r, {
+      } = this.ctx, i = this.resizeTarget.getDrawX(), s = this.resizeTarget.width, r = i + s + this.resizeDiff - 0.5, o = [r + 0.5, 0, r + 0.5, t.height];
+      this.ctx.paint.drawLine(o, {
         borderColor: e,
         borderWidth: 1
       });
@@ -3161,19 +3161,19 @@ class di {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: n }
+      target: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
-      fillColor: r,
+      fillColor: o,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + o.width - e;
+      const l = s.width - (this.x + this.width) + r.width - e;
       this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
-        fillColor: r,
+        fillColor: o,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3189,7 +3189,7 @@ class di {
       i.push(s), s.hasChildren || t.push(s);
     }), this.fixedRightCellHeaders.forEach((s) => {
       i.push(s), s.hasChildren || t.push(s);
-    }), this.renderCenterCellHeaders = e, this.renderFixedCellHeaders = i, this.renderLeafCellHeaders = t.sort((s, o) => s.x - o.x), this.visibleLeafColumns = this.renderLeafCellHeaders.map((s) => s.column), this.ctx.header.visibleLeafColumns = this.visibleLeafColumns, this.ctx.header.leafCellHeaders = this.leafCellHeaders, this.ctx.header.renderLeafCellHeaders = this.renderLeafCellHeaders, this.ctx.header.renderCellHeaders = this.renderFixedCellHeaders.concat(this.renderCenterCellHeaders);
+    }), this.renderCenterCellHeaders = e, this.renderFixedCellHeaders = i, this.renderLeafCellHeaders = t.sort((s, r) => s.x - r.x), this.visibleLeafColumns = this.renderLeafCellHeaders.map((s) => s.column), this.ctx.header.visibleLeafColumns = this.visibleLeafColumns, this.ctx.header.leafCellHeaders = this.leafCellHeaders, this.ctx.header.renderLeafCellHeaders = this.renderLeafCellHeaders, this.ctx.header.renderCellHeaders = this.renderFixedCellHeaders.concat(this.renderCenterCellHeaders);
   }
   draw() {
     this.renderCenterCellHeaders.forEach((t) => {
@@ -3200,7 +3200,7 @@ class di {
   }
 }
 class se {
-  constructor(t, e, i = 0, s = 0, o = 0, r = 0, n, l = "body") {
+  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, l = "body") {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -3213,24 +3213,24 @@ class se {
     c(this, "rowKey", "");
     c(this, "rowType", "body");
     c(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = o, this.height = r, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = l, this.data = n, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = l, this.data = n, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
-    t.renderLeafCellHeaders.forEach((o) => {
-      const r = new ee(
+    t.renderLeafCellHeaders.forEach((r) => {
+      const o = new ee(
         this.ctx,
         this.rowIndex,
-        o.colIndex,
-        o.x,
+        r.colIndex,
+        r.x,
         this.y,
-        o.width,
+        r.width,
         this.height,
-        o.column,
+        r.column,
         this.data,
         this.rowType
       );
-      r.fixed ? i.push(r) : s.push(r), e.push(r);
+      o.fixed ? i.push(o) : s.push(o), e.push(o);
     }), this.cells = e, this.fixedCells = i, this.noFixedCells = s;
   }
   drawCenter() {
@@ -3284,8 +3284,8 @@ class fi {
       database: i,
       config: {
         FOOTER_FIXED: s,
-        SCROLLER_TRACK_SIZE: o = 0,
-        BORDER_COLOR: r,
+        SCROLLER_TRACK_SIZE: r = 0,
+        BORDER_COLOR: o,
         BORDER_RADIUS: n,
         HEIGHT: l,
         EMPTY_BODY_HEIGHT: h = 0,
@@ -3300,7 +3300,7 @@ class fi {
     const { data: u, sumHeight: p } = i.getData();
     this.height = p, this.data = u;
     const { top: g } = t.getBoundingClientRect();
-    this.width = e.width, this.visibleWidth = t.width - o;
+    this.width = e.width, this.visibleWidth = t.width - r;
     const w = this.ctx.footer.height;
     this.data.length || (this.height = h);
     const y = this.data.length ? "not-empty" : "empty";
@@ -3313,16 +3313,16 @@ class fi {
       width: this.width,
       height: this.data.length ? 0 : h + w
     });
-    let C = this.height + e.height + o;
+    let C = this.height + e.height + r;
     C += w;
     let m = 0;
     this.data.length && d ? (m = window.innerHeight - g - x, m < 0 && (m = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
     ))) : this.data.length && l ? m = l : this.data.length && f && C > f ? m = f : m = C, m > 0 && (this.ctx.target.height = m);
-    let E = t.height - e.height - o;
+    let E = t.height - e.height - r;
     s ? this.visibleHeight = E - w : this.visibleHeight = E, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u, this.ctx.target.setAttribute(
       "style",
-      `outline: none; position: relative; border-radius: ${n}px; border: 1px solid ${r}; height:${this.ctx.target.height}px;width:${this.ctx.target.width - 1}px;`
+      `outline: none; position: relative; border-radius: ${n}px; border: 1px solid ${o}; height:${this.ctx.target.height}px;width:${this.ctx.target.width - 1}px;`
     );
   }
   // 调整行的高度
@@ -3338,14 +3338,14 @@ class fi {
       this.ctx.isTarget(e.target) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
-      const i = e.offsetY, s = e.offsetX, o = e.clientY, {
-        target: r,
+      const i = e.offsetY, s = e.offsetX, r = e.clientY, {
+        target: o,
         scrollY: n,
         config: { RESIZE_ROW_MIN_HEIGHT: l = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const h = this.resizeTarget.height;
-        let f = o - this.clientY;
+        let f = r - this.clientY;
         f + h < l && (f = -(h - l)), this.resizeDiff = f, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown || this.ctx.target.style.cursor === "crosshair")
@@ -3353,7 +3353,7 @@ class fi {
         this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
         for (let h = 0; h < this.renderRows.length; h++) {
           const f = this.renderRows[h];
-          if (i > f.y - n + f.height - 1.5 && i < f.y - n + f.height + 1.5 && i < r.height - 4)
+          if (i > f.y - n + f.height - 1.5 && i < f.y - n + f.height + 1.5 && i < o.height - 4)
             for (let x = 0; x < f.cells.length; x++) {
               const u = f.cells[x];
               s > u.drawX + 10 && s < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = f);
@@ -3363,13 +3363,13 @@ class fi {
     }));
   }
   resizeRow(t, e) {
-    const { rowIndex: i, height: s, rowKey: o, data: r } = t;
+    const { rowIndex: i, height: s, rowKey: r, data: o } = t;
     this.ctx.database.setRowHeight(i, s + e), this.init(), this.ctx.emit("draw"), this.ctx.emit("resizeRowChange", {
       rowIndex: i,
       oldHeight: s,
       height: s + e,
-      rowKey: o,
-      row: r,
+      rowKey: r,
+      row: o,
       data: this.data
     });
   }
@@ -3379,7 +3379,7 @@ class fi {
         target: t,
         scrollY: e,
         config: { RESIZE_ROW_LINE_COLOR: i }
-      } = this.ctx, s = this.resizeTarget.y - e, o = this.resizeTarget.height, r = s + o + this.resizeDiff - 0.5, n = [0, r + 0.5, t.width, r + 0.5];
+      } = this.ctx, s = this.resizeTarget.y - e, r = this.resizeTarget.height, o = s + r + this.resizeDiff - 0.5, n = [0, o + 0.5, t.width, o + 0.5];
       this.ctx.paint.drawLine(n, {
         borderColor: i,
         borderWidth: 1
@@ -3392,19 +3392,19 @@ class fi {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: n }
+      target: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
-      fillColor: r,
+      fillColor: o,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + o.width - e;
+      const l = s.width - (this.x + this.width) + r.width - e;
       this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
-        fillColor: r,
+        fillColor: o,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3413,22 +3413,22 @@ class fi {
     }
   }
   binarySearch(t, e) {
-    let i = 0, s = t.length - 1, o = -1;
+    let i = 0, s = t.length - 1, r = -1;
     for (; i <= s; ) {
-      let r = Math.floor((i + s) / 2), n = t[r].bottom;
+      let o = Math.floor((i + s) / 2), n = t[o].bottom;
       if (n === e)
-        return r;
-      n < e ? i = r + 1 : (o = r, s = r - 1);
+        return o;
+      n < e ? i = o + 1 : (r = o, s = o - 1);
     }
-    return o;
+    return r;
   }
   update() {
     this.init();
-    const { header: t, database: e, scrollY: i } = this.ctx, s = i, { data: o, positions: r } = e.getData();
-    this.ctx.maxRowIndex = o.length - 1;
-    const n = this.binarySearch(r, s);
-    let l = this.binarySearch(r, s + this.visibleHeight);
-    l === -1 && (l = o.length), this.headIndex = Math.max(0, n), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 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 { header: t, database: e, scrollY: i } = this.ctx, s = i, { data: r, positions: o } = e.getData();
+    this.ctx.maxRowIndex = r.length - 1;
+    const n = this.binarySearch(o, s);
+    let l = this.binarySearch(o, s + this.visibleHeight);
+    l === -1 && (l = r.length), this.headIndex = Math.max(0, n), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const h = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
       const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: p } = this.ctx.database.getPositionForRowIndex(d), g = new se(this.ctx, d, 0, p + this.y, t.width, u, x);
@@ -3462,9 +3462,9 @@ class xi {
     const {
       header: t,
       body: e,
-      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: o }
+      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: r }
     } = this.ctx;
-    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((r) => r + i, 0), this.visibleHeight = this.height, s ? this.y = this.ctx.target.height - this.height - o : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
+    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((o) => o + i, 0), this.visibleHeight = this.height, s ? this.y = this.ctx.target.height - this.height - r : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
   }
   drawFiexShadow() {
     const {
@@ -3472,20 +3472,20 @@ class xi {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: o,
-      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: n }
+      target: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
     let l = this.y;
     if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
-      fillColor: r,
+      fillColor: o,
       side: "right",
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const h = s.width - (this.x + this.width) + o.width - e;
+      const h = s.width - (this.x + this.width) + r.width - e;
       this.ctx.paint.drawShadow(h + 1, l, e, this.height, {
-        fillColor: r,
+        fillColor: o,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3498,10 +3498,10 @@ class xi {
     const { CELL_FOOTER_HEIGHT: t } = this.ctx.config;
     let e = this.y;
     const i = [];
-    this.data.forEach((s, o) => {
-      const r = new se(
+    this.data.forEach((s, r) => {
+      const o = new se(
         this.ctx,
-        o,
+        r,
         0,
         e,
         this.width,
@@ -3509,7 +3509,7 @@ class xi {
         s,
         "footer"
       );
-      e += t, i.push(r);
+      e += t, i.push(o);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
   draw() {
@@ -3612,16 +3612,16 @@ class ui {
   }
   setSelector(t, e) {
     const { ENABLE_SELECTOR_SPAN_COL: i, ENABLE_SELECTOR_SPAN_ROW: s } = this.ctx.config;
-    let o = t, r = e;
+    let r = t, o = e;
     if (!s) {
-      const [n] = r;
-      r = [n, n];
-    }
-    if (!i) {
       const [n] = o;
       o = [n, n];
     }
-    if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(r)) {
+    if (!i) {
+      const [n] = r;
+      r = [n, n];
+    }
+    if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(o)) {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
         SELECTOR_AREA_MIN_X: n,
@@ -3631,7 +3631,7 @@ class ui {
         SELECTOR_AREA_MAX_X_OFFSET: d,
         SELECTOR_AREA_MAX_Y_OFFSET: x
       } = this.ctx.config, u = n, p = l || this.ctx.maxColIndex - d, g = h, w = f || this.ctx.maxRowIndex - x;
-      let [y, C] = o, [m, E] = r;
+      let [y, C] = r, [m, E] = o;
       if (y < u || C > p || m < g || E > w)
         return;
       this.ctx.selector.xArr = [Math.max(u, y), Math.min(p, C)], this.ctx.selector.yArr = [Math.max(g, m), Math.min(w, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("draw");
@@ -3644,18 +3644,18 @@ class ui {
       this.selectAll();
       return;
     }
-    const { SELECTOR_AREA_MIN_Y: e, SELECTOR_AREA_MAX_Y: i, SELECTOR_AREA_MAX_Y_OFFSET: s } = this.ctx.config, o = e, r = i || this.ctx.maxRowIndex - s;
+    const { SELECTOR_AREA_MIN_Y: e, SELECTOR_AREA_MAX_Y: i, SELECTOR_AREA_MAX_Y_OFFSET: s } = this.ctx.config, r = e, o = i || this.ctx.maxRowIndex - s;
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: n } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= n) {
-        const l = [n, t.colIndex + t.colspan - 1], h = [o, r];
+        const l = [n, t.colIndex + t.colspan - 1], h = [r, o];
         this.setSelector(l, h);
       } else {
-        const l = [t.colIndex, n], h = [o, r];
+        const l = [t.colIndex, n], h = [r, o];
         this.setSelector(l, h);
       }
     } else {
-      const n = [t.colIndex, t.colIndex + t.colspan - 1], l = [o, r];
+      const n = [t.colIndex, t.colIndex + t.colspan - 1], l = [r, o];
       this.setSelector(n, l);
     }
   }
@@ -3667,30 +3667,30 @@ class ui {
       const {
         SELECTOR_AREA_MIN_X: i,
         SELECTOR_AREA_MAX_X: s,
-        SELECTOR_AREA_MIN_Y: o,
-        SELECTOR_AREA_MAX_Y: r,
+        SELECTOR_AREA_MIN_Y: r,
+        SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: n,
         SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = o, x = r || this.ctx.maxRowIndex - l, u = [h, f], p = [d, x];
+      } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = r, x = o || this.ctx.maxRowIndex - l, u = [h, f], p = [d, x];
       this.setSelector(u, p);
     }
   }
   selectRows(t, e = !0) {
     if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove || this.ctx.editing)
       return;
-    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: o } = this.ctx.config, r = s || this.ctx.maxColIndex - o, n = i;
+    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, n = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const l = [n, r], h = [t.rowIndex, t.rowIndex];
+      const l = [n, o], h = [t.rowIndex, t.rowIndex];
       this.setSelector(l, h);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: l } = this.ctx.focusCell;
       if (t.rowIndex >= l) {
-        const h = [n, r], f = [l, t.rowIndex];
+        const h = [n, o], f = [l, t.rowIndex];
         this.setSelector(h, f);
       } else {
-        const h = [n, r], f = [t.rowIndex, l];
+        const h = [n, o], f = [t.rowIndex, l];
         this.setSelector(h, f);
       }
     }
@@ -3700,7 +3700,7 @@ class ui {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: o } = e, r = Math.min(i.colIndex, o), n = Math.max(i.colIndex, o), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), f = [r, n], d = [l, h];
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), f = [o, n], d = [l, h];
       this.setSelector(f, d);
     }
   }
@@ -3708,12 +3708,12 @@ class ui {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: o } = i, { colIndex: r, rowIndex: n } = e, l = Math.min(r, s), h = Math.max(r, s), f = Math.min(n, o), d = Math.max(n, o), x = [l, h], u = [f, d];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, l = Math.min(o, s), h = Math.max(o, s), f = Math.min(n, r), d = Math.max(n, r), x = [l, h], u = [f, d];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
-        const s = [e.colIndex, e.colIndex], o = [e.rowIndex, e.rowIndex];
-        this.setSelector(s, o), this.adjustBoundaryPosition();
+        const s = [e.colIndex, e.colIndex], r = [e.rowIndex, e.rowIndex];
+        this.setSelector(s, r), this.adjustBoundaryPosition();
       }
   }
   clearCopyLine() {
@@ -3726,8 +3726,8 @@ class ui {
    * @returns
    */
   getCell(t, e) {
-    const i = this.ctx.body.renderRows.find((o) => o.rowIndex === t);
-    return i == null ? void 0 : i.cells.find((o) => o.colIndex === e);
+    const i = this.ctx.body.renderRows.find((r) => r.rowIndex === t);
+    return i == null ? void 0 : i.cells.find((r) => r.colIndex === e);
   }
   /**
    * 复制
@@ -3743,13 +3743,13 @@ class ui {
   }
   clearSelectedData(t, e, i = !1) {
     let s = [];
-    const o = /* @__PURE__ */ new Set();
+    const r = /* @__PURE__ */ new Set();
     for (let n = 0; n <= e[1] - e[0]; n++)
       for (let l = 0; l <= t[1] - t[0]; l++) {
         const h = n + e[0], f = l + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(h, f);
         if (d) {
           const { rowKey: x, key: u } = d;
-          this.ctx.database.getReadonly(x, u) || (o.add(x), s.push({
+          this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
             rowKey: x,
             key: u,
             value: null,
@@ -3763,10 +3763,10 @@ class ui {
     if (i)
       return s;
     this.ctx.database.batchSetItemValue(s, !0);
-    let r = [];
-    return o.forEach((n) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(n));
-    }), this.ctx.emit("clearSelectedDataChange", s, r), this.ctx.emit("draw"), s;
+    let o = [];
+    return r.forEach((n) => {
+      o.push(this.ctx.database.getRowDataItemForRowKey(n));
+    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("draw"), s;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -3776,12 +3776,12 @@ class ui {
     const { ENABLE_PASTER: t } = this.ctx.config;
     if (this.ctx.selector.enable && t) {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
-      navigator.clipboard.readText().then((o) => {
-        let r = ti(o), n = [];
-        for (let h = 0; h <= r.length - 1; h++) {
-          const f = r[h].length;
+      navigator.clipboard.readText().then((r) => {
+        let o = ti(r), n = [];
+        for (let h = 0; h <= o.length - 1; h++) {
+          const f = o[h].length;
           for (let d = 0; d <= f - 1; d++) {
-            const x = h + e, u = d + i, p = r[h][d], g = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const x = h + e, u = d + i, p = o[h][d], g = this.ctx.database.getItemValueForRowIndexAndColIndex(
               x,
               u
             );
@@ -3815,8 +3815,8 @@ class ui {
         s.forEach((h) => {
           l.push(this.ctx.database.getRowDataItemForRowKey(h));
         }), this.ctx.emit("pasteChange", n, l), this.clearCopyLine(), this.ctx.emit("draw");
-      }).catch((o) => {
-        console.error("获取剪贴板内容失败：", o);
+      }).catch((r) => {
+        console.error("获取剪贴板内容失败：", r);
       });
     }
   }
@@ -3830,13 +3830,13 @@ class ui {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const o = 0, r = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
+    const r = 0, o = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
-        i > o && i--;
+        i > r && i--;
         break;
       case "TOP":
-        s > r && s--;
+        s > o && s--;
         break;
       case "RIGHT":
         i < n && i++;
@@ -3856,11 +3856,11 @@ class ui {
     const {
       SELECTOR_AREA_MIN_X: i,
       SELECTOR_AREA_MAX_X: s,
-      SELECTOR_AREA_MIN_Y: o,
-      SELECTOR_AREA_MAX_Y: r,
+      SELECTOR_AREA_MIN_Y: r,
+      SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: n,
       SELECTOR_AREA_MAX_Y_OFFSET: l
-    } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = o, x = r || this.ctx.maxRowIndex - l;
+    } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = r, x = o || this.ctx.maxRowIndex - l;
     return !(e < h || e > f || t < d || t > x);
   }
   /**
@@ -3868,8 +3868,8 @@ class ui {
    */
   startAdjustPosition(t) {
     const { offsetX: e, offsetY: i } = t;
-    let s = "", o = "";
-    if (e < 0 ? s = "left" : e > this.ctx.body.visibleWidth && (s = "right"), i < this.ctx.header.visibleHeight ? o = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight && (o = "bottom"), s && this.adjustPositionX !== s) {
+    let s = "", r = "";
+    if (e < 0 ? s = "left" : e > this.ctx.body.visibleWidth && (s = "right"), i < this.ctx.header.visibleHeight ? r = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight && (r = "bottom"), s && this.adjustPositionX !== s) {
       this.adjustPositionX = s;
       let n = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
@@ -3878,9 +3878,9 @@ class ui {
         (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
-    if (o && this.adjustPositionY !== o) {
-      this.adjustPositionY = o;
-      let n = 10 * (o === "top" ? -1 : 1);
+    if (r && this.adjustPositionY !== r) {
+      this.adjustPositionY = r;
+      let n = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         n *= 1.5;
         const { scrollY: l } = this.ctx, h = l + n;
@@ -3892,13 +3892,13 @@ class ui {
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
    */
   adjustBoundaryPosition() {
-    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: o, footer: r, scrollX: n, scrollY: l } = this.ctx;
+    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: r, footer: o, scrollX: n, scrollY: l } = this.ctx;
     if (!e)
       return;
     const { SCROLLER_TRACK_SIZE: h = 0, FOOTER_FIXED: f } = this.ctx.config;
     let d = 0;
-    f && (d = r.visibleHeight);
-    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, p = o.height - e.drawY, g = e.drawY + e.height - (t.height - d - h);
+    f && (d = o.visibleHeight);
+    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, p = r.height - e.drawY, g = e.drawY + e.height - (t.height - d - h);
     u > 0 && !e.fixed ? this.ctx.setScrollX(n + u) : x > 0 && !e.fixed && this.ctx.setScrollX(n - x), p > 0 ? this.ctx.setScrollY(l - p) : g > 0 && this.ctx.setScrollY(l + g);
   }
   destroy() {
@@ -3913,8 +3913,8 @@ class gi {
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
       this.ctx.target.style.cursor === "crosshair" && (this.ctx.target.style.cursor = "default");
-      const { xArr: i, yArr: s } = this.ctx.selector, o = i[1], r = s[1], { colIndex: n, rowIndex: l, drawX: h, drawY: f, width: d, height: x } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && n === o && l === r) {
+      const { xArr: i, yArr: s } = this.ctx.selector, r = i[1], o = s[1], { colIndex: n, rowIndex: l, drawX: h, drawY: f, width: d, height: x } = t;
+      if (this.ctx.config.ENABLE_AUTOFILL && n === r && l === o) {
         const p = h + d - 6, g = f + x - 6;
         e.offsetX > p && e.offsetY > g && (this.ctx.target.style.cursor = "crosshair");
       }
@@ -3942,19 +3942,19 @@ class gi {
     this.isAutofillIng() && this.autofillData(), this.ctx.autofill.enable = !1, this.ctx.autofillMove = !1, this.ctx.autofill.xArr = [-1, -1], this.ctx.autofill.yArr = [-1, -1];
   }
   setAutofill(t, e) {
-    const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: o } = this.ctx.config;
+    const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: r } = this.ctx.config;
     if (!i)
       return;
-    let r = t, n = e;
-    if (!o) {
+    let o = t, n = e;
+    if (!r) {
       const [l] = n;
       n = [l, l];
     }
     if (!s) {
-      const [l] = r;
-      r = [l, l];
+      const [l] = o;
+      o = [l, l];
     }
-    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) {
+    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) {
       const {
         SELECTOR_AREA_MIN_X: l,
         SELECTOR_AREA_MAX_X: h,
@@ -3963,7 +3963,7 @@ class gi {
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
       } = this.ctx.config, p = l, g = h || this.ctx.maxColIndex - x, w = f, y = d || this.ctx.maxRowIndex - u;
-      let [C, m] = r, [E, b] = n;
+      let [C, m] = o, [E, b] = n;
       if (C < p || E < w)
         return;
       this.ctx.autofill.xArr = [Math.max(p, C), Math.min(g, m)], this.ctx.autofill.yArr = [Math.max(w, E), Math.min(y, b)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
@@ -3979,11 +3979,11 @@ class gi {
         const u = d + e.yArr[0], p = x + e.xArr[0];
         i.set(`${u}-${p}`, !0);
       }
-    const { value: s } = e, o = s[0].length, r = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
+    const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
     let h = [];
     for (let d = 0; d <= l[1] - l[0]; d++)
       for (let x = 0; x <= n[1] - n[0]; x++) {
-        const u = x + n[0], p = d + l[0], g = s[d % r][x % o], w = this.ctx.database.getItemValueForRowIndexAndColIndex(p, u), y = `${p}-${u}`;
+        const u = x + n[0], p = d + l[0], g = s[d % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(p, u), y = `${p}-${u}`;
         if (w && !i.has(y)) {
           const { rowKey: C, key: m } = w;
           this.ctx.database.getReadonly(C, m) || (t.add(C), h.push({
@@ -4007,14 +4007,14 @@ class gi {
       return;
     const { selector: e, autofill: i } = this.ctx;
     if (this.ctx.mousedown && e.enable && i.enable) {
-      const { rowIndex: s, colIndex: o } = t, r = e.xArr.slice(), n = e.yArr.slice();
-      s >= e.yArr[0] && s <= e.yArr[1] ? o > e.xArr[1] ? r.splice(1, 1, o) : o < e.xArr[0] && r.splice(0, 1, o) : s > e.yArr[1] ? n.splice(1, 1, s) : s < e.yArr[0] && n.splice(0, 1, s), this.setAutofill(r, n);
+      const { rowIndex: s, colIndex: r } = t, o = e.xArr.slice(), n = e.yArr.slice();
+      s >= e.yArr[0] && s <= e.yArr[1] ? r > e.xArr[1] ? o.splice(1, 1, r) : r < e.xArr[0] && o.splice(0, 1, r) : s > e.yArr[1] ? n.splice(1, 1, s) : s < e.yArr[0] && n.splice(0, 1, s), this.setAutofill(o, n);
     }
   }
   destroy() {
   }
 }
-const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
+const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
   x: a,
   y: a
 }), wi = {
@@ -4052,9 +4052,9 @@ function Ht(a) {
 }
 function yi(a, t, e) {
   e === void 0 && (e = !1);
-  const i = ct(a), s = Ht(a), o = Mt(s);
-  let r = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[o] > t.floating[o] && (r = xt(r)), [r, xt(r)];
+  const i = ct(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)];
 }
 function mi(a) {
   const t = xt(a);
@@ -4064,22 +4064,22 @@ function Ot(a) {
   return a.replace(/start|end/g, (t) => pi[t]);
 }
 function Ei(a, t, e) {
-  const i = ["left", "right"], s = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
+  const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
   switch (a) {
     case "top":
     case "bottom":
       return e ? t ? s : i : t ? i : s;
     case "left":
     case "right":
-      return t ? o : r;
+      return t ? r : o;
     default:
       return [];
   }
 }
 function Ci(a, t, e, i) {
   const s = ct(a);
-  let o = Ei(q(a), e === "start", i);
-  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(Ot)))), o;
+  let r = Ei(q(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) => wi[t]);
@@ -4119,12 +4119,12 @@ function ut(a) {
     y: e
   };
 }
-function Vt(a, t, e) {
+function zt(a, t, e) {
   let {
     reference: i,
     floating: s
   } = a;
-  const o = J(t), r = Ht(t), n = Mt(r), l = q(t), h = o === "y", f = i.x + i.width / 2 - s.width / 2, d = 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), l = q(t), h = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
   let u;
   switch (l) {
     case "top":
@@ -4159,10 +4159,10 @@ function Vt(a, t, e) {
   }
   switch (ct(t)) {
     case "start":
-      u[r] -= x * (e && h ? -1 : 1);
+      u[o] -= x * (e && h ? -1 : 1);
       break;
     case "end":
-      u[r] += x * (e && h ? -1 : 1);
+      u[o] += x * (e && h ? -1 : 1);
       break;
   }
   return u;
@@ -4171,17 +4171,17 @@ const vi = async (a, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
-    middleware: o = [],
-    platform: r
-  } = e, n = o.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let h = await r.getElementRects({
+    middleware: r = [],
+    platform: o
+  } = e, n = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
+  let h = await o.getElementRects({
     reference: a,
     floating: t,
     strategy: s
   }), {
     x: f,
     y: d
-  } = Vt(h, i, l), x = i, u = {}, p = 0;
+  } = zt(h, i, l), x = i, u = {}, p = 0;
   for (let g = 0; g < n.length; g++) {
     const {
       name: w,
@@ -4199,7 +4199,7 @@ const vi = async (a, t, e) => {
       strategy: s,
       middlewareData: u,
       rects: h,
-      platform: r,
+      platform: o,
       elements: {
         reference: a,
         floating: t
@@ -4211,14 +4211,14 @@ const vi = async (a, t, e) => {
         ...u[w],
         ...E
       }
-    }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (x = b.placement), b.rects && (h = b.rects === !0 ? await r.getElementRects({
+    }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (x = b.placement), b.rects && (h = b.rects === !0 ? await o.getElementRects({
       reference: a,
       floating: t,
       strategy: s
     }) : b.rects), {
       x: f,
       y: d
-    } = Vt(h, x, l)), g = -1);
+    } = zt(h, x, l)), g = -1);
   }
   return {
     x: f,
@@ -4234,8 +4234,8 @@ async function ne(a, t) {
   const {
     x: i,
     y: s,
-    platform: o,
-    rects: r,
+    platform: r,
+    rects: o,
     elements: n,
     strategy: l
   } = a, {
@@ -4244,23 +4244,23 @@ async function ne(a, t) {
     elementContext: d = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, a), p = oe(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await o.getClippingRect({
-    element: (e = await (o.isElement == null ? void 0 : o.isElement(w))) == null || e ? w : w.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(n.floating)),
+  } = at(t, a), p = oe(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], y = ut(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: h,
     rootBoundary: f,
     strategy: l
   })), C = d === "floating" ? {
     x: i,
     y: s,
-    width: r.floating.width,
-    height: r.floating.height
-  } : r.reference, m = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(n.floating)), E = await (o.isElement == null ? void 0 : o.isElement(m)) ? await (o.getScale == null ? void 0 : o.getScale(m)) || {
+    width: o.floating.width,
+    height: o.floating.height
+  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), E = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, b = ut(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: C,
     offsetParent: m,
@@ -4281,8 +4281,8 @@ const Ri = (a) => ({
       x: e,
       y: i,
       placement: s,
-      rects: o,
-      platform: r,
+      rects: r,
+      platform: o,
       elements: n,
       middlewareData: l
     } = t, {
@@ -4294,10 +4294,10 @@ const Ri = (a) => ({
     const d = oe(f), x = {
       x: e,
       y: i
-    }, u = Ht(s), p = Mt(u), g = await r.getDimensions(h), w = u === "y", y = w ? "top" : "left", C = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", E = o.reference[p] + o.reference[u] - x[u] - o.floating[p], b = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
+    }, u = Ht(s), p = Mt(u), g = await o.getDimensions(h), w = u === "y", y = w ? "top" : "left", C = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", E = r.reference[p] + r.reference[u] - x[u] - r.floating[p], b = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(h));
     let T = R ? R[m] : 0;
-    (!T || !await (r.isElement == null ? void 0 : r.isElement(R))) && (T = n.floating[m] || o.floating[p]);
-    const A = E / 2 - b / 2, L = T / 2 - g[p] / 2 - 1, D = rt(d[y], L), B = rt(d[C], L), I = D, S = T - g[p] - B, O = T / 2 - g[p] / 2 + A, G = It(I, O, S), Y = !l.arrow && ct(s) != null && O !== G && o.reference[p] / 2 - (O < I ? D : B) - g[p] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
+    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = n.floating[m] || r.floating[p]);
+    const A = E / 2 - b / 2, L = T / 2 - g[p] / 2 - 1, D = rt(d[y], L), B = rt(d[C], L), I = D, S = T - g[p] - B, O = T / 2 - g[p] / 2 + A, G = It(I, O, S), Y = !l.arrow && ct(s) != null && O !== G && r.reference[p] / 2 - (O < I ? D : B) - g[p] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
     return {
       [u]: x[u] + k,
       data: {
@@ -4318,8 +4318,8 @@ const Ri = (a) => ({
       var e, i;
       const {
         placement: s,
-        middlewareData: o,
-        rects: r,
+        middlewareData: r,
+        rects: o,
         initialPlacement: n,
         platform: l,
         elements: h
@@ -4332,14 +4332,14 @@ const Ri = (a) => ({
         flipAlignment: g = !0,
         ...w
       } = at(a, t);
-      if ((e = o.arrow) != null && e.alignmentOffset)
+      if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
       const y = q(s), C = J(n), m = q(n) === n, E = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = x || (m || !g ? [xt(n)] : mi(n)), R = p !== "none";
       !x && R && b.push(...Ci(n, g, p, E));
       const T = [n, ...b], A = await ne(t, w), L = [];
-      let D = ((i = o.flip) == null ? void 0 : i.overflows) || [];
+      let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (f && L.push(A[y]), d) {
-        const O = yi(s, r, E);
+        const O = yi(s, o, E);
         L.push(A[O[0]], A[O[1]]);
       }
       if (D = [...D, {
@@ -4347,7 +4347,7 @@ const Ri = (a) => ({
         overflows: L
       }], !L.every((O) => O <= 0)) {
         var B, I;
-        const O = (((B = o.flip) == null ? void 0 : B.index) || 0) + 1, G = T[O];
+        const O = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = T[O];
         if (G)
           return {
             data: {
@@ -4395,7 +4395,7 @@ async function Ii(a, t) {
     placement: e,
     platform: i,
     elements: s
-  } = a, o = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), r = q(e), n = ct(e), l = J(e) === "y", h = ["left", "top"].includes(r) ? -1 : 1, f = o && l ? -1 : 1, d = at(t, a);
+  } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), n = ct(e), l = J(e) === "y", h = ["left", "top"].includes(o) ? -1 : 1, f = r && l ? -1 : 1, d = at(t, a);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4425,16 +4425,16 @@ const Oi = function(a) {
       var e, i;
       const {
         x: s,
-        y: o,
-        placement: r,
+        y: r,
+        placement: o,
         middlewareData: n
       } = t, l = await Ii(t, a);
-      return r === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
+      return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
-        y: o + l.y,
+        y: r + l.y,
         data: {
           ...l,
-          placement: r
+          placement: o
         }
       };
     }
@@ -4449,8 +4449,8 @@ const Oi = function(a) {
         y: i,
         placement: s
       } = t, {
-        mainAxis: o = !0,
-        crossAxis: r = !1,
+        mainAxis: r = !0,
+        crossAxis: o = !1,
         limiter: n = {
           fn: (w) => {
             let {
@@ -4469,11 +4469,11 @@ const Oi = function(a) {
         y: i
       }, f = await ne(t, l), d = J(q(s)), x = re(d);
       let u = h[x], p = h[d];
-      if (o) {
+      if (r) {
         const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", C = u + f[w], m = u - f[y];
         u = It(C, u, m);
       }
-      if (r) {
+      if (o) {
         const w = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", C = p + f[w], m = p - f[y];
         p = It(C, p, m);
       }
@@ -4488,8 +4488,8 @@ const Oi = function(a) {
           x: g.x - e,
           y: g.y - i,
           enabled: {
-            [x]: o,
-            [d]: r
+            [x]: r,
+            [d]: o
           }
         }
       };
@@ -4548,13 +4548,13 @@ function Dt(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 Ai(a) {
-  let t = V(a);
+  let t = z(a);
   for (; N(t) && !Q(t); ) {
     if (Dt(t))
       return t;
     if (wt(t))
       return null;
-    t = V(t);
+    t = z(t);
   }
   return null;
 }
@@ -4576,7 +4576,7 @@ function pt(a) {
     scrollTop: a.scrollY
   };
 }
-function V(a) {
+function z(a) {
   if (tt(a) === "html")
     return a;
   const t = (
@@ -4589,16 +4589,16 @@ function V(a) {
   return $t(t) ? t.host : t;
 }
 function ce(a) {
-  const t = V(a);
+  const t = z(a);
   return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ce(t);
 }
 function St(a, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = ce(a), o = s === ((i = a.ownerDocument) == null ? void 0 : i.body), r = H(s);
-  if (o) {
-    const n = Tt(r);
-    return t.concat(r, r.visualViewport || [], lt(s) ? s : [], n && e ? St(n) : []);
+  const s = ce(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = H(s);
+  if (r) {
+    const n = Tt(o);
+    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? St(n) : []);
   }
   return t.concat(s, St(s, [], e));
 }
@@ -4608,8 +4608,8 @@ function Tt(a) {
 function le(a) {
   const t = F(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = N(a), o = s ? a.offsetWidth : e, r = s ? a.offsetHeight : i, n = ft(e) !== o || ft(i) !== r;
-  return n && (e = o, i = r), {
+  const s = N(a), r = s ? a.offsetWidth : e, o = s ? a.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
+  return n && (e = r, i = o), {
     width: e,
     height: i,
     $: n
@@ -4621,19 +4621,19 @@ function he(a) {
 function Z(a) {
   const t = he(a);
   if (!N(t))
-    return z(1);
+    return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
-    $: o
+    $: r
   } = le(t);
-  let r = (o ? ft(e.width) : e.width) / i, n = (o ? ft(e.height) : e.height) / s;
-  return (!r || !Number.isFinite(r)) && (r = 1), (!n || !Number.isFinite(n)) && (n = 1), {
-    x: r,
+  let o = (r ? ft(e.width) : e.width) / i, n = (r ? ft(e.height) : e.height) / s;
+  return (!o || !Number.isFinite(o)) && (o = 1), (!n || !Number.isFinite(n)) && (n = 1), {
+    x: o,
     y: n
   };
 }
-const Li = /* @__PURE__ */ z(0);
+const Li = /* @__PURE__ */ V(0);
 function de(a) {
   const t = H(a);
   return !Xt() || !t.visualViewport ? Li : {
@@ -4646,13 +4646,13 @@ function Mi(a, t, e) {
 }
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = a.getBoundingClientRect(), o = he(a);
-  let r = z(1);
-  t && (i ? X(i) && (r = Z(i)) : r = Z(a));
-  const n = Mi(o, e, i) ? de(o) : z(0);
-  let l = (s.left + n.x) / r.x, h = (s.top + n.y) / r.y, f = s.width / r.x, d = s.height / r.y;
-  if (o) {
-    const x = H(o), u = i && X(i) ? H(i) : i;
+  const s = a.getBoundingClientRect(), r = he(a);
+  let o = V(1);
+  t && (i ? X(i) && (o = Z(i)) : o = Z(a));
+  const n = Mi(r, e, i) ? de(r) : V(0);
+  let l = (s.left + n.x) / o.x, h = (s.top + n.y) / o.y, f = s.width / o.x, d = s.height / o.y;
+  if (r) {
+    const x = H(r), u = i && X(i) ? H(i) : i;
     let p = x, g = Tt(p);
     for (; g && i && u !== p; ) {
       const w = Z(g), y = g.getBoundingClientRect(), C = F(g), m = y.left + (g.clientLeft + parseFloat(C.paddingLeft)) * w.x, E = y.top + (g.clientTop + parseFloat(C.paddingTop)) * w.y;
@@ -4673,15 +4673,15 @@ function Hi(a) {
     offsetParent: i,
     strategy: s
   } = a;
-  const o = s === "fixed", r = K(i), n = t ? wt(t.floating) : !1;
-  if (i === r || n && o)
+  const r = s === "fixed", o = K(i), n = t ? wt(t.floating) : !1;
+  if (i === o || n && r)
     return e;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = z(1);
-  const f = z(0), d = N(i);
-  if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), N(i))) {
+  }, h = V(1);
+  const f = V(0), d = N(i);
+  if ((d || !d && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
     const x = ot(i);
     h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
@@ -4700,35 +4700,35 @@ function At(a, t) {
   return t ? t.left + e : ot(K(a)).left + e;
 }
 function Xi(a) {
-  const t = K(a), e = pt(a), i = a.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), o = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -e.scrollLeft + At(a);
+  const t = K(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" && (r += U(t.clientWidth, i.clientWidth) - s), {
+  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
-    height: o,
-    x: r,
+    height: r,
+    x: o,
     y: n
   };
 }
 function Fi(a, t) {
   const e = H(a), i = K(a), s = e.visualViewport;
-  let o = i.clientWidth, r = i.clientHeight, n = 0, l = 0;
+  let r = i.clientWidth, o = i.clientHeight, n = 0, l = 0;
   if (s) {
-    o = s.width, r = s.height;
+    r = s.width, o = s.height;
     const h = Xt();
     (!h || h && t === "fixed") && (n = s.offsetLeft, l = s.offsetTop);
   }
   return {
-    width: o,
-    height: r,
+    width: r,
+    height: o,
     x: n,
     y: l
   };
 }
 function ki(a, t) {
-  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = N(a) ? Z(a) : z(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
+  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, r = N(a) ? Z(a) : V(1), o = a.clientWidth * r.x, n = a.clientHeight * r.y, l = s * r.x, h = i * r.y;
   return {
-    width: r,
+    width: o,
     height: n,
     x: l,
     y: h
@@ -4753,7 +4753,7 @@ function qt(a, t, e) {
   return ut(i);
 }
 function fe(a, t) {
-  const e = V(a);
+  const e = z(a);
   return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || fe(e, t);
 }
 function Ni(a, t) {
@@ -4761,11 +4761,11 @@ function Ni(a, t) {
   if (e)
     return e;
   let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
-  const o = F(a).position === "fixed";
-  let r = o ? V(a) : a;
-  for (; X(r) && !Q(r); ) {
-    const n = F(r), l = Dt(r);
-    !l && n.position === "fixed" && (s = null), (o ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(r) && !l && fe(a, r)) ? i = i.filter((f) => f !== r) : s = n, r = V(r);
+  const r = F(a).position === "fixed";
+  let o = r ? z(a) : a;
+  for (; X(o) && !Q(o); ) {
+    const n = F(o), l = Dt(o);
+    !l && n.position === "fixed" && (s = null), (r ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && fe(a, o)) ? i = i.filter((f) => f !== o) : s = n, o = z(o);
   }
   return t.set(a, i), i;
 }
@@ -4776,7 +4776,7 @@ function Yi(a) {
     rootBoundary: i,
     strategy: s
   } = a;
-  const r = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], n = r[0], l = r.reduce((h, f) => {
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((h, f) => {
     const d = qt(t, f, s);
     return h.top = U(d.top, h.top), h.right = rt(d.right, h.right), h.bottom = rt(d.bottom, h.bottom), h.left = U(d.left, h.left), h;
   }, qt(t, n, s));
@@ -4798,29 +4798,29 @@ function Ki(a) {
   };
 }
 function Bi(a, t, e) {
-  const i = N(t), s = K(t), o = e === "fixed", r = ot(a, !0, o, t);
+  const i = N(t), s = K(t), r = e === "fixed", o = ot(a, !0, r, t);
   let n = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = z(0);
-  if (i || !i && !o)
+  const l = V(0);
+  if (i || !i && !r)
     if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
-      const u = ot(t, !0, o, t);
+      const u = ot(t, !0, r, t);
       l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
     } else s && (l.x = At(s));
   let h = 0, f = 0;
-  if (s && !i && !o) {
+  if (s && !i && !r) {
     const u = s.getBoundingClientRect();
     f = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
     At(s, u);
   }
-  const d = r.left + n.scrollLeft - l.x - h, x = r.top + n.scrollTop - l.y - f;
+  const d = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - f;
   return {
     x: d,
     y: x,
-    width: r.width,
-    height: r.height
+    width: o.width,
+    height: o.height
   };
 }
 function mt(a) {
@@ -4839,11 +4839,11 @@ function xe(a, t) {
   if (wt(a))
     return e;
   if (!N(a)) {
-    let s = V(a);
+    let s = z(a);
     for (; s && !Q(s); ) {
       if (X(s) && !mt(s))
         return s;
-      s = V(s);
+      s = z(s);
     }
     return e;
   }
@@ -4867,7 +4867,7 @@ const Wi = async function(a) {
 function Pi(a) {
   return F(a).direction === "rtl";
 }
-const zi = {
+const Vi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
   getDocumentElement: K,
   getClippingRect: Yi,
@@ -4878,17 +4878,17 @@ const zi = {
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, ue = Oi, ge = Si, we = _i, Vi = Ri, pe = (a, t, e) => {
+}, ue = Oi, ge = Si, we = _i, zi = Ri, pe = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: zi,
+    platform: Vi,
     ...e
-  }, o = {
+  }, r = {
     ...s.platform,
     _c: i
   };
   return vi(a, t, {
     ...s,
-    platform: o
+    platform: r
   });
 };
 let $i = class {
@@ -4899,8 +4899,8 @@ let $i = class {
     c(this, "floatingEl");
     c(this, "arrowEl");
     this.ctx = t;
-    const { TOOLTIP_BG_COLOR: e, TOOLTIP_TEXT_COLOR: i, TOOLTIP_ZINDEX: s, TOOLTIP_CUSTOM_STYLE: o, CSS_PREFIX: r } = this.ctx.config;
-    this.contentEl = document.createElement("div"), this.arrowEl = document.createElement("div"), this.floatingEl = document.createElement("div"), this.floatingEl.className = `${r}-tooltip`, this.contentEl.className = `${r}-tooltip-content`, this.arrowEl.className = `${r}-tooltip-arrow`;
+    const { TOOLTIP_BG_COLOR: e, TOOLTIP_TEXT_COLOR: i, TOOLTIP_ZINDEX: s, TOOLTIP_CUSTOM_STYLE: r, CSS_PREFIX: o } = this.ctx.config;
+    this.contentEl = document.createElement("div"), this.arrowEl = document.createElement("div"), this.floatingEl = document.createElement("div"), this.floatingEl.className = `${o}-tooltip`, this.contentEl.className = `${o}-tooltip-content`, this.arrowEl.className = `${o}-tooltip-arrow`;
     const n = {
       display: "none",
       position: "absolute",
@@ -4911,7 +4911,7 @@ let $i = class {
       padding: "8px",
       borderRadius: "4px",
       fontSize: "12px",
-      ...o
+      ...r
     }, l = {
       position: "absolute",
       width: "10px",
@@ -4945,23 +4945,23 @@ let $i = class {
     if (!i)
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
-    const s = t.drawX + i.x, o = t.drawY + i.y;
+    const s = t.drawX + i.x, r = t.drawY + i.y;
     pe({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
           height: t.visibleHeight,
           x: s,
-          y: o,
+          y: r,
           left: s,
           right: s + t.visibleWidth,
-          top: o,
-          bottom: o + t.visibleHeight
+          top: r,
+          bottom: r + t.visibleHeight
         };
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [ge(), we(), ue(6), Vi({ element: this.arrowEl })]
+      middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
     }).then((n) => {
       const { x: l, y: h, placement: f, middlewareData: d } = n;
       if (Object.assign(this.floatingEl.style, {
@@ -5015,8 +5015,8 @@ class qi {
     }), this.ctx.on("cellHeaderMousedown", () => {
       this.enable && this.doneEdit(), this.cellTarget = null;
     }), this.ctx.on("keydown", (t) => {
-      const e = t.key, i = t.ctrlKey, s = t.altKey, o = t.shiftKey, r = t.metaKey;
-      if (!(i || s || o || r || [
+      const e = t.key, i = t.ctrlKey, s = t.altKey, r = t.shiftKey, o = t.metaKey;
+      if (!(i || s || r || o || [
         // "Enter",
         "Escape",
         "Tab",
@@ -5056,83 +5056,37 @@ class qi {
     });
   }
   initTextEditor() {
-    const { CSS_PREFIX: t, SELECT_BORDER_COLOR: e } = this.ctx.config;
-    this.inputEl = document.createElement("div"), this.inputEl.addEventListener("keydown", (r) => {
+    this.inputEl = document.createElement("textarea"), this.inputEl.addEventListener("keydown", (t) => {
       if (this.enable) {
-        if ((r.altKey || r.metaKey) && r.code === "Enter") {
-          r.preventDefault();
-          const n = this.inputEl, l = window.getSelection();
-          if (!n || !l || !l.rangeCount) return;
-          const h = l.getRangeAt(0);
-          if (h.startContainer === n && h.startOffset === n.childNodes.length)
-            n.textContent += `
-
-`, l.selectAllChildren(this.inputEl), l.collapseToEnd();
-          else {
-            const d = document.createTextNode(`
-`);
-            h.insertNode(d), h.setStartAfter(d), h.collapse(!1), l.removeAllRanges(), l.addRange(h);
-          }
+        if ((t.altKey || t.metaKey) && t.code === "Enter") {
+          t.preventDefault();
+          const e = this.inputEl.selectionStart, i = this.inputEl.value.substring(0, e), s = this.inputEl.value.substring(e);
+          this.inputEl.value = i + `
+` + s, this.inputEl.selectionStart = this.inputEl.selectionEnd = e + 1;
           return;
         }
-        (r.code === "Escape" || r.code === "Enter") && (r.preventDefault(), this.inputEl.blur());
+        (t.code === "Escape" || t.code === "Enter") && (t.preventDefault(), this.inputEl.blur());
       }
     }), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
-    }), this.editorEl = document.createElement("div"), this.editorEl.className = `${t}-self-editor`, this.inputEl.className = `${t}-self-editor-input`;
-    const i = {
-      position: "absolute",
-      top: "-10000px",
-      left: "-10000px",
-      textAlign: "left",
-      lineHeight: "0",
-      zIndex: 100,
-      overflow: "hidden",
-      backgroundColor: "#fff",
-      border: `2px solid ${e}`,
-      boxSizing: "border-box",
-      boxShadow: "rgba(0, 0, 0, 0.2) 0px 6px 16px",
-      pointerEvents: "auto",
-      display: "flex",
-      alignItems: "center"
-    };
-    Object.assign(this.editorEl.style, i);
-    const s = {
-      width: "100%",
-      boxSizing: "border-box",
-      padding: "8px",
-      outline: "none",
-      fontWeight: "400",
-      fontSize: "12px",
-      color: "inherit",
-      whiteSpace: "normal",
-      wordWrap: "break-word",
-      wordBreak: "break-all",
-      lineHeight: "18px",
-      margin: "0",
-      background: "#fff",
-      cursor: "text"
-    };
-    Object.assign(this.inputEl.style, s);
-    const o = navigator.userAgent.toLowerCase().includes("firefox");
-    this.inputEl.contentEditable = o ? "true" : "plaintext-only", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
+    }), this.editorEl = document.createElement("div"), this.editorEl.className = "e-virt-table-editor", this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
   }
   startEditByInput(t) {
     if (t.editorType !== "text")
       return;
     const e = t.getValue(), { width: i } = t, s = t.getDrawX();
-    let o = t.getDrawY(), { height: r } = t;
-    t.height > this.ctx.body.visibleHeight && (r = this.ctx.body.visibleHeight, o = this.ctx.header.visibleHeight);
+    let r = t.getDrawY(), { height: o } = t;
+    t.height > this.ctx.body.visibleHeight && (o = this.ctx.body.visibleHeight, r = this.ctx.header.visibleHeight);
     const { CELL_PADDING: n } = this.ctx.config;
-    this.editorEl.style.left = `${s}px`, this.editorEl.style.top = `${o}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${r - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.textContent = e), this.inputEl.focus();
-    const l = window.getSelection();
-    l == null || l.selectAllChildren(this.inputEl), l == null || l.collapseToEnd();
+    this.editorEl.style.left = `${s}px`, this.editorEl.style.top = `${r}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+    const l = this.inputEl.value.length;
+    this.inputEl.setSelectionRange(l, l);
   }
   doneEditByInput() {
     if (!this.cellTarget || this.cellTarget.editorType !== "text")
       return;
-    const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.textContent;
-    s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.textContent = null, this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px";
+    const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.value;
+    s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.value = "", this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px";
   }
   startEdit() {
     const { ENABLE_EDIT_CLICK_SELECTOR: t } = this.ctx.config;
@@ -5141,8 +5095,8 @@ class qi {
     const e = this.ctx.focusCell;
     if (!e || ["index", "index-selection", "selection"].includes(e.type) || this.enable)
       return;
-    const { rowKey: i, key: s } = e, o = this.ctx.database.getReadonly(i, s);
-    e && !o && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: i, key: s } = e, r = this.ctx.database.getReadonly(i, s);
+    e && !r && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
@@ -5152,11 +5106,11 @@ class qi {
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
-    const o = this.ctx.focusCell;
-    if (!o || ["index", "index-selection", "selection"].includes(o.type) || this.enable)
+    const r = this.ctx.focusCell;
+    if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
       return;
-    const { rowKey: r, key: n } = o, l = this.ctx.database.getReadonly(r, n);
-    o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: o, key: n } = r, l = this.ctx.database.getReadonly(o, n);
+    r && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.target.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
@@ -5169,12 +5123,12 @@ class Gi {
     c(this, "ctx");
     c(this, "emptyEl");
     this.ctx = t;
-    const { EMPTY_TEXT: e, EMPTY_CUSTOM: i, EMPTY_CUSTOM_STYLE: s, CSS_PREFIX: o } = this.ctx.config;
-    this.emptyEl = document.createElement("div"), this.emptyEl.className = `${o}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.targetContainer.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: r, headerHeight: n, bodyHeight: l, footerHeight: h }) => {
+    const { EMPTY_TEXT: e, EMPTY_CUSTOM: i, EMPTY_CUSTOM_STYLE: s, CSS_PREFIX: r } = this.ctx.config;
+    this.emptyEl = document.createElement("div"), this.emptyEl.className = `${r}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.targetContainer.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: n, bodyHeight: l, footerHeight: h }) => {
       if (i)
         return;
       const f = n + (l + h) / 2, d = {
-        display: r === "empty" ? "block" : "none",
+        display: o === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
@@ -5200,15 +5154,15 @@ class ji {
       let i = !1, s = this.getHeader();
       e.top < 0 && e.top < -this.ctx.header.visibleHeight && e.top > -this.ctx.body.visibleHeight ? i = !0 : i = !1;
       const {
-        config: { CSS_PREFIX: o }
-      } = this.ctx, { visibleWidth: r } = this.ctx.body, n = {
+        config: { CSS_PREFIX: r }
+      } = this.ctx, { visibleWidth: o } = this.ctx.body, n = {
         type: "header-sticky",
-        class: `${o}-overlayer-header-sticky`,
+        class: `${r}-overlayer-header-sticky`,
         style: {
           position: "sticky",
           top: "0px",
           "z-index": 10,
-          width: `${r}px`,
+          width: `${o}px`,
           display: i ? "block" : "none"
         },
         views: s.views
@@ -5230,10 +5184,10 @@ class ji {
     const {
       target: t,
       config: { SCROLLER_TRACK_SIZE: e }
-    } = this.ctx, i = t.width - e, s = t.height - e, o = this.getHeader(), r = this.getBody(), n = this.getFooter();
-    let l = [o, r, n];
+    } = this.ctx, i = t.width - e, s = t.height - e, r = this.getHeader(), o = this.getBody(), n = this.getFooter();
+    let l = [r, o, n];
     const { FOOTER_FIXED: h } = this.ctx.config;
-    return h || (l = [o, r]), {
+    return h || (l = [r, o]), {
       style: {
         position: "absolute",
         left: "0px",
@@ -5251,7 +5205,7 @@ class ji {
       fixedLeftWidth: t,
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
-    } = this.ctx, { visibleWidth: o, visibleHeight: r, renderCellHeaders: n } = this.ctx.header;
+    } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
     let l = [], h = [], f = [];
     n.forEach((w) => {
       w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? f.push(w) : l.push(w));
@@ -5264,7 +5218,7 @@ class ji {
         left: "0px",
         overflow: "hidden",
         width: `${t}px`,
-        height: `${r}px`
+        height: `${o}px`
       },
       cells: h
     }, u = {
@@ -5274,8 +5228,8 @@ class ji {
         top: "0px",
         left: `${t}px`,
         overflow: "hidden",
-        width: `${o - t - d + 1}px`,
-        height: `${r}px`
+        width: `${r - t - d + 1}px`,
+        height: `${o}px`
       },
       cells: l
     }, p = {
@@ -5286,7 +5240,7 @@ class ji {
         right: "0px",
         overflow: "hidden",
         width: `${d + 1}px`,
-        height: `${r}px`
+        height: `${o}px`
       },
       cells: f
     };
@@ -5296,8 +5250,8 @@ class ji {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${o}px`,
-        height: `${r}px`
+        width: `${r}px`,
+        height: `${o}px`
       },
       views: [x, u, p]
     };
@@ -5311,17 +5265,17 @@ class ji {
       });
     });
     const {
-      fixedLeftWidth: o,
-      fixedRightWidth: r,
+      fixedLeftWidth: r,
+      fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = r - n, x = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = o - n, x = {
       key: "left",
       style: {
         position: "absolute",
         top: `${0.5}px`,
         left: `${0.5}px`,
         overflow: "hidden",
-        width: `${o}px`,
+        width: `${r}px`,
         height: `${f}px`
       },
       cells: e
@@ -5330,9 +5284,9 @@ class ji {
       style: {
         position: "absolute",
         top: `${0.5}px`,
-        left: `${o + 0.5}px`,
+        left: `${r + 0.5}px`,
         overflow: "hidden",
-        width: `${h - o - d}px`,
+        width: `${h - r - d}px`,
         height: `${f}px`
       },
       cells: t
@@ -5369,9 +5323,9 @@ class ji {
     });
     const {
       fixedLeftWidth: s,
-      fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = o - r, d = {
+      fixedRightWidth: r,
+      config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = r - o, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -5428,8 +5382,8 @@ class Ui {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [o, r] = i, [n, l] = s, { rowIndex: h, colIndex: f } = t;
-      h >= n && h <= l && f >= o && f <= r || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s, { rowIndex: h, colIndex: f } = t;
+      h >= n && h <= l && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5552,14 +5506,14 @@ class Qi {
   editCell(t, e) {
     this.editor.editCell(t, e);
   }
-  setItemValue(t, e, i, s = !0, o = !0, r = !1) {
-    this.ctx.database.setItemValue(t, e, i, s, o, r);
+  setItemValue(t, e, i, s = !0, r = !0, o = !1) {
+    this.ctx.database.setItemValue(t, e, i, s, r, o);
   }
   batchSetItemValue(t, e = !0, i = !0) {
     this.ctx.database.batchSetItemValue(t, e), i && this.ctx.emit("draw");
   }
-  setItemValueByEditor(t, e, i, s = !0, o = !0) {
-    this.ctx.database.setItemValue(t, e, i, s, o, !0), this.editor.doneEdit();
+  setItemValueByEditor(t, e, i, s = !0, r = !0) {
+    this.ctx.database.setItemValue(t, e, i, s, r, !0), this.editor.doneEdit();
   }
   doLayout() {
     this.ctx.emit("draw");
@@ -5580,9 +5534,9 @@ class Qi {
         e(s);
       } catch (s) {
         if (t && Array.isArray(s) && s.length) {
-          const [o] = s;
-          if (Array.isArray(o) && o.length) {
-            const [r] = o, { rowKey: n, key: l } = r;
+          const [r] = s;
+          if (Array.isArray(r) && r.length) {
+            const [o] = r, { rowKey: n, key: l } = o;
             this.scrollToRowkey(n), this.scrollToColkey(l);
           }
         }
@@ -5592,8 +5546,8 @@ class Qi {
   }
   setValidations(t) {
     if (t.forEach((e) => {
-      const { rowIndex: i, key: s, message: o } = e;
-      this.ctx.database.setValidationErrorByRowIndex(i, s, o);
+      const { rowIndex: i, key: s, message: r } = e;
+      this.ctx.database.setValidationErrorByRowIndex(i, s, r);
     }), t && Array.isArray(t) && t.length) {
       const [e] = t;
       if (e && e.rowIndex >= 0 && e.key) {
@@ -5605,13 +5559,13 @@ class Qi {
   getValidations() {
     return new Promise(async (t, e) => {
       const i = this.ctx.database.getAllRowsData(), s = this.ctx.header.leafCellHeaders;
-      let o = [];
-      for (let r = 0; r < i.length; r++)
+      let r = [];
+      for (let o = 0; o < i.length; o++)
         for (let n = 0; n < s.length; n++) {
-          const l = this.ctx.database.getRowKeyByItem(i[r]), f = s[n].key, d = await this.ctx.database.getValidator(l, f);
-          Array.isArray(d) && d.length && o.push(d);
+          const l = this.ctx.database.getRowKeyByItem(i[o]), f = s[n].key, d = await this.ctx.database.getValidator(l, f);
+          Array.isArray(d) && d.length && r.push(d);
         }
-      o.length ? (e(o), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
+      r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });
   }
   scrollTo(t, e) {