e-virt-table 0.1.2 → 0.1.4

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-border-color: #e1e6eb}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;z-index:10;border-radius:8px;border:1px solid var(--e-virt-table-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none}.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);display:flex;align-items:center}.e-virt-table-overlayer{position:"absolute";left:0;top:0;overflow:hidden;z-index:10}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: #333;--e-virt-table-text-color-regular: #666;--e-virt-table-text-color-secondary: #999;--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff;--e-virt-table-border-color: #e1e6eb}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;z-index:10;border-radius:8px;border:1px solid var(--e-virt-table-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10px}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--e-virt-table-editor-bg-color);border:2px solid var(--e-virt-table-color-primary);box-sizing:border-box;box-shadow:var(--e-virt-table-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:"absolute";left:0;top:0;overflow:hidden;z-index:10}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var me = Object.defineProperty;
 var Ee = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var c = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
+var l = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
 function $() {
   return $ = Object.assign ? Object.assign.bind() : function(n) {
     for (var t = 1; t < arguments.length; t++) {
@@ -39,8 +39,8 @@ function dt(n, t, e) {
   return Ce() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
     var a = [null];
     a.push.apply(a, r);
-    var h = Function.bind.apply(s, a), l = new h();
-    return o && st(l, o.prototype), l;
+    var h = Function.bind.apply(s, a), c = new h();
+    return o && st(c, o.prototype), c;
   }, dt.apply(null, arguments);
 }
 function ve(n) {
@@ -69,9 +69,9 @@ function bt(n) {
     }), st(s, i);
   }, bt(n);
 }
