e-virt-table 0.0.9 → 0.0.11

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (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)}})();
-var pe = Object.defineProperty;
-var ye = (a, t, e) => t in a ? pe(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var c = (a, t, e) => ye(a, typeof t != "symbol" ? t + "" : t, e);
+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);
 function $() {
   return $ = Object.assign ? Object.assign.bind() : function(a) {
     for (var t = 1; t < arguments.length; t++) {
@@ -12,7 +12,7 @@ function $() {
     return a;
   }, $.apply(this, arguments);
 }
-function me(a, t) {
+function be(a, t) {
   a.prototype = Object.create(t.prototype), a.prototype.constructor = a, st(a, t);
 }
 function Et(a) {
@@ -25,7 +25,7 @@ function st(a, t) {
     return i.__proto__ = s, i;
   }, st(a, t);
 }
-function Ee() {
+function Ce() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -36,20 +36,20 @@ function Ee() {
   }
 }
 function dt(a, t, e) {
-  return Ee() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
+  return Ce() ? dt = Reflect.construct.bind() : dt = function(s, o, r) {
     var n = [null];
-    n.push.apply(n, r);
+    n.push.apply(n, o);
     var l = Function.bind.apply(s, n), h = new l();
-    return o && st(h, o.prototype), h;
+    return r && st(h, r.prototype), h;
   }, dt.apply(null, arguments);
 }
-function be(a) {
+function ve(a) {
   return Function.toString.call(a).indexOf("[native code]") !== -1;
 }
 function bt(a) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
   return bt = function(i) {
-    if (i === null || !be(i)) return i;
+    if (i === null || !ve(i)) return i;
     if (typeof i != "function")
       throw new TypeError("Super expression must either be null or a function");
     if (typeof t < "u") {
@@ -69,9 +69,9 @@ function bt(a) {
     }), st(s, i);
   }, bt(a);
 }
-var Ce = /%[sdj%]/g, qt = function() {
+var Re = /%[sdj%]/g, jt = function() {
 };
-typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (qt = function(t, e) {
+typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (jt = function(t, e) {
   typeof console < "u" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING > "u" && e.every(function(i) {
     return typeof i == "string";
   }) && console.warn(t, e);
@@ -84,17 +84,17 @@ function Ct(a) {
     t[i] = t[i] || [], t[i].push(e);
   }), t;
 }
-function H(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, r = e.length;
+  var s = 0, o = e.length;
   if (typeof a == "function")
     return a.apply(null, e);
   if (typeof a == "string") {
-    var o = a.replace(Ce, function(n) {
+    var r = a.replace(Re, function(n) {
       if (n === "%%")
         return "%";
-      if (s >= r)
+      if (s >= o)
         return n;
       switch (n) {
         case "%s":
@@ -112,81 +112,81 @@ function H(a) {
           return n;
       }
     });
-    return o;
+    return r;
   }
   return a;
 }
-function ve(a) {
+function Ie(a) {
   return a === "string" || a === "url" || a === "hex" || a === "email" || a === "date" || a === "pattern";
 }
 function I(a, t) {
-  return !!(a == null || t === "array" && Array.isArray(a) && !a.length || ve(t) && typeof a == "string" && !a);
+  return !!(a == null || t === "array" && Array.isArray(a) && !a.length || Ie(t) && typeof a == "string" && !a);
 }
-function Re(a, t, e) {
-  var i = [], s = 0, r = a.length;
-  function o(n) {
-    i.push.apply(i, n || []), s++, s === r && e(i);
+function _e(a, t, e) {
+  var i = [], s = 0, o = a.length;
+  function r(n) {
+    i.push.apply(i, n || []), s++, s === o && e(i);
   }
   a.forEach(function(n) {
-    t(n, o);
+    t(n, r);
   });
 }
-function Ft(a, t, e) {
+function kt(a, t, e) {
   var i = 0, s = a.length;
-  function r(o) {
-    if (o && o.length) {
-      e(o);
+  function o(r) {
+    if (r && r.length) {
+      e(r);
       return;
     }
     var n = i;
-    i = i + 1, n < s ? t(a[n], r) : e([]);
+    i = i + 1, n < s ? t(a[n], o) : e([]);
   }
-  r([]);
+  o([]);
 }
-function Ie(a) {
+function Oe(a) {
   var t = [];
   return Object.keys(a).forEach(function(e) {
     t.push.apply(t, a[e] || []);
   }), t;
 }
-var Xt = /* @__PURE__ */ function(a) {
-  me(t, a);
+var Ft = /* @__PURE__ */ function(a) {
+  be(t, a);
   function t(e, i) {
     var s;
     return s = a.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
   }
   return t;
 }(/* @__PURE__ */ bt(Error));
-function Oe(a, t, e, i, s) {
+function Se(a, t, e, i, s) {
   if (t.first) {
-    var r = new Promise(function(x, u) {
+    var o = new Promise(function(x, u) {
       var y = function(p) {
-        return i(p), p.length ? u(new Xt(p, Ct(p))) : x(s);
-      }, g = Ie(a);
-      Ft(g, e, y);
+        return i(p), p.length ? u(new Ft(p, Ct(p))) : x(s);
+      }, g = Oe(a);
+      kt(g, e, y);
     });
-    return r.catch(function(x) {
+    return o.catch(function(x) {
       return x;
-    }), r;
+    }), o;
   }
-  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 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 y = function(w) {
       if (f.push.apply(f, w), h++, h === l)
-        return i(f), f.length ? u(new Xt(f, Ct(f))) : x(s);
+        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
     };
     n.length || (i(f), x(s)), n.forEach(function(g) {
       var w = a[g];
-      o.indexOf(g) !== -1 ? Ft(w, e, y) : Re(w, e, y);
+      r.indexOf(g) !== -1 ? kt(w, e, y) : _e(w, e, y);
     });
   });
   return d.catch(function(x) {
     return x;
   }), d;
 }
-function _e(a) {
+function Te(a) {
   return !!(a && a.message !== void 0);
 }
-function Se(a, t) {
+function Le(a, t) {
   for (var e = a, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,14 +197,14 @@ function Se(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Se(t, a.fullFields) : i = t[e.field || a.fullField], _e(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return a.fullFields ? i = Le(t, a.fullFields) : i = t[e.field || a.fullField], Te(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
     };
   };
 }
-function Kt(a, t) {
+function Yt(a, t) {
   if (t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
@@ -214,11 +214,11 @@ function Kt(a, t) {
   }
   return a;
 }
-var Gt = function(t, e, i, s, r, o) {
-  t.required && (!i.hasOwnProperty(t.field) || I(e, o || t.type)) && s.push(H(r.messages.required, t.fullField));
-}, Te = function(t, e, i, s, r) {
-  (/^\s+$/.test(e) || e === "") && s.push(H(r.messages.whitespace, t.fullField));
-}, ht, Le = function() {
+var Ut = function(t, e, i, s, o, r) {
+  t.required && (!i.hasOwnProperty(t.field) || I(e, r || t.type)) && s.push(M(o.messages.required, t.fullField));
+}, Ae = function(t, e, i, s, o) {
+  (/^\s+$/.test(e) || e === "") && s.push(M(o.messages.whitespace, t.fullField));
+}, ht, Me = function() {
   if (ht)
     return ht;
   var a = "[a-fA-F\\d:]", t = function(b) {
@@ -234,17 +234,17 @@ var Gt = function(t, e, i, s, r, o) {
 (?:` + 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(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(b) {
-    return b && b.exact ? r : new RegExp("(?:" + t(b) + e + t(b) + ")|(?:" + t(b) + s + t(b) + ")", "g");
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), o = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), r = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(b) {
+    return b && b.exact ? o : new RegExp("(?:" + t(b) + e + t(b) + ")|(?:" + t(b) + s + t(b) + ")", "g");
   };
   l.v4 = function(m) {
-    return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
+    return m && m.exact ? r : 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");
   };
   var h = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", y = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', E = "(?:" + h + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + y + g + ")" + w + p;
   return ht = new RegExp("(?:^" + E + "$)", "i"), ht;
-}, Yt = {
+}, Kt = {
   // http://emailregex.com/
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
   // url: new RegExp(
@@ -284,180 +284,180 @@ var Gt = function(t, e, i, s, r, o) {
     return typeof t == "function";
   },
   email: function(t) {
-    return typeof t == "string" && t.length <= 320 && !!t.match(Yt.email);
+    return typeof t == "string" && t.length <= 320 && !!t.match(Kt.email);
   },
   url: function(t) {
-    return typeof t == "string" && t.length <= 2048 && !!t.match(Le());
+    return typeof t == "string" && t.length <= 2048 && !!t.match(Me());
   },
   hex: function(t) {
-    return typeof t == "string" && !!t.match(Yt.hex);
+    return typeof t == "string" && !!t.match(Kt.hex);
   }
-}, Ae = function(t, e, i, s, r) {
+}, He = function(t, e, i, s, o) {
   if (t.required && e === void 0) {
-    Gt(t, e, i, s, r);
+    Ut(t, e, i, s, o);
     return;
   }
-  var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
-  o.indexOf(n) > -1 ? et[n](e) || s.push(H(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(H(r.messages.types[n], t.fullField, t.type));
-}, He = 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", y = Array.isArray(e);
+  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", y = Array.isArray(e);
   if (x ? d = "number" : u ? d = "string" : y && (d = "array"), !d)
     return !1;
-  y && (f = e.length), u && (f = e.replace(h, "_").length), o ? f !== t.len && s.push(H(r.messages[d].len, t.fullField, t.len)) : n && !l && f < t.min ? s.push(H(r.messages[d].min, t.fullField, t.min)) : l && !n && f > t.max ? s.push(H(r.messages[d].max, t.fullField, t.max)) : n && l && (f < t.min || f > t.max) && s.push(H(r.messages[d].range, t.fullField, t.min, t.max));
-}, j = "enum", Me = function(t, e, i, s, r) {
-  t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(H(r.messages[j], t.fullField, t[j].join(", ")));
-}, De = function(t, e, i, s, r) {
+  y && (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(", ")));
+}, ke = function(t, e, i, s, o) {
   if (t.pattern) {
     if (t.pattern instanceof RegExp)
-      t.pattern.lastIndex = 0, t.pattern.test(e) || s.push(H(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
+      t.pattern.lastIndex = 0, t.pattern.test(e) || s.push(M(o.messages.pattern.mismatch, t.fullField, e, t.pattern));
     else if (typeof t.pattern == "string") {
-      var o = new RegExp(t.pattern);
-      o.test(e) || s.push(H(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
+      var r = new RegExp(t.pattern);
+      r.test(e) || s.push(M(o.messages.pattern.mismatch, t.fullField, e, t.pattern));
     }
   }
 }, v = {
-  required: Gt,
-  whitespace: Te,
-  type: Ae,
-  range: He,
-  enum: Me,
-  pattern: De
-}, ke = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  required: Ut,
+  whitespace: Ae,
+  type: He,
+  range: De,
+  enum: Xe,
+  pattern: ke
+}, Fe = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e, "string") && !t.required)
       return i();
-    v.required(t, e, s, o, r, "string"), I(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));
+    v.required(t, e, s, r, o, "string"), I(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));
   }
-  i(o);
-}, Fe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Ne = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
+    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
   }
-  i(o);
-}, Xe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Ye = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e === "" && (e = void 0), I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
+    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
-  i(o);
-}, Ne = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Ke = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
+    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
   }
-  i(o);
-}, Ke = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Be = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), I(e) || v.type(t, e, s, o, r);
+    v.required(t, e, s, r, o), I(e) || v.type(t, e, s, r, o);
   }
-  i(o);
-}, Ye = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, We = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
+    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
-  i(o);
-}, Be = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Pe = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
+    v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
-  i(o);
-}, We = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Ve = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e == null && !t.required)
       return i();
-    v.required(t, e, s, o, r, "array"), e != null && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
+    v.required(t, e, s, r, o, "array"), e != null && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
-  i(o);
-}, Pe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, ze = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
+    v.required(t, e, s, r, o), e !== void 0 && v.type(t, e, s, r, o);
   }
-  i(o);
-}, Ve = "enum", ze = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, $e = "enum", qe = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r), e !== void 0 && v[Ve](t, e, s, o, r);
+    v.required(t, e, s, r, o), e !== void 0 && v[$e](t, e, s, r, o);
   }
-  i(o);
-}, $e = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, Ge = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e, "string") && !t.required)
       return i();
-    v.required(t, e, s, o, r), I(e, "string") || v.pattern(t, e, s, o, r);
+    v.required(t, e, s, r, o), I(e, "string") || v.pattern(t, e, s, r, o);
   }
-  i(o);
-}, qe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+  i(r);
+}, je = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e, "date") && !t.required)
       return i();
-    if (v.required(t, e, s, o, r), !I(e, "date")) {
+    if (v.required(t, e, s, r, o), !I(e, "date")) {
       var l;
-      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);
+      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);
     }
   }
-  i(o);
-}, Ge = 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);
+  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);
   if (l) {
-    if (I(e, o) && !t.required)
+    if (I(e, r) && !t.required)
       return i();
-    v.required(t, e, s, n, r, o), I(e, o) || v.type(t, e, s, n, r);
+    v.required(t, e, s, n, o, r), I(e, r) || v.type(t, e, s, n, o);
   }
   i(n);
-}, je = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
+}, Ze = function(t, e, i, s, o) {
+  var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
       return i();
-    v.required(t, e, s, o, r);
+    v.required(t, e, s, r, o);
   }
-  i(o);
+  i(r);
 }, it = {
-  string: ke,
-  method: Fe,
-  number: Xe,
-  boolean: Ne,
-  regexp: Ke,
-  integer: Ye,
-  float: Be,
-  array: We,
-  object: Pe,
-  enum: ze,
-  pattern: $e,
-  date: qe,
+  string: Fe,
+  method: Ne,
+  number: Ye,
+  boolean: Ke,
+  regexp: Be,
+  integer: We,
+  float: Pe,
+  array: Ve,
+  object: ze,
+  enum: qe,
+  pattern: Ge,
+  date: je,
   url: yt,
   hex: yt,
   email: yt,
-  required: Ge,
-  any: je
+  required: Ue,
+  any: Ze
 };
 function vt() {
   return {
@@ -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(r) {
-      var o = i[r];
-      s.rules[r] = Array.isArray(o) ? o : [o];
+    this.rules = {}, Object.keys(i).forEach(function(o) {
+      var r = i[o];
+      s.rules[o] = Array.isArray(r) ? r : [r];
     });
   }, t.messages = function(i) {
-    return i && (this._messages = Kt(vt(), i)), this._messages;
-  }, t.validate = function(i, s, r) {
-    var o = this;
-    s === void 0 && (s = {}), r === void 0 && (r = function() {
+    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() {
     });
-    var n = i, l = s, h = r;
+    var n = i, l = s, h = o;
     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) {
@@ -551,17 +551,17 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     }
     if (l.messages) {
       var d = this.messages();
-      d === Rt && (d = vt()), Kt(d, l.messages), l.messages = d;
+      d === Rt && (d = vt()), Yt(d, l.messages), l.messages = d;
     } else
       l.messages = this.messages();
     var x = {}, u = l.keys || Object.keys(this.rules);
     u.forEach(function(g) {
-      var w = o.rules[g], p = n[g];
+      var w = r.rules[g], p = n[g];
       w.forEach(function(E) {
         var m = E;
         typeof m.transform == "function" && (n === i && (n = $({}, n)), p = n[g] = m.transform(p)), typeof m == "function" ? m = {
           validator: m
-        } : 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({
+        } : 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({
           rule: m,
           value: p,
           source: n,
@@ -570,7 +570,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var y = {};
-    return Oe(x, l, function(g, w) {
+    return Se(x, l, function(g, w) {
       var p = g.rule, E = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
       E = E && (p.required || !p.required && g.value), p.field = g.field;
       function m(R, T) {
@@ -590,20 +590,20 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           w(L);
         else {
           if (p.required && !g.value)
-            return p.message !== void 0 ? L = [].concat(p.message).map(Nt(p, n)) : l.error && (L = [l.error(p, H(l.messages.required, p.field))]), w(L);
+            return p.message !== void 0 ? L = [].concat(p.message).map(Nt(p, n)) : l.error && (L = [l.error(p, M(l.messages.required, p.field))]), w(L);
           var A = {};
-          p.defaultField && Object.keys(g.value).map(function(O) {
-            A[O] = p.defaultField;
+          p.defaultField && Object.keys(g.value).map(function(_) {
+            A[_] = p.defaultField;
           }), A = $({}, A, g.rule.fields);
           var D = {};
-          Object.keys(A).forEach(function(O) {
-            var S = A[O], _ = Array.isArray(S) ? S : [S];
-            D[O] = _.map(m.bind(null, O));
+          Object.keys(A).forEach(function(_) {
+            var S = A[_], O = Array.isArray(S) ? S : [S];
+            D[_] = O.map(m.bind(null, _));
           });
           var B = new a(D);
-          B.messages(l.messages), g.rule.options && (g.rule.options.messages = l.messages, g.rule.options.error = l.error), B.validate(g.value, g.rule.options || l, function(O) {
+          B.messages(l.messages), g.rule.options && (g.rule.options.messages = l.messages, g.rule.options.error = l.error), B.validate(g.value, g.rule.options || l, function(_) {
             var S = [];
-            L && L.length && S.push.apply(S, L), O && O.length && S.push.apply(S, O), w(S.length ? S : null);
+            L && L.length && S.push.apply(S, L), _ && _.length && S.push.apply(S, _), w(S.length ? S : null);
           });
         }
       }
@@ -630,13 +630,13 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     }, n);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
-      throw new Error(H("Unknown rule type %s", i.type));
+      throw new Error(M("Unknown rule type %s", i.type));
     return i.type || "string";
   }, t.getValidationMethod = function(i) {
     if (typeof i.validator == "function")
       return i.validator;
-    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;
+    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;
   }, a;
 }();
 nt.register = function(t, e) {
@@ -644,7 +644,7 @@ nt.register = function(t, e) {
     throw new Error("Cannot register a validator by type, validator is not a function");
   it[t] = e;
 };
-nt.warning = qt;
+nt.warning = jt;
 nt.messages = Rt;
 nt.validators = it;
 function At() {
@@ -653,37 +653,37 @@ function At() {
     return (a === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function jt(a, t) {
+function Zt(a, t) {
   let e = 0, i;
   return function(...s) {
-    const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
-    !e || o >= t ? (a.apply(this, s), e = r) : i || (i = setTimeout(() => {
+    const o = (/* @__PURE__ */ new Date()).getTime(), r = o - e;
+    !e || r >= t ? (a.apply(this, s), e = o) : i || (i = setTimeout(() => {
       a.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
-    }, t - o));
+    }, t - r));
   };
 }
-function Ut(a) {
-  return a ? a.map((t) => Ut(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Jt(a) {
+  return a ? a.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function Ue(a = []) {
+function Je(a = []) {
   let t = [], e = [], i = [];
   return a.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
-    ...t.sort((s, r) => s.sort - r.sort),
-    ...e.sort((s, r) => s.sort - r.sort),
-    ...i.sort((s, r) => s.sort - r.sort)
+    ...t.sort((s, o) => s.sort - o.sort),
+    ...e.sort((s, o) => s.sort - o.sort),
+    ...i.sort((s, o) => s.sort - o.sort)
   ];
 }
-function Zt(a = [], t = 1, e = 0) {
+function Qt(a = [], t = 1, e = 0) {
   return a.map((i) => {
     if (i.children) {
-      let s = 0, r = i.fixed;
+      let s = 0, o = i.fixed;
       i.children.forEach((n) => {
-        n.fixed = r;
+        n.fixed = o;
       });
-      const o = Zt(i.children, t - 1, e + 1);
-      return o && o.forEach((n) => {
+      const r = Qt(i.children, t - 1, e + 1);
+      return r && r.forEach((n) => {
         s += n.colspan;
       }), {
         ...i,
@@ -691,7 +691,7 @@ function Zt(a = [], t = 1, e = 0) {
         level: e,
         rowspan: 1,
         colspan: s,
-        children: o
+        children: r
       };
     }
     return {
@@ -708,7 +708,46 @@ function It(a = []) {
     e.children ? t = t.concat(It(e.children)) : t.push(e);
   }), t;
 }
-class Ze {
+const Bt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, Wt = /^\t/;
+function ti(a) {
+  let t = [[""]];
+  if (a.length === 0)
+    return t;
+  let e = 0, i = 0, s;
+  for (; a.length > 0 && s !== a.length; )
+    if (s = a.length, a.match(Wt))
+      a = a.replace(Wt, ""), e += 1, t[i][e] = "";
+    else if (a.match(Bt))
+      a = a.replace(Bt, ""), e = 0, i += 1, t[i] = [""];
+    else {
+      let o = "";
+      if (a.startsWith('"')) {
+        let r = 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);
+        }
+        o = o.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);
+      }
+      t[i][e] = o;
+    }
+  return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
+}
+function ei(a) {
+  let t, e, i, s, o = "", r;
+  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 += `
+`);
+  }
+  return o;
+}
+class ii {
   //虚拟滚动位置
   constructor(t, e) {
     c(this, "loading", !1);
@@ -730,8 +769,8 @@ class Ze {
     c(this, "filterMethod");
     c(this, "positions", []);
     this.ctx = t;
-    const { data: i = [], columns: s = [], footerData: r = [] } = e;
-    this.data = i, this.footerData = r, this.columns = s, this.setLoading(!0), this.init();
+    const { data: i = [], columns: s = [], footerData: o = [] } = e;
+    this.data = i, this.footerData = o, 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);
@@ -749,9 +788,9 @@ class Ze {
    */
   initData(t, e = 0) {
     t.forEach((i, s) => {
-      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 ?? At();
+      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 ?? At();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || l, y = i._readonly;
       let g = !0;
@@ -773,7 +812,7 @@ class Ze {
         selectable: g,
         expand: n,
         expandLazy: !1,
-        hasChildren: r,
+        hasChildren: o,
         expandLoading: !1,
         item: i
       });
@@ -804,8 +843,8 @@ class Ze {
   filterColumns(t) {
     return t.reduce((e, i) => {
       if (!(typeof i.hide == "function" ? i.hide() : i.hide)) {
-        const r = { ...i };
-        r.children && Array.isArray(r.children) && (r.children = this.filterColumns(r.children)), e.push(r);
+        const o = { ...i };
+        o.children && Array.isArray(o.children) && (o.children = this.filterColumns(o.children)), e.push(o);
       }
       return e;
     }, []);
@@ -832,15 +871,15 @@ class Ze {
       };
     let t = [], e = 0;
     this.sumHeight = 0, this.positions = [];
-    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;
+    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;
         this.sumHeight += f, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
           top: d,
           height: f,
           bottom: this.sumHeight
-        }), e += 1, l && h && i(o.children);
+        }), e += 1, l && h && i(r.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -936,11 +975,11 @@ class Ze {
   getItemValueForRowIndexAndColIndex(t, e) {
     if (!(this.rowIndexRowKeyMap.has(t) && this.colIndexKeyMap.get(e)))
       return null;
-    const s = this.rowIndexRowKeyMap.get(t), r = this.colIndexKeyMap.get(e);
+    const s = this.rowIndexRowKeyMap.get(t), o = this.colIndexKeyMap.get(e);
     return {
       rowKey: s,
-      key: r,
-      value: this.getItemValue(s, r)
+      key: o,
+      value: this.getItemValue(s, o)
     };
   }
   /**
@@ -971,8 +1010,8 @@ class Ze {
         newValue: x
       });
     });
-    let r = [];
-    const o = i.map((n) => {
+    let o = [];
+    const r = i.map((n) => {
       const l = this.ctx.database.getRowDataItemForRowKey(n.rowKey);
       return {
         rowKey: n.rowKey,
@@ -982,8 +1021,8 @@ class Ze {
       };
     });
     return s.forEach((n) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(n));
-    }), this.ctx.emit("change", o, r), e && this.ctx.history.pushState({
+      o.push(this.ctx.database.getRowDataItemForRowKey(n));
+    }), this.ctx.emit("change", r, o), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1000,7 +1039,7 @@ class Ze {
    * @param isEditor 是否是编辑器
    * @returns
    */
-  setItemValue(t, e, i, s = !1, r = !1, o = !1) {
+  setItemValue(t, e, i, s = !1, o = !1, r = !1) {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: n } = this.rowKeyMap.get(t);
@@ -1012,7 +1051,7 @@ class Ze {
       };
     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, o) {
+    if (this.originalDataMap.has(h) || this.originalDataMap.set(h, l), this.changedDataMap.set(h, i), n[e] = i, r) {
       const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
         rowKey: t,
         key: e,
@@ -1047,7 +1086,7 @@ class Ze {
           newValue: i
         }
       ]
-    }), r && this.ctx.emit("draw"), {
+    }), o && this.ctx.emit("draw"), {
       oldValue: l,
       newValue: i
     };
@@ -1073,8 +1112,8 @@ class Ze {
     if (i) {
       if (!this.rowKeyMap.has(t))
         return !1;
-      const { item: s } = this.rowKeyMap.get(t), r = s[i];
-      this.checkboxKeyMap.has(r) && this.checkboxKeyMap.get(r).forEach((n) => {
+      const { item: s } = this.rowKeyMap.get(t), o = s[i];
+      this.checkboxKeyMap.has(o) && this.checkboxKeyMap.get(o).forEach((n) => {
         const l = this.rowKeyMap.get(n);
         l.check = e;
       });
@@ -1161,12 +1200,12 @@ class Ze {
    */
   getCheckedState() {
     let t = 0, e = 0;
-    this.rowKeyMap.forEach((o) => {
-      o.check && (t += 1);
-      const n = o.selectable;
+    this.rowKeyMap.forEach((r) => {
+      r.check && (t += 1);
+      const n = r.selectable;
       typeof n == "function" ? n({
-        row: o.item,
-        rowIndex: o.rowIndex
+        row: r.item,
+        rowIndex: r.rowIndex
       }) && (e += 1) : n && (e += 1);
     });
     const i = e && e > t && t > 0;
@@ -1191,12 +1230,12 @@ class Ze {
   getChangedData() {
     let t = [];
     return this.changedDataMap.forEach((e, i) => {
-      const s = this.originalDataMap.get(i), r = i.split("_")[0], o = i.split("_")[1];
+      const s = this.originalDataMap.get(i), o = i.split("_")[0], r = i.split("_")[1];
       s !== e && t.push({
-        rowKey: r,
-        colKey: o,
+        rowKey: o,
+        colKey: r,
         originalValue: s,
-        row: this.rowKeyMap.get(r),
+        row: this.rowKeyMap.get(o),
         value: e
       });
     }), t;
@@ -1204,8 +1243,8 @@ class Ze {
   getChangedRows() {
     const t = /* @__PURE__ */ new Set();
     this.changedDataMap.forEach((i, s) => {
-      const r = this.originalDataMap.get(s), o = s.split("_")[0];
-      r !== i && t.add(o);
+      const o = this.originalDataMap.get(s), r = s.split("_")[0];
+      o !== i && t.add(r);
     });
     let e = [];
     return t.forEach((i) => {
@@ -1222,8 +1261,8 @@ class Ze {
     const i = `${t}_${e}`;
     if (!this.changedDataMap.has(i))
       return !1;
-    const s = this.originalDataMap.get(i), r = this.changedDataMap.get(i);
-    return s !== r;
+    const s = this.originalDataMap.get(i), o = this.changedDataMap.get(i);
+    return s !== o;
   }
   getPositionForRowIndex(t) {
     return t < this.positions.length ? this.positions[t] : {
@@ -1236,7 +1275,7 @@ class Ze {
     return t ? (this.headerMap.set(t, e), !0) : !1;
   }
   getReadonly(t, e) {
-    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;
+    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;
     if (typeof n == "function") {
       const h = n({
         row: i.item,
@@ -1248,20 +1287,20 @@ class Ze {
       if (h !== void 0)
         return h;
     }
-    return o || r;
+    return r || o;
   }
   clearValidate() {
     this.validationErrorMap.clear();
   }
   getValidator(t, e) {
     return new Promise((i) => {
-      const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, n = r.column;
+      const s = this.rowKeyMap.get(t), o = this.headerMap.get(e), { CELL_RULES_METHOD: r } = this.ctx.config, n = o.column;
       let l = n.rules;
-      if (typeof o == "function") {
-        const f = o({
+      if (typeof r == "function") {
+        const f = r({
           row: s.item,
           rowIndex: s.rowIndex,
-          colIndex: r.colIndex,
+          colIndex: o.colIndex,
           column: n,
           value: this.getItemValue(t, e)
         });
@@ -1275,7 +1314,7 @@ class Ze {
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
-            colIndex: r.colIndex
+            colIndex: o.colIndex
           }));
           h[e] = x;
         } else
@@ -1284,7 +1323,7 @@ class Ze {
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
-            colIndex: r.colIndex
+            colIndex: o.colIndex
           };
         new nt(h).validate(f).then(() => {
           this.setValidationError(t, e, []), i([]);
@@ -1305,8 +1344,8 @@ class Ze {
   getHeightByRowIndexRowSpan(t, e) {
     let i = 0;
     for (let s = 0; s < e; s++) {
-      const r = this.positions[t + s];
-      r && (i += r.height);
+      const o = this.positions[t + s];
+      o && (i += o.height);
     }
     return i;
   }
@@ -1317,12 +1356,12 @@ class Ze {
     return this.loading;
   }
   setValidationErrorByRowIndex(t, e, i) {
-    const r = `${this.rowIndexRowKeyMap.get(t)}_${e}`, o = [
+    const o = `${this.rowIndexRowKeyMap.get(t)}_${e}`, r = [
       {
         message: i
       }
     ];
-    this.validationErrorMap.set(r, o);
+    this.validationErrorMap.set(o, r);
   }
   setValidationError(t, e, i) {
     const s = `${t}_${e}`;
@@ -1333,7 +1372,7 @@ class Ze {
     return this.validationErrorMap.get(i) || [];
   }
 }
-class Je {
+class si {
   constructor(t) {
     c(this, "ctx");
     c(this, "history", []);
@@ -1360,10 +1399,10 @@ class Je {
   backState() {
     if (this.historyIndex >= 0) {
       const { changeList: t, scrollX: e, scrollY: i } = this.history[this.historyIndex], s = t.map(
-        (r) => ({
-          rowKey: r.rowKey,
-          key: r.key,
-          value: r.oldValue,
+        (o) => ({
+          rowKey: o.rowKey,
+          key: o.key,
+          value: o.oldValue,
           row: {}
         })
       );
@@ -1390,7 +1429,7 @@ class Je {
     this.history = [], this.historyIndex = -1;
   }
 }
-class Qe {
+class ri {
   constructor(t) {
     c(this, "eventTasks", /* @__PURE__ */ new Map());
     c(this, "ctx");
@@ -1436,7 +1475,7 @@ class Qe {
     t.removeEventListener(e, i), this.eventTasks.delete(e);
   }
 }
-class ti {
+class oi {
   constructor() {
     c(this, "events", /* @__PURE__ */ new Map());
   }
@@ -1474,7 +1513,7 @@ class ti {
     this.events.clear();
   }
 }
-class ei {
+class ni {
   constructor(t) {
     c(this, "ctx");
     const e = t.getContext("2d");
@@ -1511,9 +1550,9 @@ class ei {
    * @param {number} shadowWidth - 阴影的宽度
    * @param {string} color - 阴影的颜色
    */
-  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));
+  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));
     let d;
     switch (n) {
       case "left":
@@ -1550,21 +1589,21 @@ class ei {
     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 r = 2; r < t.length; r += 2)
-      this.ctx.lineTo(t[r] + 0.5, t[r + 1] + 0.5);
+    for (let o = 2; o < t.length; o += 2)
+      this.ctx.lineTo(t[o] + 0.5, t[o + 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, r) {
-    this.ctx.save(), this.ctx.drawImage(t, e, i, s, r), this.ctx.restore();
+  drawImage(t, e, i, s, o) {
+    this.ctx.save(), this.ctx.drawImage(t, e, i, s, o), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: 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)
+  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)
       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(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
+    n !== void 0 && this.ctx.fill(), r !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
   /**
    * 画文本
@@ -1576,7 +1615,7 @@ class ei {
    * @param options
    * @returns 是否溢出
    */
-  drawText(t = "", e, i, s, r, o = {}) {
+  drawText(t = "", e, i, s, o, r = {}) {
     this.ctx.save();
     const {
       font: n = "12px Arial",
@@ -1584,39 +1623,39 @@ class ei {
       color: h = "#495060",
       padding: f = 0,
       verticalAlign: d = "middle"
-    } = o;
+    } = r;
     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 + r - f : x = i + (r + f) / 2;
+    d === "top" ? x = i + f : d === "bottom" ? x = i + o - f : x = i + (o + f) / 2;
     let u = 0;
     l === "left" ? u = e + f : l === "right" ? u = e + s - f : u = e + s / 2;
     const { _text: y, ellipsis: g } = this.handleEllipsis(t, s, f);
     return this.ctx.fillText(y, u, x), this.ctx.restore(), g;
   }
   handleEllipsis(t, e, i = 0) {
-    let s = !1, r = t;
+    let s = !1, o = t;
     if (t == null || t === "")
       return {
         _text: "",
         ellipsis: s
       };
-    const o = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
-    if (n && n + o >= e - i * 2) {
+    const r = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
+    if (n && n + r >= 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 - o) {
-          r = t.slice(0, h) + "...";
+        if (l += this.ctx.measureText(t[h]).width, l >= e - i * 2 - r) {
+          o = t.slice(0, h) + "...";
           break;
         }
     }
     return {
-      _text: r,
+      _text: o,
       ellipsis: s
     };
   }
 }
-class Bt {
+class Pt {
   constructor(t) {
     c(this, "PROCESSOR_NUM", 50);
     c(this, "CSS_PREFIX", "e-virt-table");
@@ -1681,6 +1720,14 @@ class Bt {
     // 启用单点击立马编辑
     c(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
     // 启用点击选择器编辑
+    c(this, "SELECTOR_AREA_MIN_X", 0);
+    // 选择器X最小范围
+    c(this, "SELECTOR_AREA_MAX_X", 0);
+    // 选择器X最大范围,0默认最大colMax
+    c(this, "SELECTOR_AREA_MIN_Y", 0);
+    // 选择器Y最小范围
+    c(this, "SELECTOR_AREA_MAX_Y", 0);
+    // 选择器Y最大范围,0默认rowMax
     c(this, "ENABLE_SELECTOR_SINGLE", !1);
     c(this, "ENABLE_SELECTOR_SPAN_COL", !0);
     c(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
@@ -1733,7 +1780,7 @@ class Bt {
     Object.assign(this, t);
   }
 }
-class ii {
+class ai {
   constructor(t) {
     c(this, "ctx");
     c(this, "list", [
@@ -1807,35 +1854,35 @@ class ii {
       const i = this.list[e];
       let s = i.color;
       if (i.configColorName) {
-        const o = this.ctx.config[i.configColorName];
-        o && (s = o);
+        const r = this.ctx.config[i.configColorName];
+        r && (s = r);
       }
-      const r = this.createImageFromSVG(i.svg, s).then((o) => {
-        this.icons.set(i.name, o);
+      const o = this.createImageFromSVG(i.svg, s).then((r) => {
+        this.icons.set(i.name, r);
       });
-      t.push(r);
+      t.push(o);
     }
     for (let e = 0; e < this.ctx.config.ICONS.length; e++) {
       const i = this.ctx.config.ICONS[e];
       let s = i.color;
-      const r = this.createImageFromSVG(i.svg, s).then((o) => {
-        this.icons.set(i.name, o);
+      const o = this.createImageFromSVG(i.svg, s).then((r) => {
+        this.icons.set(i.name, r);
       });
-      t.push(r);
+      t.push(o);
     }
     await Promise.all(t), this.ctx.emit("draw");
   }
   async createImageFromSVG(t, e) {
-    const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((h) => {
+    const o = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
+    e && o.querySelectorAll("*").forEach((h) => {
       h.setAttribute("fill", e);
     });
-    const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
+    const r = new Image(), n = new Blob([new XMLSerializer().serializeToString(o)], {
       type: "image/svg+xml"
     }), l = URL.createObjectURL(n);
-    return o.src = l, new Promise((h, f) => {
-      o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
-        h(o);
+    return r.src = l, new Promise((h, f) => {
+      r.onerror = () => f(new Error("Failed to load image")), r.onload = () => {
+        h(r);
       };
     });
   }
@@ -1843,8 +1890,8 @@ class ii {
     return this.icons.get(t);
   }
 }
-class Jt {
-  constructor(t, e, i, s, r, o, n) {
+class te {
+  constructor(t, e, i, s, o, r, n) {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -1852,13 +1899,13 @@ class Jt {
     c(this, "height", 0);
     c(this, "fixed");
     c(this, "cellType");
-    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = n;
+    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = o, this.fixed = r, this.cellType = n;
   }
   isHorizontalVisible() {
     if (this.fixed)
       return !0;
-    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);
+    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);
   }
   isVerticalVisible() {
     const { target: t, scrollY: e } = this.ctx, i = t.height;
@@ -1880,11 +1927,12 @@ class Jt {
   getRightFixedX() {
   }
 }
-class Qt extends Jt {
-  constructor(e, i, s, r, o, n, l, h, f, d = "body") {
-    super(e, r, o, n, l, h.fixed, d);
+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);
     c(this, "formatter");
     c(this, "hoverIconName", "");
+    c(this, "operation", !1);
     c(this, "align");
     c(this, "verticalAlign");
     c(this, "fixed");
@@ -1927,7 +1975,7 @@ class Qt extends Jt {
     c(this, "overflowTooltipShow", !0);
     c(this, "overflowTooltipMaxWidth", 500);
     c(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "text", this.editorType = h.editorType || "text", this.cellType = d, this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.column = h, this.rules = h.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "text", this.editorType = h.editorType || "text", this.cellType = d, this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.column = h, this.rules = h.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -1945,7 +1993,7 @@ class Qt extends Jt {
       return;
     const { SPAN_METHOD: e } = this.ctx.config;
     if (typeof e == "function") {
-      const i = e, { colspan: s = 1, rowspan: r = 1 } = i({
+      const i = e, { colspan: s = 1, rowspan: o = 1 } = i({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -1957,7 +2005,7 @@ class Qt extends Jt {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      this.colspan = s, this.rowspan = r, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      this.colspan = s, this.rowspan = o, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateType() {
@@ -2019,20 +2067,20 @@ class Qt extends Jt {
   }
   updateTree() {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
-    let r, o = 0, n = "";
+    let o, r = 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", r = u, o = x * 8;
+        n = "loading", o = u, r = x * 8;
       } else if (f) {
         const u = this.ctx.icons.get("expand"), y = this.ctx.icons.get("shrink");
-        r = h ? y : u, n = h ? "shrink" : "expand", o = x * 8;
+        o = h ? y : u, n = h ? "shrink" : "expand", r = x * 8;
       } else
-        o = x * 8;
-      if (r) {
-        let u = 20, y = 20, g = this.drawX + o + e, w = this.drawY + (this.visibleHeight - y) / 2 + 2;
-        this.ctx.paint.drawImage(r, g, w, u, y), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = y, this.drawImageName = n, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u + 0.5;
+        r = x * 8;
+      if (o) {
+        let u = 20, y = 20, g = this.drawX + r + e, w = this.drawY + (this.visibleHeight - y) / 2 + 2;
+        this.ctx.paint.drawImage(o, g, w, u, y), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = y, this.drawImageName = n, this.drawImageSource = o, this.align = "left", this.drawTextX = r + this.drawX + u + 0.5;
       }
     }
   }
@@ -2041,8 +2089,8 @@ class Qt extends Jt {
       BODY_BG_COLOR: e,
       EDIT_BG_COLOR: i,
       BODY_CELL_STYLE_METHOD: s,
-      FOOTER_CELL_STYLE_METHOD: r,
-      READONLY_TEXT_COLOR: o,
+      FOOTER_CELL_STYLE_METHOD: o,
+      READONLY_TEXT_COLOR: r,
       FOOTER_BG_COLOR: n,
       HIGHLIGHT_SELECTED_ROW: l,
       HIGHLIGHT_SELECTED_ROW_COLOR: h,
@@ -2050,9 +2098,9 @@ class Qt extends Jt {
       HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let p = n, E = o;
-      if (typeof r == "function") {
-        const m = r, { backgroundColor: b, color: C } = m({
+      let p = n, E = r;
+      if (typeof o == "function") {
+        const m = o, { backgroundColor: b, color: C } = m({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
@@ -2067,12 +2115,12 @@ class Qt extends Jt {
     let x = "transparent";
     const u = this.ctx.focusCell, y = this.ctx.hoverCell;
     f && (y == null ? void 0 : y.rowKey) === this.rowKey && (x = d), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = h), this.drawCellSkyBgColor = x;
-    let g = e, w = o;
+    let g = e, w = r;
     if (["index", "index-selection", "selection"].includes(this.type)) {
-      this.drawCellBgColor = e, this.drawTextColor = o;
+      this.drawCellBgColor = e, this.drawTextColor = r;
       return;
     }
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = o), typeof s == "function") {
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = r), typeof s == "function") {
       const p = s, { backgroundColor: E, color: m } = p({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -2085,8 +2133,8 @@ class Qt extends Jt {
     this.drawCellBgColor = g, this.drawTextColor = w;
   }
   updateSelection() {
-    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 { 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 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, y = 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 = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && n === "selection" && (this.drawImageX = u, this.drawImageY = y, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
@@ -2104,10 +2152,10 @@ class Qt extends Jt {
       });
       l !== void 0 && (this.hoverIconName = l);
     }
-    const r = this.drawX + this.width - i - s, o = this.drawY + (this.height - i) / 2;
+    const o = this.drawX + this.width - i - s, r = 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 = r, this.drawImageY = o, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
+      this.drawImageX = o, this.drawImageY = r, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
     }
   }
   /**
@@ -2163,11 +2211,11 @@ class Qt extends Jt {
     const {
       paint: e,
       config: { BORDER_COLOR: i }
-    } = this.ctx, { drawX: s, drawY: r } = this;
-    e.drawRect(s, r, this.visibleWidth, this.visibleHeight, {
+    } = this.ctx, { drawX: s, drawY: o } = this;
+    e.drawRect(s, o, this.visibleWidth, this.visibleHeight, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawRect(s, r, this.width, this.height, {
+    }), e.drawRect(s, o, this.width, this.height, {
       borderColor: "transparent",
       borderWidth: 1,
       fillColor: this.drawCellSkyBgColor
@@ -2181,9 +2229,9 @@ class Qt extends Jt {
     if (i === 0)
       return 0;
     let s = 0;
-    for (let r = e; r < e + i; r++) {
-      const o = this.ctx.header.leafCellHeaders[r];
-      s += o.width;
+    for (let o = e; o < e + i; o++) {
+      const r = this.ctx.header.leafCellHeaders[o];
+      s += r.width;
     }
     return s;
   }
@@ -2219,7 +2267,7 @@ class Qt extends Jt {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: r, yArr: o } = this.ctx.selector, n = r[1], l = o[1], { colIndex: h, rowIndex: f, drawX: d, drawY: x } = this;
+    const { xArr: o, yArr: r } = this.ctx.selector, n = o[1], l = r[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
@@ -2231,10 +2279,10 @@ class Qt extends Jt {
     const { ENABLE_SELECTOR: e } = this.ctx.config;
     if (!e)
       return;
-    const { xArr: i, yArr: s, xArrCopy: r, yArrCopy: o } = this.ctx.selector;
+    const { xArr: i, yArr: s, xArrCopy: o, yArrCopy: r } = this.ctx.selector;
     this.drawBorder({
-      xArr: r,
-      yArr: o,
+      xArr: o,
+      yArr: r,
       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,
@@ -2257,13 +2305,13 @@ class Qt extends Jt {
   drawErrorTip() {
     if (this.cellType === "footer" || !this.message)
       return;
-    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
+    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
     ];
     this.ctx.paint.drawLine(n, {
       borderColor: i,
@@ -2274,32 +2322,32 @@ class Qt extends Jt {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this, l = i + 0.5;
+    const { drawX: i, drawY: s, width: o, rowIndex: r, colIndex: n } = this, l = i + 0.5;
     let h = s + 0.5, f = this.height;
-    o === 0 && (h = this.y + 1, f = f - 1);
+    r === 0 && (h = this.y + 1, f = f - 1);
     const { xArr: d, yArr: x, lineDash: u = [], borderWidth: y = 1, borderColor: g, fillColor: w } = e, p = d[0], E = d[1], m = x[0], b = x[1];
-    n >= p && n <= E && o === m && this.ctx.paint.drawLine([l, h, l + r - 2, h], {
+    n >= p && n <= E && r === m && this.ctx.paint.drawLine([l, h, l + o - 2, h], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= p && n <= E && o === b && this.ctx.paint.drawLine([l, h + f - 1.5, l + r, h + f - 1.5], {
+    }), n >= p && n <= E && r === b && this.ctx.paint.drawLine([l, h + f - 1.5, l + o, h + f - 1.5], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === p && o >= m && o <= b && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
+    }), n === p && r >= m && r <= b && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === E && o >= m && o <= b && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + f - 1], {
+    }), n === E && r >= m && r <= b && this.ctx.paint.drawLine([l + o - 1, h, l + o - 1, h + f - 1], {
       borderColor: g,
       fillColor: w,
       borderWidth: y,
@@ -2309,14 +2357,15 @@ class Qt extends Jt {
     });
   }
 }
-class te extends Jt {
-  constructor(e, i, s, r, o, n, l) {
-    super(e, s, r, o, n, l.fixed, "header");
+class ie extends te {
+  constructor(e, i, s, o, r, n, l) {
+    super(e, s, o, r, n, l.fixed, "header");
     c(this, "align");
     c(this, "verticalAlign", "middle");
     c(this, "fixed");
     c(this, "widthFillDisable");
     c(this, "type");
+    c(this, "operation", !1);
     c(this, "editorType");
     c(this, "level");
     c(this, "text");
@@ -2344,7 +2393,7 @@ class te extends Jt {
     c(this, "drawImageHeight", 0);
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
-    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.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 = At(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
+    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 = At(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2362,15 +2411,15 @@ class te extends Jt {
   }
   updateContainer() {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
-    let r = i, o = s;
+    let o = i, r = s;
     if (typeof e == "function") {
       const n = e, { backgroundColor: l, color: h } = n({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      l && (r = l), h && (o = h);
+      l && (o = l), h && (r = h);
     }
-    this.drawCellBgColor = r, this.drawTextColor = o;
+    this.drawCellBgColor = o, this.drawTextColor = r;
   }
   update() {
     this.updateContainer(), this.displayText = this.getText(), this.drawX = this.getDrawX(), this.drawY = this.getDrawY(), this.updateStyle();
@@ -2378,13 +2427,13 @@ class te extends Jt {
   draw() {
     const {
       paint: e,
-      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, {
+      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, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawText(l, o, n, this.width, this.height, {
-      font: r,
+    }), e.drawText(l, r, n, this.width, this.height, {
+      font: o,
       padding: s,
       color: this.drawTextColor,
       align: this.align,
@@ -2394,9 +2443,9 @@ class te extends Jt {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
+      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;
       let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      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(
+      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(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2424,7 +2473,7 @@ class te extends Jt {
     };
   }
 }
-class si {
+class ci {
   constructor(t) {
     c(this, "ctx");
     c(this, "visibleHoverCell");
@@ -2438,16 +2487,16 @@ class si {
       if (t.button !== 0 || this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      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);
+      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);
           return;
         }
       }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
+      const o = this.ctx.body.renderRows;
+      for (const r of o) {
+        const n = r.fixedCells.concat(r.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) {
@@ -2460,16 +2509,16 @@ class si {
       if (t.button !== 0 || this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      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);
+      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);
           return;
         }
       }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
+      const o = this.ctx.body.renderRows;
+      for (const r of o) {
+        const n = r.fixedCells.concat(r.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) {
@@ -2482,16 +2531,16 @@ class si {
       if (this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      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);
+      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);
           return;
         }
       }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
+      const o = this.ctx.body.renderRows;
+      for (const r of o) {
+        const n = r.fixedCells.concat(r.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) {
@@ -2501,7 +2550,7 @@ class si {
         }
       }
     }), this.ctx.on("mousemove", (t) => {
-      var o;
+      var r;
       if (this.isBusy(t))
         return;
       const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
@@ -2514,14 +2563,14 @@ class si {
           return;
         }
       }
-      const r = this.ctx.body.renderRows;
-      for (const n of r) {
+      const o = this.ctx.body.renderRows;
+      for (const n of o) {
         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;
-            ((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);
+            ((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);
             return;
           }
         }
@@ -2534,7 +2583,7 @@ class si {
    */
   selectionClick(t) {
     if (["selection", "index-selection"].includes(t.type) && this.ctx.isPointer)
-      if (t instanceof te)
+      if (t instanceof ie)
         t.drawImageName === "checkbox-uncheck" || t.drawImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawImageName === "checkbox-check" && this.ctx.database.clearSelection();
       else {
         if (!this.ctx.database.getRowSelectable(t.rowKey))
@@ -2548,9 +2597,9 @@ class si {
    */
   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: r, EXPAND_LAZY_METHOD: o } = this.ctx.config;
-      if (r && o && !i && !s)
-        typeof o == "function" && (this.ctx.database.expandLoading(t.rowKey, !0), o({
+      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({
           row: t.row,
           rowIndex: t.rowIndex,
           colIndex: t.colIndex,
@@ -2574,7 +2623,7 @@ class si {
    */
   imageEnterAndLeave(t, e) {
     const i = e.offsetY, s = e.offsetX;
-    s > t.drawImageX && s < t.drawImageX + t.drawImageWidth && i > t.drawImageY && i < t.drawImageY + t.drawImageHeight ? (this.ctx.target.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof Qt && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.target.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.target.style.cursor === "pointer" && (this.ctx.target.style.cursor = "default"));
+    s > t.drawImageX && s < t.drawImageX + t.drawImageWidth && i > t.drawImageY && i < t.drawImageY + t.drawImageHeight ? (this.ctx.target.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof ee && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.target.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.target.style.cursor === "pointer" && (this.ctx.target.style.cursor = "default"));
   }
   isBusy(t) {
     const e = t.offsetY, i = t.offsetX;
@@ -2587,7 +2636,7 @@ class si {
     this.resizeObserver.unobserve(this.ctx.target);
   }
 }
-class ri {
+class li {
   constructor(t, e, i) {
     c(this, "eventBus");
     c(this, "eventBrowser");
@@ -2678,10 +2727,10 @@ class ri {
     c(this, "database");
     c(this, "history");
     c(this, "config");
-    this.target = e, this.targetContainer = t, this.target.setAttribute("uuid", this.uuid), this.config = new Bt(i.config || {}), this.eventBus = new ti(), this.eventBrowser = new Qe(this), this.eventTable = new si(this), this.paint = new ei(e), this.database = new Ze(this, i), this.history = new Je(this), this.icons = new ii(this);
+    this.target = e, this.targetContainer = t, this.target.setAttribute("uuid", this.uuid), this.config = new Pt(i.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(e), this.database = new ii(this, i), this.history = new si(this), this.icons = new ai(this);
   }
   setConfig(t) {
-    this.config = new Bt(t);
+    this.config = new Pt(t);
   }
   setFocusCell(t) {
     var e;
@@ -2710,13 +2759,13 @@ class ri {
   getSelectedData() {
     const t = [], e = this.selector.yArr, i = this.selector.xArr;
     let s = "";
-    for (let r = 0; r <= e[1] - e[0]; r++) {
-      const o = [];
+    for (let o = 0; o <= e[1] - e[0]; o++) {
+      const r = [];
       for (let n = 0; n <= i[1] - i[0]; n++) {
-        const l = r + e[0], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
-        f && o.push(f.value);
+        const l = o + e[0], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
+        f && r.push(f.value);
       }
-      s += `${o.join("	")}\r`, t.push(o);
+      s += `${r.join("	")}\r`, t.push(r);
     }
     return s = s ? s.replace(/\r$/, "") : " ", {
       xArr: i,
@@ -2729,9 +2778,9 @@ class ri {
     let i = Math.floor(t);
     const s = this.body.width - this.body.visibleWidth;
     i < 0 ? i = 0 : i > s && (i = s);
-    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);
+    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);
   }
   setScrollX(t) {
     let e = Math.floor(t);
@@ -2767,7 +2816,7 @@ class ri {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Wt {
+class Vt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2798,13 +2847,13 @@ class Wt {
     this.updateScroll(t);
   }
   onMouseDown(t) {
-    const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
-    if (!(s == this.clientX && r == this.clientY)) {
+    const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
+    if (!(s == this.clientX && o == this.clientY)) {
       if (this.isOnScrollbar(e, i))
-        this.clientX = s, this.clientY = r, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
+        this.clientX = s, this.clientY = o, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
       else if (this.isOnTrack(e, i)) {
-        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));
+        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));
       }
     }
   }
@@ -2812,16 +2861,16 @@ class Wt {
     this.isDragging = !1, this.isFocus = !1, this.clientX = 0, this.clientY = 0;
   }
   onMouseMove(t) {
-    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) {
+    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) {
       let n = 0;
-      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));
+      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));
     }
   }
-  isPointInElement(t, e, i, s, r, o) {
-    return t >= i && t <= i + r && e >= s && e <= s + o;
+  isPointInElement(t, e, i, s, o, r) {
+    return t >= i && t <= i + o && e >= s && e <= s + r;
   }
   isOnScrollbar(t, e) {
     return this.isPointInElement(t, e, this.barX, this.barY, this.barWidth, this.barHeight);
@@ -2838,19 +2887,19 @@ class Wt {
       body: t,
       header: e,
       config: { SCROLLER_TRACK_SIZE: i = 0, SCROLLER_SIZE: s = 0 }
-    } = 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;
+    } = 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;
     if (this.type === "vertical") {
-      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;
+      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;
       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 = r - i, this.distance = l - this.visibleDistance, this.splitPoints = [
-        r - i,
+      this.visibleDistance = o - i, this.distance = l - this.visibleDistance, this.splitPoints = [
         o - i,
         r - i,
-        o
-      ], this.trackX = 0, this.trackY = o - i, this.trackWidth = r, this.trackHeight = i;
+        o - i,
+        r
+      ], this.trackX = 0, this.trackY = r - i, this.trackWidth = o, 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));
@@ -2872,12 +2921,12 @@ class Wt {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class oi {
+class hi {
   constructor(t) {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Wt(t, "vertical"), this.horizontalScrollbar = new Wt(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);
@@ -2924,11 +2973,11 @@ class oi {
     s > e.visibleHeight && this.setScrollY(s - e.visibleHeight / 2);
   }
   scrollToRowKey(t) {
-    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t), { top: r } = i.getPositionForRowIndex(s);
-    this.setScrollY(r - e.visibleHeight / 2);
+    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t), { top: o } = i.getPositionForRowIndex(s);
+    this.setScrollY(o - e.visibleHeight / 2);
   }
 }
-class ni {
+class di {
   constructor(t) {
     c(this, "ctx");
     // 上下文
@@ -2967,7 +3016,7 @@ class ni {
     c(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      jt(() => {
+      Zt(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -2977,10 +3026,10 @@ class ni {
       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 = Ut(i), r = It(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 = Ue(Zt(i, s));
-    this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
+    const s = Jt(i), o = It(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 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;
@@ -3009,36 +3058,36 @@ class ni {
         config: { RESIZE_COLUMN_MIN_WIDTH: s }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const r = this.resizeTarget.width;
-        let o = e.offsetX - this.offsetX;
-        o + r < s && (o = -(r - s)), this.resizeDiff = o, this.ctx.emit("draw");
+        const o = this.resizeTarget.width;
+        let r = e.offsetX - this.offsetX;
+        r + o < s && (r = -(o - s)), this.resizeDiff = r, 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 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);
+        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);
         }
       }
     }));
   }
   resizeColumn(t, 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;
+    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;
         }
       });
     };
     i(this.columns), this.ctx.database.setColumns(this.columns), this.init(), this.ctx.emit("draw");
     let s = 0;
     if (this.width < this.visibleWidth) {
-      const r = this.visibleWidth - this.width;
-      s = Math.floor(r / this.resizeNum * 100) / 100, this.resizeAllColumn(s), this.ctx.emit("draw");
+      const o = this.visibleWidth - this.width;
+      s = Math.floor(o / this.resizeNum * 100) / 100, this.resizeAllColumn(s), this.ctx.emit("draw");
     }
     this.ctx.emit("resizeColumnChange", {
       colIndex: t.colIndex,
@@ -3053,18 +3102,18 @@ class ni {
     if (t === 0) return;
     const e = /* @__PURE__ */ new Map();
     let i = !0;
-    for (const r of this.allCellHeaders)
-      if (r.widthFillDisable)
-        e.set(r.key, r.width);
+    for (const o of this.allCellHeaders)
+      if (o.widthFillDisable)
+        e.set(o.key, o.width);
       else {
-        const o = r.width + t * r.colspan;
-        e.set(r.key, o), o < this.ctx.config.RESIZE_COLUMN_MIN_WIDTH && (i = !1);
+        const r = o.width + t * o.colspan;
+        e.set(o.key, r), r < this.ctx.config.RESIZE_COLUMN_MIN_WIDTH && (i = !1);
       }
     if (!i)
       return;
-    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);
+    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);
       });
     };
     s(this.columns), this.ctx.database.setColumns(this.columns), this.init();
@@ -3072,12 +3121,12 @@ class ni {
   render(t, e) {
     const i = t.length;
     let s = e;
-    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;
+    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;
       let f = n.width || 100;
       n.children && (f = It(n.children).reduce((u, y) => u + ((y == null ? void 0 : y.width) || 100), 0));
-      const d = new te(this.ctx, this.columnIndex, s, h, f, l, n);
+      const d = new ie(this.ctx, this.columnIndex, s, h, f, l, n);
       this.ctx.database.setHeader(n.key, d), this.allCellHeaders.push(d), n.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : n.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += f;
     }
   }
@@ -3086,8 +3135,8 @@ class ni {
       const {
         target: t,
         config: { RESIZE_COLUMN_LINE_COLOR: e }
-      } = 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, {
+      } = 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, {
         borderColor: e,
         borderWidth: 1
       });
@@ -3099,19 +3148,19 @@ class ni {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      target: o,
+      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
-      fillColor: o,
+      fillColor: r,
       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) + r.width - e;
+      const l = s.width - (this.x + this.width) + o.width - e;
       this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
-        fillColor: o,
+        fillColor: r,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3127,7 +3176,7 @@ class ni {
       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, 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);
+    }), 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);
   }
   draw() {
     this.renderCenterCellHeaders.forEach((t) => {
@@ -3137,8 +3186,8 @@ class ni {
     }), this.drawTipLine();
   }
 }
-class ee {
-  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, l = "body") {
+class se {
+  constructor(t, e, i = 0, s = 0, o = 0, r = 0, n, l = "body") {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -3151,24 +3200,24 @@ class ee {
     c(this, "rowKey", "");
     c(this, "rowType", "body");
     c(this, "data");
-    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();
+    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();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
-    t.renderLeafCellHeaders.forEach((r) => {
-      const o = new Qt(
+    t.renderLeafCellHeaders.forEach((o) => {
+      const r = new ee(
         this.ctx,
         this.rowIndex,
-        r.colIndex,
-        r.x,
+        o.colIndex,
+        o.x,
         this.y,
-        r.width,
+        o.width,
         this.height,
-        r.column,
+        o.column,
         this.data,
         this.rowType
       );
-      o.fixed ? i.push(o) : s.push(o), e.push(o);
+      r.fixed ? i.push(r) : s.push(r), e.push(r);
     }), this.cells = e, this.fixedCells = i, this.noFixedCells = s;
   }
   drawCenter() {
@@ -3189,7 +3238,7 @@ class ee {
     });
   }
 }
-class ai {
+class fi {
   constructor(t) {
     c(this, "resizeTarget", null);
     //调整行大小的目标
@@ -3222,8 +3271,8 @@ class ai {
       database: i,
       config: {
         FOOTER_FIXED: s,
-        SCROLLER_TRACK_SIZE: r = 0,
-        BORDER_COLOR: o,
+        SCROLLER_TRACK_SIZE: o = 0,
+        BORDER_COLOR: r,
         BORDER_RADIUS: n,
         HEIGHT: l,
         EMPTY_BODY_HEIGHT: h = 0,
@@ -3238,7 +3287,7 @@ class ai {
     const { data: u, sumHeight: y } = i.getData();
     this.height = y, this.data = u;
     const { top: g } = t.getBoundingClientRect();
-    this.width = e.width, this.visibleWidth = t.width - r;
+    this.width = e.width, this.visibleWidth = t.width - o;
     const w = this.ctx.footer.height;
     this.data.length || (this.height = h);
     const p = this.data.length ? "not-empty" : "empty";
@@ -3251,16 +3300,16 @@ class ai {
       width: this.width,
       height: this.data.length ? 0 : h + w
     });
-    let E = this.height + e.height + r;
+    let E = this.height + e.height + o;
     E += 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 && E > f ? m = f : m = E, m > 0 && (this.ctx.target.height = m);
-    let b = t.height - e.height - r;
+    let b = t.height - e.height - o;
     s ? this.visibleHeight = b - w : this.visibleHeight = b, 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 ${o}; height:${this.ctx.target.height}px;width:${this.ctx.target.width - 1}px;`
+      `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;`
     );
   }
   // 调整行的高度
@@ -3277,8 +3326,8 @@ class ai {
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const i = e.offsetY, s = e.offsetX, {
-        target: r,
-        scrollY: o,
+        target: o,
+        scrollY: r,
         config: { RESIZE_ROW_MIN_HEIGHT: n = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
@@ -3291,7 +3340,7 @@ class ai {
         this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
         for (let l = 0; l < this.renderRows.length; l++) {
           const h = this.renderRows[l];
-          if (i > h.y - o + h.height - 1.5 && i < h.y - o + h.height + 1.5 && i < r.height - 4)
+          if (i > h.y - r + h.height - 1.5 && i < h.y - r + h.height + 1.5 && i < o.height - 4)
             for (let d = 0; d < h.cells.length; d++) {
               const x = h.cells[d];
               s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = h);
@@ -3301,13 +3350,13 @@ class ai {
     }));
   }
   resizeRow(t, e) {
-    const { rowIndex: i, height: s, rowKey: r, data: o } = t;
+    const { rowIndex: i, height: s, rowKey: o, data: r } = 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: r,
-      row: o,
+      rowKey: o,
+      row: r,
       data: this.data
     });
   }
@@ -3317,7 +3366,7 @@ class ai {
         target: t,
         scrollY: e,
         config: { RESIZE_ROW_LINE_COLOR: i }
-      } = 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, 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.paint.drawLine(n, {
         borderColor: i,
         borderWidth: 1
@@ -3330,19 +3379,19 @@ class ai {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      target: o,
+      config: { HEADER_BG_COLOR: r, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
-      fillColor: o,
+      fillColor: r,
       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) + r.width - e;
+      const l = s.width - (this.x + this.width) + o.width - e;
       this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
-        fillColor: o,
+        fillColor: r,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3351,25 +3400,25 @@ class ai {
     }
   }
   binarySearch(t, e) {
-    let i = 0, s = t.length - 1, r = -1;
+    let i = 0, s = t.length - 1, o = -1;
     for (; i <= s; ) {
-      let o = Math.floor((i + s) / 2), n = t[o].bottom;
+      let r = Math.floor((i + s) / 2), n = t[r].bottom;
       if (n === e)
-        return o;
-      n < e ? i = o + 1 : (r = o, s = o - 1);
+        return r;
+      n < e ? i = r + 1 : (o = r, s = r - 1);
     }
-    return r;
+    return o;
   }
   update() {
     this.init();
-    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 { 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 h = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: y } = this.ctx.database.getPositionForRowIndex(d), g = new ee(this.ctx, d, 0, y + this.y, t.width, u, x);
+      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: y } = this.ctx.database.getPositionForRowIndex(d), g = new se(this.ctx, d, 0, y + this.y, t.width, u, x);
       h.push(g);
     }
     this.renderRows = h, this.ctx.body.renderRows = h;
@@ -3382,7 +3431,7 @@ class ai {
     }), this.drawTipLine();
   }
 }
-class ci {
+class xi {
   constructor(t) {
     c(this, "ctx");
     c(this, "renderRows", []);
@@ -3400,9 +3449,9 @@ class ci {
     const {
       header: t,
       body: e,
-      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: r }
+      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: o }
     } = this.ctx;
-    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;
+    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;
   }
   drawFiexShadow() {
     const {
@@ -3410,20 +3459,20 @@ class ci {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      target: o,
+      config: { HEADER_BG_COLOR: r, 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: o,
+      fillColor: r,
       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) + r.width - e;
+      const h = s.width - (this.x + this.width) + o.width - e;
       this.ctx.paint.drawShadow(h + 1, l, e, this.height, {
-        fillColor: o,
+        fillColor: r,
         side: "left",
         shadowWidth: 4,
         colorStart: "rgba(0,0,0,0)",
@@ -3436,10 +3485,10 @@ class ci {
     const { CELL_FOOTER_HEIGHT: t } = this.ctx.config;
     let e = this.y;
     const i = [];
-    this.data.forEach((s, r) => {
-      const o = new ee(
+    this.data.forEach((s, o) => {
+      const r = new se(
         this.ctx,
-        r,
+        o,
         0,
         e,
         this.width,
@@ -3447,7 +3496,7 @@ class ci {
         s,
         "footer"
       );
-      e += t, i.push(o);
+      e += t, i.push(r);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
   draw() {
@@ -3458,7 +3507,7 @@ class ci {
     });
   }
 }
-class li {
+class ui {
   // 垂直滚动定时器
   constructor(t) {
     c(this, "isCut", !1);
@@ -3474,13 +3523,13 @@ class li {
   init() {
     this.ctx.on(
       "mousemove",
-      jt((t) => {
+      Zt((t) => {
         const { offsetX: e, offsetY: i } = t, s = this.ctx.isTarget(t.target) && e > 0 && e < this.ctx.body.visibleWidth && i > this.ctx.header.visibleHeight && i < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (s ? this.stopAdjustPosition() : this.startAdjustPosition(t));
       }, 100)
     ), this.ctx.on("cellHoverChange", (t) => {
       if (!this.ctx.autofillMove) {
-        if (["index-selection", "selection", "index"].includes(t.type)) {
+        if (t.operation) {
           this.selectRows(t, !1);
           return;
         }
@@ -3488,7 +3537,7 @@ class li {
       }
     }), this.ctx.on("cellMousedown", (t, e) => {
       if (this.ctx.isTarget(e.target) && this.ctx.target.style.cursor !== "pointer" && !this.ctx.isPointer && this.ctx.target.style.cursor !== "crosshair") {
-        if (["index-selection", "selection", "index"].includes(t.type)) {
+        if (t.operation) {
           this.isMultipleRow = !0, this.selectRows(t);
           return;
         }
@@ -3550,37 +3599,44 @@ class li {
   }
   setSelector(t, e) {
     const { ENABLE_SELECTOR_SPAN_COL: i, ENABLE_SELECTOR_SPAN_ROW: s } = this.ctx.config;
-    let r = t, o = e;
+    let o = t, r = e;
     if (!s) {
+      const [n] = r;
+      r = [n, n];
+    }
+    if (!i) {
       const [n] = o;
       o = [n, n];
     }
-    if (!i) {
-      const [n] = r;
-      r = [n, n];
+    if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(r)) {
+      this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
+      const { SELECTOR_AREA_MIN_X: n, SELECTOR_AREA_MAX_X: l, SELECTOR_AREA_MIN_Y: h, SELECTOR_AREA_MAX_Y: f } = this.ctx.config, d = n, x = l || this.ctx.maxColIndex, u = h, y = f || this.ctx.maxRowIndex;
+      let [g, w] = o, [p, E] = r;
+      if (g < d || p < u)
+        return;
+      this.ctx.selector.xArr = [Math.max(d, g), Math.min(x, w)], this.ctx.selector.yArr = [Math.max(u, p), Math.min(y, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("draw");
     }
-    (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, this.ctx.selector.xArr = r, this.ctx.selector.yArr = o, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("draw"));
   }
   selectCols(t) {
     if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_ROWS || this.ctx.autofillMove || this.ctx.columnResizing)
       return;
-    if (["index", "index-selection", "selection"].includes(t.type)) {
+    if (t.operation) {
       this.selectAll();
       return;
     }
-    const e = 0, i = this.ctx.maxRowIndex;
+    const { SELECTOR_AREA_MIN_Y: e, SELECTOR_AREA_MAX_Y: i } = this.ctx.config, s = e, o = i || this.ctx.maxRowIndex;
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
-      const { colIndex: s } = this.ctx.focusCellHeader;
-      if (t.colIndex >= s) {
-        const r = [s, t.colIndex + t.colspan - 1], o = [e, i];
-        this.setSelector(r, o);
+      const { colIndex: r } = this.ctx.focusCellHeader;
+      if (this.ctx.clearSelector(), t.colIndex >= r) {
+        const n = [r, t.colIndex + t.colspan - 1], l = [s, o];
+        this.setSelector(n, l);
       } else {
-        const r = [t.colIndex, s], o = [e, i];
-        this.setSelector(r, o);
+        const n = [t.colIndex, r], l = [s, o];
+        this.setSelector(n, l);
       }
     } else {
-      const s = [t.colIndex, t.colIndex + t.colspan - 1], r = [e, i];
-      this.setSelector(s, r);
+      const r = [t.colIndex, t.colIndex + t.colspan - 1], n = [s, o];
+      this.setSelector(r, n);
     }
   }
   selectAll() {
@@ -3588,27 +3644,27 @@ class li {
       return;
     const { ENABLE_SELECTOR_ALL_ROWS: t, ENABLE_SELECTOR_ALL_COLS: e } = this.ctx.config;
     if (t && e) {
-      const s = this.ctx.maxColIndex, r = 0, o = this.ctx.maxRowIndex, n = [1, s], l = [r, o];
-      this.setSelector(n, l);
+      const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MIN_Y: o, SELECTOR_AREA_MAX_Y: r } = this.ctx.config, n = i, l = s || this.ctx.maxColIndex, h = o, f = r || this.ctx.maxRowIndex, d = [n, l], x = [h, f];
+      this.setSelector(d, x);
     }
   }
   selectRows(t, e = !0) {
     if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove)
       return;
-    const i = this.ctx.maxColIndex, s = t.colIndex + 1;
+    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s } = this.ctx.config, o = s || this.ctx.maxColIndex, r = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const r = [s, i], o = [t.rowIndex, t.rowIndex];
-      this.setSelector(r, o);
+      const n = [r, o], l = [t.rowIndex, t.rowIndex];
+      this.setSelector(n, l);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: r } = this.ctx.focusCell;
-      if (t.rowIndex >= r) {
-        const o = [s, i], n = [r, t.rowIndex];
-        this.setSelector(o, n);
+      const { rowIndex: n } = this.ctx.focusCell;
+      if (t.rowIndex >= n) {
+        const l = [r, o], h = [n, t.rowIndex];
+        this.setSelector(l, h);
       } else {
-        const o = [s, i], n = [t.rowIndex, r];
-        this.setSelector(o, n);
+        const l = [r, o], h = [t.rowIndex, n];
+        this.setSelector(l, h);
       }
     }
   }
@@ -3617,7 +3673,7 @@ class li {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      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];
+      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];
       this.setSelector(f, d);
     }
   }
@@ -3625,12 +3681,12 @@ class li {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e)
       if (this.ctx.selector.enable = !0, i && t) {
-        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];
+        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];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
-        const s = [e.colIndex, e.colIndex], r = [e.rowIndex, e.rowIndex];
-        this.setSelector(s, r), this.adjustBoundaryPosition();
+        const s = [e.colIndex, e.colIndex], o = [e.rowIndex, e.rowIndex];
+        this.setSelector(s, o), this.adjustBoundaryPosition();
       }
   }
   clearCopyLine() {
@@ -3643,8 +3699,8 @@ class li {
    * @returns
    */
   getCell(t, e) {
-    const i = this.ctx.body.renderRows.find((r) => r.rowIndex === t);
-    return i == null ? void 0 : i.cells.find((r) => r.colIndex === e);
+    const i = this.ctx.body.renderRows.find((o) => o.rowIndex === t);
+    return i == null ? void 0 : i.cells.find((o) => o.colIndex === e);
   }
   /**
    * 复制
@@ -3653,20 +3709,20 @@ class li {
   copy() {
     if (!this.ctx.config.ENABLE_COPY)
       return;
-    const { text: t } = this.ctx.getSelectedData();
-    navigator.clipboard ? navigator.clipboard.writeText(t).then(() => {
+    const { value: t } = this.ctx.getSelectedData(), e = ei(t);
+    navigator.clipboard ? navigator.clipboard.writeText(e).then(() => {
       this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("setCopy", this.ctx.selector), this.ctx.emit("draw");
-    }).catch((e) => console.error("复制失败：", e)) : console.error("当前浏览器不支持Clipboard API");
+    }).catch((i) => console.error("复制失败：", i)) : console.error("当前浏览器不支持Clipboard API");
   }
   clearSelectedData(t, e, i = !1) {
     let s = [];
-    const r = /* @__PURE__ */ new Set();
+    const o = /* @__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) || (r.add(x), s.push({
+          this.ctx.database.getReadonly(x, u) || (o.add(x), s.push({
             rowKey: x,
             key: u,
             value: null,
@@ -3680,10 +3736,10 @@ class li {
     if (i)
       return s;
     this.ctx.database.batchSetItemValue(s, !0);
-    let o = [];
-    return r.forEach((n) => {
-      o.push(this.ctx.database.getRowDataItemForRowKey(n));
-    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("draw"), s;
+    let r = [];
+    return o.forEach((n) => {
+      r.push(this.ctx.database.getRowDataItemForRowKey(n));
+    }), this.ctx.emit("clearSelectedDataChange", s, r), this.ctx.emit("draw"), s;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -3693,25 +3749,21 @@ class li {
     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((r) => {
-        let o = [];
-        const n = r.split("\r");
-        n.length === 1 ? o = n[0].split(`
-`).map((d) => d.split("	")) : o = n.map((f) => f.split("	"));
-        let l = [];
-        for (let f = 0; f <= o.length - 1; f++) {
-          const d = o[f].length;
-          for (let x = 0; x <= d - 1; x++) {
-            const u = f + e, y = x + i, g = o[f][x], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
-              u,
-              y
+      navigator.clipboard.readText().then((o) => {
+        let r = ti(o), n = [];
+        for (let h = 0; h <= r.length - 1; h++) {
+          const f = r[h].length;
+          for (let d = 0; d <= f - 1; d++) {
+            const x = h + e, u = d + i, y = r[h][d], g = this.ctx.database.getItemValueForRowIndexAndColIndex(
+              x,
+              u
             );
-            if (w) {
-              const { rowKey: p, key: E } = w;
-              this.ctx.database.getReadonly(p, E) || (s.add(p), l.push({
-                rowKey: p,
-                key: E,
-                value: g,
+            if (g) {
+              const { rowKey: w, key: p } = g;
+              this.ctx.database.getReadonly(w, p) || (s.add(w), n.push({
+                rowKey: w,
+                key: p,
+                value: y,
                 row: {}
                 //内部有设置
               }));
@@ -3719,25 +3771,25 @@ class li {
           }
         }
         if (this.isCut) {
-          const f = this.clearSelectedData(
+          const h = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), d = l.map((x) => `${x.rowKey}-${x.key}`);
-          f.forEach((x) => {
-            d.includes(`${x.rowKey}-${x.key}`) || l.unshift(x);
+          ), f = n.map((d) => `${d.rowKey}-${d.key}`);
+          h.forEach((d) => {
+            f.includes(`${d.rowKey}-${d.key}`) || n.unshift(d);
           }), this.isCut = !1;
         }
-        if (!l.length)
+        if (!n.length)
           return;
-        this.ctx.database.batchSetItemValue(l, !0);
-        let h = [];
-        s.forEach((f) => {
-          h.push(this.ctx.database.getRowDataItemForRowKey(f));
-        }), this.ctx.emit("pasteChange", l, h), this.clearCopyLine(), this.ctx.emit("draw");
-      }).catch((r) => {
-        console.error("获取剪贴板内容失败：", r);
+        this.ctx.database.batchSetItemValue(n, !0);
+        let l = [];
+        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);
       });
     }
   }
@@ -3751,13 +3803,13 @@ class li {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const r = 0, o = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
+    const o = 0, r = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
-        i > r && i--;
+        i > o && i--;
         break;
       case "TOP":
-        s > o && s--;
+        s > r && s--;
         break;
       case "RIGHT":
         i < n && i++;
@@ -3768,7 +3820,7 @@ class li {
     }
     const h = [i, i], f = [s, s], d = this.getCell(s, i);
     if (d) {
-      if (["index", "index-selection", "selection"].includes(d.type))
+      if (d.operation)
         return;
       this.ctx.setFocusCell(d);
     }
@@ -3782,8 +3834,8 @@ class li {
    */
   startAdjustPosition(t) {
     const { offsetX: e, offsetY: i } = t;
-    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) {
+    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) {
       this.adjustPositionX = s;
       let n = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
@@ -3792,9 +3844,9 @@ class li {
         (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
       }, 100);
     }
-    if (r && this.adjustPositionY !== r) {
-      this.adjustPositionY = r;
-      let n = 10 * (r === "top" ? -1 : 1);
+    if (o && this.adjustPositionY !== o) {
+      this.adjustPositionY = o;
+      let n = 10 * (o === "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;
@@ -3806,20 +3858,20 @@ class li {
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
    */
   adjustBoundaryPosition() {
-    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: r, footer: o, scrollX: n, scrollY: l } = this.ctx;
+    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: o, footer: r, 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 = o.visibleHeight);
-    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, y = r.height - e.drawY, g = e.drawY + e.height - (t.height - d - h);
+    f && (d = r.visibleHeight);
+    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, y = o.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), y > 0 ? this.ctx.setScrollY(l - y) : g > 0 && this.ctx.setScrollY(l + g);
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
   }
 }
-class hi {
+class gi {
   constructor(t) {
     c(this, "ctx");
     this.ctx = t, this.init();
@@ -3827,8 +3879,8 @@ class hi {
   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, 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 { 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 y = h + d - 6, g = f + x - 6;
         e.offsetX > y && e.offsetY > g && (this.ctx.target.style.cursor = "crosshair");
       }
@@ -3856,23 +3908,25 @@ class hi {
     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: r
-    } = this.ctx.config;
+    const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: o } = this.ctx.config;
     if (!i)
       return;
-    let o = t, n = e;
-    if (!r) {
+    let r = t, n = e;
+    if (!o) {
       const [l] = n;
       n = [l, l];
     }
     if (!s) {
-      const [l] = o;
-      o = [l, l];
+      const [l] = r;
+      r = [l, l];
+    }
+    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) {
+      const { SELECTOR_AREA_MIN_X: l, SELECTOR_AREA_MAX_X: h, SELECTOR_AREA_MIN_Y: f, SELECTOR_AREA_MAX_Y: d } = this.ctx.config, x = l, u = h || this.ctx.maxColIndex, y = f, g = d || this.ctx.maxRowIndex;
+      let [w, p] = r, [E, m] = n;
+      if (w < x || E < y)
+        return;
+      this.ctx.autofill.xArr = [Math.max(x, w), Math.min(u, p)], this.ctx.autofill.yArr = [Math.max(y, E), Math.min(g, m)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
-    (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) && (this.ctx.autofill.xArr = o, this.ctx.autofill.yArr = n, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw"));
   }
   /**
    * 填充数据
@@ -3884,14 +3938,11 @@ class hi {
         const u = d + e.yArr[0], y = x + e.xArr[0];
         i.set(`${u}-${y}`, !0);
       }
-    const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
+    const { value: s } = e, o = s[0].length, r = 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], y = d + l[0], g = s[d % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
-          y,
-          u
-        ), p = `${y}-${u}`;
+        const u = x + n[0], y = d + l[0], g = s[d % r][x % o], w = this.ctx.database.getItemValueForRowIndexAndColIndex(y, u), p = `${y}-${u}`;
         if (w && !i.has(p)) {
           const { rowKey: E, key: m } = w;
           this.ctx.database.getReadonly(E, m) || (t.add(E), h.push({
@@ -3915,8 +3966,8 @@ class hi {
       return;
     const { selector: e, autofill: i } = this.ctx;
     if (this.ctx.mousedown && e.enable && i.enable) {
-      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);
+      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);
     }
   }
   destroy() {
@@ -3925,16 +3976,16 @@ class hi {
 const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
   x: a,
   y: a
-}), di = {
+}), wi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, fi = {
+}, pi = {
   start: "end",
   end: "start"
 };
-function Ot(a, t, e) {
+function _t(a, t, e) {
   return U(a, rt(t, e));
 }
 function at(a, t) {
@@ -3946,53 +3997,53 @@ function q(a) {
 function ct(a) {
   return a.split("-")[1];
 }
-function ie(a) {
+function re(a) {
   return a === "x" ? "y" : "x";
 }
-function Ht(a) {
+function Mt(a) {
   return a === "y" ? "height" : "width";
 }
 function J(a) {
   return ["top", "bottom"].includes(q(a)) ? "y" : "x";
 }
-function Mt(a) {
-  return ie(J(a));
+function Ht(a) {
+  return re(J(a));
 }
-function xi(a, t, e) {
+function yi(a, t, e) {
   e === void 0 && (e = !1);
-  const i = ct(a), s = Mt(a), r = Ht(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)];
+  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)];
 }
-function ui(a) {
+function mi(a) {
   const t = xt(a);
-  return [_t(a), t, _t(t)];
+  return [Ot(a), t, Ot(t)];
 }
-function _t(a) {
-  return a.replace(/start|end/g, (t) => fi[t]);
+function Ot(a) {
+  return a.replace(/start|end/g, (t) => pi[t]);
 }
-function gi(a, t, e) {
-  const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
+function Ei(a, t, e) {
+  const i = ["left", "right"], s = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
   switch (a) {
     case "top":
     case "bottom":
       return e ? t ? s : i : t ? i : s;
     case "left":
     case "right":
-      return t ? r : o;
+      return t ? o : r;
     default:
       return [];
   }
 }
-function wi(a, t, e, i) {
+function bi(a, t, e, i) {
   const s = ct(a);
-  let r = gi(q(a), e === "start", i);
-  return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(_t)))), r;
+  let o = Ei(q(a), e === "start", i);
+  return s && (o = o.map((r) => r + "-" + s), t && (o = o.concat(o.map(Ot)))), o;
 }
 function xt(a) {
-  return a.replace(/left|right|bottom|top/g, (t) => di[t]);
+  return a.replace(/left|right|bottom|top/g, (t) => wi[t]);
 }
-function pi(a) {
+function Ci(a) {
   return {
     top: 0,
     right: 0,
@@ -4001,8 +4052,8 @@ function pi(a) {
     ...a
   };
 }
-function se(a) {
-  return typeof a != "number" ? pi(a) : {
+function oe(a) {
+  return typeof a != "number" ? Ci(a) : {
     top: a,
     right: a,
     bottom: a,
@@ -4027,12 +4078,12 @@ function ut(a) {
     y: e
   };
 }
-function Pt(a, t, e) {
+function zt(a, t, e) {
   let {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Mt(t), n = Ht(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;
+  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;
   let u;
   switch (l) {
     case "top":
@@ -4067,29 +4118,29 @@ function Pt(a, t, e) {
   }
   switch (ct(t)) {
     case "start":
-      u[o] -= x * (e && h ? -1 : 1);
+      u[r] -= x * (e && h ? -1 : 1);
       break;
     case "end":
-      u[o] += x * (e && h ? -1 : 1);
+      u[r] += x * (e && h ? -1 : 1);
       break;
   }
   return u;
 }
-const yi = async (a, t, e) => {
+const vi = async (a, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
-    middleware: r = [],
-    platform: o
-  } = e, n = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
-  let h = await o.getElementRects({
+    middleware: o = [],
+    platform: r
+  } = e, n = o.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let h = await r.getElementRects({
     reference: a,
     floating: t,
     strategy: s
   }), {
     x: f,
     y: d
-  } = Pt(h, i, l), x = i, u = {}, y = 0;
+  } = zt(h, i, l), x = i, u = {}, y = 0;
   for (let g = 0; g < n.length; g++) {
     const {
       name: w,
@@ -4107,7 +4158,7 @@ const yi = async (a, t, e) => {
       strategy: s,
       middlewareData: u,
       rects: h,
-      platform: o,
+      platform: r,
       elements: {
         reference: a,
         floating: t
@@ -4119,14 +4170,14 @@ const yi = async (a, t, e) => {
         ...u[w],
         ...b
       }
-    }, C && y <= 50 && (y++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await o.getElementRects({
+    }, C && y <= 50 && (y++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (h = C.rects === !0 ? await r.getElementRects({
       reference: a,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: f,
       y: d
-    } = Pt(h, x, l)), g = -1);
+    } = zt(h, x, l)), g = -1);
   }
   return {
     x: f,
@@ -4136,14 +4187,14 @@ const yi = async (a, t, e) => {
     middlewareData: u
   };
 };
-async function re(a, t) {
+async function ne(a, t) {
   var e;
   t === void 0 && (t = {});
   const {
     x: i,
     y: s,
-    platform: r,
-    rects: o,
+    platform: o,
+    rects: r,
     elements: n,
     strategy: l
   } = a, {
@@ -4152,23 +4203,23 @@ async function re(a, t) {
     elementContext: d = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, a), y = se(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], p = 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)),
+  } = at(t, a), y = oe(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], p = 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)),
     boundary: h,
     rootBoundary: f,
     strategy: l
   })), E = d === "floating" ? {
     x: i,
     y: s,
-    width: o.floating.width,
-    height: o.floating.height
-  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), b = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, m = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(n.floating)), b = await (o.isElement == null ? void 0 : o.isElement(m)) ? await (o.getScale == null ? void 0 : o.getScale(m)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, C = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = ut(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: E,
     offsetParent: m,
@@ -4181,7 +4232,7 @@ async function re(a, t) {
     right: (C.right - p.right + y.right) / b.x
   };
 }
-const mi = (a) => ({
+const Ri = (a) => ({
   name: "arrow",
   options: a,
   async fn(t) {
@@ -4189,8 +4240,8 @@ const mi = (a) => ({
       x: e,
       y: i,
       placement: s,
-      rects: r,
-      platform: o,
+      rects: o,
+      platform: r,
       elements: n,
       middlewareData: l
     } = t, {
@@ -4199,26 +4250,26 @@ const mi = (a) => ({
     } = at(a, t) || {};
     if (h == null)
       return {};
-    const d = se(f), x = {
+    const d = oe(f), x = {
       x: e,
       y: i
-    }, u = Mt(s), y = Ht(u), g = await o.getDimensions(h), w = u === "y", p = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = r.reference[y] + r.reference[u] - x[u] - r.floating[y], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(h));
+    }, u = Ht(s), y = Mt(u), g = await r.getDimensions(h), w = u === "y", p = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = o.reference[y] + o.reference[u] - x[u] - o.floating[y], C = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let T = R ? R[m] : 0;
-    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = n.floating[m] || r.floating[y]);
-    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(d[p], A), B = rt(d[E], A), O = D, S = T - g[y] - B, _ = T / 2 - g[y] / 2 + L, G = Ot(O, _, S), K = !l.arrow && ct(s) != null && _ !== G && r.reference[y] / 2 - (_ < O ? D : B) - g[y] / 2 < 0, X = K ? _ < O ? _ - O : _ - S : 0;
+    (!T || !await (r.isElement == null ? void 0 : r.isElement(R))) && (T = n.floating[m] || o.floating[y]);
+    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(d[p], A), B = rt(d[E], A), _ = D, S = T - g[y] - B, O = T / 2 - g[y] / 2 + L, G = _t(_, O, S), Y = !l.arrow && ct(s) != null && O !== G && o.reference[y] / 2 - (O < _ ? D : B) - g[y] / 2 < 0, F = Y ? O < _ ? O - _ : O - S : 0;
     return {
-      [u]: x[u] + X,
+      [u]: x[u] + F,
       data: {
         [u]: G,
-        centerOffset: _ - G - X,
-        ...K && {
-          alignmentOffset: X
+        centerOffset: O - G - F,
+        ...Y && {
+          alignmentOffset: F
         }
       },
-      reset: K
+      reset: Y
     };
   }
-}), Ei = function(a) {
+}), Ii = function(a) {
   return a === void 0 && (a = {}), {
     name: "flip",
     options: a,
@@ -4226,8 +4277,8 @@ const mi = (a) => ({
       var e, i;
       const {
         placement: s,
-        middlewareData: r,
-        rects: o,
+        middlewareData: o,
+        rects: r,
         initialPlacement: n,
         platform: l,
         elements: h
@@ -4240,38 +4291,38 @@ const mi = (a) => ({
         flipAlignment: g = !0,
         ...w
       } = at(a, t);
-      if ((e = r.arrow) != null && e.alignmentOffset)
+      if ((e = o.arrow) != null && e.alignmentOffset)
         return {};
-      const p = q(s), E = J(n), m = q(n) === n, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = x || (m || !g ? [xt(n)] : ui(n)), R = y !== "none";
-      !x && R && C.push(...wi(n, g, y, b));
-      const T = [n, ...C], L = await re(t, w), A = [];
-      let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
+      const p = q(s), E = J(n), m = q(n) === n, b = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), C = x || (m || !g ? [xt(n)] : mi(n)), R = y !== "none";
+      !x && R && C.push(...bi(n, g, y, b));
+      const T = [n, ...C], L = await ne(t, w), A = [];
+      let D = ((i = o.flip) == null ? void 0 : i.overflows) || [];
       if (f && A.push(L[p]), d) {
-        const _ = xi(s, o, b);
-        A.push(L[_[0]], L[_[1]]);
+        const O = yi(s, r, b);
+        A.push(L[O[0]], L[O[1]]);
       }
       if (D = [...D, {
         placement: s,
         overflows: A
-      }], !A.every((_) => _ <= 0)) {
-        var B, O;
-        const _ = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = T[_];
+      }], !A.every((O) => O <= 0)) {
+        var B, _;
+        const O = (((B = o.flip) == null ? void 0 : B.index) || 0) + 1, G = T[O];
         if (G)
           return {
             data: {
-              index: _,
+              index: O,
               overflows: D
             },
             reset: {
               placement: G
             }
           };
-        let K = (O = D.filter((X) => X.overflows[0] <= 0).sort((X, W) => X.overflows[1] - W.overflows[1])[0]) == null ? void 0 : O.placement;
-        if (!K)
+        let Y = (_ = D.filter((F) => F.overflows[0] <= 0).sort((F, W) => F.overflows[1] - W.overflows[1])[0]) == null ? void 0 : _.placement;
+        if (!Y)
           switch (u) {
             case "bestFit": {
               var S;
-              const X = (S = D.filter((W) => {
+              const F = (S = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === E || // Create a bias to the `y` side axis due to horizontal
@@ -4279,18 +4330,18 @@ const mi = (a) => ({
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, we) => P + we, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : S[0];
-              X && (K = X);
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : S[0];
+              F && (Y = F);
               break;
             }
             case "initialPlacement":
-              K = n;
+              Y = n;
               break;
           }
-        if (s !== K)
+        if (s !== Y)
           return {
             reset: {
-              placement: K
+              placement: Y
             }
           };
       }
@@ -4298,12 +4349,12 @@ const mi = (a) => ({
     }
   };
 };
-async function bi(a, t) {
+async function _i(a, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = 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);
+  } = 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);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4325,7 +4376,7 @@ async function bi(a, t) {
     y: u * f
   };
 }
-const Ci = function(a) {
+const Oi = function(a) {
   return a === void 0 && (a = 0), {
     name: "offset",
     options: a,
@@ -4333,21 +4384,21 @@ const Ci = function(a) {
       var e, i;
       const {
         x: s,
-        y: r,
-        placement: o,
+        y: o,
+        placement: r,
         middlewareData: n
-      } = t, l = await bi(t, a);
-      return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
+      } = t, l = await _i(t, a);
+      return r === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
         x: s + l.x,
-        y: r + l.y,
+        y: o + l.y,
         data: {
           ...l,
-          placement: o
+          placement: r
         }
       };
     }
   };
-}, vi = function(a) {
+}, Si = function(a) {
   return a === void 0 && (a = {}), {
     name: "shift",
     options: a,
@@ -4357,8 +4408,8 @@ const Ci = function(a) {
         y: i,
         placement: s
       } = t, {
-        mainAxis: r = !0,
-        crossAxis: o = !1,
+        mainAxis: o = !0,
+        crossAxis: r = !1,
         limiter: n = {
           fn: (w) => {
             let {
@@ -4375,15 +4426,15 @@ const Ci = function(a) {
       } = at(a, t), h = {
         x: e,
         y: i
-      }, f = await re(t, l), d = J(q(s)), x = ie(d);
+      }, f = await ne(t, l), d = J(q(s)), x = re(d);
       let u = h[x], y = h[d];
-      if (r) {
+      if (o) {
         const w = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", E = u + f[w], m = u - f[p];
-        u = Ot(E, u, m);
+        u = _t(E, u, m);
       }
-      if (o) {
+      if (r) {
         const w = d === "y" ? "top" : "left", p = d === "y" ? "bottom" : "right", E = y + f[w], m = y - f[p];
-        y = Ot(E, y, m);
+        y = _t(E, y, m);
       }
       const g = n.fn({
         ...t,
@@ -4396,8 +4447,8 @@ const Ci = function(a) {
           x: g.x - e,
           y: g.y - i,
           enabled: {
-            [x]: r,
-            [d]: o
+            [x]: o,
+            [d]: r
           }
         }
       };
@@ -4408,27 +4459,27 @@ function gt() {
   return typeof window < "u";
 }
 function tt(a) {
-  return oe(a) ? (a.nodeName || "").toLowerCase() : "#document";
+  return ae(a) ? (a.nodeName || "").toLowerCase() : "#document";
 }
-function M(a) {
+function H(a) {
   var t;
   return (a == null || (t = a.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function Y(a) {
+function K(a) {
   var t;
-  return (t = (oe(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ae(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function oe(a) {
-  return gt() ? a instanceof Node || a instanceof M(a).Node : !1;
+function ae(a) {
+  return gt() ? a instanceof Node || a instanceof H(a).Node : !1;
 }
-function k(a) {
-  return gt() ? a instanceof Element || a instanceof M(a).Element : !1;
+function X(a) {
+  return gt() ? a instanceof Element || a instanceof H(a).Element : !1;
 }
 function N(a) {
-  return gt() ? a instanceof HTMLElement || a instanceof M(a).HTMLElement : !1;
+  return gt() ? a instanceof HTMLElement || a instanceof H(a).HTMLElement : !1;
 }
-function Vt(a) {
-  return !gt() || typeof ShadowRoot > "u" ? !1 : a instanceof ShadowRoot || a instanceof M(a).ShadowRoot;
+function $t(a) {
+  return !gt() || typeof ShadowRoot > "u" ? !1 : a instanceof ShadowRoot || a instanceof H(a).ShadowRoot;
 }
 function lt(a) {
   const {
@@ -4436,10 +4487,10 @@ function lt(a) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(a);
+  } = k(a);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Ri(a) {
+function Ti(a) {
   return ["table", "td", "th"].includes(tt(a));
 }
 function wt(a) {
@@ -4452,10 +4503,10 @@ function wt(a) {
   });
 }
 function Dt(a) {
-  const t = kt(), e = k(a) ? F(a) : a;
+  const t = Xt(), e = X(a) ? k(a) : a;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Ii(a) {
+function Li(a) {
   let t = z(a);
   for (; N(t) && !Q(t); ) {
     if (Dt(t))
@@ -4466,17 +4517,17 @@ function Ii(a) {
   }
   return null;
 }
-function kt() {
+function Xt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function Q(a) {
   return ["html", "body", "#document"].includes(tt(a));
 }
-function F(a) {
-  return M(a).getComputedStyle(a);
+function k(a) {
+  return H(a).getComputedStyle(a);
 }
 function pt(a) {
-  return k(a) ? {
+  return X(a) ? {
     scrollLeft: a.scrollLeft,
     scrollTop: a.scrollTop
   } : {
@@ -4491,80 +4542,80 @@ function z(a) {
     // Step into the shadow DOM of the parent of a slotted node.
     a.assignedSlot || // DOM Element detected.
     a.parentNode || // ShadowRoot detected.
-    Vt(a) && a.host || // Fallback.
-    Y(a)
+    $t(a) && a.host || // Fallback.
+    K(a)
   );
-  return Vt(t) ? t.host : t;
+  return $t(t) ? t.host : t;
 }
-function ne(a) {
+function ce(a) {
   const t = z(a);
-  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ne(t);
+  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 = ne(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = M(s);
-  if (r) {
-    const n = Tt(o);
-    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? St(n) : []);
+  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) : []);
   }
   return t.concat(s, St(s, [], e));
 }
 function Tt(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
-function ae(a) {
-  const t = F(a);
+function le(a) {
+  const t = k(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  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), {
+  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), {
     width: e,
     height: i,
     $: n
   };
 }
-function ce(a) {
-  return k(a) ? a : a.contextElement;
+function he(a) {
+  return X(a) ? a : a.contextElement;
 }
 function Z(a) {
-  const t = ce(a);
+  const t = he(a);
   if (!N(t))
     return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
-    $: r
-  } = ae(t);
-  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,
+    $: o
+  } = 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,
     y: n
   };
 }
-const Oi = /* @__PURE__ */ V(0);
-function le(a) {
-  const t = M(a);
-  return !kt() || !t.visualViewport ? Oi : {
+const Ai = /* @__PURE__ */ V(0);
+function de(a) {
+  const t = H(a);
+  return !Xt() || !t.visualViewport ? Ai : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function _i(a, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== M(a) ? !1 : t;
+function Mi(a, t, e) {
+  return t === void 0 && (t = !1), !e || t && e !== H(a) ? !1 : t;
 }
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = a.getBoundingClientRect(), r = ce(a);
-  let o = V(1);
-  t && (i ? k(i) && (o = Z(i)) : o = Z(a));
-  const n = _i(r, e, i) ? le(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 = M(r), u = i && k(i) ? M(i) : i;
+  const s = a.getBoundingClientRect(), o = he(a);
+  let r = V(1);
+  t && (i ? X(i) && (r = Z(i)) : r = Z(a));
+  const n = Mi(o, e, i) ? de(o) : V(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;
     let y = x, g = Tt(y);
     for (; g && i && u !== y; ) {
-      const w = Z(g), p = g.getBoundingClientRect(), E = F(g), m = p.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, b = p.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
-      l *= w.x, h *= w.y, f *= w.x, d *= w.y, l += m, h += b, y = M(g), g = Tt(y);
+      const w = Z(g), p = g.getBoundingClientRect(), E = k(g), m = p.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, b = p.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
+      l *= w.x, h *= w.y, f *= w.x, d *= w.y, l += m, h += b, y = H(g), g = Tt(y);
     }
   }
   return ut({
@@ -4574,22 +4625,22 @@ function ot(a, t, e, i) {
     y: h
   });
 }
-function Si(a) {
+function Hi(a) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
   } = a;
-  const r = s === "fixed", o = Y(i), n = t ? wt(t.floating) : !1;
-  if (i === o || n && r)
+  const o = s === "fixed", r = K(i), n = t ? wt(t.floating) : !1;
+  if (i === r || n && o)
     return e;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   }, h = V(1);
   const f = V(0), d = N(i);
-  if ((d || !d && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
+  if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), N(i))) {
     const x = ot(i);
     h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
@@ -4600,58 +4651,58 @@ function Si(a) {
     y: e.y * h.y - l.scrollTop * h.y + f.y
   };
 }
-function Ti(a) {
+function Di(a) {
   return Array.from(a.getClientRects());
 }
 function Lt(a, t) {
   const e = pt(a).scrollLeft;
-  return t ? t.left + e : ot(Y(a)).left + e;
+  return t ? t.left + e : ot(K(a)).left + e;
 }
-function Li(a) {
-  const t = Y(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 + Lt(a);
+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 + Lt(a);
   const n = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return k(i).direction === "rtl" && (r += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
-    height: r,
-    x: o,
+    height: o,
+    x: r,
     y: n
   };
 }
-function Ai(a, t) {
-  const e = M(a), i = Y(a), s = e.visualViewport;
-  let r = i.clientWidth, o = i.clientHeight, n = 0, l = 0;
+function ki(a, t) {
+  const e = H(a), i = K(a), s = e.visualViewport;
+  let o = i.clientWidth, r = i.clientHeight, n = 0, l = 0;
   if (s) {
-    r = s.width, o = s.height;
-    const h = kt();
+    o = s.width, r = s.height;
+    const h = Xt();
     (!h || h && t === "fixed") && (n = s.offsetLeft, l = s.offsetTop);
   }
   return {
-    width: r,
-    height: o,
+    width: o,
+    height: r,
     x: n,
     y: l
   };
 }
-function Hi(a, t) {
-  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;
+function Fi(a, t) {
+  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = N(a) ? Z(a) : V(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
   return {
-    width: o,
+    width: r,
     height: n,
     x: l,
     y: h
   };
 }
-function zt(a, t, e) {
+function qt(a, t, e) {
   let i;
   if (t === "viewport")
-    i = Ai(a, e);
+    i = ki(a, e);
   else if (t === "document")
-    i = Li(Y(a));
-  else if (k(t))
-    i = Hi(t, e);
+    i = Xi(K(a));
+  else if (X(t))
+    i = Fi(t, e);
   else {
-    const s = le(a);
+    const s = de(a);
     i = {
       ...t,
       x: t.x - s.x,
@@ -4660,34 +4711,34 @@ function zt(a, t, e) {
   }
   return ut(i);
 }
-function he(a, t) {
+function fe(a, t) {
   const e = z(a);
-  return e === t || !k(e) || Q(e) ? !1 : F(e).position === "fixed" || he(e, t);
+  return e === t || !X(e) || Q(e) ? !1 : k(e).position === "fixed" || fe(e, t);
 }
-function Mi(a, t) {
+function Ni(a, t) {
   const e = t.get(a);
   if (e)
     return e;
-  let i = St(a, [], !1).filter((n) => k(n) && tt(n) !== "body"), s = null;
-  const r = F(a).position === "fixed";
-  let o = r ? z(a) : a;
-  for (; k(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 && he(a, o)) ? i = i.filter((f) => f !== o) : s = n, o = z(o);
+  let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
+  const o = k(a).position === "fixed";
+  let r = o ? z(a) : a;
+  for (; X(r) && !Q(r); ) {
+    const n = k(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 = z(r);
   }
   return t.set(a, i), i;
 }
-function Di(a) {
+function Yi(a) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
   } = a;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Mi(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((h, f) => {
-    const d = zt(t, f, s);
+  const r = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], n = r[0], l = r.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;
-  }, zt(t, n, s));
+  }, qt(t, n, s));
   return {
     width: l.right - l.left,
     height: l.bottom - l.top,
@@ -4695,75 +4746,75 @@ function Di(a) {
     y: l.top
   };
 }
-function ki(a) {
+function Ki(a) {
   const {
     width: t,
     height: e
-  } = ae(a);
+  } = le(a);
   return {
     width: t,
     height: e
   };
 }
-function Fi(a, t, e) {
-  const i = N(t), s = Y(t), r = e === "fixed", o = ot(a, !0, r, t);
+function Bi(a, t, e) {
+  const i = N(t), s = K(t), o = e === "fixed", r = ot(a, !0, o, t);
   let n = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const l = V(0);
-  if (i || !i && !r)
+  if (i || !i && !o)
     if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
-      const u = ot(t, !0, r, t);
+      const u = ot(t, !0, o, t);
       l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
     } else s && (l.x = Lt(s));
   let h = 0, f = 0;
-  if (s && !i && !r) {
+  if (s && !i && !o) {
     const u = s.getBoundingClientRect();
     f = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
     Lt(s, u);
   }
-  const d = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - f;
+  const d = r.left + n.scrollLeft - l.x - h, x = r.top + n.scrollTop - l.y - f;
   return {
     x: d,
     y: x,
-    width: o.width,
-    height: o.height
+    width: r.width,
+    height: r.height
   };
 }
 function mt(a) {
-  return F(a).position === "static";
+  return k(a).position === "static";
 }
-function $t(a, t) {
-  if (!N(a) || F(a).position === "fixed")
+function Gt(a, t) {
+  if (!N(a) || k(a).position === "fixed")
     return null;
   if (t)
     return t(a);
   let e = a.offsetParent;
-  return Y(a) === e && (e = e.ownerDocument.body), e;
+  return K(a) === e && (e = e.ownerDocument.body), e;
 }
-function de(a, t) {
-  const e = M(a);
+function xe(a, t) {
+  const e = H(a);
   if (wt(a))
     return e;
   if (!N(a)) {
     let s = z(a);
     for (; s && !Q(s); ) {
-      if (k(s) && !mt(s))
+      if (X(s) && !mt(s))
         return s;
       s = z(s);
     }
     return e;
   }
-  let i = $t(a, t);
-  for (; i && Ri(i) && mt(i); )
-    i = $t(i, t);
-  return i && Q(i) && mt(i) && !Dt(i) ? e : i || Ii(a) || e;
+  let i = Gt(a, t);
+  for (; i && Ti(i) && mt(i); )
+    i = Gt(i, t);
+  return i && Q(i) && mt(i) && !Dt(i) ? e : i || Li(a) || e;
 }
-const Xi = async function(a) {
-  const t = this.getOffsetParent || de, e = this.getDimensions, i = await e(a.floating);
+const Wi = async function(a) {
+  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(a.floating);
   return {
-    reference: Fi(a.reference, await t(a.floating), a.strategy),
+    reference: Bi(a.reference, await t(a.floating), a.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -4772,34 +4823,34 @@ const Xi = async function(a) {
     }
   };
 };
-function Ni(a) {
-  return F(a).direction === "rtl";
+function Pi(a) {
+  return k(a).direction === "rtl";
 }
-const Ki = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Si,
-  getDocumentElement: Y,
-  getClippingRect: Di,
-  getOffsetParent: de,
-  getElementRects: Xi,
-  getClientRects: Ti,
-  getDimensions: ki,
+const Vi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
+  getDocumentElement: K,
+  getClippingRect: Yi,
+  getOffsetParent: xe,
+  getElementRects: Wi,
+  getClientRects: Di,
+  getDimensions: Ki,
   getScale: Z,
-  isElement: k,
-  isRTL: Ni
-}, fe = Ci, xe = vi, ue = Ei, Yi = mi, ge = (a, t, e) => {
+  isElement: X,
+  isRTL: Pi
+}, ue = Oi, ge = Si, we = Ii, zi = Ri, pe = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Ki,
+    platform: Vi,
     ...e
-  }, r = {
+  }, o = {
     ...s.platform,
     _c: i
   };
-  return yi(a, t, {
+  return vi(a, t, {
     ...s,
-    platform: r
+    platform: o
   });
 };
-let Bi = class {
+let $i = class {
   constructor(t) {
     c(this, "ctx");
     c(this, "enable", !1);
@@ -4807,8 +4858,8 @@ let Bi = 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: 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 { 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 n = {
       display: "none",
       position: "absolute",
@@ -4819,7 +4870,7 @@ let Bi = class {
       padding: "8px",
       borderRadius: "4px",
       fontSize: "12px",
-      ...r
+      ...o
     }, l = {
       position: "absolute",
       width: "10px",
@@ -4853,23 +4904,23 @@ let Bi = 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, r = t.drawY + i.y;
-    ge({
+    const s = t.drawX + i.x, o = t.drawY + i.y;
+    pe({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
           height: t.visibleHeight,
           x: s,
-          y: r,
+          y: o,
           left: s,
           right: s + t.visibleWidth,
-          top: r,
-          bottom: r + t.visibleHeight
+          top: o,
+          bottom: o + t.visibleHeight
         };
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [xe(), ue(), fe(6), Yi({ 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, {
@@ -4908,7 +4959,7 @@ let Bi = class {
     this.contentEl.remove(), this.arrowEl.remove(), this.floatingEl.remove();
   }
 };
-class Wi {
+class qi {
   constructor(t) {
     c(this, "editorEl");
     c(this, "inputEl");
@@ -4921,10 +4972,10 @@ class Wi {
     this.ctx.on("onScroll", () => {
       this.enable && this.doneEdit();
     }), this.ctx.on("cellHeaderMousedown", () => {
-      this.enable && this.doneEdit();
+      this.enable && this.doneEdit(), this.cellTarget = null;
     }), this.ctx.on("keydown", (t) => {
-      const e = t.key, i = t.ctrlKey, s = t.altKey, r = t.shiftKey, o = t.metaKey;
-      if (!(i || s || r || o || [
+      const e = t.key, i = t.ctrlKey, s = t.altKey, o = t.shiftKey, r = t.metaKey;
+      if (!(i || s || o || r || [
         // "Enter",
         "Escape",
         "Tab",
@@ -4965,10 +5016,10 @@ class Wi {
   }
   initTextEditor() {
     const { CSS_PREFIX: t, SELECT_BORDER_COLOR: e } = this.ctx.config;
-    this.inputEl = document.createElement("div"), this.inputEl.addEventListener("keydown", (o) => {
+    this.inputEl = document.createElement("div"), this.inputEl.addEventListener("keydown", (r) => {
       if (this.enable) {
-        if ((o.altKey || o.metaKey) && o.code === "Enter") {
-          o.preventDefault();
+        if ((r.altKey || r.metaKey) && r.code === "Enter") {
+          r.preventDefault();
           const n = this.inputEl.textContent;
           this.inputEl.textContent = `${n}
 
@@ -4977,7 +5028,7 @@ class Wi {
           l == null || l.selectAllChildren(this.inputEl), l == null || l.collapseToEnd();
           return;
         }
-        (o.code === "Escape" || o.code === "Enter") && (o.preventDefault(), this.inputEl.blur());
+        (r.code === "Escape" || r.code === "Enter") && (r.preventDefault(), this.inputEl.blur());
       }
     }), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
@@ -5016,14 +5067,14 @@ class Wi {
       cursor: "text"
     };
     Object.assign(this.inputEl.style, s);
-    const r = navigator.userAgent.toLowerCase().includes("firefox");
-    this.inputEl.contentEditable = r ? "true" : "plaintext-only", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
+    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);
   }
   startEditByInput(t) {
     if (t.editorType !== "text")
       return;
-    const e = t.getValue(), { width: i, height: s } = t, r = t.getDrawX(), o = t.getDrawY(), { CELL_PADDING: n } = this.ctx.config;
-    this.editorEl.style.left = `${r}px`, this.editorEl.style.top = `${o}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${s - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.textContent = e), this.inputEl.focus();
+    const e = t.getValue(), { width: i, height: s } = t, o = t.getDrawX(), r = t.getDrawY(), { CELL_PADDING: n } = this.ctx.config;
+    this.editorEl.style.left = `${o}px`, this.editorEl.style.top = `${r}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${s - 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();
   }
@@ -5040,8 +5091,8 @@ class Wi {
     const e = this.ctx.focusCell;
     if (!e || ["index", "index-selection", "selection"].includes(e.type) || this.enable)
       return;
-    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));
+    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));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
@@ -5051,11 +5102,11 @@ class Wi {
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
-    const r = this.ctx.focusCell;
-    if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
+    const o = this.ctx.focusCell;
+    if (!o || ["index", "index-selection", "selection"].includes(o.type) || this.enable)
       return;
-    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));
+    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));
   }
   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"));
@@ -5063,17 +5114,17 @@ class Wi {
   destroy() {
   }
 }
-class Pi {
+class Gi {
   constructor(t) {
     c(this, "ctx");
     c(this, "emptyEl");
     this.ctx = t;
-    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 }) => {
+    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 }) => {
       if (i)
         return;
       const f = n + (l + h) / 2, d = {
-        display: o === "empty" ? "block" : "none",
+        display: r === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
@@ -5089,7 +5140,7 @@ class Pi {
     this.emptyEl.remove();
   }
 }
-class Vi {
+class ji {
   constructor(t) {
     c(this, "ctx");
     this.ctx = t;
@@ -5108,10 +5159,10 @@ class Vi {
     const {
       target: t,
       config: { SCROLLER_TRACK_SIZE: e }
-    } = this.ctx, i = t.width - e, s = t.height - e, r = this.getHeader(), o = this.getBody(), n = this.getFooter();
-    let l = [r, o, n];
+    } = this.ctx, i = t.width - e, s = t.height - e, o = this.getHeader(), r = this.getBody(), n = this.getFooter();
+    let l = [o, r, n];
     const { FOOTER_FIXED: h } = this.ctx.config;
-    return h || (l = [r, o]), {
+    return h || (l = [o, r]), {
       style: {
         position: "absolute",
         left: "0px",
@@ -5129,7 +5180,7 @@ class Vi {
       fixedLeftWidth: t,
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
-    } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
+    } = this.ctx, { visibleWidth: o, visibleHeight: r, 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));
@@ -5142,7 +5193,7 @@ class Vi {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${t}px`,
-        height: `${o}px`
+        height: `${r}px`
       },
       cells: h
     }, u = {
@@ -5152,8 +5203,8 @@ class Vi {
         top: `${0.5}px`,
         left: `${t}px`,
         overflow: "hidden",
-        width: `${r - t - d}px`,
-        height: `${o}px`
+        width: `${o - t - d}px`,
+        height: `${r}px`
       },
       cells: l
     }, y = {
@@ -5164,7 +5215,7 @@ class Vi {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${d}px`,
-        height: `${o}px`
+        height: `${r}px`
       },
       cells: f
     };
@@ -5174,8 +5225,8 @@ class Vi {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${r}px`,
-        height: `${o}px`
+        width: `${o}px`,
+        height: `${r}px`
       },
       views: [x, u, y]
     };
@@ -5189,17 +5240,17 @@ class Vi {
       });
     });
     const {
-      fixedLeftWidth: r,
-      fixedRightWidth: o,
+      fixedLeftWidth: o,
+      fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = o - n, x = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = r - n, x = {
       key: "left",
       style: {
         position: "absolute",
         top: `${0.5}px`,
         left: `${0.5}px`,
         overflow: "hidden",
-        width: `${r}px`,
+        width: `${o}px`,
         height: `${f}px`
       },
       cells: e
@@ -5208,9 +5259,9 @@ class Vi {
       style: {
         position: "absolute",
         top: `${0.5}px`,
-        left: `${r + 0.5}px`,
+        left: `${o + 0.5}px`,
         overflow: "hidden",
-        width: `${h - r - d}px`,
+        width: `${h - o - d}px`,
         height: `${f}px`
       },
       cells: t
@@ -5247,9 +5298,9 @@ class Vi {
     });
     const {
       fixedLeftWidth: s,
-      fixedRightWidth: r,
-      config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = r - o, d = {
+      fixedRightWidth: o,
+      config: { SCROLLER_TRACK_SIZE: r, CSS_PREFIX: n }
+    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = o - r, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -5296,7 +5347,7 @@ class Vi {
     };
   }
 }
-class zi {
+class Ui {
   constructor(t) {
     c(this, "ctx");
     c(this, "contextMenuEl");
@@ -5306,8 +5357,8 @@ class zi {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      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 { 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 x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5321,9 +5372,9 @@ class zi {
         }),
         contextElement: document.body
       };
-      ge(x, this.contextMenuEl, {
+      pe(x, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [fe(), xe(), ue()]
+        middleware: [ue(), ge(), we()]
       }).then(({ x: u, y }) => {
         this.show(u, y);
       });
@@ -5379,7 +5430,7 @@ class zi {
     this.contextMenuEl.remove();
   }
 }
-class Gi {
+class Qi {
   constructor(t, e) {
     c(this, "targetContainer");
     c(this, "target");
@@ -5396,7 +5447,7 @@ class Gi {
     c(this, "overlayer");
     c(this, "contextMenu");
     c(this, "ctx");
-    this.target = document.createElement("canvas"), this.targetContainer = t, this.targetContainer.style.position = "relative", this.targetContainer.appendChild(this.target), this.options = e, this.ctx = new ri(this.targetContainer, this.target, this.options), this.header = new ni(this.ctx), this.body = new ai(this.ctx), this.footer = new ci(this.ctx), this.scroller = new oi(this.ctx), this.selector = new li(this.ctx), this.autofill = new hi(this.ctx), this.tooltip = new Bi(this.ctx), this.empty = new Pi(this.ctx), this.editor = new Wi(this.ctx), this.overlayer = new Vi(this.ctx), this.contextMenu = new zi(this.ctx), this.ctx.on("draw", this.draw.bind(this)), this.draw();
+    this.target = document.createElement("canvas"), this.targetContainer = t, this.targetContainer.style.position = "relative", this.targetContainer.appendChild(this.target), this.options = e, this.ctx = new li(this.targetContainer, this.target, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new hi(this.ctx), this.selector = new ui(this.ctx), this.autofill = new gi(this.ctx), this.tooltip = new $i(this.ctx), this.empty = new Gi(this.ctx), this.editor = new qi(this.ctx), this.overlayer = new ji(this.ctx), this.contextMenu = new Ui(this.ctx), this.ctx.on("draw", this.draw.bind(this)), this.draw();
   }
   draw() {
     requestAnimationFrame(() => {
@@ -5430,14 +5481,14 @@ class Gi {
   editCell(t, e) {
     this.editor.editCell(t, e);
   }
-  setItemValue(t, e, i, s = !0, r = !0, o = !1) {
-    this.ctx.database.setItemValue(t, e, i, s, r, o);
+  setItemValue(t, e, i, s = !0, o = !0, r = !1) {
+    this.ctx.database.setItemValue(t, e, i, s, o, r);
   }
   batchSetItemValue(t, e = !0, i = !0) {
     this.ctx.database.batchSetItemValue(t, e), i && this.ctx.emit("draw");
   }
-  setItemValueByEditor(t, e, i, s = !0, r = !0) {
-    this.ctx.database.setItemValue(t, e, i, s, r, !0), this.editor.doneEdit();
+  setItemValueByEditor(t, e, i, s = !0, o = !0) {
+    this.ctx.database.setItemValue(t, e, i, s, o, !0), this.editor.doneEdit();
   }
   doLayout() {
     this.ctx.emit("draw");
@@ -5458,9 +5509,9 @@ class Gi {
         e(s);
       } catch (s) {
         if (t && Array.isArray(s) && s.length) {
-          const [r] = s;
-          if (Array.isArray(r) && r.length) {
-            const [o] = r, { rowKey: n, key: l } = o;
+          const [o] = s;
+          if (Array.isArray(o) && o.length) {
+            const [r] = o, { rowKey: n, key: l } = r;
             this.scrollToRowkey(n), this.scrollToColkey(l);
           }
         }
@@ -5470,8 +5521,8 @@ class Gi {
   }
   setValidations(t) {
     if (t.forEach((e) => {
-      const { rowIndex: i, key: s, message: r } = e;
-      this.ctx.database.setValidationErrorByRowIndex(i, s, r);
+      const { rowIndex: i, key: s, message: o } = e;
+      this.ctx.database.setValidationErrorByRowIndex(i, s, o);
     }), t && Array.isArray(t) && t.length) {
       const [e] = t;
       if (e && e.rowIndex >= 0 && e.key) {
@@ -5483,13 +5534,13 @@ class Gi {
   getValidations() {
     return new Promise(async (t, e) => {
       const i = this.ctx.database.getAllRowsData(), s = this.ctx.header.leafCellHeaders;
-      let r = [];
-      for (let o = 0; o < i.length; o++)
+      let o = [];
+      for (let r = 0; r < i.length; r++)
         for (let n = 0; n < s.length; n++) {
-          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);
+          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);
         }
-      r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
+      o.length ? (e(o), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });
   }
   scrollTo(t, e) {
@@ -5548,6 +5599,6 @@ class Gi {
   }
 }
 export {
-  Gi as default
+  Qi as default
 };
 //# sourceMappingURL=index.es.js.map