e-virt-table 1.2.13 → 1.2.15

package/dist/index.es.js

@@ -1,29 +1,29 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(":root{--evt-header-font: 12px normal Arial;--evt-body-font: 12px normal Arial;--evt-color-white: #fff;--evt-color-black: #000000;--evt-color-primary: rgb(82, 146, 247);--evt-text-color-primary: #333;--evt-text-color-regular: #666;--evt-text-color-secondary: #999;--evt-box-shadow: 0 2px 12px 0 #0000001a;--evt-editor-bg-color: #fff;--evt-editor-text-color: #333;--evt-border-color: #e1e6eb;--evt-stripe-color: #fafafa;--evt-placeholder-color: #cdd0dc;--evt-header-bg-color: #f8faff;--evt-body-bg-color: #fff;--evt-header-text-color: #1d2129;--evt-body-text-color: #4e5969;--evt-footer-text-color: #4e5969;--evt-loading-icon-color: #4e5969;--evt-expand-icon-color: #4e5969;--evt-shrink-icon-color: #4e5969;--evt-error-tip-icon-color: red;--evt-cell-hover-icon-bg-color: #fff;--evt-cell-hover-icon-border-color: #dde0ea;--evt-scroller-color: #dee0e3;--evt-scroller-track-color: #fff;--evt-scroller-focus-color: #bbbec4;--evt-select-border-color: var(--evt-color-primary);--evt-select-area-color: rgba(82, 146, 247, .1);--evt-select-row-col-bg-color: transparent;--evt-autofill-point-border-color: #fff;--evt-edit-bg-color: #fcf6ed;--evt-checkbox-color: var(--evt-color-primary);--evt-readonly-color: #fff;--evt-readonly-text-color: var(--evt-body-text-color);--evt-error-tip-color: #ed3f14;--evt-footer-bg-color: #fafafa;--evt-highlight-hover-row-color: rgba(186, 203, 231, .1);--evt-highlight-selected-row-color: rgba(82, 146, 247, .1);--evt-tooltip-bg-color: #303133;--evt-tooltip-text-color: #fff;--evt-resize-row-line-color: #e1e6eb;--evt-resize-column-line-color: #e1e6eb}.dark{--evt-border-color: #363637;--evt-header-bg-color: #141414;--evt-body-bg-color: #141414;--evt-header-text-color: #a3a6ad;--evt-scroller-color: #414243;--evt-scroller-track-color: #141414;--evt-scroller-focus-color: #a3a6ad;--evt-edit-bg-color: #141414;--evt-readonly-text-color: #cfd3dc;--evt-footer-bg-color: #262727;--evt-autofill-point-border-color: #fff;--evt-editor-bg-color: #434343;--evt-editor-text-color: #cfd3dc}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;box-sizing:border-box;z-index:10;border-radius:8px;border:1px solid var(--evt-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--evt-editor-bg-color);border:2px solid var(--evt-color-primary);box-sizing:border-box;box-shadow:var(--evt-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:absolute;left:0;top:0;overflow:hidden;z-index:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--evt-editor-bg-color);color:var(--evt-editor-text-color);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--evt-text-color-regular);background-color:var(--evt-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--evt-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--evt-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--evt-color-primary);background-color:#f5f7fa}")),document.head.appendChild(o)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 var be = Object.defineProperty;
-var ve = (h, t, e) => t in h ? be(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var a = (h, t, e) => ve(h, typeof t != "symbol" ? t + "" : t, e);
+var ve = (l, t, e) => t in l ? be(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
+var a = (l, t, e) => ve(l, typeof t != "symbol" ? t + "" : t, e);
 function q() {
-  return q = Object.assign ? Object.assign.bind() : function(h) {
+  return q = Object.assign ? Object.assign.bind() : function(l) {
     for (var t = 1; t < arguments.length; t++) {
       var e = arguments[t];
       for (var i in e)
-        Object.prototype.hasOwnProperty.call(e, i) && (h[i] = e[i]);
+        Object.prototype.hasOwnProperty.call(e, i) && (l[i] = e[i]);
     }
-    return h;
+    return l;
   }, q.apply(this, arguments);
 }
-function Re(h, t) {
-  h.prototype = Object.create(t.prototype), h.prototype.constructor = h, st(h, t);
+function Re(l, t) {
+  l.prototype = Object.create(t.prototype), l.prototype.constructor = l, st(l, t);
 }
-function Et(h) {
+function Et(l) {
   return Et = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
-  }, Et(h);
+  }, Et(l);
 }
-function st(h, t) {
+function st(l, t) {
   return st = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, st(h, t);
+  }, st(l, t);
 }
 function _e() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
@@ -35,18 +35,18 @@ function _e() {
     return !1;
   }
 }
-function dt(h, t, e) {
+function dt(l, t, e) {
   return _e() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
     var n = [null];
     n.push.apply(n, r);
-    var l = Function.bind.apply(s, n), c = new l();
+    var h = Function.bind.apply(s, n), c = new h();
     return o && st(c, o.prototype), c;
   }, dt.apply(null, arguments);
 }
-function Ie(h) {
-  return Function.toString.call(h).indexOf("[native code]") !== -1;
+function Ie(l) {
+  return Function.toString.call(l).indexOf("[native code]") !== -1;
 }
-function Ct(h) {
+function Ct(l) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
   return Ct = function(i) {
     if (i === null || !Ie(i)) return i;
@@ -67,7 +67,7 @@ function Ct(h) {
         configurable: !0
       }
     }), st(s, i);
-  }, Ct(h);
+  }, Ct(l);
 }
 var Oe = /%[sdj%]/g, Ut = function() {
 };
@@ -76,22 +76,22 @@ typeof process < "u" && process.env && process.env.NODE_ENV !== "production" &&
     return typeof i == "string";
   }) && console.warn(t, e);
 });