-var Re = /%[sdj%]/g, Jt = function() {
+var Re = /%[sdj%]/g, Gt = function() {
 };
-typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (Jt = function(t, e) {
+typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (Gt = 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);
@@ -131,7 +131,7 @@ function Ie(n, t, e) {
     t(a, o);
   });
 }
-function Yt(n, t, e) {
+function Xt(n, t, e) {
   var i = 0, s = n.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Oe(n) {
     t.push.apply(t, n[e] || []);
   }), t;
 }
-var Kt = /* @__PURE__ */ function(n) {
+var Ft = /* @__PURE__ */ function(n) {
   be(t, n);
   function t(e, i) {
     var s;
@@ -161,22 +161,22 @@ function Te(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var g = function(y) {
-        return i(y), y.length ? u(new Kt(y, Ct(y))) : x(s);
+        return i(y), y.length ? u(new Ft(y, Ct(y))) : x(s);
       }, w = Oe(n);
-      Yt(w, e, g);
+      Xt(w, e, g);
     });
     return r.catch(function(x) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, l = 0, f = [], d = new Promise(function(x, u) {
+  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, c = 0, f = [], d = new Promise(function(x, u) {
     var g = function(p) {
-      if (f.push.apply(f, p), l++, l === h)
-        return i(f), f.length ? u(new Kt(f, Ct(f))) : x(s);
+      if (f.push.apply(f, p), c++, c === h)
+        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
     };
     a.length || (i(f), x(s)), a.forEach(function(w) {
       var p = n[w];
-      o.indexOf(w) !== -1 ? Yt(p, e, g) : Ie(p, e, g);
+      o.indexOf(w) !== -1 ? Xt(p, e, g) : Ie(p, e, g);
     });
   });
   return d.catch(function(x) {
@@ -194,7 +194,7 @@ function Ae(n, t) {
   }
   return e;
 }
-function Bt(n, t) {
+function kt(n, t) {
   return function(e) {
     var i;
     return n.fullFields ? i = Ae(t, n.fullFields) : i = t[e.field || n.fullField], Se(e) ? (e.field = e.field || n.fullField, e.fieldValue = i, e) : {
@@ -204,7 +204,7 @@ function Bt(n, t) {
     };
   };
 }
-function Wt(n, t) {
+function Nt(n, t) {
   if (t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
@@ -214,13 +214,13 @@ function Wt(n, t) {
   }
   return n;
 }
-var Qt = function(t, e, i, s, r, o) {
+var jt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || _(e, o || t.type)) && s.push(M(r.messages.required, t.fullField));
 }, Le = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(M(r.messages.whitespace, t.fullField));
-}, lt, Me = function() {
-  if (lt)
-    return lt;
+}, ct, Me = function() {
+  if (ct)
+    return ct;
   var n = "[a-fA-F\\d:]", t = function(E) {
     return E && E.includeBoundaries ? "(?:(?<=\\s|^)(?=" + n + ")|(?<=" + n + ")(?=\\s|$))" : "";
   }, e = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", i = "[a-fA-F\\d]{1,4}", s = (`
@@ -242,9 +242,9 @@ var Qt = function(t, e, i, s, r, o) {
   }, h.v6 = function(m) {
     return m && m.exact ? a : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var l = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + l + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
-  return lt = new RegExp("(?:^" + b + "$)", "i"), lt;
-}, Pt = {
+  var c = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
+  return ct = new RegExp("(?:^" + b + "$)", "i"), ct;
+}, Yt = {
   // 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,26 +284,26 @@ var Qt = function(t, e, i, s, r, o) {
     return typeof t == "function";
   },
   email: function(t) {
-    return typeof t == "string" && t.length <= 320 && !!t.match(Pt.email);
+    return typeof t == "string" && t.length <= 320 && !!t.match(Yt.email);
   },
   url: function(t) {
     return typeof t == "string" && t.length <= 2048 && !!t.match(Me());
   },
   hex: function(t) {
-    return typeof t == "string" && !!t.match(Pt.hex);
+    return typeof t == "string" && !!t.match(Yt.hex);
   }
 }, He = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
-    Qt(t, e, i, s, r);
+    jt(t, e, i, s, r);
     return;
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], a = t.type;
   o.indexOf(a) > -1 ? et[a](e) || s.push(M(r.messages.types[a], t.fullField, t.type)) : a && typeof e !== t.type && s.push(M(r.messages.types[a], t.fullField, t.type));
 }, De = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", l = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
+  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
   if (x ? d = "number" : u ? d = "string" : g && (d = "array"), !d)
     return !1;
-  g && (f = e.length), u && (f = e.replace(l, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : a && !h && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : h && !a && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : a && h && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
+  g && (f = e.length), u && (f = e.replace(c, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : a && !h && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : h && !a && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : a && h && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
 }, j = "enum", Xe = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(M(r.messages[j], t.fullField, t[j].join(", ")));
 }, Fe = function(t, e, i, s, r) {
@@ -316,7 +316,7 @@ var Qt = function(t, e, i, s, r, o) {
     }
   }
 }, v = {
-  required: Qt,
+  required: jt,
   whitespace: Le,
   type: He,
   range: De,
@@ -528,14 +528,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       s.rules[r] = Array.isArray(o) ? o : [o];
     });
   }, t.messages = function(i) {
-    return i && (this._messages = Wt(vt(), i)), this._messages;
+    return i && (this._messages = Nt(vt(), i)), this._messages;
   }, t.validate = function(i, s, r) {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var a = i, h = s, l = r;
-    if (typeof h == "function" && (l = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
-      return l && l(null, a), Promise.resolve(a);
+    var a = i, h = s, c = r;
+    if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
+      return c && c(null, a), Promise.resolve(a);
     function f(w) {
       var p = [], y = {};
       function b(E) {
@@ -547,11 +547,11 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       for (var m = 0; m < w.length; m++)
         b(w[m]);
-      p.length ? (y = Ct(p), l(p, y)) : l(null, a);
+      p.length ? (y = Ct(p), c(p, y)) : c(null, a);
     }
     if (h.messages) {
       var d = this.messages();
-      d === Rt && (d = vt()), Wt(d, h.messages), h.messages = d;
+      d === Rt && (d = vt()), Nt(d, h.messages), h.messages = d;
     } else
       h.messages = this.messages();
     var x = {}, u = h.keys || Object.keys(this.rules);
@@ -583,14 +583,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         R === void 0 && (R = []);
         var T = Array.isArray(R) ? R : [R];
         !h.suppressWarning && T.length && n.warning("async-validator:", T), T.length && y.message !== void 0 && (T = [].concat(y.message));
-        var A = T.map(Bt(y, a));
+        var A = T.map(kt(y, a));
         if (h.first && A.length)
           return g[y.field] = 1, p(A);
         if (!b)
           p(A);
         else {
           if (y.required && !w.value)
-            return y.message !== void 0 ? A = [].concat(y.message).map(Bt(y, a)) : h.error && (A = [h.error(y, M(h.messages.required, y.field))]), p(A);
+            return y.message !== void 0 ? A = [].concat(y.message).map(kt(y, a)) : h.error && (A = [h.error(y, M(h.messages.required, y.field))]), p(A);
           var L = {};
           y.defaultField && Object.keys(w.value).map(function(I) {
             L[I] = y.defaultField;
@@ -644,16 +644,16 @@ nt.register = function(t, e) {
     throw new Error("Cannot register a validator by type, validator is not a function");
   it[t] = e;
 };
-nt.warning = Jt;
+nt.warning = Gt;
 nt.messages = Rt;
 nt.validators = it;
-function te() {
+function Ut() {
   return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(n) {
     const t = Math.random() * 16 | 0;
     return (n === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function ee(n, t) {
+function Zt(n, t) {
   let e = 0, i;
   return function(...s) {
     const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
@@ -662,8 +662,8 @@ function ee(n, t) {
     }, t - o));
   };
 }
-function ie(n) {
-  return n ? n.map((t) => ie(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Jt(n) {
+  return n ? n.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
 function Je(n = []) {
   let t = [], e = [], i = [];
@@ -675,14 +675,14 @@ function Je(n = []) {
     ...i.sort((s, r) => s.sort - r.sort)
   ];
 }
-function se(n = [], t = 1, e = 0) {
+function Qt(n = [], t = 1, e = 0) {
   return n.map((i) => {
     if (i.children) {
       let s = 0, r = i.fixed;
       i.children.forEach((a) => {
         a.fixed = r;
       });
-      const o = se(i.children, t - 1, e + 1);
+      const o = Qt(i.children, t - 1, e + 1);
       return o && o.forEach((a) => {
         s += a.colspan;
       }), {
@@ -708,17 +708,17 @@ function _t(n = []) {
     e.children ? t = t.concat(_t(e.children)) : t.push(e);
   }), t;
 }
-const Vt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, zt = /^\t/;
+const Kt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, Bt = /^\t/;
 function ti(n) {
   let t = [[""]];
   if (n.length === 0)
     return t;
   let e = 0, i = 0, s;
   for (; n.length > 0 && s !== n.length; )
-    if (s = n.length, n.match(zt))
-      n = n.replace(zt, ""), e += 1, t[i][e] = "";
-    else if (n.match(Vt))
-      n = n.replace(Vt, ""), e = 0, i += 1, t[i] = [""];
+    if (s = n.length, n.match(Bt))
+      n = n.replace(Bt, ""), e += 1, t[i][e] = "";
+    else if (n.match(Kt))
+      n = n.replace(Kt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let r = "";
       if (n.startsWith('"')) {
@@ -750,24 +750,24 @@ function ei(n) {
 class ii {
   //虚拟滚动位置
   constructor(t, e) {
-    c(this, "loading", !1);
-    c(this, "ctx");
-    c(this, "data");
-    c(this, "columns");
-    c(this, "footerData", []);
-    c(this, "rowKeyMap", /* @__PURE__ */ new Map());
-    c(this, "colIndexKeyMap", /* @__PURE__ */ new Map());
-    c(this, "headerMap", /* @__PURE__ */ new Map());
-    c(this, "rowIndexRowKeyMap", /* @__PURE__ */ new Map());
-    c(this, "checkboxKeyMap", /* @__PURE__ */ new Map());
-    c(this, "originalDataMap", /* @__PURE__ */ new Map());
-    c(this, "changedDataMap", /* @__PURE__ */ new Map());
-    c(this, "validationErrorMap", /* @__PURE__ */ new Map());
-    c(this, "itemRowKeyMap", /* @__PURE__ */ new WeakMap());
-    c(this, "bufferData", []);
-    c(this, "sumHeight", 0);
-    c(this, "filterMethod");
-    c(this, "positions", []);
+    l(this, "loading", !1);
+    l(this, "ctx");
+    l(this, "data");
+    l(this, "columns");
+    l(this, "footerData", []);
+    l(this, "rowKeyMap", /* @__PURE__ */ new Map());
+    l(this, "colIndexKeyMap", /* @__PURE__ */ new Map());
+    l(this, "headerMap", /* @__PURE__ */ new Map());
+    l(this, "rowIndexRowKeyMap", /* @__PURE__ */ new Map());
+    l(this, "checkboxKeyMap", /* @__PURE__ */ new Map());
+    l(this, "originalDataMap", /* @__PURE__ */ new Map());
+    l(this, "changedDataMap", /* @__PURE__ */ new Map());
+    l(this, "validationErrorMap", /* @__PURE__ */ new Map());
+    l(this, "itemRowKeyMap", /* @__PURE__ */ new WeakMap());
+    l(this, "bufferData", []);
+    l(this, "sumHeight", 0);
+    l(this, "filterMethod");
+    l(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();
@@ -790,11 +790,11 @@ class ii {
     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: a, CELL_HEIGHT: h, SELECTABLE_METHOD: l, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? te();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? Ut();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || h, g = i._readonly;
       let w = !0;
-      if (typeof l == "function" && (w = l), f) {
+      if (typeof c == "function" && (w = c), f) {
         const p = i[f];
         if (this.checkboxKeyMap.has(p)) {
           const y = this.checkboxKeyMap.get(p);
@@ -874,12 +874,12 @@ class ii {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: l, height: f } = this.rowKeyMap.get(a), d = this.sumHeight;
+        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: f } = this.rowKeyMap.get(a), d = this.sumHeight;
         this.sumHeight += f, this.rowIndexRowKeyMap.set(e, a), this.positions.push({
           top: d,
           height: f,
           bottom: this.sumHeight
-        }), e += 1, h && l && i(o.children);
+        }), e += 1, h && c && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -1002,9 +1002,9 @@ class ii {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     t.forEach((a) => {
-      const { value: h, rowKey: l, key: f } = a, { oldValue: d, newValue: x } = this.setItemValue(l, f, h);
-      s.add(l), i.push({
-        rowKey: l,
+      const { value: h, rowKey: c, key: f } = a, { oldValue: d, newValue: x } = this.setItemValue(c, f, h);
+      s.add(c), i.push({
+        rowKey: c,
         key: f,
         oldValue: d,
         newValue: x
@@ -1050,8 +1050,8 @@ class ii {
         newValue: h
       };
     a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
-    const l = `${t}_${e}`;
-    if (this.originalDataMap.has(l) || this.originalDataMap.set(l, h), this.changedDataMap.set(l, i), a[e] = i, o) {
+    const c = `${t}_${e}`;
+    if (this.originalDataMap.has(c) || this.originalDataMap.set(c, h), this.changedDataMap.set(c, i), a[e] = i, o) {
       const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
         rowKey: t,
         key: e,
@@ -1063,7 +1063,7 @@ class ii {
         key: e,
         oldValue: h,
         value: i,
-        originalValue: this.originalDataMap.get(l),
+        originalValue: this.originalDataMap.get(c),
         row: f
       });
     }
@@ -1072,7 +1072,7 @@ class ii {
       key: e,
       oldValue: h,
       value: i,
-      originalValue: this.originalDataMap.get(l),
+      originalValue: this.originalDataMap.get(c),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
       type: "single",
@@ -1086,7 +1086,7 @@ class ii {
           newValue: i
         }
       ]
-    }), r && this.ctx.emit("draw"), {
+    }), this.getValidator(t, e), r && this.ctx.emit("draw"), {
       oldValue: h,
       newValue: i
     };
@@ -1277,15 +1277,15 @@ class ii {
   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: a } = this.ctx.config;
     if (typeof a == "function") {
-      const l = a({
+      const c = a({
         row: i.item,
         rowIndex: i.rowIndex,
         colIndex: s.colIndex,
         column: s.column,
         value: this.getItemValue(t, e)
       });
-      if (l !== void 0)
-        return l;
+      if (c !== void 0)
+        return c;
     }
     return o || r;
   }
@@ -1307,7 +1307,7 @@ class ii {
         f && (h = f);
       }
       if (h) {
-        let l = {}, f = {};
+        let c = {}, f = {};
         if (f[e] = this.getItemValue(t, e), Array.isArray(h) && h.length) {
           const x = h.map((u) => ({
             ...u,
@@ -1316,16 +1316,16 @@ class ii {
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          l[e] = x;
+          c[e] = x;
         } else
-          l[e] = {
+          c[e] = {
             ...h,
             row: s.item,
             column: a,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           };
-        new nt(l).validate(f).then(() => {
+        new nt(c).validate(f).then(() => {
           this.setValidationError(t, e, []), i([]);
         }).catch(({ errors: x }) => {
           const u = x.map((g) => ({
@@ -1374,9 +1374,9 @@ class ii {
 }
 class si {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "history", []);
-    c(this, "historyIndex", -1);
+    l(this, "ctx");
+    l(this, "history", []);
+    l(this, "historyIndex", -1);
     this.ctx = t, this.init();
   }
   init() {
@@ -1431,8 +1431,8 @@ class si {
 }
 class ri {
   constructor(t) {
-    c(this, "eventTasks", /* @__PURE__ */ new Map());
-    c(this, "ctx");
+    l(this, "eventTasks", /* @__PURE__ */ new Map());
+    l(this, "ctx");
     this.ctx = t, this.init();
   }
   init() {
@@ -1486,7 +1486,7 @@ class ri {
 }
 class oi {
   constructor() {
-    c(this, "events", /* @__PURE__ */ new Map());
+    l(this, "events", /* @__PURE__ */ new Map());
   }
   has(t) {
     return this.events.has(t);
@@ -1524,7 +1524,7 @@ class oi {
 }
 class ni {
   constructor(t) {
-    c(this, "ctx");
+    l(this, "ctx");
     const e = t.getContext("2d");
     if (!e) throw new Error("canvas context not found");
     this.ctx = e;
@@ -1558,21 +1558,21 @@ class ni {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: a, shadowWidth: h, colorStart: l, colorEnd: f } = r;
+    const { fillColor: o, side: a, shadowWidth: h, colorStart: c, colorEnd: f } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let d;
     switch (a) {
       case "left":
-        d = this.ctx.createLinearGradient(t - h, e, t, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - h, e, h, s);
+        d = this.ctx.createLinearGradient(t - h, e, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - h, e, h, s);
         break;
       case "right":
-        d = this.ctx.createLinearGradient(t + i, e, t + i + h, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, h, s);
+        d = this.ctx.createLinearGradient(t + i, e, t + i + h, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, h, s);
         break;
       case "top":
-        d = this.ctx.createLinearGradient(t, e - h, t, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - h, i, h);
+        d = this.ctx.createLinearGradient(t, e - h, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - h, i, h);
         break;
       case "bottom":
-        d = this.ctx.createLinearGradient(t, e + s, t, e + s + h), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, h);
+        d = this.ctx.createLinearGradient(t, e + s, t, e + s + h), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, h);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1597,8 +1597,8 @@ class ni {
     if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [l, f, d, x] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + l, 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 + l, e, l);
+      const [c, f, d, x] = typeof h == "number" ? [h, h, h, h] : h;
+      this.ctx.moveTo(t + c, 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 + c, e, c);
     }
     a !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -1617,11 +1617,11 @@ class ni {
     const {
       font: a = "12px Arial",
       align: h = "center",
-      color: l = "#495060",
+      color: c = "#495060",
       padding: f = 0,
       verticalAlign: d = "middle"
     } = o;
-    this.ctx.font = a, this.ctx.fillStyle = l, this.ctx.textBaseline = d, this.ctx.textAlign = h;
+    this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textBaseline = d, this.ctx.textAlign = h;
     let x = 0;
     d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + 1) / 2;
     let u = 0;
@@ -1639,9 +1639,9 @@ class ni {
     const a = this.ctx.measureText("...").width, h = this.ctx.measureText(t).width;
     if (h && h + a >= e - i * 2) {
       r = !0;
-      let l = 0;
+      let c = 0;
       for (let f = 0; f < t.length; f++)
-        if (l += this.ctx.measureText(t[f]).width, l >= e - i * 2 - a) {
+        if (c += this.ctx.measureText(t[f]).width, c >= e - i * 2 - a) {
           o = t.slice(0, f) + "...";
           break;
         }
@@ -1652,131 +1652,131 @@ class ni {
     };
   }
 }
-class $t {
+class Wt {
   constructor(t) {
-    c(this, "PROCESSOR_NUM", 50);
-    c(this, "CSS_PREFIX", "e-virt-table");
-    c(this, "ICONS", []);
-    c(this, "ROW_KEY", "");
-    c(this, "HEADER_FONT", "12px normal Arial");
-    c(this, "BODY_FONT", "12px normal Arial");
-    c(this, "BORDER_COLOR", "#e1e6eb");
-    c(this, "WIDTH", 0);
-    c(this, "RESIZE_MIN_WIDTH", 40);
-    c(this, "HEIGHT", 0);
-    c(this, "EMPTY_BODY_HEIGHT", 120);
-    c(this, "EMPTY_CUSTOM", !1);
-    c(this, "EMPTY_CUSTOM_STYLE", {});
-    c(this, "EMPTY_TEXT", "暂无数据");
-    c(this, "MAX_HEIGHT", 1e3);
-    c(this, "BORDER_RADIUS", 8);
-    c(this, "ENABLE_OFFSET_HEIGHT", !1);
-    c(this, "OFFSET_HEIGHT", 0);
-    c(this, "HEADER_HEIGHT", 36);
-    c(this, "ENABLE_HEADER_STICKY", !1);
+    l(this, "PROCESSOR_NUM", 50);
+    l(this, "CSS_PREFIX", "e-virt-table");
+    l(this, "ICONS", []);
+    l(this, "ROW_KEY", "");
+    l(this, "HEADER_FONT", "12px normal Arial");
+    l(this, "BODY_FONT", "12px normal Arial");
+    l(this, "BORDER_COLOR", "#e1e6eb");
+    l(this, "WIDTH", 0);
+    l(this, "RESIZE_MIN_WIDTH", 40);
+    l(this, "HEIGHT", 0);
+    l(this, "EMPTY_BODY_HEIGHT", 120);
+    l(this, "EMPTY_CUSTOM", !1);
+    l(this, "EMPTY_CUSTOM_STYLE", {});
+    l(this, "EMPTY_TEXT", "暂无数据");
+    l(this, "MAX_HEIGHT", 1e3);
+    l(this, "BORDER_RADIUS", 8);
+    l(this, "ENABLE_OFFSET_HEIGHT", !1);
+    l(this, "OFFSET_HEIGHT", 0);
+    l(this, "HEADER_HEIGHT", 36);
+    l(this, "ENABLE_HEADER_STICKY", !1);
     // 启用头部固定,需要外面实现覆盖层，或者所有表头都要是元素
-    c(this, "HEADER_BG_COLOR", "#F8FAFF");
-    c(this, "BODY_BG_COLOR", "#FFF");
-    c(this, "HEADER_TEXT_COLOR", "#1D2129");
-    c(this, "LOADING_ICON_SVG", "");
-    c(this, "LOADING_ICON_COLOR", "#4E5969");
-    c(this, "EXPAND_ICON_SVG", "");
-    c(this, "SHRINK_ICON_SVG", "");
-    c(this, "EXPAND_ICON_COLOR", "#4E5969");
-    c(this, "SHRINK_ICON_COLOR", "#4E5969");
-    c(this, "ERROR_TIP_ICON_COLOR", "red");
-    c(this, "ERROR_TIP_ICON_SIZE", 6);
-    c(this, "EXPAND_LAZY", !0);
-    c(this, "DEFAULT_EXPAND_ALL", !1);
-    c(this, "CELL_WIDTH", 100);
-    c(this, "CELL_HEIGHT", 36);
-    c(this, "CELL_PADDING", 8);
-    c(this, "CELL_HOVER_ICON_SIZE", 20);
-    c(this, "SCROLLER_TRACK_SIZE", 14);
-    c(this, "SCROLLER_SIZE", 8);
-    c(this, "SCROLLER_COLOR", "#dee0e3");
-    c(this, "SCROLLER_TRACK_COLOR", "#fff");
-    c(this, "SCROLLER_FOCUS_COLOR", "#bbbec4");
-    c(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
-    c(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
-    c(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
-    c(this, "EDIT_BG_COLOR", "#fcf6ed");
-    c(this, "CHECKBOX_KEY", "");
-    c(this, "CHECKBOX_COLOR", "rgb(82,146,247)");
-    c(this, "CHECKBOX_SIZE", 20);
-    c(this, "CHECKBOX_DISABLED_SVG", "");
-    c(this, "CHECKBOX_CHECK_SVG", "");
-    c(this, "CHECKBOX_UNCHECK_SVG", "");
-    c(this, "CHECKBOX_INDETERMINATE_SVG", "");
-    c(this, "READONLY_COLOR", "#fff");
-    c(this, "READONLY_TEXT_COLOR", "#4E5969");
-    c(this, "ERROR_TIP_COLOR", "#ED3F14");
-    c(this, "FOOTER_BG_COLOR", "#fafafa");
-    c(this, "FOOTER_FIXED", !0);
-    c(this, "CELL_FOOTER_HEIGHT", 36);
-    c(this, "ENABLE_SELECTOR", !1);
-    c(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
+    l(this, "HEADER_BG_COLOR", "#F8FAFF");
+    l(this, "BODY_BG_COLOR", "#FFF");
+    l(this, "HEADER_TEXT_COLOR", "#1D2129");
+    l(this, "LOADING_ICON_SVG", "");
+    l(this, "LOADING_ICON_COLOR", "#4E5969");
+    l(this, "EXPAND_ICON_SVG", "");
+    l(this, "SHRINK_ICON_SVG", "");
+    l(this, "EXPAND_ICON_COLOR", "#4E5969");
+    l(this, "SHRINK_ICON_COLOR", "#4E5969");
+    l(this, "ERROR_TIP_ICON_COLOR", "red");
+    l(this, "ERROR_TIP_ICON_SIZE", 6);
+    l(this, "EXPAND_LAZY", !0);
+    l(this, "DEFAULT_EXPAND_ALL", !1);
+    l(this, "CELL_WIDTH", 100);
+    l(this, "CELL_HEIGHT", 36);
+    l(this, "CELL_PADDING", 8);
+    l(this, "CELL_HOVER_ICON_SIZE", 20);
+    l(this, "SCROLLER_TRACK_SIZE", 14);
+    l(this, "SCROLLER_SIZE", 8);
+    l(this, "SCROLLER_COLOR", "#dee0e3");
+    l(this, "SCROLLER_TRACK_COLOR", "#fff");
+    l(this, "SCROLLER_FOCUS_COLOR", "#bbbec4");
+    l(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
+    l(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
+    l(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
+    l(this, "EDIT_BG_COLOR", "#fcf6ed");
+    l(this, "CHECKBOX_KEY", "");
+    l(this, "CHECKBOX_COLOR", "rgb(82,146,247)");
+    l(this, "CHECKBOX_SIZE", 20);
+    l(this, "CHECKBOX_DISABLED_SVG", "");
+    l(this, "CHECKBOX_CHECK_SVG", "");
+    l(this, "CHECKBOX_UNCHECK_SVG", "");
+    l(this, "CHECKBOX_INDETERMINATE_SVG", "");
+    l(this, "READONLY_COLOR", "#fff");
+    l(this, "READONLY_TEXT_COLOR", "#4E5969");
+    l(this, "ERROR_TIP_COLOR", "#ED3F14");
+    l(this, "FOOTER_BG_COLOR", "#fafafa");
+    l(this, "FOOTER_FIXED", !0);
+    l(this, "CELL_FOOTER_HEIGHT", 36);
+    l(this, "ENABLE_SELECTOR", !1);
+    l(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     // 启用单点击立马编辑
-    c(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
+    l(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
     // 启用点击选择器编辑
-    c(this, "SELECTOR_AREA_MIN_X", 0);
+    l(this, "SELECTOR_AREA_MIN_X", 0);
     // 选择器X最小范围
-    c(this, "SELECTOR_AREA_MAX_X_OFFSET", 0);
+    l(this, "SELECTOR_AREA_MAX_X_OFFSET", 0);
     // 选择器X最大范围colMax - offset
-    c(this, "SELECTOR_AREA_MAX_X", 0);
+    l(this, "SELECTOR_AREA_MAX_X", 0);
     // 选择器X最大范围,0默认最大colMax
-    c(this, "SELECTOR_AREA_MIN_Y", 0);
+    l(this, "SELECTOR_AREA_MIN_Y", 0);
     // 选择器Y最小范围
-    c(this, "SELECTOR_AREA_MAX_Y", 0);
+    l(this, "SELECTOR_AREA_MAX_Y", 0);
     // 选择器Y最大范围,0默认rowMax
-    c(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
+    l(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
     // 选择器Y最大范围,0默认rowMax
-    c(this, "ENABLE_SELECTOR_SINGLE", !1);
-    c(this, "ENABLE_SELECTOR_SPAN_COL", !0);
-    c(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
-    c(this, "ENABLE_SELECTOR_ALL_ROWS", !0);
-    c(this, "ENABLE_SELECTOR_ALL_COLS", !0);
-    c(this, "ENABLE_AUTOFILL", !1);
-    c(this, "ENABLE_CONTEXT_MENU", !1);
-    c(this, "ENABLE_COPY", !0);
-    c(this, "ENABLE_PASTER", !0);
-    c(this, "ENABLE_RESIZE_ROW", !0);
-    c(this, "ENABLE_RESIZE_COLUMN", !0);
-    c(this, "RESIZE_ROW_LINE_COLOR", "#e1e6eb");
-    c(this, "RESIZE_COLUMN_LINE_COLOR", "#e1e6eb");
-    c(this, "RESIZE_ROW_MIN_HEIGHT", 36);
-    c(this, "RESIZE_COLUMN_MIN_WIDTH", 40);
-    c(this, "ENABLE_KEYBOARD", !0);
-    c(this, "ENABLE_HISTORY", !1);
-    c(this, "ENABLE_VALIDATOR_IMMEDIATE", !0);
-    c(this, "HISTORY_NUM", 50);
-    c(this, "HIGHLIGHT_HOVER_ROW", !1);
-    c(this, "HIGHLIGHT_HOVER_ROW_COLOR", "rgba(186,203,231,0.1)");
-    c(this, "HIGHLIGHT_SELECTED_ROW", !1);
-    c(this, "HIGHLIGHT_SELECTED_ROW_COLOR", "rgba(82,146,247,0.1)");
-    c(this, "TOOLTIP_BG_COLOR", "#303133");
-    c(this, "TOOLTIP_TEXT_COLOR", "#fff");
-    c(this, "TOOLTIP_ZINDEX", 3e3);
-    c(this, "TOOLTIP_CUSTOM_STYLE", {});
-    c(this, "CONTEXT_MENU", [
+    l(this, "ENABLE_SELECTOR_SINGLE", !1);
+    l(this, "ENABLE_SELECTOR_SPAN_COL", !0);
+    l(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
+    l(this, "ENABLE_SELECTOR_ALL_ROWS", !0);
+    l(this, "ENABLE_SELECTOR_ALL_COLS", !0);
+    l(this, "ENABLE_AUTOFILL", !1);
+    l(this, "ENABLE_CONTEXT_MENU", !1);
+    l(this, "ENABLE_COPY", !0);
+    l(this, "ENABLE_PASTER", !0);
+    l(this, "ENABLE_RESIZE_ROW", !0);
+    l(this, "ENABLE_RESIZE_COLUMN", !0);
+    l(this, "RESIZE_ROW_LINE_COLOR", "#e1e6eb");
+    l(this, "RESIZE_COLUMN_LINE_COLOR", "#e1e6eb");
+    l(this, "RESIZE_ROW_MIN_HEIGHT", 36);
+    l(this, "RESIZE_COLUMN_MIN_WIDTH", 40);
+    l(this, "ENABLE_KEYBOARD", !0);
+    l(this, "ENABLE_HISTORY", !1);
+    l(this, "ENABLE_VALIDATOR_IMMEDIATE", !0);
+    l(this, "HISTORY_NUM", 50);
+    l(this, "HIGHLIGHT_HOVER_ROW", !1);
+    l(this, "HIGHLIGHT_HOVER_ROW_COLOR", "rgba(186,203,231,0.1)");
+    l(this, "HIGHLIGHT_SELECTED_ROW", !1);
+    l(this, "HIGHLIGHT_SELECTED_ROW_COLOR", "rgba(82,146,247,0.1)");
+    l(this, "TOOLTIP_BG_COLOR", "#303133");
+    l(this, "TOOLTIP_TEXT_COLOR", "#fff");
+    l(this, "TOOLTIP_ZINDEX", 3e3);
+    l(this, "TOOLTIP_CUSTOM_STYLE", {});
+    l(this, "CONTEXT_MENU", [
       { label: "复制", value: "copy" },
       { label: "剪切", value: "cut" },
       { label: "粘贴", value: "paste" },
       { label: "清空选中内容", value: "clearSelected" }
     ]);
-    c(this, "HEADER_CELL_STYLE_METHOD");
-    c(this, "BODY_CELL_STYLE_METHOD");
-    c(this, "FOOTER_CELL_STYLE_METHOD");
-    c(this, "CELL_READONLY_METHOD");
-    c(this, "CELL_FORMATTER_METHOD");
-    c(this, "CELL_RULES_METHOD");
-    c(this, "CELL_TYPE_METHOD");
-    c(this, "CELL_EDITOR_TYPE_METHOD");
-    c(this, "CELL_RENDER_METHOD");
-    c(this, "CELL_HOVER_ICON_METHOD");
-    c(this, "SPAN_METHOD");
-    c(this, "SELECTABLE_METHOD");
-    c(this, "EXPAND_LAZY_METHOD");
+    l(this, "HEADER_CELL_STYLE_METHOD");
+    l(this, "BODY_CELL_STYLE_METHOD");
+    l(this, "FOOTER_CELL_STYLE_METHOD");
+    l(this, "CELL_READONLY_METHOD");
+    l(this, "CELL_FORMATTER_METHOD");
+    l(this, "CELL_RULES_METHOD");
+    l(this, "CELL_TYPE_METHOD");
+    l(this, "CELL_EDITOR_TYPE_METHOD");
+    l(this, "CELL_RENDER_METHOD");
+    l(this, "CELL_HOVER_ICON_METHOD");
+    l(this, "SPAN_METHOD");
+    l(this, "SELECTABLE_METHOD");
+    l(this, "EXPAND_LAZY_METHOD");
     Object.assign(this, t);
   }
   init(t) {
@@ -1785,8 +1785,8 @@ class $t {
 }
 class ai {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "list", [
+    l(this, "ctx");
+    l(this, "list", [
       {
         name: "loading",
         configName: "LOADING_ICON_SVG",
@@ -1848,7 +1848,7 @@ class ai {
         color: ""
       }
     ]);
-    c(this, "icons", /* @__PURE__ */ new Map());
+    l(this, "icons", /* @__PURE__ */ new Map());
     this.ctx = t, this.init();
   }
   async init() {
@@ -1877,15 +1877,15 @@ class ai {
   }
   async createImageFromSVG(t, e) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((l) => {
-      l.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((c) => {
+      c.setAttribute("fill", e);
     });
     const o = new Image(), a = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
     }), h = URL.createObjectURL(a);
-    return o.src = h, new Promise((l, f) => {
+    return o.src = h, new Promise((c, f) => {
       o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
-        l(o);
+        c(o);
       };
     });
   }
@@ -1893,15 +1893,15 @@ class ai {
     return this.icons.get(t);
   }
 }
-class re {
+class te {
   constructor(t, e, i, s, r, o, a) {
-    c(this, "ctx");
-    c(this, "x", 0);
-    c(this, "y", 0);
-    c(this, "width", 0);
-    c(this, "height", 0);
-    c(this, "fixed");
-    c(this, "cellType");
+    l(this, "ctx");
+    l(this, "x", 0);
+    l(this, "y", 0);
+    l(this, "width", 0);
+    l(this, "height", 0);
+    l(this, "fixed");
+    l(this, "cellType");
     this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = a;
   }
   isHorizontalVisible() {
@@ -1939,57 +1939,57 @@ class re {
   getRightFixedX() {
   }
 }
-class oe extends re {
-  constructor(e, i, s, r, o, a, h, l, f, d = "body") {
-    super(e, r, o, a, h, l.fixed, d);
-    c(this, "formatter");
-    c(this, "hoverIconName", "");
-    c(this, "operation", !1);
-    c(this, "align");
-    c(this, "verticalAlign");
-    c(this, "fixed");
-    c(this, "type");
-    c(this, "editorType");
-    c(this, "cellType");
-    c(this, "level");
-    c(this, "colspan", 1);
-    c(this, "rowspan", 1);
-    c(this, "key");
-    c(this, "column");
-    c(this, "rowIndex");
-    c(this, "colIndex");
-    c(this, "rowKey");
-    c(this, "row");
-    c(this, "value");
-    c(this, "render");
-    c(this, "renderFooter");
-    c(this, "style", {});
-    c(this, "rules", {});
-    c(this, "message", "");
-    c(this, "text", "");
-    c(this, "displayText", "");
-    c(this, "visibleWidth", 0);
-    c(this, "visibleHeight", 0);
-    c(this, "drawX", 0);
-    c(this, "drawY", 0);
-    c(this, "drawCellBgColor", "");
-    c(this, "drawCellSkyBgColor", "");
-    c(this, "drawTextColor", "");
-    c(this, "drawTextX", 0);
-    c(this, "drawTextY", 0);
-    c(this, "drawImageX", 0);
-    c(this, "drawImageY", 0);
-    c(this, "drawImageWidth", 0);
-    c(this, "drawImageHeight", 0);
-    c(this, "drawImageName", "");
-    c(this, "drawImageSource");
-    c(this, "ellipsis", !1);
-    c(this, "rowExpand", !1);
-    c(this, "rowHasChildren", !1);
-    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 = l.key, this.type = l.type || "text", this.editorType = l.editorType || "text", this.cellType = d, this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.operation = l.operation || !1, this.column = l, this.rules = l.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = l.render, this.overflowTooltipShow = l.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = l.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = l.overflowTooltipPlacement || "top", this.renderFooter = l.renderFooter, this.hoverIconName = l.hoverIconName, this.formatter = l.formatter, this.update();
+class ee extends te {
+  constructor(e, i, s, r, o, a, h, c, f, d = "body") {
+    super(e, r, o, a, h, c.fixed, d);
+    l(this, "formatter");
+    l(this, "hoverIconName", "");
+    l(this, "operation", !1);
+    l(this, "align");
+    l(this, "verticalAlign");
+    l(this, "fixed");
+    l(this, "type");
+    l(this, "editorType");
+    l(this, "cellType");
+    l(this, "level");
+    l(this, "colspan", 1);
+    l(this, "rowspan", 1);
+    l(this, "key");
+    l(this, "column");
+    l(this, "rowIndex");
+    l(this, "colIndex");
+    l(this, "rowKey");
+    l(this, "row");
+    l(this, "value");
+    l(this, "render");
+    l(this, "renderFooter");
+    l(this, "style", {});
+    l(this, "rules", {});
+    l(this, "message", "");
+    l(this, "text", "");
+    l(this, "displayText", "");
+    l(this, "visibleWidth", 0);
+    l(this, "visibleHeight", 0);
+    l(this, "drawX", 0);
+    l(this, "drawY", 0);
+    l(this, "drawCellBgColor", "");
+    l(this, "drawCellSkyBgColor", "");
+    l(this, "drawTextColor", "");
+    l(this, "drawTextX", 0);
+    l(this, "drawTextY", 0);
+    l(this, "drawImageX", 0);
+    l(this, "drawImageY", 0);
+    l(this, "drawImageWidth", 0);
+    l(this, "drawImageHeight", 0);
+    l(this, "drawImageName", "");
+    l(this, "drawImageSource");
+    l(this, "ellipsis", !1);
+    l(this, "rowExpand", !1);
+    l(this, "rowHasChildren", !1);
+    l(this, "overflowTooltipShow", !0);
+    l(this, "overflowTooltipMaxWidth", 500);
+    l(this, "overflowTooltipPlacement", "top");
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "text", this.editorType = c.editorType || "text", this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level, this.operation = c.operation || !1, this.column = c, this.rules = c.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2083,13 +2083,13 @@ class oe extends re {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, a = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: l = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = h || {};
-      if (this.rowExpand = l, this.rowHasChildren = f, d) {
+      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = h || {};
+      if (this.rowExpand = c, this.rowHasChildren = f, d) {
         const u = this.ctx.icons.get("loading");
         a = "loading", r = u, o = x * 8;
       } else if (f) {
         const u = this.ctx.icons.get("expand"), g = this.ctx.icons.get("shrink");
-        r = l ? g : u, a = l ? "shrink" : "expand", o = x * 8;
+        r = c ? g : u, a = c ? "shrink" : "expand", o = x * 8;
       } else
         o = x * 8;
       if (r) {
@@ -2107,7 +2107,7 @@ class oe extends re {
       READONLY_TEXT_COLOR: o,
       FOOTER_BG_COLOR: a,
       HIGHLIGHT_SELECTED_ROW: h,
-      HIGHLIGHT_SELECTED_ROW_COLOR: l,
+      HIGHLIGHT_SELECTED_ROW_COLOR: c,
       HIGHLIGHT_HOVER_ROW: f,
       HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
@@ -2128,7 +2128,7 @@ class oe extends re {
     }
     let x = "transparent";
     const u = this.ctx.focusCell, g = this.ctx.hoverCell;
-    f && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = d), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = l), this.drawCellSkyBgColor = x;
+    f && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = d), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
     let w = e, p = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
@@ -2147,9 +2147,9 @@ class oe extends re {
     this.drawCellBgColor = w, this.drawTextColor = p;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: h, rowKey: l } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: h, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(a)) {
-      const f = this.ctx.database.getRowSelection(l), d = this.ctx.database.getRowSelectable(l), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
+      const f = this.ctx.database.getRowSelection(c), d = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
       let w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
       f && d ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : f && d ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !f && d ? (w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled"), w && a == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w);
     }
@@ -2280,8 +2280,8 @@ class oe extends re {
     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, a = r[1], h = o[1], { colIndex: l, rowIndex: f, drawX: d, drawY: x } = this;
-    l === a && f === h && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
+    const { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: f, drawX: d, drawY: x } = this;
+    c === a && f === h && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
       borderColor: "#fff",
       fillColor: e
     });
@@ -2336,31 +2336,31 @@ class oe extends re {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: a } = this;
-    let h = i + 0.5, l = s + 0.5, f = this.height;
-    o === 0 && (l = this.y + 1, f = f - 1), a === this.ctx.maxColIndex && (h = h - 1);
+    let h = i + 0.5, c = s + 0.5, f = this.height;
+    o === 0 && (c = this.y + 1, f = f - 1), a === this.ctx.maxColIndex && (h = h - 1);
     const { xArr: d, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = d[0], b = d[1], m = x[0], E = x[1];
-    a >= y && a <= b && o === m && this.ctx.paint.drawLine([h, l, h + r - 2, l], {
+    a >= y && a <= b && o === m && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, l + f - 1.5, h + r, l + f - 1.5], {
+    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, c + f - 1.5, h + r, c + f - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, l, h, l + f - 1], {
+    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, c, h, c + f - 1], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, l, h + r - 1.5, l + f - 1.5], {
+    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + f - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
@@ -2370,43 +2370,43 @@ class oe extends re {
     });
   }
 }
-class ne extends re {
+class ie extends te {
   constructor(e, i, s, r, o, a, h) {
     super(e, s, r, o, a, h.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");
-    c(this, "displayText", "");
-    c(this, "colspan");
-    c(this, "rowspan");
-    c(this, "key");
-    c(this, "required", !1);
-    c(this, "readonly", !1);
-    c(this, "children", []);
-    c(this, "column");
-    c(this, "colIndex");
-    c(this, "rowKey");
-    c(this, "rules");
-    c(this, "hasChildren");
-    c(this, "render");
-    c(this, "style", {});
-    c(this, "drawX", 0);
-    c(this, "drawY", 0);
-    c(this, "drawCellBgColor", "");
-    c(this, "drawTextColor", "");
-    c(this, "drawImageX", 0);
-    c(this, "drawImageY", 0);
-    c(this, "drawImageWidth", 0);
-    c(this, "drawImageHeight", 0);
-    c(this, "drawImageName", "");
-    c(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = te(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+    l(this, "align");
+    l(this, "verticalAlign", "middle");
+    l(this, "fixed");
+    l(this, "widthFillDisable");
+    l(this, "type");
+    l(this, "operation", !1);
+    l(this, "editorType");
+    l(this, "level");
+    l(this, "text");
+    l(this, "displayText", "");
+    l(this, "colspan");
+    l(this, "rowspan");
+    l(this, "key");
+    l(this, "required", !1);
+    l(this, "readonly", !1);
+    l(this, "children", []);
+    l(this, "column");
+    l(this, "colIndex");
+    l(this, "rowKey");
+    l(this, "rules");
+    l(this, "hasChildren");
+    l(this, "render");
+    l(this, "style", {});
+    l(this, "drawX", 0);
+    l(this, "drawY", 0);
+    l(this, "drawCellBgColor", "");
+    l(this, "drawTextColor", "");
+    l(this, "drawImageX", 0);
+    l(this, "drawImageY", 0);
+    l(this, "drawImageWidth", 0);
+    l(this, "drawImageHeight", 0);
+    l(this, "drawImageName", "");
+    l(this, "drawImageSource");
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2426,11 +2426,11 @@ class ne extends re {
     const { HEADER_CELL_STYLE_METHOD: e, HEADER_BG_COLOR: i, HEADER_TEXT_COLOR: s } = this.ctx.config;
     let r = i, o = s;
     if (typeof e == "function") {
-      const a = e, { backgroundColor: h, color: l } = a({
+      const a = e, { backgroundColor: h, color: c } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      h && (r = h), l && (o = l);
+      h && (r = h), c && (o = c);
     }
     this.drawCellBgColor = r, this.drawTextColor = o;
   }
@@ -2456,9 +2456,9 @@ class ne extends re {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, l = this.drawX + (e - h) / 2, f = this.drawY + (i - h) / 2;
+      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, f = this.drawY + (i - h) / 2;
       let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = l, this.drawImageY = f, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
+      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = c, this.drawImageY = f, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2485,11 +2485,11 @@ class ne extends re {
     };
   }
 }
-class ci {
+class li {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "visibleHoverCell");
-    c(this, "resizeObserver");
+    l(this, "ctx");
+    l(this, "visibleHoverCell");
+    l(this, "resizeObserver");
     this.ctx = t, this.init();
   }
   init() {
@@ -2557,7 +2557,7 @@ class ci {
    */
   selectionClick(t) {
     if (["selection", "index-selection"].includes(t.type) && this.ctx.isPointer)
-      if (t instanceof ne)
+      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))
@@ -2597,7 +2597,7 @@ class ci {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s;
-    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof oe && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
+    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof ee && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
@@ -2610,13 +2610,13 @@ class ci {
     for (const o of i) {
       const a = o.fixedCells.concat(o.noFixedCells);
       for (const h of a) {
-        const l = h.getDrawX(), f = h.getDrawY();
+        const c = h.getDrawX(), f = h.getDrawY();
         if (r) {
-          if (t > l && t < l + h.visibleWidth && e > f && e < f + h.visibleHeight) {
+          if (t > c && t < c + h.visibleWidth && e > f && e < f + h.visibleHeight) {
             s(h);
             return;
           }
-        } else if (t > l && t < l + h.width && e > f && e < f + h.height) {
+        } else if (t > c && t < c + h.width && e > f && e < f + h.height) {
           s(h);
           return;
         }
@@ -2638,48 +2638,49 @@ class ci {
 }
 class hi {
   constructor(t, e) {
-    c(this, "eventBus");
-    c(this, "eventBrowser");
-    c(this, "eventTable");
-    c(this, "containerElement");
-    c(this, "stageElement");
-    c(this, "canvasElement");
-    c(this, "overlayerElement");
-    c(this, "stageWidth", 0);
-    c(this, "stageHeight", 0);
-    c(this, "paint");
-    c(this, "icons");
-    c(this, "isInsideTargetContainer", !1);
-    c(this, "mousedown", !1);
-    c(this, "isPointer", !1);
-    c(this, "rowResizing", !1);
+    l(this, "eventBus");
+    l(this, "eventBrowser");
+    l(this, "eventTable");
+    l(this, "containerElement");
+    l(this, "stageElement");
+    l(this, "canvasElement");
+    l(this, "overlayerElement");
+    l(this, "editorElement");
+    l(this, "stageWidth", 0);
+    l(this, "stageHeight", 0);
+    l(this, "paint");
+    l(this, "icons");
+    l(this, "isInsideTargetContainer", !1);
+    l(this, "mousedown", !1);
+    l(this, "isPointer", !1);
+    l(this, "rowResizing", !1);
     // 行调整大小中
-    c(this, "columnResizing", !1);
+    l(this, "columnResizing", !1);
     // 列调整大小中
-    c(this, "scrollerMove", !1);
+    l(this, "scrollerMove", !1);
     // 滚动条移动中
-    c(this, "scrollerFocus", !1);
+    l(this, "scrollerFocus", !1);
     // 滚动条focus中
-    c(this, "autofillMove", !1);
+    l(this, "autofillMove", !1);
     // 自动填充移动中
-    c(this, "selectorMove", !1);
+    l(this, "selectorMove", !1);
     // 选择器移动中
-    c(this, "editing", !1);
+    l(this, "editing", !1);
     // 编辑中
-    c(this, "scrollY", 0);
-    c(this, "scrollX", 0);
-    c(this, "fixedLeftWidth", 0);
-    c(this, "fixedRightWidth", 0);
-    c(this, "maxColIndex", 0);
-    c(this, "maxRowIndex", 0);
-    c(this, "hoverRow");
-    c(this, "clickCell");
-    c(this, "focusCell");
-    c(this, "hoverCell");
-    c(this, "clickCellHeader");
-    c(this, "focusCellHeader");
-    c(this, "hoverCellHeader");
-    c(this, "body", {
+    l(this, "scrollY", 0);
+    l(this, "scrollX", 0);
+    l(this, "fixedLeftWidth", 0);
+    l(this, "fixedRightWidth", 0);
+    l(this, "maxColIndex", 0);
+    l(this, "maxRowIndex", 0);
+    l(this, "hoverRow");
+    l(this, "clickCell");
+    l(this, "focusCell");
+    l(this, "hoverCell");
+    l(this, "clickCellHeader");
+    l(this, "focusCellHeader");
+    l(this, "hoverCellHeader");
+    l(this, "body", {
       x: 0,
       y: 0,
       width: 0,
@@ -2692,7 +2693,7 @@ class hi {
       renderRows: [],
       data: []
     });
-    c(this, "footer", {
+    l(this, "footer", {
       x: 0,
       y: 0,
       width: 0,
@@ -2701,7 +2702,7 @@ class hi {
       visibleWidth: 0,
       renderRows: []
     });
-    c(this, "header", {
+    l(this, "header", {
       x: 0,
       y: 0,
       width: 0,
@@ -2716,26 +2717,26 @@ class hi {
       fixedRightCellHeaders: [],
       renderCenterCellHeaders: []
     });
-    c(this, "selector", {
+    l(this, "selector", {
       enable: !1,
       xArr: [-1, -1],
       yArr: [-1, -1],
       xArrCopy: [-1, -1],
       yArrCopy: [-1, -1]
     });
-    c(this, "autofill", {
+    l(this, "autofill", {
       enable: !1,
       xArr: [-1, -1],
       yArr: [-1, -1]
     });
-    c(this, "database");
-    c(this, "history");
-    c(this, "config");
-    const { containerElement: i, stageElement: s, canvasElement: r, overlayerElement: o } = t;
-    this.containerElement = i, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.config = new $t(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
+    l(this, "database");
+    l(this, "history");
+    l(this, "config");
+    const { containerElement: i, stageElement: s, canvasElement: r, overlayerElement: o, editorElement: a } = t;
+    this.containerElement = i, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = a, this.config = new Wt(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new li(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
   }
   setConfig(t) {
-    this.config = new $t(t);
+    this.config = new Wt(t);
   }
   setFocusCell(t) {
     var e;
@@ -2767,7 +2768,7 @@ class hi {
     for (let r = 0; r <= e[1] - e[0]; r++) {
       const o = [];
       for (let a = 0; a <= i[1] - i[0]; a++) {
-        const h = r + e[0], l = a + i[0], f = this.database.getItemValueForRowIndexAndColIndex(h, l);
+        const h = r + e[0], c = a + i[0], f = this.database.getItemValueForRowIndexAndColIndex(h, c);
         f && o.push(f.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
@@ -2826,31 +2827,31 @@ class hi {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class qt {
+class Pt {
   constructor(t, e) {
-    c(this, "ctx");
-    c(this, "type");
-    c(this, "isFocus", !1);
-    c(this, "trackX", 0);
-    c(this, "trackY", 0);
-    c(this, "trackWidth", 0);
-    c(this, "trackHeight", 0);
-    c(this, "splitPoints", []);
+    l(this, "ctx");
+    l(this, "type");
+    l(this, "isFocus", !1);
+    l(this, "trackX", 0);
+    l(this, "trackY", 0);
+    l(this, "trackWidth", 0);
+    l(this, "trackHeight", 0);
+    l(this, "splitPoints", []);
     //分割线
-    c(this, "barX", 0);
-    c(this, "barY", 0);
-    c(this, "barWidth", 0);
-    c(this, "barHeight", 0);
-    c(this, "distance", 0);
+    l(this, "barX", 0);
+    l(this, "barY", 0);
+    l(this, "barWidth", 0);
+    l(this, "barHeight", 0);
+    l(this, "distance", 0);
     // 滚动条的长度
-    c(this, "visibleDistance", 0);
+    l(this, "visibleDistance", 0);
     //可见区域的长度
-    c(this, "clientX", 0);
-    c(this, "clientY", 0);
-    c(this, "dragStart", 0);
+    l(this, "clientX", 0);
+    l(this, "clientY", 0);
+    l(this, "dragStart", 0);
     // 拖拽开始的位置
-    c(this, "isDragging", !1);
-    c(this, "scroll", 0);
+    l(this, "isDragging", !1);
+    l(this, "scroll", 0);
     this.ctx = t, this.type = e, this.type === "vertical" ? this.scroll = this.ctx.scrollY : this.scroll = this.ctx.scrollX;
   }
   onWheel(t) {
@@ -2903,12 +2904,12 @@ class qt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0 }
-    } = this.ctx, a = s, h = i, l = e.height, f = e.width, d = t.height, x = this.ctx.footer.height;
+    } = this.ctx, a = s, h = i, c = e.height, f = e.width, d = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = h - r - l, this.distance = d - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, l, this.trackX + r, l], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
+      this.visibleDistance = h - r - c, this.distance = d - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, c, this.trackX + r, c], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
       const u = this.distance ? this.visibleDistance / d : 0;
       let g = Math.floor(u * this.visibleDistance);
-      g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, this.barY = l + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, this.barY = c + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = a - r, this.distance = f - this.visibleDistance, this.splitPoints = [
         a - r,
@@ -2937,12 +2938,12 @@ class qt {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class li {
+class ci {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "verticalScrollbar");
-    c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new qt(t, "vertical"), this.horizontalScrollbar = new qt(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) => {
+    l(this, "ctx");
+    l(this, "verticalScrollbar");
+    l(this, "horizontalScrollbar");
+    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(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);
@@ -2995,44 +2996,44 @@ class li {
 }
 class di {
   constructor(t) {
-    c(this, "ctx");
+    l(this, "ctx");
     // 上下文
-    c(this, "x", 0);
+    l(this, "x", 0);
     // x坐标
-    c(this, "y", 0);
+    l(this, "y", 0);
     // y坐标
-    c(this, "width", 0);
+    l(this, "width", 0);
     // 宽度
-    c(this, "height", 0);
+    l(this, "height", 0);
     // 高度
-    c(this, "resizeTarget", null);
+    l(this, "resizeTarget", null);
     //调整表头
-    c(this, "resizeNum", 0);
+    l(this, "resizeNum", 0);
     // 调整列的数量
-    c(this, "isResizing", !1);
+    l(this, "isResizing", !1);
     // 是否移动中
-    c(this, "clientX", 0);
+    l(this, "clientX", 0);
     // 鼠标按下时的x轴位置
-    c(this, "resizeDiff", 0);
+    l(this, "resizeDiff", 0);
     // 是否移动中
-    c(this, "columnIndex", 0);
-    c(this, "isMouseDown", !1);
+    l(this, "columnIndex", 0);
+    l(this, "isMouseDown", !1);
     // 是否按下
-    c(this, "columns");
-    c(this, "visibleLeafColumns", []);
-    c(this, "visibleHeight", 0);
-    c(this, "visibleWidth", 0);
-    c(this, "allCellHeaders", []);
-    c(this, "leafCellHeaders", []);
-    c(this, "renderLeafCellHeaders", []);
-    c(this, "fixedLeftCellHeaders", []);
-    c(this, "centerCellHeaders", []);
-    c(this, "fixedRightCellHeaders", []);
-    c(this, "renderCenterCellHeaders", []);
-    c(this, "renderFixedCellHeaders", []);
+    l(this, "columns");
+    l(this, "visibleLeafColumns", []);
+    l(this, "visibleHeight", 0);
+    l(this, "visibleWidth", 0);
+    l(this, "allCellHeaders", []);
+    l(this, "leafCellHeaders", []);
+    l(this, "renderLeafCellHeaders", []);
+    l(this, "fixedLeftCellHeaders", []);
+    l(this, "centerCellHeaders", []);
+    l(this, "fixedRightCellHeaders", []);
+    l(this, "renderCenterCellHeaders", []);
+    l(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      ee(() => {
+      Zt(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -3042,9 +3043,9 @@ class di {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = ie(i), r = _t(i);
+    const s = Jt(i), r = _t(i);
     this.height = t * s, this.width = r.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
-    const o = Je(se(i, s));
+    const o = Je(Qt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const a = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth - 0.5 + "px", this.visibleWidth = this.ctx.stageWidth - e;
@@ -3053,8 +3054,8 @@ class di {
       const d = Math.floor(h / this.resizeNum * 100) / 100;
       this.resizeAllColumn(d);
     }
-    const l = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
-    this.ctx.fixedLeftWidth = l.reduce((d, x) => d + x.width, 0);
+    const c = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedLeftWidth = c.reduce((d, x) => d + x.width, 0);
     const f = this.fixedRightCellHeaders.filter((d) => !d.hasChildren);
     this.ctx.fixedRightWidth = f.reduce((d, x) => d + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
@@ -3083,8 +3084,8 @@ class di {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const o of r) {
-          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), l = a, f = o.getDrawX();
-          l > f + o.width - 5 && l < f + o.width + 4 && l < i - 4 && // 视窗中最后一列不允许调整宽
+          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), c = a, f = o.getDrawX();
+          c > f + o.width - 5 && c < f + o.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
           o.colspan <= 1 && this.ctx.isTarget() && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
@@ -3139,10 +3140,10 @@ class di {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const a = t[o], h = r * (a.rowspan || 1), l = r * a.level;
+      const a = t[o], h = r * (a.rowspan || 1), c = r * a.level;
       let f = a.width || 100;
       a.children && (f = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
-      const d = new ne(this.ctx, this.columnIndex, s, l, f, h, a);
+      const d = new ie(this.ctx, this.columnIndex, s, c, f, h, a);
       this.ctx.database.setHeader(a.key, d), this.allCellHeaders.push(d), a.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : a.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += f;
     }
   }
@@ -3202,26 +3203,26 @@ class di {
     }), this.drawTipLine();
   }
 }
-class ae {
+class se {
   constructor(t, e, i = 0, s = 0, r = 0, o = 0, a, h = "body") {
-    c(this, "ctx");
-    c(this, "x", 0);
-    c(this, "y", 0);
-    c(this, "width", 0);
-    c(this, "height");
-    c(this, "cells", []);
-    c(this, "fixedCells", []);
-    c(this, "noFixedCells", []);
-    c(this, "rowIndex", 0);
-    c(this, "rowKey", "");
-    c(this, "rowType", "body");
-    c(this, "data");
+    l(this, "ctx");
+    l(this, "x", 0);
+    l(this, "y", 0);
+    l(this, "width", 0);
+    l(this, "height");
+    l(this, "cells", []);
+    l(this, "fixedCells", []);
+    l(this, "noFixedCells", []);
+    l(this, "rowIndex", 0);
+    l(this, "rowKey", "");
+    l(this, "rowType", "body");
+    l(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 = h, this.data = a, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
     t.renderLeafCellHeaders.forEach((r) => {
-      const o = new oe(
+      const o = new ee(
         this.ctx,
         this.rowIndex,
         r.colIndex,
@@ -3256,28 +3257,28 @@ class ae {
 }
 class fi {
   constructor(t) {
-    c(this, "resizeTarget", null);
+    l(this, "resizeTarget", null);
     //调整行大小的目标
-    c(this, "isMouseDown", !1);
+    l(this, "isMouseDown", !1);
     // 是否按下
-    c(this, "resizeDiff", 0);
+    l(this, "resizeDiff", 0);
     // 是否移动中
-    c(this, "clientY", 0);
+    l(this, "clientY", 0);
     // 鼠标按下时的y轴位置
-    c(this, "ctx");
-    c(this, "x", 0);
-    c(this, "y", 0);
-    c(this, "width", 0);
-    c(this, "height", 0);
-    c(this, "headIndex", 0);
-    c(this, "tailIndex", 0);
-    c(this, "isResizing", !1);
+    l(this, "ctx");
+    l(this, "x", 0);
+    l(this, "y", 0);
+    l(this, "width", 0);
+    l(this, "height", 0);
+    l(this, "headIndex", 0);
+    l(this, "tailIndex", 0);
+    l(this, "isResizing", !1);
     //是否正在调整大小
-    c(this, "renderRows", []);
-    c(this, "visibleRows", []);
-    c(this, "visibleHeight", 0);
-    c(this, "visibleWidth", 0);
-    c(this, "data", []);
+    l(this, "renderRows", []);
+    l(this, "visibleRows", []);
+    l(this, "visibleHeight", 0);
+    l(this, "visibleWidth", 0);
+    l(this, "data", []);
     this.ctx = t, this.init(), this.initResizeRow();
   }
   init() {
@@ -3291,7 +3292,7 @@ class fi {
         HEIGHT: o,
         EMPTY_BODY_HEIGHT: a = 0,
         MAX_HEIGHT: h = 0,
-        ENABLE_OFFSET_HEIGHT: l = 0,
+        ENABLE_OFFSET_HEIGHT: c = 0,
         OFFSET_HEIGHT: f = 0
       }
     } = this.ctx;
@@ -3317,7 +3318,7 @@ class fi {
     let p = this.height + e.height + r;
     p += g;
     let y = 0;
-    this.data.length && l ? (y = window.innerHeight - u - f, y < 0 && (y = 32, console.error(
+    this.data.length && c ? (y = window.innerHeight - u - f, y < 0 && (y = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
     ))) : this.data.length && o ? y = o : this.data.length && h && p > h ? y = h : y = p, y > 0 && (this.ctx.stageHeight = Math.floor(y), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let b = this.ctx.stageHeight - e.height - r;
@@ -3343,7 +3344,7 @@ class fi {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, a = e.clientY, {
         stageHeight: h,
-        scrollY: l,
+        scrollY: c,
         config: { RESIZE_ROW_MIN_HEIGHT: f = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
@@ -3356,7 +3357,7 @@ class fi {
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let d = 0; d < this.renderRows.length; d++) {
           const x = this.renderRows[d];
-          if (r > x.y - l + x.height - 1.5 && r < x.y - l + x.height + 1.5 && r < h - 4)
+          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < h - 4)
             for (let g = 0; g < x.cells.length; g++) {
               const w = x.cells[g];
               o > w.drawX + 10 && o < w.drawX + w.width - 10 && w.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
@@ -3432,12 +3433,12 @@ class fi {
     const a = this.binarySearch(o, s);
     let h = this.binarySearch(o, s + this.visibleHeight);
     h === -1 && (h = r.length), this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
-    const l = [];
+    const c = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(d), w = new ae(this.ctx, d, 0, g + this.y, t.width, u, x);
-      l.push(w);
+      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(d), w = new se(this.ctx, d, 0, g + this.y, t.width, u, x);
+      c.push(w);
     }
-    this.renderRows = l, this.ctx.body.renderRows = l;
+    this.renderRows = c, this.ctx.body.renderRows = c;
   }
   draw() {
     this.renderRows.forEach((t) => {
@@ -3449,15 +3450,15 @@ class fi {
 }
 class xi {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "renderRows", []);
-    c(this, "data", []);
-    c(this, "x", 0);
-    c(this, "y", 0);
-    c(this, "width", 0);
-    c(this, "height", 0);
-    c(this, "visibleWidth", 0);
-    c(this, "visibleHeight", 0);
+    l(this, "ctx");
+    l(this, "renderRows", []);
+    l(this, "data", []);
+    l(this, "x", 0);
+    l(this, "y", 0);
+    l(this, "width", 0);
+    l(this, "height", 0);
+    l(this, "visibleWidth", 0);
+    l(this, "visibleHeight", 0);
     this.ctx = t, this.init();
   }
   init() {
@@ -3486,8 +3487,8 @@ class xi {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - r - 1) && e !== a) {
-      const l = s.width - (this.x + this.width) + r - e;
-      this.ctx.paint.drawShadow(l + 1, h, e, this.height, {
+      const c = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(c + 1, h, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3502,7 +3503,7 @@ class xi {
     let e = this.y;
     const i = [];
     this.data.forEach((s, r) => {
-      const o = new ae(
+      const o = new se(
         this.ctx,
         r,
         0,
@@ -3525,22 +3526,22 @@ class xi {
 }
 class ui {
   constructor(t) {
-    c(this, "isCut", !1);
-    c(this, "isMultipleRow", !1);
-    c(this, "ctx");
-    c(this, "adjustPositionX", "");
-    c(this, "adjustPositionY", "");
-    c(this, "timerX", 0);
+    l(this, "isCut", !1);
+    l(this, "isMultipleRow", !1);
+    l(this, "ctx");
+    l(this, "adjustPositionX", "");
+    l(this, "adjustPositionY", "");
+    l(this, "timerX", 0);
     // 水平滚动定时器
-    c(this, "timerY", 0);
+    l(this, "timerY", 0);
     // 垂直滚动定时器
-    c(this, "adjustTimer", 0);
+    l(this, "adjustTimer", 0);
     this.ctx = t, this.init();
   }
   init() {
     this.ctx.on(
       "mousemove",
-      ee((t) => {
+      Zt((t) => {
         const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget() && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (s ? this.stopAdjustPosition() : this.startAdjustPosition(t));
       }, 100)
@@ -3566,7 +3567,7 @@ class ui {
       this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || this.selectCols(t));
     }), this.ctx.on("keydown", (t) => {
       if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
-        this.paste();
+        t.preventDefault(), this.paste();
         return;
       }
       if (t.ctrlKey && t.code === "KeyC" || t.metaKey && t.code === "KeyC") {
@@ -3630,11 +3631,11 @@ class ui {
       const {
         SELECTOR_AREA_MIN_X: a,
         SELECTOR_AREA_MAX_X: h,
-        SELECTOR_AREA_MIN_Y: l,
+        SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: d,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - d, w = l, p = f || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - d, w = c, p = f || this.ctx.maxRowIndex - x;
       let [y, b] = r, [m, E] = o;
       if (y < u || b > g || m < w || E > p)
         return;
@@ -3652,11 +3653,11 @@ class ui {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: a } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= a) {
-        const h = [a, t.colIndex + t.colspan - 1], l = [r, o];
-        this.setSelector(h, l);
+        const h = [a, t.colIndex + t.colspan - 1], c = [r, o];
+        this.setSelector(h, c);
       } else {
-        const h = [t.colIndex, a], l = [r, o];
-        this.setSelector(h, l);
+        const h = [t.colIndex, a], c = [r, o];
+        this.setSelector(h, c);
       }
     } else {
       const a = [t.colIndex, t.colIndex + t.colspan - 1], h = [r, o];
@@ -3675,7 +3676,7 @@ class ui {
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, l = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h, u = [l, f], g = [d, x];
+      } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h, u = [c, f], g = [d, x];
       this.setSelector(u, g);
     }
   }
@@ -3685,17 +3686,17 @@ class ui {
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, a = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const h = [a, o], l = [t.rowIndex, t.rowIndex];
-      this.setSelector(h, l);
+      const h = [a, o], c = [t.rowIndex, t.rowIndex];
+      this.setSelector(h, c);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: h } = this.ctx.focusCell;
       if (t.rowIndex >= h) {
-        const l = [a, o], f = [h, t.rowIndex];
-        this.setSelector(l, f);
+        const c = [a, o], f = [h, t.rowIndex];
+        this.setSelector(c, f);
       } else {
-        const l = [a, o], f = [t.rowIndex, h];
-        this.setSelector(l, f);
+        const c = [a, o], f = [t.rowIndex, h];
+        this.setSelector(c, f);
       }
     }
   }
@@ -3704,7 +3705,7 @@ class ui {
       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), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), l = Math.max(i.rowIndex, s), f = [o, a], d = [h, l];
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), f = [o, a], d = [h, c];
       this.setSelector(f, d);
     }
   }
@@ -3712,7 +3713,7 @@ class ui {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), l = Math.max(o, s), f = Math.min(a, r), d = Math.max(a, r), x = [h, l], u = [f, d];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), c = Math.max(o, s), f = Math.min(a, r), d = Math.max(a, r), x = [h, c], u = [f, d];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3750,7 +3751,7 @@ class ui {
     const r = /* @__PURE__ */ new Set();
     for (let a = 0; a <= e[1] - e[0]; a++)
       for (let h = 0; h <= t[1] - t[0]; h++) {
-        const l = a + e[0], f = h + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(l, f);
+        const c = a + e[0], f = h + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(c, f);
         if (d) {
           const { rowKey: x, key: u } = d;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
@@ -3782,10 +3783,10 @@ class ui {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then((r) => {
         let o = ti(r), a = [];
-        for (let l = 0; l <= o.length - 1; l++) {
-          const f = o[l].length;
+        for (let c = 0; c <= o.length - 1; c++) {
+          const f = o[c].length;
           for (let d = 0; d <= f - 1; d++) {
-            const x = l + e, u = d + i, g = o[l][d], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const x = c + e, u = d + i, g = o[c][d], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
               x,
               u
             );
@@ -3802,13 +3803,13 @@ class ui {
           }
         }
         if (this.isCut) {
-          const l = this.clearSelectedData(
+          const c = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
           ), f = a.map((d) => `${d.rowKey}-${d.key}`);
-          l.forEach((d) => {
+          c.forEach((d) => {
             f.includes(`${d.rowKey}-${d.key}`) || a.unshift(d);
           }), this.isCut = !1;
         }
@@ -3816,8 +3817,8 @@ class ui {
           return;
         this.ctx.database.batchSetItemValue(a, !0);
         let h = [];
-        s.forEach((l) => {
-          h.push(this.ctx.database.getRowDataItemForRowKey(l));
+        s.forEach((c) => {
+          h.push(this.ctx.database.getRowDataItemForRowKey(c));
         }), this.ctx.emit("pasteChange", a, h), this.clearCopyLine(), this.ctx.emit("drawView");
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
@@ -3849,8 +3850,8 @@ class ui {
         s < h && s++;
         break;
     }
-    const l = [i, i], f = [s, s], d = this.getCell(s, i);
-    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(l, f), this.adjustBoundaryPosition(), this.ctx.emit("drawView")));
+    const c = [i, i], f = [s, s], d = this.getCell(s, i);
+    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(c, f), this.adjustBoundaryPosition(), this.ctx.emit("drawView")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -3864,8 +3865,8 @@ class ui {
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: a,
       SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, l = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h;
-    return !(e < l || e > f || t < d || t > x);
+    } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h;
+    return !(e < c || e > f || t < d || t > x);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -3878,8 +3879,8 @@ class ui {
       let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         a *= 1.5;
-        const { scrollX: h } = this.ctx, l = h + a;
-        (l < 0 || l > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(l);
+        const { scrollX: h } = this.ctx, c = h + a;
+        (c < 0 || c > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(c);
       }, 100);
     }
     if (r && this.adjustPositionY !== r) {
@@ -3887,8 +3888,8 @@ class ui {
       let a = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         a *= 1.5;
-        const { scrollY: h } = this.ctx, l = h + a;
-        (l < 0 || l > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(l);
+        const { scrollY: h } = this.ctx, c = h + a;
+        (c < 0 || c > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(c);
       }, 100);
     }
   }
@@ -3905,16 +3906,16 @@ class ui {
       header: o,
       footer: a,
       scrollX: h,
-      scrollY: l
+      scrollY: c
     } = this.ctx;
-    if (!i)
+    if (!i || i.height > t)
       return;
     const { SCROLLER_TRACK_SIZE: f = 0, FOOTER_FIXED: d } = this.ctx.config;
     let x = 0;
     d && (x = a.visibleHeight);
     const u = r - i.drawX + 1, g = i.drawX + i.width - (e - s) + 1, w = o.height - i.drawY, p = i.drawY + i.height - (t - x - f);
     this.adjustTimer && (clearTimeout(this.adjustTimer), this.adjustTimer = 0), this.adjustTimer = setTimeout(() => {
-      this.ctx.editing || (g > 0 && !i.fixed ? this.ctx.setScrollX(h + g) : u > 0 && !i.fixed && this.ctx.setScrollX(h - u), w > 0 ? this.ctx.setScrollY(l - w) : p > 0 && this.ctx.setScrollY(l + p));
+      this.ctx.editing || (g > 0 && !i.fixed ? this.ctx.setScrollX(h + g) : u > 0 && !i.fixed && this.ctx.setScrollX(h - u), w > 0 ? this.ctx.setScrollY(c - w) : p > 0 && this.ctx.setScrollY(c + p));
     }, 167);
   }
   destroy() {
@@ -3923,14 +3924,14 @@ class ui {
 }
 class gi {
   constructor(t) {
-    c(this, "ctx");
+    l(this, "ctx");
     this.ctx = t, this.init();
   }
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
       this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default");
-      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: l, rowIndex: f, drawX: d, drawY: x, width: u, height: g } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && l === a && f === h) {
+      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: f, drawX: d, drawY: x, width: u, height: g } = t;
+      if (this.ctx.config.ENABLE_AUTOFILL && c === a && f === h) {
         const p = d + u - 6, y = x + g - 6;
         i > p && s > y && (this.ctx.stageElement.style.cursor = "crosshair");
       }
@@ -3973,12 +3974,12 @@ class gi {
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
         SELECTOR_AREA_MIN_X: h,
-        SELECTOR_AREA_MAX_X: l,
+        SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: f,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, g = h, w = l || this.ctx.maxColIndex - x, p = f, y = d || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, g = h, w = c || this.ctx.maxColIndex - x, p = f, y = d || this.ctx.maxRowIndex - u;
       let [b, m] = o, [E, C] = a;
       if (b < g || E < p)
         return;
@@ -3996,13 +3997,13 @@ class gi {
         i.set(`${u}-${g}`, !0);
       }
     const { value: s } = e, r = s[0].length, o = s.length, a = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr;
-    let l = [];
+    let c = [];
     for (let d = 0; d <= h[1] - h[0]; d++)
       for (let x = 0; x <= a[1] - a[0]; x++) {
         const u = x + a[0], g = d + h[0], w = s[d % o][x % r], p = this.ctx.database.getItemValueForRowIndexAndColIndex(g, u), y = `${g}-${u}`;
         if (p && !i.has(y)) {
           const { rowKey: b, key: m } = p;
-          this.ctx.database.getReadonly(b, m) || (t.add(b), l.push({
+          this.ctx.database.getReadonly(b, m) || (t.add(b), c.push({
             rowKey: b,
             key: m,
             value: w,
@@ -4010,13 +4011,13 @@ class gi {
           }));
         }
       }
-    if (!l.length)
+    if (!c.length)
       return;
-    this.ctx.database.batchSetItemValue(l, !0);
+    this.ctx.database.batchSetItemValue(c, !0);
     let f = [];
     t.forEach((d) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(d));
-    }), this.ctx.emit("autofillChange", l, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
+    }), this.ctx.emit("autofillChange", c, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4051,10 +4052,10 @@ function at(n, t) {
 function q(n) {
   return n.split("-")[0];
 }
-function ct(n) {
+function lt(n) {
   return n.split("-")[1];
 }
-function ce(n) {
+function re(n) {
   return n === "x" ? "y" : "x";
 }
 function Lt(n) {
@@ -4064,11 +4065,11 @@ function J(n) {
   return ["top", "bottom"].includes(q(n)) ? "y" : "x";
 }
 function Mt(n) {
-  return ce(J(n));
+  return re(J(n));
 }
 function yi(n, t, e) {
   e === void 0 && (e = !1);
-  const i = ct(n), s = Mt(n), r = Lt(s);
+  const i = lt(n), s = Mt(n), r = Lt(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)];
 }
@@ -4093,7 +4094,7 @@ function Ei(n, t, e) {
   }
 }
 function bi(n, t, e, i) {
-  const s = ct(n);
+  const s = lt(n);
   let r = Ei(q(n), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
@@ -4109,7 +4110,7 @@ function Ci(n) {
     ...n
   };
 }
-function he(n) {
+function oe(n) {
   return typeof n != "number" ? Ci(n) : {
     top: n,
     right: n,
@@ -4135,12 +4136,12 @@ function ut(n) {
     y: e
   };
 }
-function Gt(n, t, e) {
+function Vt(n, t, e) {
   let {
     reference: i,
     floating: s
   } = n;
-  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), l = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
+  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), c = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
   let u;
   switch (h) {
     case "top":
@@ -4173,12 +4174,12 @@ function Gt(n, t, e) {
         y: i.y
       };
   }
-  switch (ct(t)) {
+  switch (lt(t)) {
     case "start":
-      u[o] -= x * (e && l ? -1 : 1);
+      u[o] -= x * (e && c ? -1 : 1);
       break;
     case "end":
-      u[o] += x * (e && l ? -1 : 1);
+      u[o] += x * (e && c ? -1 : 1);
       break;
   }
   return u;
@@ -4190,14 +4191,14 @@ const vi = async (n, t, e) => {
     middleware: r = [],
     platform: o
   } = e, a = r.filter(Boolean), h = await (o.isRTL == null ? void 0 : o.isRTL(t));
-  let l = await o.getElementRects({
+  let c = await o.getElementRects({
     reference: n,
     floating: t,
     strategy: s
   }), {
     x: f,
     y: d
-  } = Gt(l, i, h), x = i, u = {}, g = 0;
+  } = Vt(c, i, h), x = i, u = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
       name: p,
@@ -4214,7 +4215,7 @@ const vi = async (n, t, e) => {
       placement: x,
       strategy: s,
       middlewareData: u,
-      rects: l,
+      rects: c,
       platform: o,
       elements: {
         reference: n,
@@ -4227,14 +4228,14 @@ const vi = async (n, t, e) => {
         ...u[p],
         ...E
       }
-    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (l = C.rects === !0 ? await o.getElementRects({
+    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (c = C.rects === !0 ? await o.getElementRects({
       reference: n,
       floating: t,
       strategy: s
     }) : C.rects), {
       x: f,
       y: d
-    } = Gt(l, x, h)), w = -1);
+    } = Vt(c, x, h)), w = -1);
   }
   return {
     x: f,
@@ -4244,7 +4245,7 @@ const vi = async (n, t, e) => {
     middlewareData: u
   };
 };
-async function le(n, t) {
+async function ne(n, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -4255,14 +4256,14 @@ async function le(n, t) {
     elements: a,
     strategy: h
   } = n, {
-    boundary: l = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: f = "viewport",
     elementContext: d = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, n), g = he(u), p = a[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await r.getClippingRect({
+  } = at(t, n), g = oe(u), p = a[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(p))) == null || e ? p : p.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
-    boundary: l,
+    boundary: c,
     rootBoundary: f,
     strategy: h
   })), b = d === "floating" ? {
@@ -4302,18 +4303,18 @@ const Ri = (n) => ({
       elements: a,
       middlewareData: h
     } = t, {
-      element: l,
+      element: c,
       padding: f = 0
     } = at(n, t) || {};
-    if (l == null)
+    if (c == null)
       return {};
-    const d = he(f), x = {
+    const d = oe(f), x = {
       x: e,
       y: i
-    }, u = Mt(s), g = Lt(u), w = await o.getDimensions(l), p = u === "y", y = p ? "top" : "left", b = p ? "bottom" : "right", m = p ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[u] - x[u] - r.floating[g], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l));
+    }, u = Mt(s), g = Lt(u), w = await o.getDimensions(c), p = u === "y", y = p ? "top" : "left", b = p ? "bottom" : "right", m = p ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[u] - x[u] - r.floating[g], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let T = R ? R[m] : 0;
     (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = a.floating[m] || r.floating[g]);
-    const A = E / 2 - C / 2, L = T / 2 - w[g] / 2 - 1, D = rt(d[y], L), B = rt(d[b], L), I = D, S = T - w[g] - B, O = T / 2 - w[g] / 2 + A, G = It(I, O, S), Y = !h.arrow && ct(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
+    const A = E / 2 - C / 2, L = T / 2 - w[g] / 2 - 1, D = rt(d[y], L), B = rt(d[b], L), I = D, S = T - w[g] - B, O = T / 2 - w[g] / 2 + A, G = It(I, O, S), Y = !h.arrow && lt(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
     return {
       [u]: x[u] + k,
       data: {
@@ -4338,7 +4339,7 @@ const Ri = (n) => ({
         rects: o,
         initialPlacement: a,
         platform: h,
-        elements: l
+        elements: c
       } = t, {
         mainAxis: f = !0,
         crossAxis: d = !0,
@@ -4350,9 +4351,9 @@ const Ri = (n) => ({
       } = at(n, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
+      const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
       !x && R && C.push(...bi(a, w, g, E));
-      const T = [a, ...C], A = await le(t, p), L = [];
+      const T = [a, ...C], A = await ne(t, p), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (f && L.push(A[y]), d) {
         const O = yi(s, o, E);
@@ -4411,7 +4412,7 @@ async function Ii(n, t) {
     placement: e,
     platform: i,
     elements: s
-  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = ct(e), h = J(e) === "y", l = ["left", "top"].includes(o) ? -1 : 1, f = r && h ? -1 : 1, d = at(t, n);
+  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, f = r && h ? -1 : 1, d = at(t, n);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4427,9 +4428,9 @@ async function Ii(n, t) {
   };
   return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), h ? {
     x: u * f,
-    y: x * l
+    y: x * c
   } : {
-    x: x * l,
+    x: x * c,
     y: u * f
   };
 }
@@ -4480,11 +4481,11 @@ const Oi = function(n) {
           }
         },
         ...h
-      } = at(n, t), l = {
+      } = at(n, t), c = {
         x: e,
         y: i
-      }, f = await le(t, h), d = J(q(s)), x = ce(d);
-      let u = l[x], g = l[d];
+      }, f = await ne(t, h), d = J(q(s)), x = re(d);
+      let u = c[x], g = c[d];
       if (r) {
         const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + f[p], m = u - f[y];
         u = It(b, u, m);
@@ -4516,7 +4517,7 @@ function gt() {
   return typeof window < "u";
 }
 function tt(n) {
-  return de(n) ? (n.nodeName || "").toLowerCase() : "#document";
+  return ae(n) ? (n.nodeName || "").toLowerCase() : "#document";
 }
 function H(n) {
   var t;
@@ -4524,9 +4525,9 @@ function H(n) {
 }
 function K(n) {
   var t;
-  return (t = (de(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ae(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function de(n) {
+function ae(n) {
   return gt() ? n instanceof Node || n instanceof H(n).Node : !1;
 }
 function X(n) {
@@ -4535,7 +4536,7 @@ function X(n) {
 function N(n) {
   return gt() ? n instanceof HTMLElement || n instanceof H(n).HTMLElement : !1;
 }
-function jt(n) {
+function zt(n) {
   return !gt() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof H(n).ShadowRoot;
 }
 function ht(n) {
@@ -4599,19 +4600,19 @@ function z(n) {
     // Step into the shadow DOM of the parent of a slotted node.
     n.assignedSlot || // DOM Element detected.
     n.parentNode || // ShadowRoot detected.
-    jt(n) && n.host || // Fallback.
+    zt(n) && n.host || // Fallback.
     K(n)
   );
-  return jt(t) ? t.host : t;
+  return zt(t) ? t.host : t;
 }
-function fe(n) {
+function le(n) {
   const t = z(n);
-  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : fe(t);
+  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : le(t);
 }
 function Tt(n, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = fe(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
+  const s = le(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
   if (r) {
     const a = St(o);
     return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? Tt(a) : []);
@@ -4621,7 +4622,7 @@ function Tt(n, t, e) {
 function St(n) {
   return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
-function xe(n) {
+function he(n) {
   const t = F(n);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = N(n), r = s ? n.offsetWidth : e, o = s ? n.offsetHeight : i, a = ft(e) !== r || ft(i) !== o;
@@ -4631,18 +4632,18 @@ function xe(n) {
     $: a
   };
 }
-function ue(n) {
+function ce(n) {
   return X(n) ? n : n.contextElement;
 }
 function Z(n) {
-  const t = ue(n);
+  const t = ce(n);
   if (!N(t))
     return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: r
-  } = xe(t);
+  } = he(t);
   let o = (r ? ft(e.width) : e.width) / i, a = (r ? ft(e.height) : e.height) / s;
   return (!o || !Number.isFinite(o)) && (o = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: o,
@@ -4650,7 +4651,7 @@ function Z(n) {
   };
 }
 const Li = /* @__PURE__ */ V(0);
-function ge(n) {
+function de(n) {
   const t = H(n);
   return !Dt() || !t.visualViewport ? Li : {
     x: t.visualViewport.offsetLeft,
@@ -4662,24 +4663,24 @@ function Mi(n, t, e) {
 }
 function ot(n, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = n.getBoundingClientRect(), r = ue(n);
+  const s = n.getBoundingClientRect(), r = ce(n);
   let o = V(1);
   t && (i ? X(i) && (o = Z(i)) : o = Z(n));
-  const a = Mi(r, e, i) ? ge(r) : V(0);
-  let h = (s.left + a.x) / o.x, l = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
+  const a = Mi(r, e, i) ? de(r) : V(0);
+  let h = (s.left + a.x) / o.x, c = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
   if (r) {
     const x = H(r), u = i && X(i) ? H(i) : i;
     let g = x, w = St(g);
     for (; w && i && u !== g; ) {
       const p = Z(w), y = w.getBoundingClientRect(), b = F(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
-      h *= p.x, l *= p.y, f *= p.x, d *= p.y, h += m, l += E, g = H(w), w = St(g);
+      h *= p.x, c *= p.y, f *= p.x, d *= p.y, h += m, c += E, g = H(w), w = St(g);
     }
   }
   return ut({
     width: f,
     height: d,
     x: h,
-    y: l
+    y: c
   });
 }
 function Hi(n) {
@@ -4695,17 +4696,17 @@ function Hi(n) {
   let h = {
     scrollLeft: 0,
     scrollTop: 0
-  }, l = V(1);
+  }, c = V(1);
   const f = V(0), d = N(i);
   if ((d || !d && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
     const x = ot(i);
-    l = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
+    c = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
   return {
-    width: e.width * l.x,
-    height: e.height * l.y,
-    x: e.x * l.x - h.scrollLeft * l.x + f.x,
-    y: e.y * l.y - h.scrollTop * l.y + f.y
+    width: e.width * c.x,
+    height: e.height * c.y,
+    x: e.x * c.x - h.scrollLeft * c.x + f.x,
+    y: e.y * c.y - h.scrollTop * c.y + f.y
   };
 }
 function Di(n) {
@@ -4731,8 +4732,8 @@ function Fi(n, t) {
   let r = i.clientWidth, o = i.clientHeight, a = 0, h = 0;
   if (s) {
     r = s.width, o = s.height;
-    const l = Dt();
-    (!l || l && t === "fixed") && (a = s.offsetLeft, h = s.offsetTop);
+    const c = Dt();
+    (!c || c && t === "fixed") && (a = s.offsetLeft, h = s.offsetTop);
   }
   return {
     width: r,
@@ -4742,15 +4743,15 @@ function Fi(n, t) {
   };
 }
 function ki(n, t) {
-  const e = ot(n, !0, t === "fixed"), i = e.top + n.clientTop, s = e.left + n.clientLeft, r = N(n) ? Z(n) : V(1), o = n.clientWidth * r.x, a = n.clientHeight * r.y, h = s * r.x, l = i * r.y;
+  const e = ot(n, !0, t === "fixed"), i = e.top + n.clientTop, s = e.left + n.clientLeft, r = N(n) ? Z(n) : V(1), o = n.clientWidth * r.x, a = n.clientHeight * r.y, h = s * r.x, c = i * r.y;
   return {
     width: o,
     height: a,
     x: h,
-    y: l
+    y: c
   };
 }
-function Ut(n, t, e) {
+function $t(n, t, e) {
   let i;
   if (t === "viewport")
     i = Fi(n, e);
@@ -4759,7 +4760,7 @@ function Ut(n, t, e) {
   else if (X(t))
     i = ki(t, e);
   else {
-    const s = ge(n);
+    const s = de(n);
     i = {
       ...t,
       x: t.x - s.x,
@@ -4768,9 +4769,9 @@ function Ut(n, t, e) {
   }
   return ut(i);
 }
-function we(n, t) {
+function fe(n, t) {
   const e = z(n);
-  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || we(e, t);
+  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || fe(e, t);
 }
 function Ni(n, t) {
   const e = t.get(n);
@@ -4781,7 +4782,7 @@ function Ni(n, t) {
   let o = r ? z(n) : n;
   for (; X(o) && !Q(o); ) {
     const a = F(o), h = Ht(o);
-    !h && a.position === "fixed" && (s = null), (r ? !h && !s : !h && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && we(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
+    !h && a.position === "fixed" && (s = null), (r ? !h && !s : !h && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && fe(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
   }
   return t.set(n, i), i;
 }
@@ -4792,10 +4793,10 @@ function Yi(n) {
     rootBoundary: i,
     strategy: s
   } = n;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((l, f) => {
-    const d = Ut(t, f, s);
-    return l.top = U(d.top, l.top), l.right = rt(d.right, l.right), l.bottom = rt(d.bottom, l.bottom), l.left = U(d.left, l.left), l;
-  }, Ut(t, a, s));
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((c, f) => {
+    const d = $t(t, f, s);
+    return c.top = U(d.top, c.top), c.right = rt(d.right, c.right), c.bottom = rt(d.bottom, c.bottom), c.left = U(d.left, c.left), c;
+  }, $t(t, a, s));
   return {
     width: h.right - h.left,
     height: h.bottom - h.top,
@@ -4807,7 +4808,7 @@ function Ki(n) {
   const {
     width: t,
     height: e
-  } = xe(n);
+  } = he(n);
   return {
     width: t,
     height: e
@@ -4825,13 +4826,13 @@ function Bi(n, t, e) {
       const u = ot(t, !0, r, t);
       h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
     } else s && (h.x = At(s));
-  let l = 0, f = 0;
+  let c = 0, f = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
-    f = u.top + a.scrollTop, l = u.left + a.scrollLeft - // RTL <body> scrollbar.
+    f = u.top + a.scrollTop, c = u.left + a.scrollLeft - // RTL <body> scrollbar.
     At(s, u);
   }
-  const d = o.left + a.scrollLeft - h.x - l, x = o.top + a.scrollTop - h.y - f;
+  const d = o.left + a.scrollLeft - h.x - c, x = o.top + a.scrollTop - h.y - f;
   return {
     x: d,
     y: x,
@@ -4842,7 +4843,7 @@ function Bi(n, t, e) {
 function mt(n) {
   return F(n).position === "static";
 }
-function Zt(n, t) {
+function qt(n, t) {
   if (!N(n) || F(n).position === "fixed")
     return null;
   if (t)
@@ -4850,7 +4851,7 @@ function Zt(n, t) {
   let e = n.offsetParent;
   return K(n) === e && (e = e.ownerDocument.body), e;
 }
-function pe(n, t) {
+function xe(n, t) {
   const e = H(n);
   if (wt(n))
     return e;
@@ -4863,13 +4864,13 @@ function pe(n, t) {
     }
     return e;
   }
-  let i = Zt(n, t);
+  let i = qt(n, t);
   for (; i && Si(i) && mt(i); )
-    i = Zt(i, t);
+    i = qt(i, t);
   return i && Q(i) && mt(i) && !Ht(i) ? e : i || Ai(n) || e;
 }
 const Wi = async function(n) {
-  const t = this.getOffsetParent || pe, e = this.getDimensions, i = await e(n.floating);
+  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(n.floating);
   return {
     reference: Bi(n.reference, await t(n.floating), n.strategy),
     floating: {
@@ -4887,14 +4888,14 @@ const Vi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
   getDocumentElement: K,
   getClippingRect: Yi,
-  getOffsetParent: pe,
+  getOffsetParent: xe,
   getElementRects: Wi,
   getClientRects: Di,
   getDimensions: Ki,
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, Xt = Oi, Ft = Ti, kt = _i, zi = Ri, Nt = (n, t, e) => {
+}, ue = Oi, ge = Ti, we = _i, zi = Ri, pe = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Vi,
     ...e
@@ -4909,11 +4910,11 @@ const Vi = {
 };
 let $i = class {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "enable", !1);
-    c(this, "contentEl");
-    c(this, "floatingEl");
-    c(this, "arrowEl");
+    l(this, "ctx");
+    l(this, "enable", !1);
+    l(this, "contentEl");
+    l(this, "floatingEl");
+    l(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`;
@@ -4964,7 +4965,7 @@ let $i = class {
       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;
-    Nt({
+    pe({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
@@ -4979,11 +4980,11 @@ let $i = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [Ft(), kt(), Xt(6), zi({ element: this.arrowEl })]
+      middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
     }).then((a) => {
-      const { x: h, y: l, placement: f, middlewareData: d } = a;
+      const { x: h, y: c, placement: f, middlewareData: d } = a;
       if (Object.assign(this.floatingEl.style, {
-        top: `${l}px`,
+        top: `${c}px`,
         left: `${h}px`
       }), d.arrow) {
         const x = d.arrow;
@@ -5020,11 +5021,13 @@ let $i = class {
 };
 class qi {
   constructor(t) {
-    c(this, "editorEl");
-    c(this, "inputEl");
-    c(this, "enable", !1);
-    c(this, "cellTarget", null);
-    c(this, "ctx");
+    l(this, "editorEl");
+    l(this, "inputEl");
+    l(this, "enable", !1);
+    l(this, "cellTarget", null);
+    l(this, "ctx");
+    l(this, "drawY", 0);
+    l(this, "drawX", 0);
     this.ctx = t, this.initTextEditor(), this.init();
   }
   init() {
@@ -5087,49 +5090,44 @@ class qi {
       }
     }), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
-    }), this.editorEl = document.createElement("div"), this.editorEl.className = "e-virt-table-editor", this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
+    }), this.editorEl = this.ctx.editorElement, this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
   autoSize() {
-    const t = this.inputEl.scrollHeight;
-    this.inputEl.style.height = "auto", this.inputEl.style.height = `${t}px`;
+    let t = this.inputEl.scrollHeight;
+    this.inputEl.style.height = "auto";
+    let e = this.ctx.body.visibleHeight;
+    t > e && (t = e);
+    const {
+      stageHeight: i,
+      footer: s,
+      header: r,
+      config: { SCROLLER_TRACK_SIZE: o }
+    } = this.ctx, a = i - s.height - o;
+    this.editorEl.style.bottom = "auto", (this.drawY + t > a || this.drawY < r.height) && (this.editorEl.style.left = `${this.drawX}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${i - a}px`), this.inputEl.style.height = `${t}px`;
   }
   startEditByInput(t) {
-    if (t.editorType !== "text")
-      return;
-    const e = t.getValue(), { width: i } = t, s = t.getDrawX();
-    let r = t.getDrawY(), { height: o } = t;
+    const e = t.getValue(), { width: i, editorType: s } = t, r = t.getDrawX();
+    let o = t.getDrawY();
+    this.drawX = r, this.drawY = o;
+    let { height: a } = t;
     const {
-      config: { CELL_PADDING: a }
+      config: { CELL_PADDING: h },
+      header: c
     } = this.ctx;
-    let h = window.innerHeight / 2;
-    h > this.ctx.body.visibleHeight && (h = this.ctx.body.visibleHeight), this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${h}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${a}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
-    const l = this.inputEl.value.length;
-    this.inputEl.setSelectionRange(l, l);
-    const { left: f, top: d } = this.ctx.containerElement.getBoundingClientRect(), x = {
-      getBoundingClientRect: () => ({
-        width: 0,
-        height: 0,
-        top: d + r,
-        left: f + s,
-        right: f + s,
-        bottom: d + r,
-        x: s,
-        y: r
-      }),
-      contextElement: document.body
-    };
-    Nt(x, this.editorEl, {
-      placement: "right-start",
-      middleware: [Xt(), Ft(), kt()]
-    }).then(({ x: u, y: g }) => {
-      this.editorEl.style.left = `${u}px`, this.editorEl.style.top = `${g}px`;
-    }), this.inputEl.scrollHeight > o && this.autoSize();
+    let f = this.ctx.body.visibleHeight;
+    if (a > f && (a = f), this.editorEl.style.left = `${r}px`, this.editorEl.style.top = `${o}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
+      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+      const d = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(d, d);
+    } else
+      this.inputEl.style.display = "none";
+    (this.inputEl.scrollHeight > a || o < c.height) && this.autoSize();
   }
   doneEditByInput() {
-    if (!this.cellTarget || this.cellTarget.editorType !== "text")
-      return;
-    const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.value;
-    s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.value = "", this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px";
+    if (this.cellTarget && (this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px", this.editorEl.style.bottom = "atuo", this.cellTarget.editorType === "text")) {
+      const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.value;
+      s !== i && !(s === "" && i === null) && this.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.value = "";
+    }
   }
   startEdit() {
     const { ENABLE_EDIT_CLICK_SELECTOR: t } = this.ctx.config;
@@ -5142,10 +5140,10 @@ class qi {
     e && !r && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
-    const i = this.ctx.body.renderRows.find((l) => l.rowIndex === t);
+    const i = this.ctx.body.renderRows.find((c) => c.rowIndex === t);
     if (!i)
       return;
-    const s = i.cells.find((l) => l.colIndex === e);
+    const s = i.cells.find((c) => c.colIndex === e);
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
@@ -5156,7 +5154,7 @@ class qi {
     r && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
-    this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
+    this.enable && this.cellTarget && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
   }
   destroy() {
     var t;
@@ -5165,14 +5163,14 @@ class qi {
 }
 class Gi {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "emptyEl");
+    l(this, "ctx");
+    l(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.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: a, bodyHeight: h, footerHeight: l }) => {
+    this.emptyEl = document.createElement("div"), this.emptyEl.className = `${r}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: a, bodyHeight: h, footerHeight: c }) => {
       if (i)
         return;
-      const f = a + (h + l) / 2, d = {
+      const f = a + (h + c) / 2, d = {
         display: o === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
@@ -5191,7 +5189,7 @@ class Gi {
 }
 class ji {
   constructor(t) {
-    c(this, "ctx");
+    l(this, "ctx");
     this.ctx = t;
   }
   draw() {
@@ -5205,26 +5203,11 @@ class ji {
     });
   }
   getContainer() {
-    const {
-      stageWidth: t,
-      stageHeight: e,
-      config: { SCROLLER_TRACK_SIZE: i }
-    } = this.ctx, s = t - i, r = e - i, o = this.getHeader(), a = this.getBody(), h = this.getFooter();
-    let l = [o, a, h];
-    const { FOOTER_FIXED: f } = this.ctx.config;
-    return f || (l = [o, a]), {
-      style: {
-        position: "absolute",
-        left: "0px",
-        top: "0px",
-        userSelect: "none",
-        overflow: "hidden",
-        width: `${s}px`,
-        height: `${r}px`,
-        zIndex: 10
-      },
-      class: "e-virt-table-overlayer",
-      views: l
+    const t = this.getHeader(), e = this.getBody(), i = this.getFooter();
+    let s = [t, e, i];
+    const { FOOTER_FIXED: r } = this.ctx.config;
+    return r || (s = [t, e]), {
+      views: s
     };
   }
   getHeader() {
@@ -5233,9 +5216,9 @@ class ji {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: a } = this.ctx.header;
-    let h = [], l = [], f = [];
+    let h = [], c = [], f = [];
     a.forEach((p) => {
-      p.render && (p.fixed === "left" ? l.push(p) : p.fixed === "right" ? f.push(p) : h.push(p));
+      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? f.push(p) : h.push(p));
     });
     const d = e - i, x = {
       key: "left",
@@ -5247,7 +5230,7 @@ class ji {
         width: `${t}px`,
         height: `${o}px`
       },
-      cells: l
+      cells: c
     }, u = {
       key: "center",
       style: {
@@ -5295,7 +5278,7 @@ class ji {
       fixedLeftWidth: r,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: l, visibleHeight: f } = this.ctx.body, d = o - a, x = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: f } = this.ctx.body, d = o - a, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5313,7 +5296,7 @@ class ji {
         top: `${0.5}px`,
         left: `${r - 0.5}px`,
         overflow: "hidden",
-        width: `${l - r - d}px`,
+        width: `${c - r - d}px`,
         height: `${f}px`
       },
       cells: t
@@ -5335,7 +5318,7 @@ class ji {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
+        width: `${c}px`,
         height: `${f}px`
       },
       views: [x, u, g]
@@ -5352,7 +5335,7 @@ class ji {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: h, visibleHeight: l } = this.ctx.footer, f = r - o, d = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: c } = this.ctx.footer, f = r - o, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -5360,7 +5343,7 @@ class ji {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${l}px`
+        height: `${c}px`
       },
       cells: e
     }, x = {
@@ -5371,7 +5354,7 @@ class ji {
         left: `${s - 0.5}px`,
         overflow: "hidden",
         width: `${h - s - f}px`,
-        height: `${l}px`
+        height: `${c}px`
       },
       cells: t
     }, u = {
@@ -5382,7 +5365,7 @@ class ji {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${f}px`,
-        height: `${l}px`
+        height: `${c}px`
       },
       cells: i
     };
@@ -5393,7 +5376,7 @@ class ji {
         position: "relative",
         overflow: "hidden",
         width: `${h}px`,
-        height: `${l}px`
+        height: `${c}px`
       },
       views: [d, x, u]
     };
@@ -5401,16 +5384,16 @@ class ji {
 }
 class Ui {
   constructor(t) {
-    c(this, "ctx");
-    c(this, "contextMenuEl");
+    l(this, "ctx");
+    l(this, "contextMenuEl");
     this.ctx = t, this.contextMenuEl = document.createElement("div"), this.createContextMenu(), this.init();
   }
   init() {
     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, [a, h] = s, { rowIndex: l, colIndex: f } = t;
-      l >= a && l <= h && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, h] = s, { rowIndex: c, colIndex: f } = t;
+      c >= a && c <= h && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5424,9 +5407,9 @@ class Ui {
         }),
         contextElement: document.body
       };
-      Nt(x, this.contextMenuEl, {
+      pe(x, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [Xt(), Ft(), kt()]
+        middleware: [ue(), ge(), we()]
       }).then(({ x: u, y: g }) => {
         this.show(u, g);
       });
@@ -5484,35 +5467,38 @@ class Ui {
 }
 class Qi {
   constructor(t, e) {
-    c(this, "options");
-    c(this, "scroller");
-    c(this, "header");
-    c(this, "body");
-    c(this, "footer");
-    c(this, "selector");
-    c(this, "autofill");
-    c(this, "tooltip");
-    c(this, "editor");
-    c(this, "empty");
-    c(this, "overlayer");
-    c(this, "contextMenu");
-    c(this, "ctx");
+    l(this, "options");
+    l(this, "scroller");
+    l(this, "header");
+    l(this, "body");
+    l(this, "footer");
+    l(this, "selector");
+    l(this, "autofill");
+    l(this, "tooltip");
+    l(this, "editor");
+    l(this, "empty");
+    l(this, "overlayer");
+    l(this, "contextMenu");
+    l(this, "ctx");
     this.options = e;
-    const { overlayerElement: i } = e, s = this.createContainer(t, i);
-    this.ctx = new hi(s, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new li(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", () => {
+    const { overlayerElement: i, editorElement: s } = e, r = this.createContainer(t, i, s);
+    this.ctx = new hi(r, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new ci(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();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
     }), this.draw();
   }
-  createContainer(t, e) {
+  createContainer(t, e, i) {
     t.className = "e-virt-table-container";
-    const i = document.createElement("div"), s = document.createElement("canvas"), r = e || document.createElement("div");
-    return i.className = "e-virt-table-stage", s.className = "e-virt-table-canvas", r.className = "e-virt-table-overlayer", i.appendChild(s), i.appendChild(r), t.appendChild(i), {
+    const s = document.createElement("div"), r = document.createElement("canvas"), o = e || document.createElement("div");
+    s.className = "e-virt-table-stage", r.className = "e-virt-table-canvas", o.className = "e-virt-table-overlayer";
+    const a = i || document.createElement("div");
+    return a.className = "e-virt-table-editor", s.appendChild(r), s.appendChild(o), t.appendChild(s), {
       containerElement: t,
-      stageElement: i,
-      canvasElement: s,
-      overlayerElement: r
+      stageElement: s,
+      canvasElement: r,
+      overlayerElement: o,
+      editorElement: a
     };
   }
   draw(t = !1) {