-function bt(h) {
-  if (!h || !h.length) return null;
+function bt(l) {
+  if (!l || !l.length) return null;
   var t = {};
-  return h.forEach(function(e) {
+  return l.forEach(function(e) {
     var i = e.field;
     t[i] = t[i] || [], t[i].push(e);
   }), t;
 }
-function D(h) {
+function D(l) {
   for (var t = arguments.length, e = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
     e[i - 1] = arguments[i];
   var s = 0, r = e.length;
-  if (typeof h == "function")
-    return h.apply(null, e);
-  if (typeof h == "string") {
-    var o = h.replace(Oe, function(n) {
+  if (typeof l == "function")
+    return l.apply(null, e);
+  if (typeof l == "string") {
+    var o = l.replace(Oe, function(n) {
       if (n === "%%")
         return "%";
       if (s >= r)
@@ -114,105 +114,105 @@ function D(h) {
     });
     return o;
   }
-  return h;
+  return l;
 }
-function Le(h) {
-  return h === "string" || h === "url" || h === "hex" || h === "email" || h === "date" || h === "pattern";
+function Se(l) {
+  return l === "string" || l === "url" || l === "hex" || l === "email" || l === "date" || l === "pattern";
 }
-function H(h, t) {
-  return !!(h == null || t === "array" && Array.isArray(h) && !h.length || Le(t) && typeof h == "string" && !h);
+function H(l, t) {
+  return !!(l == null || t === "array" && Array.isArray(l) && !l.length || Se(t) && typeof l == "string" && !l);
 }
-function Se(h, t, e) {
-  var i = [], s = 0, r = h.length;
+function Le(l, t, e) {
+  var i = [], s = 0, r = l.length;
   function o(n) {
     i.push.apply(i, n || []), s++, s === r && e(i);
   }
-  h.forEach(function(n) {
+  l.forEach(function(n) {
     t(n, o);
   });
 }
-function Bt(h, t, e) {
-  var i = 0, s = h.length;
+function Ft(l, t, e) {
+  var i = 0, s = l.length;
   function r(o) {
     if (o && o.length) {
       e(o);
       return;
     }
     var n = i;
-    i = i + 1, n < s ? t(h[n], r) : e([]);
+    i = i + 1, n < s ? t(l[n], r) : e([]);
   }
   r([]);
 }
-function Te(h) {
+function Te(l) {
   var t = [];
-  return Object.keys(h).forEach(function(e) {
-    t.push.apply(t, h[e] || []);
+  return Object.keys(l).forEach(function(e) {
+    t.push.apply(t, l[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(h) {
-  Re(t, h);
+var Bt = /* @__PURE__ */ function(l) {
+  Re(t, l);
   function t(e, i) {
     var s;
-    return s = h.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
+    return s = l.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
   }
   return t;
 }(/* @__PURE__ */ Ct(Error));
-function Ae(h, t, e, i, s) {
+function Ae(l, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, g) {
       var p = function(m) {
-        return i(m), m.length ? g(new Ft(m, bt(m))) : x(s);
-      }, u = Te(h);
-      Bt(u, e, p);
+        return i(m), m.length ? g(new Bt(m, bt(m))) : x(s);
+      }, u = Te(l);
+      Ft(u, e, p);
     });
     return r.catch(function(x) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(h) : t.firstFields || [], n = Object.keys(h), l = n.length, c = 0, d = [], f = new Promise(function(x, g) {
+  var o = t.firstFields === !0 ? Object.keys(l) : t.firstFields || [], n = Object.keys(l), h = n.length, c = 0, d = [], f = new Promise(function(x, g) {
     var p = function(w) {
-      if (d.push.apply(d, w), c++, c === l)
-        return i(d), d.length ? g(new Ft(d, bt(d))) : x(s);
+      if (d.push.apply(d, w), c++, c === h)
+        return i(d), d.length ? g(new Bt(d, bt(d))) : x(s);
     };
     n.length || (i(d), x(s)), n.forEach(function(u) {
-      var w = h[u];
-      o.indexOf(u) !== -1 ? Bt(w, e, p) : Se(w, e, p);
+      var w = l[u];
+      o.indexOf(u) !== -1 ? Ft(w, e, p) : Le(w, e, p);
     });
   });
   return f.catch(function(x) {
     return x;
   }), f;
 }
-function Me(h) {
-  return !!(h && h.message !== void 0);
+function Me(l) {
+  return !!(l && l.message !== void 0);
 }
-function He(h, t) {
-  for (var e = h, i = 0; i < t.length; i++) {
+function He(l, t) {
+  for (var e = l, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
     e = e[t[i]];
   }
   return e;
 }
-function Nt(h, t) {
+function Nt(l, t) {
   return function(e) {
     var i;
-    return h.fullFields ? i = He(t, h.fullFields) : i = t[e.field || h.fullField], Me(e) ? (e.field = e.field || h.fullField, e.fieldValue = i, e) : {
+    return l.fullFields ? i = He(t, l.fullFields) : i = t[e.field || l.fullField], Me(e) ? (e.field = e.field || l.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
-      field: e.field || h.fullField
+      field: e.field || l.fullField
     };
   };
 }
-function kt(h, t) {
+function kt(l, t) {
   if (t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
         var i = t[e];
-        typeof i == "object" && typeof h[e] == "object" ? h[e] = q({}, h[e], i) : h[e] = i;
+        typeof i == "object" && typeof l[e] == "object" ? l[e] = q({}, l[e], i) : l[e] = i;
       }
   }
-  return h;
+  return l;
 }
 var Zt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || H(e, o || t.type)) && s.push(D(r.messages.required, t.fullField));
@@ -221,8 +221,8 @@ var Zt = function(t, e, i, s, r, o) {
 }, ct, Xe = function() {
   if (ct)
     return ct;
-  var h = "[a-fA-F\\d:]", t = function(b) {
-    return b && b.includeBoundaries ? "(?:(?<=\\s|^)(?=" + h + ")|(?<=" + h + ")(?=\\s|$))" : "";
+  var l = "[a-fA-F\\d:]", t = function(b) {
+    return b && b.includeBoundaries ? "(?:(?<=\\s|^)(?=" + l + ")|(?<=" + l + ")(?=\\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 = (`
 (?:
 (?:` + i + ":){7}(?:" + i + `|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
@@ -234,15 +234,15 @@ var Zt = function(t, e, i, s, r, o) {
 (?:` + i + ":){1}(?:(?::" + i + "){0,4}:" + e + "|(?::" + i + `){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
 (?::(?:(?::` + i + "){0,5}:" + e + "|(?::" + i + `){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
 )(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
-`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), l = function(b) {
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), n = new RegExp("^" + s + "$"), h = function(b) {
     return b && b.exact ? r : new RegExp("(?:" + t(b) + e + t(b) + ")|(?:" + t(b) + s + t(b) + ")", "g");
   };
-  l.v4 = function(y) {
+  h.v4 = function(y) {
     return y && y.exact ? o : new RegExp("" + t(y) + e + t(y), "g");
-  }, l.v6 = function(y) {
+  }, h.v6 = function(y) {
     return y && y.exact ? n : new RegExp("" + t(y) + s + t(y), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = l.v4().source, x = l.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + m;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + m;
   return ct = new RegExp("(?:^" + C + "$)", "i"), ct;
 }, Kt = {
   // http://emailregex.com/
@@ -292,18 +292,18 @@ var Zt = function(t, e, i, s, r, o) {
   hex: function(t) {
     return typeof t == "string" && !!t.match(Kt.hex);
   }
-}, Be = function(t, e, i, s, r) {
+}, Fe = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
     Zt(t, e, i, s, r);
     return;
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
-}, Fe = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
+}, Be = function(t, e, i, s, r) {
+  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
   if (x ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
     return !1;
-  p && (d = e.length), g && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !l && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : l && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && l && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
+  p && (d = e.length), g && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
 }, j = "enum", Ne = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(D(r.messages[j], t.fullField, t[j].join(", ")));
 }, ke = function(t, e, i, s, r) {
@@ -315,11 +315,11 @@ var Zt = function(t, e, i, s, r, o) {
       o.test(e) || s.push(D(r.messages.pattern.mismatch, t.fullField, e, t.pattern));
     }
   }
-}, L = {
+}, S = {
   required: Zt,
   whitespace: De,
-  type: Be,
-  range: Fe,
+  type: Fe,
+  range: Be,
   enum: Ne,
   pattern: ke
 }, Ke = function(t, e, i, s, r) {
@@ -327,7 +327,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "string") && !t.required)
       return i();
-    L.required(t, e, s, o, r, "string"), H(e, "string") || (L.type(t, e, s, o, r), L.range(t, e, s, o, r), L.pattern(t, e, s, o, r), t.whitespace === !0 && L.whitespace(t, e, s, o, r));
+    S.required(t, e, s, o, r, "string"), H(e, "string") || (S.type(t, e, s, o, r), S.range(t, e, s, o, r), S.pattern(t, e, s, o, r), t.whitespace === !0 && S.whitespace(t, e, s, o, r));
   }
   i(o);
 }, Ye = function(t, e, i, s, r) {
@@ -335,7 +335,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && L.type(t, e, s, o, r);
+    S.required(t, e, s, o, r), e !== void 0 && S.type(t, e, s, o, r);
   }
   i(o);
 }, Ve = function(t, e, i, s, r) {
@@ -343,7 +343,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (e === "" && (e = void 0), H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && (L.type(t, e, s, o, r), L.range(t, e, s, o, r));
+    S.required(t, e, s, o, r), e !== void 0 && (S.type(t, e, s, o, r), S.range(t, e, s, o, r));
   }
   i(o);
 }, We = function(t, e, i, s, r) {
@@ -351,7 +351,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && L.type(t, e, s, o, r);
+    S.required(t, e, s, o, r), e !== void 0 && S.type(t, e, s, o, r);
   }
   i(o);
 }, Pe = function(t, e, i, s, r) {
@@ -359,7 +359,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), H(e) || L.type(t, e, s, o, r);
+    S.required(t, e, s, o, r), H(e) || S.type(t, e, s, o, r);
   }
   i(o);
 }, ze = function(t, e, i, s, r) {
@@ -367,7 +367,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && (L.type(t, e, s, o, r), L.range(t, e, s, o, r));
+    S.required(t, e, s, o, r), e !== void 0 && (S.type(t, e, s, o, r), S.range(t, e, s, o, r));
   }
   i(o);
 }, $e = function(t, e, i, s, r) {
@@ -375,7 +375,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && (L.type(t, e, s, o, r), L.range(t, e, s, o, r));
+    S.required(t, e, s, o, r), e !== void 0 && (S.type(t, e, s, o, r), S.range(t, e, s, o, r));
   }
   i(o);
 }, qe = function(t, e, i, s, r) {
@@ -383,7 +383,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (e == null && !t.required)
       return i();
-    L.required(t, e, s, o, r, "array"), e != null && (L.type(t, e, s, o, r), L.range(t, e, s, o, r));
+    S.required(t, e, s, o, r, "array"), e != null && (S.type(t, e, s, o, r), S.range(t, e, s, o, r));
   }
   i(o);
 }, Ge = function(t, e, i, s, r) {
@@ -391,7 +391,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && L.type(t, e, s, o, r);
+    S.required(t, e, s, o, r), e !== void 0 && S.type(t, e, s, o, r);
   }
   i(o);
 }, je = "enum", Ue = function(t, e, i, s, r) {
@@ -399,7 +399,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r), e !== void 0 && L[je](t, e, s, o, r);
+    S.required(t, e, s, o, r), e !== void 0 && S[je](t, e, s, o, r);
   }
   i(o);
 }, Ze = function(t, e, i, s, r) {
@@ -407,7 +407,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "string") && !t.required)
       return i();
-    L.required(t, e, s, o, r), H(e, "string") || L.pattern(t, e, s, o, r);
+    S.required(t, e, s, o, r), H(e, "string") || S.pattern(t, e, s, o, r);
   }
   i(o);
 }, Je = function(t, e, i, s, r) {
@@ -415,21 +415,21 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e, "date") && !t.required)
       return i();
-    if (L.required(t, e, s, o, r), !H(e, "date")) {
-      var l;
-      e instanceof Date ? l = e : l = new Date(e), L.type(t, l, s, o, r), l && L.range(t, l.getTime(), s, o, r);
+    if (S.required(t, e, s, o, r), !H(e, "date")) {
+      var h;
+      e instanceof Date ? h = e : h = new Date(e), S.type(t, h, s, o, r), h && S.range(t, h.getTime(), s, o, r);
     }
   }
   i(o);
 }, Qe = function(t, e, i, s, r) {
   var o = [], n = Array.isArray(e) ? "array" : typeof e;
-  L.required(t, e, s, o, r, n), i(o);
+  S.required(t, e, s, o, r, n), i(o);
 }, mt = function(t, e, i, s, r) {
-  var o = t.type, n = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (l) {
+  var o = t.type, n = [], h = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (h) {
     if (H(e, o) && !t.required)
       return i();
-    L.required(t, e, s, n, r, o), H(e, o) || L.type(t, e, s, n, r);
+    S.required(t, e, s, n, r, o), H(e, o) || S.type(t, e, s, n, r);
   }
   i(n);
 }, ti = function(t, e, i, s, r) {
@@ -437,7 +437,7 @@ var Zt = function(t, e, i, s, r, o) {
   if (n) {
     if (H(e) && !t.required)
       return i();
-    L.required(t, e, s, o, r);
+    S.required(t, e, s, o, r);
   }
   i(o);
 }, it = {
@@ -513,10 +513,10 @@ function vt() {
   };
 }
 var Rt = vt(), nt = /* @__PURE__ */ function() {
-  function h(e) {
+  function l(e) {
     this.rules = null, this._messages = Rt, this.define(e);
   }
-  var t = h.prototype;
+  var t = l.prototype;
   return t.define = function(i) {
     var s = this;
     if (!i)
@@ -533,8 +533,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var n = i, l = s, c = r;
-    if (typeof l == "function" && (c = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
+    var n = i, h = s, c = r;
+    if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, n), Promise.resolve(n);
     function d(u) {
       var w = [], m = {};
@@ -549,12 +549,12 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         C(u[y]);
       w.length ? (m = bt(w), c(w, m)) : c(null, n);
     }
-    if (l.messages) {
+    if (h.messages) {
       var f = this.messages();
-      f === Rt && (f = vt()), kt(f, l.messages), l.messages = f;
+      f === Rt && (f = vt()), kt(f, h.messages), h.messages = f;
     } else
-      l.messages = this.messages();
-    var x = {}, g = l.keys || Object.keys(this.rules);
+      h.messages = this.messages();
+    var x = {}, g = h.keys || Object.keys(this.rules);
     g.forEach(function(u) {
       var w = o.rules[u], m = n[u];
       w.forEach(function(C) {
@@ -570,7 +570,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var p = {};
-    return Ae(x, l, function(u, w) {
+    return Ae(x, h, function(u, w) {
       var m = u.rule, C = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
       C = C && (m.required || !m.required && u.value), m.field = u.field;
       function y(R, O) {
@@ -582,15 +582,15 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       function b(R) {
         R === void 0 && (R = []);
         var O = Array.isArray(R) ? R : [R];
-        !l.suppressWarning && O.length && h.warning("async-validator:", O), O.length && m.message !== void 0 && (O = [].concat(m.message));
+        !h.suppressWarning && O.length && l.warning("async-validator:", O), O.length && m.message !== void 0 && (O = [].concat(m.message));
         var I = O.map(Nt(m, n));
-        if (l.first && I.length)
+        if (h.first && I.length)
           return p[m.field] = 1, w(I);
         if (!C)
           w(I);
         else {
           if (m.required && !u.value)
-            return m.message !== void 0 ? I = [].concat(m.message).map(Nt(m, n)) : l.error && (I = [l.error(m, D(l.messages.required, m.field))]), w(I);
+            return m.message !== void 0 ? I = [].concat(m.message).map(Nt(m, n)) : h.error && (I = [h.error(m, D(h.messages.required, m.field))]), w(I);
           var _ = {};
           m.defaultField && Object.keys(u.value).map(function(T) {
             _[T] = m.defaultField;
@@ -600,8 +600,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
             var M = _[T], A = Array.isArray(M) ? M : [M];
             v[T] = A.map(y.bind(null, T));
           });
-          var S = new h(v);
-          S.messages(l.messages), u.rule.options && (u.rule.options.messages = l.messages, u.rule.options.error = l.error), S.validate(u.value, u.rule.options || l, function(T) {
+          var L = new l(v);
+          L.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), L.validate(u.value, u.rule.options || h, function(T) {
             var M = [];
             I && I.length && M.push.apply(M, I), T && T.length && M.push.apply(M, T), w(M.length ? M : null);
           });
@@ -609,12 +609,12 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       var E;
       if (m.asyncValidator)
-        E = m.asyncValidator(m, u.value, b, u.source, l);
+        E = m.asyncValidator(m, u.value, b, u.source, h);
       else if (m.validator) {
         try {
-          E = m.validator(m, u.value, b, u.source, l);
+          E = m.validator(m, u.value, b, u.source, h);
         } catch (R) {
-          console.error == null || console.error(R), l.suppressValidatorError || setTimeout(function() {
+          console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
             throw R;
           }, 0), b(R.message);
         }
@@ -637,7 +637,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       return i.validator;
     var s = Object.keys(i), r = s.indexOf("message");
     return r !== -1 && s.splice(r, 1), s.length === 1 && s[0] === "required" ? it.required : it[this.getType(i)] || void 0;
-  }, h;
+  }, l;
 }();
 nt.register = function(t, e) {
   if (typeof e != "function")
@@ -648,26 +648,26 @@ nt.warning = Ut;
 nt.messages = Rt;
 nt.validators = it;
 function Jt() {
-  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(h) {
+  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(l) {
     const t = Math.random() * 16 | 0;
-    return (h === "x" ? t : t & 3 | 8).toString(16);
+    return (l === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Qt(h, t) {
+function Qt(l, t) {
   let e = 0, i;
   return function(...s) {
     const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
-    !e || o >= t ? (h.apply(this, s), e = r) : i || (i = setTimeout(() => {
-      h.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
+    !e || o >= t ? (l.apply(this, s), e = r) : i || (i = setTimeout(() => {
+      l.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
     }, t - o));
   };
 }
-function te(h = []) {
-  return h.length ? h.map((t) => te(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function te(l = []) {
+  return l.length ? l.map((t) => te(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function ei(h = []) {
+function ei(l = []) {
   let t = [], e = [], i = [];
-  return h.forEach((s) => {
+  return l.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
     ...t.sort((s, r) => (s.sort ?? 0) - (r.sort ?? 0)),
@@ -675,8 +675,8 @@ function ei(h = []) {
     ...i.sort((s, r) => (s.sort ?? 0) - (r.sort ?? 0))
   ];
 }
-function ee(h = [], t = 1, e = 0) {
-  return h.map((i) => {
+function ee(l = [], t = 1, e = 0) {
+  return l.map((i) => {
     if (i.children) {
       let s = 0, r = i.fixed;
       i.children.forEach((n) => {
@@ -702,72 +702,72 @@ function ee(h = [], t = 1, e = 0) {
     };
   });
 }
-function _t(h = []) {
+function _t(l = []) {
   let t = [];
-  return h.forEach((e) => {
+  return l.forEach((e) => {
     e.children ? t = t.concat(_t(e.children)) : t.push(e);
   }), t;
 }
 const Yt = /^(\r\n|\n\r|\r|\n)/, ii = /^[^\t\r\n]+/, Vt = /^\t/;
-function si(h) {
+function si(l) {
   let t = [[""]];
-  if (h.length === 0)
+  if (l.length === 0)
     return t;
   let e = 0, i = 0, s;
-  for (; h.length > 0 && s !== h.length; )
-    if (s = h.length, h.match(Vt))
-      h = h.replace(Vt, ""), e += 1, t[i][e] = "";
-    else if (h.match(Yt))
-      h = h.replace(Yt, ""), e = 0, i += 1, t[i] = [""];
+  for (; l.length > 0 && s !== l.length; )
+    if (s = l.length, l.match(Vt))
+      l = l.replace(Vt, ""), e += 1, t[i][e] = "";
+    else if (l.match(Yt))
+      l = l.replace(Yt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let r = "";
-      if (h.startsWith('"')) {
+      if (l.startsWith('"')) {
         let o = 0, n = !0;
         for (; n; ) {
-          const l = h.slice(0, 1);
-          l === '"' && (o += 1), r += l, h = h.slice(1), (h.length === 0 || h.match(/^[\t\r\n]/) && o % 2 === 0) && (n = !1);
+          const h = l.slice(0, 1);
+          h === '"' && (o += 1), r += h, l = l.slice(1), (l.length === 0 || l.match(/^[\t\r\n]/) && o % 2 === 0) && (n = !1);
         }
-        r = r.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
+        r = r.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (h) => new Array(Math.floor(h.length / 2)).fill('"').join(""));
       } else {
-        const o = h.match(ii);
-        r = o ? o[0] : "", h = h.slice(r.length);
+        const o = l.match(ii);
+        r = o ? o[0] : "", l = l.slice(r.length);
       }
       t[i][e] = r;
     }
   return Array.isArray(t) && t.length > 1 && t[t.length - 1].length === 1 && t[t.length - 1][0] === "" && (t = t.slice(0, t.length - 1)), t;
 }
-function ri(h) {
+function ri(l) {
   let t, e, i, s, r = "", o;
-  for (t = 0, e = h.length; t < e; t += 1) {
-    for (s = h[t].length, i = 0; i < s; i += 1)
-      i > 0 && (r += "	"), o = h[t][i], typeof o == "string" ? o.indexOf(`
+  for (t = 0, e = l.length; t < e; t += 1) {
+    for (s = l[t].length, i = 0; i < s; i += 1)
+      i > 0 && (r += "	"), o = l[t][i], typeof o == "string" ? o.indexOf(`
 `) > -1 ? r += `"${o.replace(/"/g, '""')}"` : r += o : o == null ? r += "" : r += o;
     t !== e - 1 && (r += `
 `);
   }
   return r;
 }
-function ie(h, t, e = []) {
+function ie(l, t, e = []) {
   let i = 0;
   const s = [];
-  return h.forEach((r, o) => {
+  return l.forEach((r, o) => {
     if (o === 0)
       s.push(1);
     else {
-      const n = e.reduce((c, d) => `${c}${r[d] ?? ""}`, "") || r[t], l = e.reduce((c, d) => `${c}${h[o - 1][d] ?? ""}`, "") || h[o - 1][t];
-      n === l ? (s[i] += 1, s.push(0)) : (s.push(1), i = o);
+      const n = e.reduce((c, d) => `${c}${r[d] ?? ""}`, "") || r[t], h = e.reduce((c, d) => `${c}${l[o - 1][d] ?? ""}`, "") || l[o - 1][t];
+      n === h ? (s[i] += 1, s.push(0)) : (s.push(1), i = o);
     }
   }), s;
 }
-function se(h, t) {
+function se(l, t) {
   let e = "", i = "";
   const s = {};
   return t.forEach((r, o) => {
-    o === 0 ? (e = r.key, i = r.key, s[r.key] = 1) : h[r.key] === h[e] ? (s[r.key] = 0, s[i] += 1) : (s[r.key] = 1, e = r.key, i = r.key);
+    o === 0 ? (e = r.key, i = r.key, s[r.key] = 1) : l[r.key] === l[e] ? (s[r.key] = 0, s[i] += 1) : (s[r.key] = 1, e = r.key, i = r.key);
   }), s;
 }
-function oi(h, t, e = []) {
-  const { visibleRows: i, rowIndex: s, headIndex: r } = h, o = ie(i, t, e);
+function oi(l, t, e = []) {
+  const { visibleRows: i, rowIndex: s, headIndex: r } = l, o = ie(i, t, e);
   return o[s - r] === 0 ? {
     rowspan: 0,
     colspan: 0,
@@ -780,8 +780,8 @@ function oi(h, t, e = []) {
     mergeRow: !0
   };
 }
-function ni(h, t = []) {
-  const { column: e, row: i, visibleLeafColumns: s } = h, r = s.filter((o) => t.includes(o.key));
+function ni(l, t = []) {
+  const { column: e, row: i, visibleLeafColumns: s } = l, r = s.filter((o) => t.includes(o.key));
   if (t.includes(e.key)) {
     const o = se(i, r);
     return o[e.key] === 0 ? {
@@ -797,8 +797,8 @@ function ni(h, t = []) {
     };
   }
 }
-function ai(h, t = document.documentElement) {
-  const e = h.startsWith("--") ? h : `--${h}`;
+function ai(l, t = document.documentElement) {
+  const e = l.startsWith("--") ? l : `--${l}`;
   return getComputedStyle(t).getPropertyValue(e).trim();
 }
 class re {
@@ -848,8 +848,8 @@ class re {
   }
 }
 class At extends re {
-  constructor(e, i, s, r, o, n, l, c, d, f = "body") {
-    super(e, r, o, n, l, f, c.fixed);
+  constructor(e, i, s, r, o, n, h, c, d, f = "body") {
+    super(e, r, o, n, h, f, c.fixed);
     a(this, "formatter");
     a(this, "formatterFooter");
     a(this, "hoverIconName", "");
@@ -932,7 +932,7 @@ class At extends re {
         rowspan: r = 1,
         relationRowKeys: o,
         relationColKeys: n,
-        mergeRow: l = !1,
+        mergeRow: h = !1,
         mergeCol: c = !1
       } = i({
         row: this.row,
@@ -946,7 +946,7 @@ class At extends re {
         visibleLeafColumns: this.ctx.header.visibleLeafColumns,
         rows: this.ctx.body.data
       }) || {};
-      Array.isArray(o) && o.length > 0 ? this.relationRowKeys = o : this.relationRowKeys = [this.key], Array.isArray(n) && n.length > 0 ? this.relationColKeys = n : this.relationColKeys = [this.key], this.mergeCol = c, this.mergeRow = l, this.colspan = s, this.rowspan = r, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
+      Array.isArray(o) && o.length > 0 ? this.relationRowKeys = o : this.relationRowKeys = [this.key], Array.isArray(n) && n.length > 0 ? this.relationColKeys = n : this.relationColKeys = [this.key], this.mergeCol = c, this.mergeRow = h, this.colspan = s, this.rowspan = r, this.visibleWidth = this.getWidthByColIndexColSpan(this.colIndex, this.colspan), this.visibleHeight = this.ctx.database.getHeightByRowIndexRowSpan(this.rowIndex, this.rowspan);
     }
   }
   updateSpanInfo() {
@@ -1019,7 +1019,7 @@ class At extends re {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
-      const l = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
+      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
       if (this.rowExpand = c, this.rowHasChildren = d, f) {
         const u = this.ctx.icons.get("loading");
         n = "loading", r = u, o = x * 8;
@@ -1044,7 +1044,7 @@ class At extends re {
       FOOTER_CELL_STYLE_METHOD: r,
       READONLY_TEXT_COLOR: o,
       BODY_TEXT_COLOR: n,
-      FOOTER_TEXT_COLOR: l,
+      FOOTER_TEXT_COLOR: h,
       FOOTER_BG_COLOR: c,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
@@ -1054,16 +1054,16 @@ class At extends re {
       STRIPE_COLOR: u
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let O = c, I = l;
+      let O = c, I = h;
       if (typeof r == "function") {
-        const _ = r, { backgroundColor: v, color: S } = _({
+        const _ = r, { backgroundColor: v, color: L } = _({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        v && (O = v), S && (I = S);
+        v && (O = v), L && (I = L);
       }
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = O, this.drawTextColor = I;
       return;
@@ -1091,11 +1091,11 @@ class At extends re {
     this.drawCellBgColor = E, this.drawTextColor = R;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: l, rowKey: c } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: h, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
       const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, g = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
       let u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
-      d && f ? (u = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (u = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (u = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), u && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u) : u && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u);
+      d && f ? (u = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (u = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (u = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), u && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u) : u && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u);
     }
   }
   updateHoverIcon() {
@@ -1114,16 +1114,16 @@ class At extends re {
     }
     const { hoverCell: n } = this.ctx;
     if (this.hoverIconName && !this.ctx.editing && n) {
-      let l = 0, c = 0;
-      if (n.rowKey === this.rowKey && (l = this.drawX + this.width - s - r, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && o) {
+      let h = 0, c = 0;
+      if (n.rowKey === this.rowKey && (h = this.drawX + this.width - s - r, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && o) {
         const f = this.getSpanInfo(), { yArr: x } = f, g = x[0], p = x[1];
         if (n.rowIndex >= g && n.rowIndex <= p) {
           const { width: u, height: w, offsetTop: m, offsetLeft: C } = f;
-          l = this.drawX - C + u - s - r, c = this.drawY - m + (w - s) / 2;
+          h = this.drawX - C + u - s - r, c = this.drawY - m + (w - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = l, this.drawImageY = c, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
+      this.drawImageX = h, this.drawImageY = c, this.drawImageWidth = s, this.drawImageHeight = s, this.drawImageName = this.hoverIconName, this.drawImageSource = d;
     }
   }
   // 过去跨度配置
@@ -1218,8 +1218,8 @@ class At extends re {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: o, yArr: n } = this.ctx.selector, l = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: x, drawY: g } = this;
-    if (d === l && f === c) {
+    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: x, drawY: g } = this;
+    if (d === h && f === c) {
       const u = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
       this.ctx.paint.drawRect(x + this.width - u, g + this.height - u, 6, 6, {
         borderColor: r,
@@ -1254,8 +1254,8 @@ class At extends re {
     const { ellipsis: o } = this.ctx.paint.handleEllipsis(this.displayText, r, e, i);
     this.ellipsis = o;
     const { placeholder: n } = this.column;
-    let l = this.displayText, c = this.drawTextColor;
-    return !this.ctx.database.getReadonly(this.rowKey, this.key) && n && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (l = n, c = s), this.ctx.paint.drawText(l, this.drawTextX, this.drawTextY, r, this.visibleHeight, {
+    let h = this.displayText, c = this.drawTextColor;
+    return !this.ctx.database.getReadonly(this.rowKey, this.key) && n && ["", null, void 0].includes(this.text) && this.cellType === "body" && !(this.rowspan === 0 || this.colspan === 0) && (h = n, c = s), this.ctx.paint.drawText(h, this.drawTextX, this.drawTextY, r, this.visibleHeight, {
       font: i,
       padding: e,
       align: this.align,
@@ -1317,8 +1317,8 @@ class At extends re {
       fillColor: "transparent",
       borderWidth: 1
     });
-    const [n, l] = i, [c, d] = s;
-    !(n === l && c === d) && this.colIndex >= n && this.colIndex <= l && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
+    const [n, h] = i, [c, d] = s;
+    !(n === h && c === d) && this.colIndex >= n && this.colIndex <= h && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.width, this.height, {
       borderColor: "transparent",
       fillColor: this.ctx.config.SELECT_AREA_COLOR || "rgba(82,146,247,0.1)"
     }), this.operation && this.rowIndex >= c && this.rowIndex <= d && this.ctx.paint.drawRect(this.drawX, this.drawY, this.visibleWidth, this.visibleHeight, {
@@ -1346,12 +1346,12 @@ class At extends re {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, rowIndex: r, colIndex: o, height: n, width: l } = this;
+    const { drawX: i, drawY: s, rowIndex: r, colIndex: o, height: n, width: h } = this;
     let c = i, d = s;
     const { xArr: f, yArr: x, lineDash: g = [], borderWidth: p = 1, borderColor: u, fillColor: w } = e, m = f[0], C = f[1], y = x[0], b = x[1];
     if (o >= m && o <= C && r === y) {
       const E = o === C ? 1 : 0, R = o === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + 1, c + l - E, d + 1], {
+      this.ctx.paint.drawLine([c + R, d + 1, c + h - E, d + 1], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1362,7 +1362,7 @@ class At extends re {
     }
     if (o === C && r >= y && r <= b) {
       const E = r === y ? 1 : 0, R = r === b ? 1 : 0;
-      this.ctx.paint.drawLine([c + l - 1, d + E, c + l - 1, d + n - R], {
+      this.ctx.paint.drawLine([c + h - 1, d + E, c + h - 1, d + n - R], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1373,7 +1373,7 @@ class At extends re {
     }
     if (o >= m && o <= C && r === b) {
       const E = o === C ? 1 : 0, R = o === m ? 1 : 0;
-      this.ctx.paint.drawLine([c + R, d + n - 1, c + l - E, d + n - 1], {
+      this.ctx.paint.drawLine([c + R, d + n - 1, c + h - E, d + n - 1], {
         borderColor: u,
         fillColor: w,
         borderWidth: p,
@@ -1395,7 +1395,7 @@ class At extends re {
     }
   }
 }
-class hi {
+class li {
   //虚拟滚动位置
   constructor(t, e) {
     a(this, "loading", !1);
@@ -1448,9 +1448,9 @@ class hi {
       var m;
       let r = !1;
       Array.isArray(i.children) && (r = i._hasChildren, i.children.length && (r = !0, this.initData(i.children, e + 1)));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Jt();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Jt();
       this.itemRowKeyMap.set(i, x);
-      const g = i._height || l, p = i._readonly;
+      const g = i._height || h, p = i._readonly;
       let u = !0;
       if (typeof c == "function" && (u = c), d) {
         const C = i[d];
@@ -1541,12 +1541,12 @@ class hi {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const n = this.itemRowKeyMap.get(o), { expand: l, hasChildren: c, height: d } = this.rowKeyMap.get(n), f = this.sumHeight;
+        const n = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: d } = this.rowKeyMap.get(n), f = this.sumHeight;
         this.sumHeight += d, this.rowIndexRowKeyMap.set(e, n), this.rowKeyRowIndexMap.set(n, e), this.positions.push({
           top: f,
           height: d,
           bottom: this.sumHeight
-        }), e += 1, l && c && i(o.children);
+        }), e += 1, h && c && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
@@ -1720,14 +1720,14 @@ class hi {
         newValue: f
       });
     });
-    let l = [];
+    let h = [];
     s.forEach((d) => {
-      l.push(this.ctx.database.getRowDataItemForRowKey(d));
+      h.push(this.ctx.database.getRowDataItemForRowKey(d));
     });
     const c = o.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
     Promise.all(c).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-    }), this.ctx.emit("change", o, l), e && this.ctx.history.pushState({
+    }), this.ctx.emit("change", o, h), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1748,15 +1748,15 @@ class hi {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: n } = this.rowKeyMap.get(t);
-    let l = n[e], c = i;
+    let h = n[e], c = i;
     if (this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: l,
-        newValue: l
+        oldValue: h,
+        newValue: h
       };
-    n[e] !== null && typeof n[e] == "object" && (l = JSON.parse(JSON.stringify(n[e])));
+    n[e] !== null && typeof n[e] == "object" && (h = JSON.parse(JSON.stringify(n[e])));
     const d = `${t}​_${e}`;
-    this.originalDataMap.has(d) || this.originalDataMap.set(d, l);
+    this.originalDataMap.has(d) || this.originalDataMap.set(d, h);
     const f = this.originalDataMap.get(d), x = this.getRowDataItemForRowKey(t);
     if (o) {
       const g = this.getVirtualBodyCellByKey(t, e);
@@ -1766,7 +1766,7 @@ class hi {
         else if (/^-?\d+(\.\d+)?$/.test(`${i}`))
           c = Number(i);
         else {
-          c = l;
+          c = h;
           const w = {
             code: "ERR_SET_NUMBER_VALUE",
             message: "Assignment failed, not a numeric type",
@@ -1775,17 +1775,17 @@ class hi {
                 rowKey: t,
                 key: e,
                 value: c,
-                oldValue: l,
+                oldValue: h,
                 row: x
               }
             ]
           };
           this.ctx.emit("error", w);
         }
-      if (c === l)
+      if (c === h)
         return {
-          oldValue: l,
-          newValue: l
+          oldValue: h,
+          newValue: h
         };
       const { BEFORE_VALUE_CHANGE_METHOD: p } = this.ctx.config;
       if (typeof p == "function") {
@@ -1804,7 +1804,7 @@ class hi {
       const u = {
         rowKey: t,
         key: e,
-        oldValue: l,
+        oldValue: h,
         value: c,
         row: x
       };
@@ -1813,7 +1813,7 @@ class hi {
       }), this.ctx.emit("change", [u], [x]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: l,
+        oldValue: h,
         value: c,
         originalValue: f,
         row: x
@@ -1823,7 +1823,7 @@ class hi {
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: l,
+      oldValue: h,
       value: c,
       originalValue: this.originalDataMap.get(d),
       row: x
@@ -1835,12 +1835,12 @@ class hi {
         {
           rowKey: t,
           key: e,
-          oldValue: l,
+          oldValue: h,
           newValue: c
         }
       ]
     }), r && this.ctx.emit("draw"), {
-      oldValue: l,
+      oldValue: h,
       newValue: c
     };
   }
@@ -1867,8 +1867,8 @@ class hi {
         return !1;
       const { item: s } = this.rowKeyMap.get(t), r = s[i];
       this.checkboxKeyMap.has(r) && (this.checkboxKeyMap.get(r) || []).forEach((n) => {
-        const l = this.selectionMap.get(n);
-        l && (l.check = e);
+        const h = this.selectionMap.get(n);
+        h && (h.check = e);
       });
     }
   }
@@ -1969,7 +1969,7 @@ class hi {
         rowIndex: x.rowIndex
       })), p && (r += 1);
     });
-    const l = o > i && s === 0 && n, c = r && r > s && s > 0 || l, d = r !== 0, f = !!r && r === s;
+    const h = o > i && s === 0 && n, c = r && r > s && s > 0 || h, d = r !== 0, f = !!r && r === s;
     return this.bufferCheckState = {
       buffer: !0,
       check: f,
@@ -2068,9 +2068,9 @@ class hi {
     const s = this.rowKeyMap.get(t), r = this.headerMap.get(e);
     if (!s || !r)
       return !0;
-    const o = s.readonly, n = r.readonly, { BODY_CELL_READONLY_METHOD: l } = this.ctx.config;
-    if (typeof l == "function" && r) {
-      const d = l({
+    const o = s.readonly, n = r.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
+    if (typeof h == "function" && r) {
+      const d = h({
         row: s.item,
         rowIndex: s.rowIndex,
         colIndex: r.colIndex,
@@ -2094,7 +2094,7 @@ class hi {
       if (r === void 0)
         return i([]);
       const n = r.column;
-      let l = n.rules;
+      let h = n.rules;
       if (typeof o == "function") {
         const d = o({
           row: s.item,
@@ -2103,12 +2103,12 @@ class hi {
           column: n,
           value: this.getItemValue(t, e)
         });
-        d && (l = d);
+        d && (h = d);
       }
-      if (l) {
+      if (h) {
         let c = {}, d = {};
-        if (d[e] = this.getItemValue(t, e), Array.isArray(l)) {
-          const x = l.map((g) => ({
+        if (d[e] = this.getItemValue(t, e), Array.isArray(h)) {
+          const x = h.map((g) => ({
             ...g,
             row: s.item,
             column: n,
@@ -2118,7 +2118,7 @@ class hi {
           c[e] = x;
         } else
           c[e] = {
-            ...l,
+            ...h,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
@@ -2156,7 +2156,7 @@ class hi {
       row: r,
       value: o,
       colIndex: n,
-      relationRowKeys: l,
+      relationRowKeys: h,
       relationColKeys: c,
       rowspan: d,
       height: f,
@@ -2187,13 +2187,13 @@ class hi {
     let w = e, m = e, C = n, y = n, b = [], E = 0, R = 0, O = 0, I = 0;
     if (d !== 1 && p) {
       I = x;
-      const _ = l.reduce((v, S) => {
-        const T = this.getItemValue(s, S) ?? "";
+      const _ = h.reduce((v, L) => {
+        const T = this.getItemValue(s, L) ?? "";
         return `${v}${T}`;
       }, "");
       for (let v = e - 1; v >= 0; v--) {
-        const S = this.rowIndexRowKeyMap.get(v) || "", T = l.reduce((M, A) => {
-          const N = this.getItemValue(S, A) ?? "";
+        const L = this.rowIndexRowKeyMap.get(v) || "", T = h.reduce((M, A) => {
+          const N = this.getItemValue(L, A) ?? "";
           return `${M}${N}`;
         }, "");
         if (_ === T)
@@ -2202,8 +2202,8 @@ class hi {
           break;
       }
       for (let v = e; v <= this.ctx.maxRowIndex; v++) {
-        const S = this.rowIndexRowKeyMap.get(v) || "", T = l.reduce((M, A) => {
-          const N = this.getItemValue(S, A) ?? "";
+        const L = this.rowIndexRowKeyMap.get(v) || "", T = h.reduce((M, A) => {
+          const N = this.getItemValue(L, A) ?? "";
           return `${M}${N}`;
         }, "");
         if (_ === T)
@@ -2212,12 +2212,12 @@ class hi {
           break;
       }
       for (let v = w; v < e; v++) {
-        const { height: S } = this.positions[v];
-        E += S;
+        const { height: L } = this.positions[v];
+        E += L;
       }
       for (let v = w; v <= m; v++) {
-        const { height: S } = this.positions[v];
-        O += S;
+        const { height: L } = this.positions[v];
+        O += L;
         const T = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(T), A = this.getItemValue(T, i);
         b.push({
           rowKey: T,
@@ -2233,8 +2233,8 @@ class hi {
         const v = this.getColumnByColIndex(_);
         if (!v)
           break;
-        const S = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
-        if (S === T && c.includes(v.key))
+        const L = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
+        if (L === T && c.includes(v.key))
           C = _;
         else
           break;
@@ -2243,8 +2243,8 @@ class hi {
         const v = this.getColumnByColIndex(_);
         if (!v)
           break;
-        const S = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
-        if (S === T && c.includes(v.key))
+        const L = this.getItemValue(s, i), T = this.getItemValue(s, v.key);
+        if (L === T && c.includes(v.key))
           y = _;
         else
           break;
@@ -2328,7 +2328,7 @@ class hi {
     return i;
   }
 }
-class li {
+class hi {
   constructor(t) {
     a(this, "ctx");
     a(this, "history", []);
@@ -2390,18 +2390,27 @@ class ci {
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "blur", this.handleOutsideMousedown.bind(this)), this.bind(window, "mousedown", this.handleOutsideMousedown.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this));
+    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "blur", this.handleOutsideMousedown.bind(this)), this.bind(window, "mousedown", this.handleOutsideMousedown.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchstart", this.handleTouchstart.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.bind(this), { passive: !1 }), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this)), document.addEventListener("selectionchange", this.selectionchange.bind(this));
+  }
+  selectionchange() {
+    this.ctx.domSelectionStr = "";
+    const t = window.getSelection();
+    t && t.toString() && (this.ctx.domSelectionStr = t.toString());
+  }
+  clearDomSelection() {
+    const t = window.getSelection();
+    t && !t.isCollapsed && t.removeAllRanges();
   }
   destroy() {
     this.eventTasks.forEach((t, e) => {
       this.unbind(window, e, t);
-    }), this.eventTasks.clear();
+    }), document.removeEventListener("selectionchange", this.selectionchange.bind(this)), this.eventTasks.clear();
   }
   handleResize(t) {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
   }
   handleMouseDown(t) {
-    t.button === 0 && (this.ctx.mousedown = !0), this.ctx.containerElement.focus({ preventScroll: !0 }), this.ctx.emit("mousedown", t);
+    this.clearDomSelection(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.containerElement.focus({ preventScroll: !0 }), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
     this.ctx.emit("mousemove", t);
@@ -2524,21 +2533,21 @@ class fi {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: n, shadowWidth: l, colorStart: c, colorEnd: d } = r;
+    const { fillColor: o, side: n, shadowWidth: h, colorStart: c, colorEnd: d } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (n) {
       case "left":
-        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
+        f = this.ctx.createLinearGradient(t - h, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - h, e, h, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + l, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + h, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, h, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
+        f = this.ctx.createLinearGradient(t, e - h, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - h, i, h);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + l), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + h), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, h);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -2559,11 +2568,11 @@ class fi {
   drawImage(t, e, i, s, r) {
     this.ctx.save(), this.ctx.drawImage(t, e, i, s, r), this.ctx.restore();
   }
-  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: n, radius: l = 0 } = {}) {
-    if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), l === 0)
+  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: n, radius: h = 0 } = {}) {
+    if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, x] = typeof l == "number" ? [l, l, l, l] : l;
+      const [c, d, f, x] = typeof h == "number" ? [h, h, h, h] : h;
       this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + c, e, c);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
@@ -2582,16 +2591,16 @@ class fi {
     this.ctx.save();
     const {
       font: n = "12px Arial",
-      align: l = "center",
+      align: h = "center",
       color: c = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = o;
-    this.ctx.font = n, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = l;
+    this.ctx.font = n, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
     let x = 0;
     f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
     let g = 0;
-    l === "left" ? g = e + d : l === "right" ? g = e + s - d : g = e + s / 2;
+    h === "left" ? g = e + d : h === "right" ? g = e + s - d : g = e + s / 2;
     const { _text: p, ellipsis: u } = this.handleEllipsis(t, s, d, n);
     return this.ctx.fillText(p, g, x), this.ctx.restore(), u;
   }
@@ -2602,8 +2611,8 @@ class fi {
         _text: "",
         ellipsis: r
       };
-    const n = this.ctx.measureText("...").width, l = this.ctx.measureText(t).width;
-    if (l && l + n >= e - i * 2) {
+    const n = this.ctx.measureText("...").width, h = this.ctx.measureText(t).width;
+    if (h && h + n >= e - i * 2) {
       r = !0;
       let c = 0;
       for (let d = 0; d < t.length; d++)
@@ -2897,15 +2906,15 @@ class xi {
       c.setAttribute("fill", e);
     });
     const n = new Image();
-    let l = "";
+    let h = "";
     if (i) {
       const c = new Blob([new XMLSerializer().serializeToString(o)], {
         type: "image/svg+xml"
       });
-      l = URL.createObjectURL(c);
+      h = URL.createObjectURL(c);
     } else
-      l = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(o));
-    return n.src = l, new Promise((c, d) => {
+      h = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(new XMLSerializer().serializeToString(o));
+    return n.src = h, new Promise((c, d) => {
       n.onerror = () => d(new Error("Failed to load image")), n.onload = () => {
         c(n);
       };
@@ -2916,8 +2925,8 @@ class xi {
   }
 }
 class oe extends re {
-  constructor(e, i, s, r, o, n, l) {
-    super(e, s, r, o, n, "header", l.fixed);
+  constructor(e, i, s, r, o, n, h) {
+    super(e, s, r, o, n, "header", h.fixed);
     a(this, "align");
     a(this, "verticalAlign", "middle");
     a(this, "fixed");
@@ -2936,6 +2945,8 @@ class oe extends re {
     a(this, "key");
     a(this, "required", !1);
     a(this, "readonly", !1);
+    a(this, "ellipsis", !1);
+    a(this, "overflowTooltipShow", !0);
     a(this, "children", []);
     a(this, "column");
     a(this, "colIndex");
@@ -2946,6 +2957,8 @@ class oe extends re {
     a(this, "style", {});
     a(this, "drawX", 0);
     a(this, "drawY", 0);
+    a(this, "visibleWidth", 0);
+    a(this, "visibleHeight", 0);
     a(this, "drawCellBgColor", "");
     a(this, "drawTextColor", "");
     a(this, "drawImageX", 0);
@@ -2954,7 +2967,7 @@ class oe extends re {
     a(this, "drawImageHeight", 0);
     a(this, "drawImageName", "");
     a(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = l.key, this.minWidth = l.minWidth, this.maxWidth = l.maxWidth, this.type = l.type || "", this.editorType = l.editorType || "text", this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.rowKey = Jt(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.visibleWidth = o, this.visibleHeight = n, this.colIndex = i, this.key = h.key, this.minWidth = h.minWidth, this.maxWidth = h.maxWidth, this.type = h.type || "", this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan || 1, this.widthFillDisable = h.widthFillDisable || !1, this.rowspan = h.rowspan || 1, this.rules = h.rules, this.readonly = h.readonly || !1, this.required = h.required || !1, this.rowKey = Jt(), this.overflowTooltipShow = h.overflowTooltipHeaderShow !== !1, this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2974,11 +2987,11 @@ class oe 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 n = e, { backgroundColor: l, color: c } = n({
+      const n = e, { backgroundColor: h, color: c } = n({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      l && (r = l), c && (o = c);
+      h && (r = h), c && (o = c);
     }
     this.drawCellBgColor = r, this.drawTextColor = o;
   }
@@ -2989,11 +3002,11 @@ class oe extends re {
     const {
       paint: e,
       config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: r, BORDER: o }
-    } = this.ctx, { drawX: n, drawY: l, displayText: c } = this;
-    e.drawRect(n, l, this.width, this.height, {
+    } = this.ctx, { drawX: n, drawY: h, displayText: c } = this;
+    e.drawRect(n, h, this.width, this.height, {
       borderColor: o ? i : "transparent",
       fillColor: this.drawCellBgColor
-    }), e.drawText(c, n, l, this.width, this.height, {
+    }), this.ellipsis = e.drawText(c, n, h, this.width, this.height, {
       font: r,
       padding: s,
       color: this.drawTextColor,
@@ -3014,9 +3027,9 @@ class oe extends re {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, c = this.drawX + (e - l) / 2, d = this.drawY + (i - l) / 2;
+      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
       let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -3107,13 +3120,13 @@ class ui {
       this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default");
       const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
-        this.ctx.emit("cellHeaderMouseenter", s, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== s && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(s, t), this.ctx.hoverCellHeader !== s && (this.ctx.hoverCellHeader = s, this.ctx.emit("cellHeaderHoverChange", s));
+        this.ctx.emit("cellHeaderMouseenter", s, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== s && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(s, t), this.ctx.hoverCellHeader !== s && (this.ctx.hoverCellHeader = s, this.visibleHoverCell = void 0, this.ctx.emit("cellHeaderHoverChange", s, t));
       }), this.handleBodyEvent(
         i,
         e,
         this.ctx.body.renderRows,
         (s) => {
-          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.emit("visibleCellHoverChange", s, t));
+          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
         },
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
@@ -3153,10 +3166,10 @@ class ui {
           colIndex: t.colIndex,
           column: t.column,
           value: t.getValue()
-        }).then((l) => {
-          this.ctx.database.setExpandChildren(t.rowKey, l), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
-        }).catch((l) => {
-          this.ctx.database.expandLoading(t.rowKey, !1), console.error(l);
+        }).then((h) => {
+          this.ctx.database.setExpandChildren(t.rowKey, h), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+        }).catch((h) => {
+          this.ctx.database.expandLoading(t.rowKey, !1), console.error(h);
         }));
       else {
         const n = this.ctx.database.getIsExpand(t.rowKey);
@@ -3188,15 +3201,15 @@ class ui {
     if (this.isInsideBody(e))
       for (const o of i) {
         const n = o.fixedCells.concat(o.noFixedCells);
-        for (const l of n) {
-          const c = l.getDrawX(), d = l.getDrawY();
+        for (const h of n) {
+          const c = h.getDrawX(), d = h.getDrawY();
           if (r) {
-            if (t > c && t < c + l.visibleWidth && e > d && e < d + l.visibleHeight) {
-              s(l);
+            if (t > c && t < c + h.visibleWidth && e > d && e < d + h.visibleHeight) {
+              s(h);
               return;
             }
-          } else if (t > c && t < c + l.width && e > d && e < d + l.height) {
-            s(l);
+          } else if (t > c && t < c + h.width && e > d && e < d + h.height) {
+            s(h);
             return;
           }
         }
@@ -3234,6 +3247,7 @@ class gi {
     a(this, "stageHeight", 0);
     a(this, "paint");
     a(this, "icons");
+    a(this, "domSelectionStr", "");
     a(this, "isMouseoverTargetContainer", !1);
     a(this, "mousedown", !1);
     a(this, "isPointer", !1);
@@ -3330,10 +3344,10 @@ class gi {
       canvasElement: r,
       overlayerElement: o,
       editorElement: n,
-      emptyElement: l,
+      emptyElement: h,
       contextMenuElement: c
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = l, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new ui(this), this.paint = new fi(this.canvasElement), this.database = new hi(this, e), this.history = new li(this), this.icons = new xi(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new ui(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new xi(this);
   }
   setConfig(t) {
     this.config = new Wt(t);
@@ -3342,8 +3356,8 @@ class gi {
     if (this.config.ENABLE_MERGE_CELL_LINK) {
       const o = this.database.getVirtualBodyCellByKey(t, e);
       if (o && (o.mergeRow || o.mergeCol)) {
-        const { dataList: n } = o.getSpanInfo(), l = n.map((c) => ({ ...c, value: i }));
-        this.database.batchSetItemValue(l, s);
+        const { dataList: n } = o.getSpanInfo(), h = n.map((c) => ({ ...c, value: i }));
+        this.database.batchSetItemValue(h, s);
         return;
       }
     }
@@ -3357,7 +3371,7 @@ class gi {
         if (r === void 0 || o === void 0) return;
         const n = this.database.getVirtualBodyCell(r, o);
         if (n) {
-          const { dataList: l } = n.getSpanInfo(), c = l.map((d) => ({ ...d, value: s.value }));
+          const { dataList: h } = n.getSpanInfo(), c = h.map((d) => ({ ...d, value: s.value }));
           i.push(...c);
         }
       }), this.database.batchSetItemValue(i, e);
@@ -3402,7 +3416,7 @@ class gi {
     for (let r = 0; r <= e[1] - e[0]; r++) {
       const o = [];
       for (let n = 0; n <= i[1] - i[0]; n++) {
-        const l = r + e[0], c = n + i[0], d = this.database.getItemValueForRowIndexAndColIndex(l, c);
+        const h = r + e[0], c = n + i[0], d = this.database.getItemValueForRowIndexAndColIndex(h, c);
         d && o.push(d.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
@@ -3523,8 +3537,8 @@ class zt {
     if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, o === 0 || s == this.clientX && r == this.clientY) return;
     let n = 0;
     if (this.type === "horizontal" ? n = s - this.clientX : n = r - this.clientY, this.isDragging && n !== 0) {
-      let l = 0;
-      this.type === "vertical" ? l = this.dragStart + n / (this.visibleDistance - this.barHeight) * this.distance : l = this.dragStart + n / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(l, this.distance));
+      let h = 0;
+      this.type === "vertical" ? h = this.dragStart + n / (this.visibleDistance - this.barHeight) * this.distance : h = this.dragStart + n / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(h, this.distance));
     }
   }
   isPointInElement(t, e, i, s, r, o) {
@@ -3550,21 +3564,21 @@ class zt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0, BORDER: n }
-    } = this.ctx, l = s, c = i, d = e.height, f = e.width, x = t.height, g = this.ctx.footer.height;
+    } = this.ctx, h = s, c = i, d = e.height, f = e.width, x = t.height, g = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = c - r - d, this.distance = x - this.visibleDistance + g, this.trackX = l - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
+      this.visibleDistance = c - r - d, this.distance = x - this.visibleDistance + g, this.trackX = h - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
       const p = this.distance ? this.visibleDistance / (x + g) : 0;
       let u = Math.floor(p * this.visibleDistance);
       u < 30 ? u = 30 : u > this.visibleDistance && (u = 0), this.barHeight = u, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = l - r, this.distance = f - this.visibleDistance, this.splitPoints = [
-        l - r,
+      this.visibleDistance = h - r, this.distance = f - this.visibleDistance, this.splitPoints = [
+        h - r,
         c - r,
-        l - r,
+        h - r,
         c
       ];
       const p = n ? 0 : 0.5;
-      this.trackX = 0, this.trackY = c - r + p, this.trackWidth = l, this.trackHeight = r;
+      this.trackX = 0, this.trackY = c - r + p, this.trackWidth = h, this.trackHeight = r;
       const u = this.distance ? this.visibleDistance / f : 0;
       let w = Math.floor(u * this.visibleDistance);
       this.barY = this.trackY - 1 + (r - o) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = o, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
@@ -3706,16 +3720,16 @@ class pi {
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = te(i), r = _t(i);
     this.height = t * s, this.width = r.reduce((f, x) => {
-      const { width: g = 100, maxWidth: p, minWidth: u } = x;
+      const g = x.width || 100, { maxWidth: p, minWidth: u } = x;
       return p && g > p ? f + p : u && g < u ? f + u : f + g;
     }, 0), this.visibleHeight = this.height;
     const o = ei(ee(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const n = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(n.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth + "px", this.visibleWidth = this.ctx.stageWidth - e;
-    const l = this.visibleWidth - this.width;
-    if (this.resizeNum && l > 0) {
-      const f = Math.floor(l / this.resizeNum * 100) / 100;
+    const h = this.visibleWidth - this.width;
+    if (this.resizeNum && h > 0) {
+      const f = Math.floor(h / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
@@ -3740,8 +3754,8 @@ class pi {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const r = this.resizeTarget.width, o = this.resizeTarget.minWidth, n = this.resizeTarget.maxWidth;
-        let l = e.clientX - this.clientX;
-        l + r < s && (l = -(r - s)), o && l + r < o && (l = -(r - o)), n && l + r > n && (l = n - r), this.resizeDiff = l, this.ctx.emit("draw");
+        let h = e.clientX - this.clientX;
+        h + r < s && (h = -(r - s)), o && h + r < o && (h = -(r - o)), n && h + r > n && (h = n - r), this.resizeDiff = h, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -3752,9 +3766,9 @@ class pi {
         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: n, offsetY: l } = this.ctx.getOffset(e), c = n, d = o.getDrawX();
+          const { offsetX: n, offsetY: h } = this.ctx.getOffset(e), c = n, d = o.getDrawX();
           c > d + o.width - 5 && c < d + o.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
-          o.colspan <= 1 && this.ctx.isTarget(e) && l <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
+          o.colspan <= 1 && this.ctx.isTarget(e) && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
     }));
@@ -3808,10 +3822,10 @@ class pi {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const n = t[o], l = r * (n.rowspan || 0), c = r * (n.level || 0);
+      const n = t[o], h = r * (n.rowspan || 0), c = r * (n.level || 0);
       let { minWidth: d, maxWidth: f } = n, x = n.width || 100;
       d && x < d && (x = d), f && x > f && (x = f), n.children && (x = _t(n.children).reduce((u, w) => u + ((w == null ? void 0 : w.width) || 100), 0));
-      const g = new oe(this.ctx, this.columnIndex, s, c, x, l, n);
+      const g = new oe(this.ctx, this.columnIndex, s, c, x, h, n);
       this.ctx.database.setHeader(n.key, g), this.allCellHeaders.push(g), n.children || (this.leafCellHeaders.push(g), g.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(g) : n.fixed === "right" ? this.fixedRightCellHeaders.push(g) : this.centerCellHeaders.push(g), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += x;
     }
   }
@@ -3843,8 +3857,8 @@ class pi {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - r - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + r - e;
-      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
+      const h = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(h, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3886,7 +3900,7 @@ class pi {
   }
 }
 class ne {
-  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, l = "body") {
+  constructor(t, e, i = 0, s = 0, r = 0, o = 0, n, h = "body") {
     a(this, "ctx");
     a(this, "x", 0);
     a(this, "y", 0);
@@ -3899,7 +3913,7 @@ class ne {
     a(this, "rowKey", "");
     a(this, "rowType", "body");
     a(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = l, this.data = n, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = h, this.data = n, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
@@ -3977,7 +3991,7 @@ class mi {
         FOOTER_FIXED: r,
         SCROLLER_TRACK_SIZE: o = 0,
         HEIGHT: n,
-        EMPTY_BODY_HEIGHT: l = 0,
+        EMPTY_BODY_HEIGHT: h = 0,
         MAX_HEIGHT: c = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
@@ -3990,7 +4004,7 @@ class mi {
     const { data: g, sumHeight: p } = s.getData();
     this.height = p, this.data = g, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
     const u = this.ctx.footer.height;
-    !this.data.length && !n ? this.height = l : !this.data.length && n && (this.height = n - e.height - u - o);
+    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - u - o);
     let w = this.height + e.height + o;
     w += u;
     let m = w;
@@ -4012,7 +4026,7 @@ class mi {
       bodyHeight: this.height,
       footerHeight: u,
       width: this.width,
-      height: this.data.length ? 0 : l + u
+      height: this.data.length ? 0 : h + u
     });
     const _ = Math.round(t.width / E * 1e4) / 1e4, v = Math.round(t.height / E * 1e4) / 1e4;
     this.ctx.canvasElement.setAttribute("style", `height:${v}px;width:${_}px;`), this.ctx.paint.scale(E);
@@ -4035,7 +4049,7 @@ class mi {
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, n = e.clientY, {
-        stageHeight: l,
+        stageHeight: h,
         scrollY: c,
         config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
@@ -4055,7 +4069,7 @@ class mi {
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
           const x = this.renderRows[f];
-          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < l - 4)
+          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < h - 4)
             for (let p = 0; p < x.cells.length; p++) {
               const u = x.cells[p];
               o > u.drawX + 10 && o < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
@@ -4104,8 +4118,8 @@ class mi {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - r - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + r - e;
-      this.ctx.paint.drawShadow(l, this.y, e, this.height, {
+      const h = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(h, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -4133,12 +4147,12 @@ class mi {
       config: { CELL_HEIGHT: s }
     } = this.ctx, r = i, { data: o, positions: n } = e.getData();
     this.ctx.maxRowIndex = o.length - 1;
-    let l = this.binarySearch(n, r), c = this.binarySearch(n, r + this.visibleHeight);
-    if (c === -1 && (c = this.ctx.maxRowIndex), l === -1 && c === this.ctx.maxRowIndex) {
+    let h = this.binarySearch(n, r), c = this.binarySearch(n, r + this.visibleHeight);
+    if (c === -1 && (c = this.ctx.maxRowIndex), h === -1 && c === this.ctx.maxRowIndex) {
       const f = Math.floor(this.visibleHeight / s);
-      l = this.ctx.maxRowIndex - f;
+      h = this.ctx.maxRowIndex - f;
     }
-    this.headIndex = Math.max(0, l), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = o.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
+    this.headIndex = Math.max(0, h), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = o.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
       const x = this.headIndex + f, g = this.visibleRows[f], { height: p, top: u } = this.ctx.database.getPositionForRowIndex(x), w = new ne(this.ctx, x, 0, u + this.y, t.width, p, g);
@@ -4189,8 +4203,8 @@ class yi {
       stageWidth: r,
       config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
     } = this.ctx;
-    let l = this.y;
-    if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
+    let h = this.y;
+    if (this.ctx.config.FOOTER_FIXED || (h = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, h, t, this.height, {
       fillColor: o,
       side: "right",
       shadowWidth: 4,
@@ -4198,7 +4212,7 @@ class yi {
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - r - 1) && e !== n) {
       const c = s.width - (this.x + this.width) + r - e;
-      this.ctx.paint.drawShadow(c, l, e, this.height, {
+      this.ctx.paint.drawShadow(c, h, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -4271,13 +4285,13 @@ class Ei {
         this.isMultipleRow || this.mouseenter();
       }
     }), this.ctx.on("cellMousedown", (t, e) => {
-      if (this.ctx.isTarget(e) && this.ctx.stageElement.style.cursor !== "pointer" && !this.ctx.isPointer && this.ctx.stageElement.style.cursor !== "crosshair") {
-        if (t.operation) {
-          this.isMultipleRow = !0, this.selectRows(t);
-          return;
-        }
-        e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey), this.ctx.emit("selectorClick", t);
+      if (!this.ctx.isTarget(e) || this.ctx.stageElement.style.cursor === "pointer" || this.ctx.isPointer || this.ctx.stageElement.style.cursor === "crosshair")
+        return;
+      if (t.operation) {
+        this.isMultipleRow = !0, this.selectRows(t);
+        return;
       }
+      window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey), this.ctx.emit("selectorClick", t);
     }), this.ctx.on("mouseup", () => {
       this.mousedownHeader = !1;
       const t = setTimeout(() => {
@@ -4286,7 +4300,9 @@ class Ei {
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHeaderMousedown", (t, e) => {
-      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || (e.preventDefault(), this.mousedownHeader = !0, this.selectCols(t)));
+      if (this.ctx.stageElement.style.cursor === "pointer" || this.ctx.isPointer)
+        return;
+      window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.mousedownHeader = !0, this.selectCols(t);
     }), this.ctx.on("keydown", (t) => {
       if (!this.ctx.editing) {
         if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
@@ -4354,12 +4370,12 @@ class Ei {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
         SELECTOR_AREA_MIN_X: n,
-        SELECTOR_AREA_MAX_X: l,
+        SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, g = n, p = l || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
       let [m, C] = r, [y, b] = o;
       if (m < g || C > p || y < u || b > w)
         return;
@@ -4385,11 +4401,11 @@ class Ei {
   adjustMergeCells(t, e) {
     var p;
     const [i, s] = e, [r, o] = t;
-    let n = [], l = [];
+    let n = [], h = [];
     for (let u = 0; u <= e[1] - e[0]; u++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
         const m = u + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(m, C);
-        y && ((m === i || m === s) && n.push(y), (C === r || C === o) && l.push(y));
+        y && ((m === i || m === s) && n.push(y), (C === r || C === o) && h.push(y));
       }
     const c = n.reduce(
       (u, w) => {
@@ -4400,7 +4416,7 @@ class Ei {
         minY: i,
         maxY: s
       }
-    ), d = l.reduce(
+    ), d = h.reduce(
       (u, w) => {
         const { xArr: m } = w.getSpanInfo(), [C, y] = m;
         return u.minX = Math.min(u.minX, C), u.maxX = Math.max(u.maxX, y), u;
@@ -4432,15 +4448,15 @@ class Ei {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: n } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= n) {
-        const l = [n, t.colIndex + t.colspan - 1], c = [r, o];
-        this.setSelector(l, c);
+        const h = [n, t.colIndex + t.colspan - 1], c = [r, o];
+        this.setSelector(h, c);
       } else {
-        const l = [t.colIndex, n], c = [r, o];
-        this.setSelector(l, c);
+        const h = [t.colIndex, n], c = [r, o];
+        this.setSelector(h, c);
       }
     } else {
-      const n = [t.colIndex, t.colIndex + t.colspan - 1], l = [r, o];
-      this.setSelector(n, l);
+      const n = [t.colIndex, t.colIndex + t.colspan - 1], h = [r, o];
+      this.setSelector(n, h);
     }
   }
   selectAll() {
@@ -4454,8 +4470,8 @@ class Ei {
         SELECTOR_AREA_MIN_Y: r,
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: n,
-        SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - l, g = [c, d], p = [f, x];
+        SELECTOR_AREA_MAX_Y_OFFSET: h
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h, g = [c, d], p = [f, x];
       this.setSelector(g, p);
     }
   }
@@ -4465,16 +4481,16 @@ class Ei {
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, n = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const l = [n, o], c = [t.rowIndex, t.rowIndex];
-      this.setSelector(l, c);
+      const h = [n, o], c = [t.rowIndex, t.rowIndex];
+      this.setSelector(h, c);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: l } = this.ctx.focusCell;
-      if (t.rowIndex >= l) {
-        const c = [n, o], d = [l, t.rowIndex];
+      const { rowIndex: h } = this.ctx.focusCell;
+      if (t.rowIndex >= h) {
+        const c = [n, o], d = [h, t.rowIndex];
         this.setSelector(c, d);
       } else {
-        const c = [n, o], d = [t.rowIndex, l];
+        const c = [n, o], d = [t.rowIndex, h];
         this.setSelector(c, d);
       }
     }
@@ -4484,7 +4500,7 @@ class Ei {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [o, n], f = [l, c];
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [o, n], f = [h, c];
       this.setSelector(d, f);
     }
   }
@@ -4494,7 +4510,7 @@ class Ei {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, l = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [l, c], g = [d, f];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [h, c], g = [d, f];
         this.setSelector(x, g);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -4520,7 +4536,7 @@ class Ei {
    * @returns
    */
   copy() {
-    if (!this.ctx.config.ENABLE_COPY)
+    if (!this.ctx.config.ENABLE_COPY || this.ctx.domSelectionStr)
       return;
     let { value: t, xArr: e, yArr: i } = this.ctx.getSelectedData();
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(e, i))
@@ -4560,8 +4576,8 @@ class Ei {
     let s = [];
     const r = /* @__PURE__ */ new Set();
     for (let n = 0; n <= e[1] - e[0]; n++)
-      for (let l = 0; l <= t[1] - t[0]; l++) {
-        const c = n + e[0], d = l + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
+      for (let h = 0; h <= t[1] - t[0]; h++) {
+        const c = n + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
         if (f) {
           const { rowKey: x, key: g } = f;
           this.ctx.database.getReadonly(x, g) || (r.add(x), s.push({
@@ -4593,7 +4609,7 @@ class Ei {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (r) => {
         let o = si(r);
-        const n = [i, i + o[0].length - 1], l = [e, e + o.length - 1], [c, d] = l, [f, x] = n, g = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
+        const n = [i, i + o[0].length - 1], h = [e, e + o.length - 1], [c, d] = h, [f, x] = n, g = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
         (g > 0 || p > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
           maxX: x,
@@ -4604,7 +4620,7 @@ class Ei {
           textArr: o
         });
         const u = o.length === 1 && o[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, l) && !u) {
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !u) {
           const y = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
@@ -4621,10 +4637,10 @@ class Ei {
               O
             );
             if (_) {
-              const { rowKey: v, key: S } = _;
-              this.ctx.database.getReadonly(v, S) || (s.add(v), w.push({
+              const { rowKey: v, key: L } = _;
+              this.ctx.database.getReadonly(v, L) || (s.add(v), w.push({
                 rowKey: v,
-                key: S,
+                key: L,
                 value: I,
                 row: {}
                 //内部有设置
@@ -4654,7 +4670,7 @@ class Ei {
             oldValue: this.ctx.database.getItemValue(E.rowKey, E.key),
             row: this.ctx.database.getRowDataItemForRowKey(E.rowKey)
           }));
-          if (w = await y(b, n, l, o), w && !w.length)
+          if (w = await y(b, n, h, o), w && !w.length)
             return;
         }
         this.clearCopyLine(), this.ctx.batchSetItemValueByEditor(w, !0);
@@ -4677,7 +4693,7 @@ class Ei {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const r = 0, o = 0, n = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
+    const r = 0, o = 0, n = this.ctx.maxColIndex, h = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > r && i--;
@@ -4689,7 +4705,7 @@ class Ei {
         i < n && i++;
         break;
       case "BOTTOM":
-        s < l && s++;
+        s < h && s++;
         break;
     }
     const c = [i, i], d = [s, s], f = this.getCell(s, i);
@@ -4706,8 +4722,8 @@ class Ei {
       SELECTOR_AREA_MIN_Y: r,
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: n,
-      SELECTOR_AREA_MAX_Y_OFFSET: l
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - l;
+      SELECTOR_AREA_MAX_Y_OFFSET: h
+    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h;
     return !(e < c || e > d || t < f || t > x);
   }
   /**
@@ -4721,7 +4737,7 @@ class Ei {
       let n = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         n *= 1.5;
-        const { scrollX: l } = this.ctx, c = l + n;
+        const { scrollX: h } = this.ctx, c = h + n;
         (c < 0 || c > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(c);
       }, 100);
     }
@@ -4730,7 +4746,7 @@ class Ei {
       let n = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         n *= 1.5;
-        const { scrollY: l } = this.ctx, c = l + n;
+        const { scrollY: h } = this.ctx, c = h + n;
         (c < 0 || c > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(c);
       }, 100);
     }
@@ -4747,7 +4763,7 @@ class Ei {
       fixedLeftWidth: r,
       header: o,
       footer: n,
-      body: l,
+      body: h,
       scrollX: c,
       scrollY: d,
       config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: p }
@@ -4757,12 +4773,12 @@ class Ei {
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
     const { drawX: u, drawY: w, width: m, height: C, fixed: y } = i, b = r - u + 1, E = i.drawX + m - (e - s) + 1;
     let R = o.height - w, O = C;
-    O > l.visibleHeight && (O = l.visibleHeight);
+    O > h.visibleHeight && (O = h.visibleHeight);
     let I = 0;
     x && (g === "top" ? R = o.height + n.height - w : I = n.visibleHeight);
     const _ = w + O - (t - I - f);
-    let v = c, S = d;
-    E > 0 && !y ? v = Math.floor(c + E) : b > 0 && !y && (v = Math.floor(c - b)), R > 0 ? S = Math.floor(d - R) : _ > 0 && (S = Math.floor(d + _)), (Math.abs(c - v) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, S), this.ctx.emit("adjustBoundaryPosition", i));
+    let v = c, L = d;
+    E > 0 && !y ? v = Math.floor(c + E) : b > 0 && !y && (v = Math.floor(c - b)), R > 0 ? L = Math.floor(d - R) : _ > 0 && (L = Math.floor(d + _)), (Math.abs(c - v) > 2 || Math.abs(d - L) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, L), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4778,7 +4794,7 @@ class Ci {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: r, drawX: o, drawY: n, width: l, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, x = o + l - d + f, g = n + c - d + f;
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: r, drawX: o, drawY: n, width: h, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, x = o + h - d + f, g = n + c - d + f;
       e > x && i > g && e < x + d && i < g + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], r = i[1], { colIndex: o, rowIndex: n } = t;
@@ -4811,22 +4827,22 @@ class Ci {
       return;
     let o = t, n = e;
     if (!r) {
-      const [l] = n;
-      n = [l, l];
+      const [h] = n;
+      n = [h, h];
     }
     if (!s) {
-      const [l] = o;
-      o = [l, l];
+      const [h] = o;
+      o = [h, h];
     }
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(n)) {
       const {
-        SELECTOR_AREA_MIN_X: l,
+        SELECTOR_AREA_MIN_X: h,
         SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: g
-      } = this.ctx.config, p = l, u = c || this.ctx.maxColIndex - x, w = d, m = f || this.ctx.maxRowIndex - g;
+      } = this.ctx.config, p = h, u = c || this.ctx.maxColIndex - x, w = d, m = f || this.ctx.maxRowIndex - g;
       let [C, y] = o, [b, E] = n;
       if (C < p || b < w)
         return;
@@ -4855,8 +4871,8 @@ class Ci {
         const u = g + e.yArr[0], w = p + e.xArr[0];
         i.set(`${u}-${w}`, !0);
       }
-    const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr, c = r === 1 && o === 1;
-    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, l) && !c) {
+    const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr, c = r === 1 && o === 1;
+    if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !c) {
       const g = {
         code: "ERR_MERGED_CELLS_AUTOFILL",
         message: "Merged cells cannot span autofill data"
@@ -4865,9 +4881,9 @@ class Ci {
       return;
     }
     let d = [];
-    for (let g = 0; g <= l[1] - l[0]; g++)
+    for (let g = 0; g <= h[1] - h[0]; g++)
       for (let p = 0; p <= n[1] - n[0]; p++) {
-        const u = p + n[0], w = g + l[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), y = `${w}-${u}`;
+        const u = p + n[0], w = g + h[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), y = `${w}-${u}`;
         if (C && !i.has(y)) {
           const { rowKey: b, key: E } = C;
           this.ctx.database.getReadonly(b, E) || (t.add(b), d.push({
@@ -4890,7 +4906,7 @@ class Ci {
         oldValue: this.ctx.database.getItemValue(u.rowKey, u.key),
         row: this.ctx.database.getRowDataItemForRowKey(u.rowKey)
       }));
-      if (d = await g(p, n, l), d && !d.length)
+      if (d = await g(p, n, h), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
@@ -4911,9 +4927,9 @@ class Ci {
   destroy() {
   }
 }
-const rt = Math.min, U = Math.max, ft = Math.round, z = (h) => ({
-  x: h,
-  y: h
+const rt = Math.min, U = Math.max, ft = Math.round, z = (l) => ({
+  x: l,
+  y: l
 }), bi = {
   left: "right",
   right: "left",
@@ -4923,46 +4939,46 @@ const rt = Math.min, U = Math.max, ft = Math.round, z = (h) => ({
   start: "end",
   end: "start"
 };
-function It(h, t, e) {
-  return U(h, rt(t, e));
+function It(l, t, e) {
+  return U(l, rt(t, e));
 }
-function at(h, t) {
-  return typeof h == "function" ? h(t) : h;
+function at(l, t) {
+  return typeof l == "function" ? l(t) : l;
 }
-function G(h) {
-  return h.split("-")[0];
+function G(l) {
+  return l.split("-")[0];
 }
-function ht(h) {
-  return h.split("-")[1];
+function lt(l) {
+  return l.split("-")[1];
 }
-function ae(h) {
-  return h === "x" ? "y" : "x";
+function ae(l) {
+  return l === "x" ? "y" : "x";
 }
-function Mt(h) {
-  return h === "y" ? "height" : "width";
+function Mt(l) {
+  return l === "y" ? "height" : "width";
 }
-function J(h) {
-  return ["top", "bottom"].includes(G(h)) ? "y" : "x";
+function J(l) {
+  return ["top", "bottom"].includes(G(l)) ? "y" : "x";
 }
-function Ht(h) {
-  return ae(J(h));
+function Ht(l) {
+  return ae(J(l));
 }
-function Ri(h, t, e) {
+function Ri(l, t, e) {
   e === void 0 && (e = !1);
-  const i = ht(h), s = Ht(h), r = Mt(s);
+  const i = lt(l), s = Ht(l), r = Mt(s);
   let o = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (o = xt(o)), [o, xt(o)];
 }
-function _i(h) {
-  const t = xt(h);
-  return [Ot(h), t, Ot(t)];
+function _i(l) {
+  const t = xt(l);
+  return [Ot(l), t, Ot(t)];
 }
-function Ot(h) {
-  return h.replace(/start|end/g, (t) => vi[t]);
+function Ot(l) {
+  return l.replace(/start|end/g, (t) => vi[t]);
 }
-function Ii(h, t, e) {
+function Ii(l, t, e) {
   const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
-  switch (h) {
+  switch (l) {
     case "top":
     case "bottom":
       return e ? t ? s : i : t ? i : s;
@@ -4973,38 +4989,38 @@ function Ii(h, t, e) {
       return [];
   }
 }
-function Oi(h, t, e, i) {
-  const s = ht(h);
-  let r = Ii(G(h), e === "start", i);
+function Oi(l, t, e, i) {
+  const s = lt(l);
+  let r = Ii(G(l), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
-function xt(h) {
-  return h.replace(/left|right|bottom|top/g, (t) => bi[t]);
+function xt(l) {
+  return l.replace(/left|right|bottom|top/g, (t) => bi[t]);
 }
-function Li(h) {
+function Si(l) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...h
+    ...l
   };
 }
-function he(h) {
-  return typeof h != "number" ? Li(h) : {
-    top: h,
-    right: h,
-    bottom: h,
-    left: h
+function le(l) {
+  return typeof l != "number" ? Si(l) : {
+    top: l,
+    right: l,
+    bottom: l,
+    left: l
   };
 }
-function ut(h) {
+function ut(l) {
   const {
     x: t,
     y: e,
     width: i,
     height: s
-  } = h;
+  } = l;
   return {
     width: i,
     height: s,
@@ -5016,14 +5032,14 @@ function ut(h) {
     y: e
   };
 }
-function $t(h, t, e) {
+function $t(l, t, e) {
   let {
     reference: i,
     floating: s
-  } = h;
-  const r = J(t), o = Ht(t), n = Mt(o), l = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
+  } = l;
+  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
   let g;
-  switch (l) {
+  switch (h) {
     case "top":
       g = {
         x: d,
@@ -5054,7 +5070,7 @@ function $t(h, t, e) {
         y: i.y
       };
   }
-  switch (ht(t)) {
+  switch (lt(t)) {
     case "start":
       g[o] -= x * (e && c ? -1 : 1);
       break;
@@ -5064,21 +5080,21 @@ function $t(h, t, e) {
   }
   return g;
 }
-const Si = async (h, t, e) => {
+const Li = async (l, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
     middleware: r = [],
     platform: o
-  } = e, n = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
+  } = e, n = r.filter(Boolean), h = await (o.isRTL == null ? void 0 : o.isRTL(t));
   let c = await o.getElementRects({
-    reference: h,
+    reference: l,
     floating: t,
     strategy: s
   }), {
     x: d,
     y: f
-  } = $t(c, i, l), x = i, g = {}, p = 0;
+  } = $t(c, i, h), x = i, g = {}, p = 0;
   for (let u = 0; u < n.length; u++) {
     const {
       name: w,
@@ -5098,7 +5114,7 @@ const Si = async (h, t, e) => {
       rects: c,
       platform: o,
       elements: {
-        reference: h,
+        reference: l,
         floating: t
       }
     });
@@ -5109,13 +5125,13 @@ const Si = async (h, t, e) => {
         ...b
       }
     }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (x = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
-      reference: h,
+      reference: l,
       floating: t,
       strategy: s
     }) : E.rects), {
       x: d,
       y: f
-    } = $t(c, x, l)), u = -1);
+    } = $t(c, x, h)), u = -1);
   }
   return {
     x: d,
@@ -5125,7 +5141,7 @@ const Si = async (h, t, e) => {
     middlewareData: g
   };
 };
-async function le(h, t) {
+async function he(l, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -5134,18 +5150,18 @@ async function le(h, t) {
     platform: r,
     rects: o,
     elements: n,
-    strategy: l
-  } = h, {
+    strategy: h
+  } = l, {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
     altBoundary: x = !1,
     padding: g = 0
-  } = at(t, h), p = he(g), w = n[x ? f === "floating" ? "reference" : "floating" : f], m = ut(await r.getClippingRect({
+  } = at(t, l), p = le(g), w = n[x ? f === "floating" ? "reference" : "floating" : f], m = ut(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
     boundary: c,
     rootBoundary: d,
-    strategy: l
+    strategy: h
   })), C = f === "floating" ? {
     x: i,
     y: s,
@@ -5161,7 +5177,7 @@ async function le(h, t) {
     elements: n,
     rect: C,
     offsetParent: y,
-    strategy: l
+    strategy: h
   }) : C);
   return {
     top: (m.top - E.top + p.top) / b.y,
@@ -5170,9 +5186,9 @@ async function le(h, t) {
     right: (E.right - m.right + p.right) / b.x
   };
 }
-const Ti = (h) => ({
+const Ti = (l) => ({
   name: "arrow",
-  options: h,
+  options: l,
   async fn(t) {
     const {
       x: e,
@@ -5181,20 +5197,20 @@ const Ti = (h) => ({
       rects: r,
       platform: o,
       elements: n,
-      middlewareData: l
+      middlewareData: h
     } = t, {
       element: c,
       padding: d = 0
-    } = at(h, t) || {};
+    } = at(l, t) || {};
     if (c == null)
       return {};
-    const f = he(d), x = {
+    const f = le(d), x = {
       x: e,
       y: i
     }, g = Ht(s), p = Mt(g), u = await o.getDimensions(c), w = g === "y", m = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[g] - x[g] - r.floating[p], E = x[g] - r.reference[g], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let O = R ? R[y] : 0;
     (!O || !await (o.isElement == null ? void 0 : o.isElement(R))) && (O = n.floating[y] || r.floating[p]);
-    const I = b / 2 - E / 2, _ = O / 2 - u[p] / 2 - 1, v = rt(f[m], _), S = rt(f[C], _), T = v, M = O - u[p] - S, A = O / 2 - u[p] / 2 + I, N = It(T, A, M), Y = !l.arrow && ht(s) != null && A !== N && r.reference[p] / 2 - (A < T ? v : S) - u[p] / 2 < 0, k = Y ? A < T ? A - T : A - M : 0;
+    const I = b / 2 - E / 2, _ = O / 2 - u[p] / 2 - 1, v = rt(f[m], _), L = rt(f[C], _), T = v, M = O - u[p] - L, A = O / 2 - u[p] / 2 + I, N = It(T, A, M), Y = !h.arrow && lt(s) != null && A !== N && r.reference[p] / 2 - (A < T ? v : L) - u[p] / 2 < 0, k = Y ? A < T ? A - T : A - M : 0;
     return {
       [g]: x[g] + k,
       data: {
@@ -5207,10 +5223,10 @@ const Ti = (h) => ({
       reset: Y
     };
   }
-}), Ai = function(h) {
-  return h === void 0 && (h = {}), {
+}), Ai = function(l) {
+  return l === void 0 && (l = {}), {
     name: "flip",
-    options: h,
+    options: l,
     async fn(t) {
       var e, i;
       const {
@@ -5218,7 +5234,7 @@ const Ti = (h) => ({
         middlewareData: r,
         rects: o,
         initialPlacement: n,
-        platform: l,
+        platform: h,
         elements: c
       } = t, {
         mainAxis: d = !0,
@@ -5228,12 +5244,12 @@ const Ti = (h) => ({
         fallbackAxisSideDirection: p = "none",
         flipAlignment: u = !0,
         ...w
-      } = at(h, t);
+      } = at(l, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const m = G(s), C = J(n), y = G(n) === n, b = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = x || (y || !u ? [xt(n)] : _i(n)), R = p !== "none";
+      const m = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = x || (y || !u ? [xt(n)] : _i(n)), R = p !== "none";
       !x && R && E.push(...Oi(n, u, p, b));
-      const O = [n, ...E], I = await le(t, w), _ = [];
+      const O = [n, ...E], I = await he(t, w), _ = [];
       let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && _.push(I[m]), f) {
         const A = Ri(s, o, b);
@@ -5243,8 +5259,8 @@ const Ti = (h) => ({
         placement: s,
         overflows: _
       }], !_.every((A) => A <= 0)) {
-        var S, T;
-        const A = (((S = r.flip) == null ? void 0 : S.index) || 0) + 1, N = O[A];
+        var L, T;
+        const A = (((L = r.flip) == null ? void 0 : L.index) || 0) + 1, N = O[A];
         if (N)
           return {
             data: {
@@ -5287,12 +5303,12 @@ const Ti = (h) => ({
     }
   };
 };
-async function Mi(h, t) {
+async function Mi(l, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = h, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = G(e), n = ht(e), l = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && l ? -1 : 1, f = at(t, h);
+  } = l, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = G(e), n = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, l);
   let {
     mainAxis: x,
     crossAxis: g,
@@ -5306,7 +5322,7 @@ async function Mi(h, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return n && typeof p == "number" && (g = n === "end" ? p * -1 : p), l ? {
+  return n && typeof p == "number" && (g = n === "end" ? p * -1 : p), h ? {
     x: g * d,
     y: x * c
   } : {
@@ -5314,10 +5330,10 @@ async function Mi(h, t) {
     y: g * d
   };
 }
-const Hi = function(h) {
-  return h === void 0 && (h = 0), {
+const Hi = function(l) {
+  return l === void 0 && (l = 0), {
     name: "offset",
-    options: h,
+    options: l,
     async fn(t) {
       var e, i;
       const {
@@ -5325,21 +5341,21 @@ const Hi = function(h) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, l = await Mi(t, h);
+      } = t, h = await Mi(t, l);
       return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
-        x: s + l.x,
-        y: r + l.y,
+        x: s + h.x,
+        y: r + h.y,
         data: {
-          ...l,
+          ...h,
           placement: o
         }
       };
     }
   };
-}, Di = function(h) {
-  return h === void 0 && (h = {}), {
+}, Di = function(l) {
+  return l === void 0 && (l = {}), {
     name: "shift",
-    options: h,
+    options: l,
     async fn(t) {
       const {
         x: e,
@@ -5360,11 +5376,11 @@ const Hi = function(h) {
             };
           }
         },
-        ...l
-      } = at(h, t), c = {
+        ...h
+      } = at(l, t), c = {
         x: e,
         y: i
-      }, d = await le(t, l), f = J(G(s)), x = ae(f);
+      }, d = await he(t, h), f = J(G(s)), x = ae(f);
       let g = c[x], p = c[f];
       if (r) {
         const w = x === "y" ? "top" : "left", m = x === "y" ? "bottom" : "right", C = g + d[w], y = g - d[m];
@@ -5396,56 +5412,56 @@ const Hi = function(h) {
 function gt() {
   return typeof window < "u";
 }
-function tt(h) {
-  return ce(h) ? (h.nodeName || "").toLowerCase() : "#document";
+function tt(l) {
+  return ce(l) ? (l.nodeName || "").toLowerCase() : "#document";
 }
-function X(h) {
+function X(l) {
   var t;
-  return (h == null || (t = h.ownerDocument) == null ? void 0 : t.defaultView) || window;
+  return (l == null || (t = l.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function V(h) {
+function V(l) {
   var t;
-  return (t = (ce(h) ? h.ownerDocument : h.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ce(l) ? l.ownerDocument : l.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ce(h) {
-  return gt() ? h instanceof Node || h instanceof X(h).Node : !1;
+function ce(l) {
+  return gt() ? l instanceof Node || l instanceof X(l).Node : !1;
 }
-function B(h) {
-  return gt() ? h instanceof Element || h instanceof X(h).Element : !1;
+function F(l) {
+  return gt() ? l instanceof Element || l instanceof X(l).Element : !1;
 }
-function K(h) {
-  return gt() ? h instanceof HTMLElement || h instanceof X(h).HTMLElement : !1;
+function K(l) {
+  return gt() ? l instanceof HTMLElement || l instanceof X(l).HTMLElement : !1;
 }
-function qt(h) {
-  return !gt() || typeof ShadowRoot > "u" ? !1 : h instanceof ShadowRoot || h instanceof X(h).ShadowRoot;
+function qt(l) {
+  return !gt() || typeof ShadowRoot > "u" ? !1 : l instanceof ShadowRoot || l instanceof X(l).ShadowRoot;
 }
-function lt(h) {
+function ht(l) {
   const {
     overflow: t,
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(h);
+  } = B(l);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Xi(h) {
-  return ["table", "td", "th"].includes(tt(h));
+function Xi(l) {
+  return ["table", "td", "th"].includes(tt(l));
 }
-function wt(h) {
+function wt(l) {
   return [":popover-open", ":modal"].some((t) => {
     try {
-      return h.matches(t);
+      return l.matches(t);
     } catch {
       return !1;
     }
   });
 }
-function Dt(h) {
-  const t = Xt(), e = B(h) ? F(h) : h;
+function Dt(l) {
+  const t = Xt(), e = F(l) ? B(l) : l;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Bi(h) {
-  let t = $(h);
+function Fi(l) {
+  let t = $(l);
   for (; K(t) && !Q(t); ) {
     if (Dt(t))
       return t;
@@ -5458,65 +5474,65 @@ function Bi(h) {
 function Xt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function Q(h) {
-  return ["html", "body", "#document"].includes(tt(h));
+function Q(l) {
+  return ["html", "body", "#document"].includes(tt(l));
 }
-function F(h) {
-  return X(h).getComputedStyle(h);
+function B(l) {
+  return X(l).getComputedStyle(l);
 }
-function pt(h) {
-  return B(h) ? {
-    scrollLeft: h.scrollLeft,
-    scrollTop: h.scrollTop
+function pt(l) {
+  return F(l) ? {
+    scrollLeft: l.scrollLeft,
+    scrollTop: l.scrollTop
   } : {
-    scrollLeft: h.scrollX,
-    scrollTop: h.scrollY
+    scrollLeft: l.scrollX,
+    scrollTop: l.scrollY
   };
 }
-function $(h) {
-  if (tt(h) === "html")
-    return h;
+function $(l) {
+  if (tt(l) === "html")
+    return l;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    h.assignedSlot || // DOM Element detected.
-    h.parentNode || // ShadowRoot detected.
-    qt(h) && h.host || // Fallback.
-    V(h)
+    l.assignedSlot || // DOM Element detected.
+    l.parentNode || // ShadowRoot detected.
+    qt(l) && l.host || // Fallback.
+    V(l)
   );
   return qt(t) ? t.host : t;
 }
-function de(h) {
-  const t = $(h);
-  return Q(t) ? h.ownerDocument ? h.ownerDocument.body : h.body : K(t) && lt(t) ? t : de(t);
+function de(l) {
+  const t = $(l);
+  return Q(t) ? l.ownerDocument ? l.ownerDocument.body : l.body : K(t) && ht(t) ? t : de(t);
 }
-function Lt(h, t, e) {
+function St(l, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = de(h), r = s === ((i = h.ownerDocument) == null ? void 0 : i.body), o = X(s);
+  const s = de(l), r = s === ((i = l.ownerDocument) == null ? void 0 : i.body), o = X(s);
   if (r) {
-    const n = St(o);
-    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? Lt(n) : []);
+    const n = Lt(o);
+    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? St(n) : []);
   }
-  return t.concat(s, Lt(s, [], e));
+  return t.concat(s, St(s, [], e));
 }
-function St(h) {
-  return h.parent && Object.getPrototypeOf(h.parent) ? h.frameElement : null;
+function Lt(l) {
+  return l.parent && Object.getPrototypeOf(l.parent) ? l.frameElement : null;
 }
-function fe(h) {
-  const t = F(h);
+function fe(l) {
+  const t = B(l);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = K(h), r = s ? h.offsetWidth : e, o = s ? h.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
+  const s = K(l), r = s ? l.offsetWidth : e, o = s ? l.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
   return n && (e = r, i = o), {
     width: e,
     height: i,
     $: n
   };
 }
-function xe(h) {
-  return B(h) ? h : h.contextElement;
+function xe(l) {
+  return F(l) ? l : l.contextElement;
 }
-function Z(h) {
-  const t = xe(h);
+function Z(l) {
+  const t = xe(l);
   if (!K(t))
     return z(1);
   const e = t.getBoundingClientRect(), {
@@ -5530,117 +5546,117 @@ function Z(h) {
     y: n
   };
 }
-const Fi = /* @__PURE__ */ z(0);
-function ue(h) {
-  const t = X(h);
-  return !Xt() || !t.visualViewport ? Fi : {
+const Bi = /* @__PURE__ */ z(0);
+function ue(l) {
+  const t = X(l);
+  return !Xt() || !t.visualViewport ? Bi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Ni(h, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== X(h) ? !1 : t;
+function Ni(l, t, e) {
+  return t === void 0 && (t = !1), !e || t && e !== X(l) ? !1 : t;
 }
-function ot(h, t, e, i) {
+function ot(l, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = h.getBoundingClientRect(), r = xe(h);
+  const s = l.getBoundingClientRect(), r = xe(l);
   let o = z(1);
-  t && (i ? B(i) && (o = Z(i)) : o = Z(h));
+  t && (i ? F(i) && (o = Z(i)) : o = Z(l));
   const n = Ni(r, e, i) ? ue(r) : z(0);
-  let l = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
+  let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
-    const x = X(r), g = i && B(i) ? X(i) : i;
-    let p = x, u = St(p);
+    const x = X(r), g = i && F(i) ? X(i) : i;
+    let p = x, u = Lt(p);
     for (; u && i && g !== p; ) {
-      const w = Z(u), m = u.getBoundingClientRect(), C = F(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
-      l *= w.x, c *= w.y, d *= w.x, f *= w.y, l += y, c += b, p = X(u), u = St(p);
+      const w = Z(u), m = u.getBoundingClientRect(), C = B(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = X(u), u = Lt(p);
     }
   }
   return ut({
     width: d,
     height: f,
-    x: l,
+    x: h,
     y: c
   });
 }
-function ki(h) {
+function ki(l) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
-  } = h;
+  } = l;
   const r = s === "fixed", o = V(i), n = t ? wt(t.floating) : !1;
   if (i === o || n && r)
     return e;
-  let l = {
+  let h = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = z(1);
   const d = z(0), f = K(i);
-  if ((f || !f && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), K(i))) {
+  if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), K(i))) {
     const x = ot(i);
     c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   return {
     width: e.width * c.x,
     height: e.height * c.y,
-    x: e.x * c.x - l.scrollLeft * c.x + d.x,
-    y: e.y * c.y - l.scrollTop * c.y + d.y
+    x: e.x * c.x - h.scrollLeft * c.x + d.x,
+    y: e.y * c.y - h.scrollTop * c.y + d.y
   };
 }
-function Ki(h) {
-  return Array.from(h.getClientRects());
+function Ki(l) {
+  return Array.from(l.getClientRects());
 }
-function Tt(h, t) {
-  const e = pt(h).scrollLeft;
-  return t ? t.left + e : ot(V(h)).left + e;
+function Tt(l, t) {
+  const e = pt(l).scrollLeft;
+  return t ? t.left + e : ot(V(l)).left + e;
 }
-function Yi(h) {
-  const t = V(h), e = pt(h), i = h.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let o = -e.scrollLeft + Tt(h);
+function Yi(l) {
+  const t = V(l), e = pt(l), i = l.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let o = -e.scrollLeft + Tt(l);
   const n = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return B(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
     y: n
   };
 }
-function Vi(h, t) {
-  const e = X(h), i = V(h), s = e.visualViewport;
-  let r = i.clientWidth, o = i.clientHeight, n = 0, l = 0;
+function Vi(l, t) {
+  const e = X(l), i = V(l), s = e.visualViewport;
+  let r = i.clientWidth, o = i.clientHeight, n = 0, h = 0;
   if (s) {
     r = s.width, o = s.height;
     const c = Xt();
-    (!c || c && t === "fixed") && (n = s.offsetLeft, l = s.offsetTop);
+    (!c || c && t === "fixed") && (n = s.offsetLeft, h = s.offsetTop);
   }
   return {
     width: r,
     height: o,
     x: n,
-    y: l
+    y: h
   };
 }
-function Wi(h, t) {
-  const e = ot(h, !0, t === "fixed"), i = e.top + h.clientTop, s = e.left + h.clientLeft, r = K(h) ? Z(h) : z(1), o = h.clientWidth * r.x, n = h.clientHeight * r.y, l = s * r.x, c = i * r.y;
+function Wi(l, t) {
+  const e = ot(l, !0, t === "fixed"), i = e.top + l.clientTop, s = e.left + l.clientLeft, r = K(l) ? Z(l) : z(1), o = l.clientWidth * r.x, n = l.clientHeight * r.y, h = s * r.x, c = i * r.y;
   return {
     width: o,
     height: n,
-    x: l,
+    x: h,
     y: c
   };
 }
-function Gt(h, t, e) {
+function Gt(l, t, e) {
   let i;
   if (t === "viewport")
-    i = Vi(h, e);
+    i = Vi(l, e);
   else if (t === "document")
-    i = Yi(V(h));
-  else if (B(t))
+    i = Yi(V(l));
+  else if (F(t))
     i = Wi(t, e);
   else {
-    const s = ue(h);
+    const s = ue(l);
     i = {
       ...t,
       x: t.x - s.x,
@@ -5649,70 +5665,70 @@ function Gt(h, t, e) {
   }
   return ut(i);
 }
-function ge(h, t) {
-  const e = $(h);
-  return e === t || !B(e) || Q(e) ? !1 : F(e).position === "fixed" || ge(e, t);
+function ge(l, t) {
+  const e = $(l);
+  return e === t || !F(e) || Q(e) ? !1 : B(e).position === "fixed" || ge(e, t);
 }
-function Pi(h, t) {
-  const e = t.get(h);
+function Pi(l, t) {
+  const e = t.get(l);
   if (e)
     return e;
-  let i = Lt(h, [], !1).filter((n) => B(n) && tt(n) !== "body"), s = null;
-  const r = F(h).position === "fixed";
-  let o = r ? $(h) : h;
-  for (; B(o) && !Q(o); ) {
-    const n = F(o), l = Dt(o);
-    !l && n.position === "fixed" && (s = null), (r ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && ge(h, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
-  }
-  return t.set(h, i), i;
+  let i = St(l, [], !1).filter((n) => F(n) && tt(n) !== "body"), s = null;
+  const r = B(l).position === "fixed";
+  let o = r ? $(l) : l;
+  for (; F(o) && !Q(o); ) {
+    const n = B(o), h = Dt(o);
+    !h && n.position === "fixed" && (s = null), (r ? !h && !s : !h && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && ge(l, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
+  }
+  return t.set(l, i), i;
 }
-function zi(h) {
+function zi(l) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
-  } = h;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Pi(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((c, d) => {
+  } = l;
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Pi(t, this._c) : [].concat(e), i], n = o[0], h = o.reduce((c, d) => {
     const f = Gt(t, d, s);
     return c.top = U(f.top, c.top), c.right = rt(f.right, c.right), c.bottom = rt(f.bottom, c.bottom), c.left = U(f.left, c.left), c;
   }, Gt(t, n, s));
   return {
-    width: l.right - l.left,
-    height: l.bottom - l.top,
-    x: l.left,
-    y: l.top
+    width: h.right - h.left,
+    height: h.bottom - h.top,
+    x: h.left,
+    y: h.top
   };
 }
-function $i(h) {
+function $i(l) {
   const {
     width: t,
     height: e
-  } = fe(h);
+  } = fe(l);
   return {
     width: t,
     height: e
   };
 }
-function qi(h, t, e) {
-  const i = K(t), s = V(t), r = e === "fixed", o = ot(h, !0, r, t);
+function qi(l, t, e) {
+  const i = K(t), s = V(t), r = e === "fixed", o = ot(l, !0, r, t);
   let n = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = z(0);
+  const h = z(0);
   if (i || !i && !r)
-    if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
+    if ((tt(t) !== "body" || ht(s)) && (n = pt(t)), i) {
       const g = ot(t, !0, r, t);
-      l.x = g.x + t.clientLeft, l.y = g.y + t.clientTop;
-    } else s && (l.x = Tt(s));
+      h.x = g.x + t.clientLeft, h.y = g.y + t.clientTop;
+    } else s && (h.x = Tt(s));
   let c = 0, d = 0;
   if (s && !i && !r) {
     const g = s.getBoundingClientRect();
     d = g.top + n.scrollTop, c = g.left + n.scrollLeft - // RTL <body> scrollbar.
     Tt(s, g);
   }
-  const f = o.left + n.scrollLeft - l.x - c, x = o.top + n.scrollTop - l.y - d;
+  const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
   return {
     x: f,
     y: x,
@@ -5720,39 +5736,39 @@ function qi(h, t, e) {
     height: o.height
   };
 }
-function yt(h) {
-  return F(h).position === "static";
+function yt(l) {
+  return B(l).position === "static";
 }
-function jt(h, t) {
-  if (!K(h) || F(h).position === "fixed")
+function jt(l, t) {
+  if (!K(l) || B(l).position === "fixed")
     return null;
   if (t)
-    return t(h);
-  let e = h.offsetParent;
-  return V(h) === e && (e = e.ownerDocument.body), e;
+    return t(l);
+  let e = l.offsetParent;
+  return V(l) === e && (e = e.ownerDocument.body), e;
 }
-function we(h, t) {
-  const e = X(h);
-  if (wt(h))
+function we(l, t) {
+  const e = X(l);
+  if (wt(l))
     return e;
-  if (!K(h)) {
-    let s = $(h);
+  if (!K(l)) {
+    let s = $(l);
     for (; s && !Q(s); ) {
-      if (B(s) && !yt(s))
+      if (F(s) && !yt(s))
         return s;
       s = $(s);
     }
     return e;
   }
-  let i = jt(h, t);
+  let i = jt(l, t);
   for (; i && Xi(i) && yt(i); )
     i = jt(i, t);
-  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Bi(h) || e;
+  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Fi(l) || e;
 }
-const Gi = async function(h) {
-  const t = this.getOffsetParent || we, e = this.getDimensions, i = await e(h.floating);
+const Gi = async function(l) {
+  const t = this.getOffsetParent || we, e = this.getDimensions, i = await e(l.floating);
   return {
-    reference: qi(h.reference, await t(h.floating), h.strategy),
+    reference: qi(l.reference, await t(l.floating), l.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -5761,8 +5777,8 @@ const Gi = async function(h) {
     }
   };
 };
-function ji(h) {
-  return F(h).direction === "rtl";
+function ji(l) {
+  return B(l).direction === "rtl";
 }
 const Ui = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ki,
@@ -5773,9 +5789,9 @@ const Ui = {
   getClientRects: Ki,
   getDimensions: $i,
   getScale: Z,
-  isElement: B,
+  isElement: F,
   isRTL: ji
-}, pe = Hi, me = Di, ye = Ai, Zi = Ti, Ee = (h, t, e) => {
+}, pe = Hi, me = Di, ye = Ai, Zi = Ti, Ee = (l, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Ui,
     ...e
@@ -5783,7 +5799,7 @@ const Ui = {
     ...s.platform,
     _c: i
   };
-  return Si(h, t, {
+  return Li(l, t, {
     ...s,
     platform: r
   });
@@ -5809,7 +5825,7 @@ let Ji = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...r
-    }, l = {
+    }, h = {
       position: "absolute",
       width: "10px",
       height: "10px",
@@ -5818,20 +5834,25 @@ let Ji = class {
       transform: "rotate(45deg)",
       zIndex: n.zIndex
     };
-    Object.assign(this.arrowEl.style, l), Object.assign(this.floatingEl.style, n), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
+    Object.assign(this.arrowEl.style, h), Object.assign(this.floatingEl.style, n), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
   }
   init() {
-    this.ctx.on("mousemove", (t) => {
-      if (!this.ctx.isTarget(t))
-        return;
-      const e = this.ctx.containerElement.getBoundingClientRect();
-      e && (t.clientX < e.x || t.clientX > e.x + e.width || t.clientY < e.y || t.clientY > e.y + e.height) && this.hide();
+    this.floatingEl.addEventListener("mouseleave", () => {
+      this.hide();
+    }), this.ctx.on("mouseout", (t) => {
+      this.floatingEl.contains(t.relatedTarget) || this.hide();
+    }), this.ctx.on("onScroll", () => {
+      this.hide();
     }), this.ctx.on("startEdit", () => {
       this.hide();
     }), this.ctx.on("visibleCellHoverChange", (t, e) => {
       this.floatingEl.contains(e.target) || (t.ellipsis || t.message) && this.show(t);
     }), this.ctx.on("visibleCellMouseleave", (t, e) => {
       this.floatingEl.contains(e.target) || this.hide();
+    }), this.ctx.on("cellHeaderMouseleave", (t, e) => {
+      this.floatingEl.contains(e.target) || this.hide();
+    }), this.ctx.on("cellHeaderHoverChange", (t, e) => {
+      this.floatingEl.contains(e.target) || t.ellipsis && this.show(t);
     });
   }
   show(t) {
@@ -5862,10 +5883,10 @@ let Ji = class {
       placement: t.overflowTooltipPlacement,
       middleware: [me(), ye(), pe(6), Zi({ element: this.arrowEl })]
     }).then((n) => {
-      const { x: l, y: c, placement: d, middlewareData: f } = n;
+      const { x: h, y: c, placement: d, middlewareData: f } = n;
       if (Object.assign(this.floatingEl.style, {
         top: `${c}px`,
-        left: `${l}px`
+        left: `${h}px`
       }), f.arrow) {
         const x = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
@@ -5930,15 +5951,15 @@ class Qi {
         return;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
-        const { focusCell: l } = this.ctx;
-        l && (this.ctx.emit("setSelectorCell", l), this.cellTarget = l), this.doneEdit();
+        const { focusCell: h } = this.ctx;
+        h && (this.ctx.emit("setSelectorCell", h), this.cellTarget = h), this.doneEdit();
         return;
       }
       if ((t.altKey || t.metaKey) && t.code === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const l = this.inputEl.selectionStart, c = this.inputEl.value.substring(0, l), d = this.inputEl.value.substring(l);
+        const h = this.inputEl.selectionStart, c = this.inputEl.value.substring(0, h), d = this.inputEl.value.substring(h);
         this.inputEl.value = c + `
-` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = l + 1, this.autoSize();
+` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = h + 1, this.autoSize();
         return;
       }
       if (t.code === "Tab" && this.ctx.editing) {
@@ -6018,8 +6039,8 @@ class Qi {
     });
   }
   isInSelectorRange(t, e) {
-    const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s;
-    return !(e < r || e > o || t < n || t > l);
+    const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, h] = s;
+    return !(e < r || e > o || t < n || t > h);
   }
   initTextEditor() {
     this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
@@ -6041,8 +6062,8 @@ class Qi {
   startEditByInput(t, e = !1) {
     const i = e ? null : t.getValue(), { editorType: s } = t;
     t.update(), this.ctx.config.ENABLE_MERGE_CELL_LINK && t.updateSpanInfo();
-    let { height: r, width: o, drawY: n, drawX: l } = t;
-    this.drawX = l, this.drawY = n;
+    let { height: r, width: o, drawY: n, drawX: h } = t;
+    this.drawX = h, this.drawY = n;
     const {
       config: { CELL_PADDING: c },
       header: d
@@ -6063,18 +6084,18 @@ class Qi {
     }
   }
   startEdit(t = !1) {
-    this.ctx.emit("draw"), this.cancel = !1;
+    this.cancel = !1;
     const { ENABLE_EDIT_CLICK_SELECTOR: e } = this.ctx.config;
     if (!e)
       return;
     const i = this.ctx.focusCell;
-    if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable || !(i.isVerticalVisible() && i.isHorizontalVisible()))
+    if (!i || ["index", "index-selection", "selection"].includes(i.type) || this.enable || (this.ctx.emit("drawView"), !(i.isVerticalVisible() && i.isHorizontalVisible())))
       return;
     const { rowKey: r, key: o, editorType: n } = i;
     if (n === "none")
       return;
-    const l = this.ctx.database.getReadonly(r, o);
-    i && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
+    const h = this.ctx.database.getReadonly(r, o);
+    i && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = i, this.startEditByInput(this.cellTarget, t), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
     const i = this.ctx.body.renderRows.find((c) => c.rowIndex === t);
@@ -6087,8 +6108,8 @@ class Qi {
     const r = this.ctx.focusCell;
     if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
       return;
-    const { rowKey: o, key: n } = r, l = this.ctx.database.getReadonly(o, n);
-    r && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
+    const { rowKey: o, key: n } = r, h = this.ctx.database.getReadonly(o, n);
+    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.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus({ preventScroll: !0 }), this.editorEl.style.display = "none", this.ctx.emit("drawView"));
@@ -6108,13 +6129,13 @@ class ts {
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM_STYLE: i } = this.ctx.config;
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: r, bodyHeight: o, footerHeight: n }) => {
-      const l = r + (o + n) / 2, c = {
+      const h = r + (o + n) / 2, c = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
         left: "50%",
-        top: `${l}px`,
+        top: `${h}px`,
         transform: "translate(-50%, -50%)",
         ...i
       };
@@ -6154,9 +6175,9 @@ class es {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
-    let l = [], c = [], d = [];
+    let h = [], c = [], d = [];
     n.forEach((w) => {
-      w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : l.push(w));
+      w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : h.push(w));
     });
     const f = e - i, x = {
       key: "left",
@@ -6179,7 +6200,7 @@ class es {
         width: `${r - t - f + 1}px`,
         height: `${o}px`
       },
-      cells: l
+      cells: h
     }, p = {
       key: "right",
       style: {
@@ -6215,7 +6236,7 @@ class es {
     const {
       fixedLeftWidth: r,
       fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
+      config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: h }
     } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, x = {
       key: "left",
       style: {
@@ -6252,7 +6273,7 @@ class es {
     };
     return {
       type: "body",
-      class: `${l}-overlayer-body`,
+      class: `${h}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
@@ -6273,7 +6294,7 @@ class es {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: l, visibleHeight: c } = this.ctx.footer, d = r - o, f = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: c } = this.ctx.footer, d = r - o, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -6291,7 +6312,7 @@ class es {
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${l - s - d}px`,
+        width: `${h - s - d}px`,
         height: `${c}px`
       },
       cells: t
@@ -6313,7 +6334,7 @@ class es {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
+        width: `${h}px`,
         height: `${c}px`
       },
       views: [f, x, g]
@@ -6331,8 +6352,8 @@ class is {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s, { rowIndex: c, colIndex: d } = t;
-      c >= n && c <= l && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, h] = s, { rowIndex: c, colIndex: d } = t;
+      c >= n && c <= h && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -6437,16 +6458,16 @@ class os {
   }
   createContainer(t, e, i, s, r) {
     t.className = "e-virt-table-container";
-    const o = document.createElement("div"), n = document.createElement("canvas"), l = e || document.createElement("div");
-    o.className = "e-virt-table-stage", t.tabIndex = 0, n.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer";
+    const o = document.createElement("div"), n = document.createElement("canvas"), h = e || document.createElement("div");
+    o.className = "e-virt-table-stage", t.tabIndex = 0, n.className = "e-virt-table-canvas", h.className = "e-virt-table-overlayer";
     const c = i || document.createElement("div");
     c.className = "e-virt-table-editor";
     const d = s, f = r;
-    return o.appendChild(n), o.appendChild(l), t.appendChild(o), {
+    return o.appendChild(n), o.appendChild(h), t.appendChild(o), {
       containerElement: t,
       stageElement: o,
       canvasElement: n,
-      overlayerElement: l,
+      overlayerElement: h,
       editorElement: c,
       emptyElement: d,
       contextMenuElement: f
@@ -6530,15 +6551,15 @@ class os {
     return new Promise(async (i, s) => {
       let r = [];
       for (let o = 0; o < t.length; o++) {
-        const { rowKey: n, key: l } = t[o], c = await this.ctx.database.getValidator(n, l);
+        const { rowKey: n, key: h } = t[o], c = await this.ctx.database.getValidator(n, h);
         Array.isArray(c) && c.length && r.push(c);
       }
       if (r.length) {
         if (s(r), e) {
           const [o] = r;
           if (Array.isArray(o) && o.length) {
-            const [n] = o, { rowKey: l, key: c } = n;
-            this.scrollToRowkey(l), this.scrollToColkey(c);
+            const [n] = o, { rowKey: h, key: c } = n;
+            this.scrollToRowkey(h), this.scrollToColkey(c);
           }
         }
         this.ctx.emit("draw");
@@ -6555,8 +6576,8 @@ class os {
         if (t && Array.isArray(s) && s.length) {
           const [r] = s;
           if (Array.isArray(r) && r.length) {
-            const [o] = r, { rowKey: n, key: l } = o;
-            this.scrollToRowkey(n), this.scrollToColkey(l);
+            const [o] = r, { rowKey: n, key: h } = o;
+            this.scrollToRowkey(n), this.scrollToColkey(h);
           }
         }
         i(s);
@@ -6581,7 +6602,7 @@ class os {
       let r = [];
       for (let o = 0; o < i.length; o++)
         for (let n = 0; n < s.length; n++) {
-          const l = this.ctx.database.getRowKeyByItem(i[o]), d = s[n].key, f = await this.ctx.database.getValidator(l, d);
+          const h = this.ctx.database.getRowKeyByItem(i[o]), d = s[n].key, f = await this.ctx.database.getValidator(h, d);
           Array.isArray(f) && f.length && r.push(f);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));