e-virt-table 0.0.21 → 0.1.1

package/dist/index.es.js

@@ -1,31 +1,31 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: "#333";--e-virt-table-text-color-regular: "#666";--e-virt-table-text-color-secondary: "#999";--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;line-height:0;z-index:100;overflow:hidden;background-color:var(--e-virt-table-editor-bg-color);border:2px solid var(--e-virt-table-color-primary);box-sizing:border-box;box-shadow:var(--e-virt-table-box-shadow);pointer-events:auto;display:flex;align-items:center}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;padding:8px;outline:none;font-weight:400;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:18px;margin:0;border:none;background:var(--e-virt-table-color-white);overflow:hidden;cursor:text}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: #333;--e-virt-table-text-color-regular: #666;--e-virt-table-text-color-secondary: #999;--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff;--e-virt-table-border-color: #e1e6eb}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;z-index:10;border-radius:8px;border:1px solid var(--e-virt-table-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;line-height:0;z-index:100;overflow:hidden;background-color:var(--e-virt-table-editor-bg-color);border:2px solid var(--e-virt-table-color-primary);box-sizing:border-box;box-shadow:var(--e-virt-table-box-shadow);display:flex;align-items:center}.e-virt-table-overlayer{position:"absolute";left:0;top:0;overflow:hidden;z-index:10}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var me = Object.defineProperty;
-var Ee = (a, t, e) => t in a ? me(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var c = (a, t, e) => Ee(a, typeof t != "symbol" ? t + "" : t, e);
+var Ee = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var c = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
 function $() {
-  return $ = Object.assign ? Object.assign.bind() : function(a) {
+  return $ = Object.assign ? Object.assign.bind() : function(n) {
     for (var t = 1; t < arguments.length; t++) {
       var e = arguments[t];
       for (var i in e)
-        Object.prototype.hasOwnProperty.call(e, i) && (a[i] = e[i]);
+        Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
     }
-    return a;
+    return n;
   }, $.apply(this, arguments);
 }
-function Ce(a, t) {
-  a.prototype = Object.create(t.prototype), a.prototype.constructor = a, st(a, t);
+function be(n, t) {
+  n.prototype = Object.create(t.prototype), n.prototype.constructor = n, st(n, t);
 }
-function Et(a) {
+function Et(n) {
   return Et = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
     return e.__proto__ || Object.getPrototypeOf(e);
-  }, Et(a);
+  }, Et(n);
 }
-function st(a, t) {
+function st(n, t) {
   return st = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
     return i.__proto__ = s, i;
-  }, st(a, t);
+  }, st(n, t);
 }
-function be() {
+function Ce() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -35,20 +35,20 @@ function be() {
     return !1;
   }
 }
-function dt(a, t, e) {
-  return be() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
-    var n = [null];
-    n.push.apply(n, r);
-    var l = Function.bind.apply(s, n), h = new l();
-    return o && st(h, o.prototype), h;
+function dt(n, t, e) {
+  return Ce() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
+    var a = [null];
+    a.push.apply(a, r);
+    var h = Function.bind.apply(s, a), l = new h();
+    return o && st(l, o.prototype), l;
   }, dt.apply(null, arguments);
 }
-function ve(a) {
-  return Function.toString.call(a).indexOf("[native code]") !== -1;
+function ve(n) {
+  return Function.toString.call(n).indexOf("[native code]") !== -1;
 }
-function Ct(a) {
+function bt(n) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
-  return Ct = function(i) {
+  return bt = function(i) {
     if (i === null || !ve(i)) return i;
     if (typeof i != "function")
       throw new TypeError("Super expression must either be null or a function");
@@ -67,36 +67,36 @@ function Ct(a) {
         configurable: !0
       }
     }), st(s, i);
-  }, Ct(a);
+  }, bt(n);
 }
-var Re = /%[sdj%]/g, jt = function() {
+var Re = /%[sdj%]/g, Gt = function() {
 };
-typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (jt = function(t, e) {
+typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (Gt = function(t, e) {
   typeof console < "u" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING > "u" && e.every(function(i) {
     return typeof i == "string";
   }) && console.warn(t, e);
 });
-function bt(a) {
-  if (!a || !a.length) return null;
+function Ct(n) {
+  if (!n || !n.length) return null;
   var t = {};
-  return a.forEach(function(e) {
+  return n.forEach(function(e) {
     var i = e.field;
     t[i] = t[i] || [], t[i].push(e);
   }), t;
 }
-function M(a) {
+function M(n) {
   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 a == "function")
-    return a.apply(null, e);
-  if (typeof a == "string") {
-    var o = a.replace(Re, function(n) {
-      if (n === "%%")
+  if (typeof n == "function")
+    return n.apply(null, e);
+  if (typeof n == "string") {
+    var o = n.replace(Re, function(a) {
+      if (a === "%%")
         return "%";
       if (s >= r)
-        return n;
-      switch (n) {
+        return a;
+      switch (a) {
         case "%s":
           return String(e[s++]);
         case "%d":
@@ -109,120 +109,120 @@ function M(a) {
           }
           break;
         default:
-          return n;
+          return a;
       }
     });
     return o;
   }
-  return a;
+  return n;
 }
-function _e(a) {
-  return a === "string" || a === "url" || a === "hex" || a === "email" || a === "date" || a === "pattern";
+function _e(n) {
+  return n === "string" || n === "url" || n === "hex" || n === "email" || n === "date" || n === "pattern";
 }
-function _(a, t) {
-  return !!(a == null || t === "array" && Array.isArray(a) && !a.length || _e(t) && typeof a == "string" && !a);
+function _(n, t) {
+  return !!(n == null || t === "array" && Array.isArray(n) && !n.length || _e(t) && typeof n == "string" && !n);
 }
-function Ie(a, t, e) {
-  var i = [], s = 0, r = a.length;
-  function o(n) {
-    i.push.apply(i, n || []), s++, s === r && e(i);
+function Ie(n, t, e) {
+  var i = [], s = 0, r = n.length;
+  function o(a) {
+    i.push.apply(i, a || []), s++, s === r && e(i);
   }
-  a.forEach(function(n) {
-    t(n, o);
+  n.forEach(function(a) {
+    t(a, o);
   });
 }
-function Ft(a, t, e) {
-  var i = 0, s = a.length;
+function Xt(n, t, e) {
+  var i = 0, s = n.length;
   function r(o) {
     if (o && o.length) {
       e(o);
       return;
     }
-    var n = i;
-    i = i + 1, n < s ? t(a[n], r) : e([]);
+    var a = i;
+    i = i + 1, a < s ? t(n[a], r) : e([]);
   }
   r([]);
 }
-function Oe(a) {
+function Oe(n) {
   var t = [];
-  return Object.keys(a).forEach(function(e) {
-    t.push.apply(t, a[e] || []);
+  return Object.keys(n).forEach(function(e) {
+    t.push.apply(t, n[e] || []);
   }), t;
 }
-var kt = /* @__PURE__ */ function(a) {
-  Ce(t, a);
+var Ft = /* @__PURE__ */ function(n) {
+  be(t, n);
   function t(e, i) {
     var s;
-    return s = a.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
+    return s = n.call(this, "Async Validation Error") || this, s.errors = e, s.fields = i, s;
   }
   return t;
-}(/* @__PURE__ */ Ct(Error));
-function Se(a, t, e, i, s) {
+}(/* @__PURE__ */ bt(Error));
+function Te(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
-      var p = function(y) {
-        return i(y), y.length ? u(new kt(y, bt(y))) : x(s);
-      }, g = Oe(a);
-      Ft(g, e, p);
+      var g = function(y) {
+        return i(y), y.length ? u(new Ft(y, Ct(y))) : x(s);
+      }, w = Oe(n);
+      Xt(w, e, g);
     });
     return r.catch(function(x) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, f = [], d = new Promise(function(x, u) {
-    var p = function(w) {
-      if (f.push.apply(f, w), h++, h === l)
-        return i(f), f.length ? u(new kt(f, bt(f))) : x(s);
+  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, l = 0, f = [], d = new Promise(function(x, u) {
+    var g = function(p) {
+      if (f.push.apply(f, p), l++, l === h)
+        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
     };
-    n.length || (i(f), x(s)), n.forEach(function(g) {
-      var w = a[g];
-      o.indexOf(g) !== -1 ? Ft(w, e, p) : Ie(w, e, p);
+    a.length || (i(f), x(s)), a.forEach(function(w) {
+      var p = n[w];
+      o.indexOf(w) !== -1 ? Xt(p, e, g) : Ie(p, e, g);
     });
   });
   return d.catch(function(x) {
     return x;
   }), d;
 }
-function Te(a) {
-  return !!(a && a.message !== void 0);
+function Se(n) {
+  return !!(n && n.message !== void 0);
 }
-function Ae(a, t) {
-  for (var e = a, i = 0; i < t.length; i++) {
+function Ae(n, t) {
+  for (var e = n, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
     e = e[t[i]];
   }
   return e;
 }
-function Nt(a, t) {
+function kt(n, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Ae(t, a.fullFields) : i = t[e.field || a.fullField], Te(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return n.fullFields ? i = Ae(t, n.fullFields) : i = t[e.field || n.fullField], Se(e) ? (e.field = e.field || n.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
-      field: e.field || a.fullField
+      field: e.field || n.fullField
     };
   };
 }
-function Yt(a, t) {
+function Nt(n, t) {
   if (t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
         var i = t[e];
-        typeof i == "object" && typeof a[e] == "object" ? a[e] = $({}, a[e], i) : a[e] = i;
+        typeof i == "object" && typeof n[e] == "object" ? n[e] = $({}, n[e], i) : n[e] = i;
       }
   }
-  return a;
+  return n;
 }
-var Ut = function(t, e, i, s, r, o) {
+var jt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || _(e, o || t.type)) && s.push(M(r.messages.required, t.fullField));
 }, Le = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(M(r.messages.whitespace, t.fullField));
-}, ht, Me = function() {
-  if (ht)
-    return ht;
-  var a = "[a-fA-F\\d:]", t = function(E) {
-    return E && E.includeBoundaries ? "(?:(?<=\\s|^)(?=" + a + ")|(?<=" + a + ")(?=\\s|$))" : "";
+}, lt, Me = function() {
+  if (lt)
+    return lt;
+  var n = "[a-fA-F\\d:]", t = function(E) {
+    return E && E.includeBoundaries ? "(?:(?<=\\s|^)(?=" + n + ")|(?<=" + n + ")(?=\\s|$))" : "";
   }, e = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}", i = "[a-fA-F\\d]{1,4}", s = (`
 (?:
 (?:` + i + ":){7}(?:" + i + `|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8
@@ -234,17 +234,17 @@ var Ut = 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(E) {
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), a = new RegExp("^" + s + "$"), h = function(E) {
     return E && E.exact ? r : new RegExp("(?:" + t(E) + e + t(E) + ")|(?:" + t(E) + s + t(E) + ")", "g");
   };
-  l.v4 = function(m) {
+  h.v4 = function(m) {
     return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
-  }, l.v6 = function(m) {
-    return m && m.exact ? n : new RegExp("" + t(m) + s + t(m), "g");
+  }, h.v6 = function(m) {
+    return m && m.exact ? a : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var h = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", g = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', C = "(?:" + h + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + p + g + ")" + w + y;
-  return ht = new RegExp("(?:^" + C + "$)", "i"), ht;
-}, Kt = {
+  var l = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + l + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
+  return lt = new RegExp("(?:^" + b + "$)", "i"), lt;
+}, Yt = {
   // http://emailregex.com/
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
   // url: new RegExp(
@@ -284,26 +284,26 @@ var Ut = function(t, e, i, s, r, o) {
     return typeof t == "function";
   },
   email: function(t) {
-    return typeof t == "string" && t.length <= 320 && !!t.match(Kt.email);
+    return typeof t == "string" && t.length <= 320 && !!t.match(Yt.email);
   },
   url: function(t) {
     return typeof t == "string" && t.length <= 2048 && !!t.match(Me());
   },
   hex: function(t) {
-    return typeof t == "string" && !!t.match(Kt.hex);
+    return typeof t == "string" && !!t.match(Yt.hex);
   }
 }, He = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
-    Ut(t, e, i, s, r);
+    jt(t, e, i, s, r);
     return;
   }
-  var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
-  o.indexOf(n) > -1 ? et[n](e) || s.push(M(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(M(r.messages.types[n], t.fullField, t.type));
+  var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], a = t.type;
+  o.indexOf(a) > -1 ? et[a](e) || s.push(M(r.messages.types[a], t.fullField, t.type)) : a && typeof e !== t.type && s.push(M(r.messages.types[a], t.fullField, t.type));
 }, De = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", l = typeof t.max == "number", h = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", p = Array.isArray(e);
-  if (x ? d = "number" : u ? d = "string" : p && (d = "array"), !d)
+  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", l = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
+  if (x ? d = "number" : u ? d = "string" : g && (d = "array"), !d)
     return !1;
-  p && (f = e.length), u && (f = e.replace(h, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : n && !l && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : l && !n && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : n && l && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
+  g && (f = e.length), u && (f = e.replace(l, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : a && !h && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : h && !a && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : a && h && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
 }, j = "enum", Xe = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(M(r.messages[j], t.fullField, t[j].join(", ")));
 }, Fe = function(t, e, i, s, r) {
@@ -316,125 +316,125 @@ var Ut = function(t, e, i, s, r, o) {
     }
   }
 }, v = {
-  required: Ut,
+  required: jt,
   whitespace: Le,
   type: He,
   range: De,
   enum: Xe,
   pattern: Fe
 }, ke = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e, "string") && !t.required)
       return i();
     v.required(t, e, s, o, r, "string"), _(e, "string") || (v.type(t, e, s, o, r), v.range(t, e, s, o, r), v.pattern(t, e, s, o, r), t.whitespace === !0 && v.whitespace(t, e, s, o, r));
   }
   i(o);
 }, Ne = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
   i(o);
 }, Ye = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (e === "" && (e = void 0), _(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
   i(o);
 }, Ke = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
   i(o);
 }, Be = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), _(e) || v.type(t, e, s, o, r);
   }
   i(o);
 }, We = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
   i(o);
 }, Pe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
   i(o);
 }, Ve = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (e == null && !t.required)
       return i();
     v.required(t, e, s, o, r, "array"), e != null && (v.type(t, e, s, o, r), v.range(t, e, s, o, r));
   }
   i(o);
 }, ze = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && v.type(t, e, s, o, r);
   }
   i(o);
 }, $e = "enum", qe = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r), e !== void 0 && v[$e](t, e, s, o, r);
   }
   i(o);
 }, Ge = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e, "string") && !t.required)
       return i();
     v.required(t, e, s, o, r), _(e, "string") || v.pattern(t, e, s, o, r);
   }
   i(o);
 }, je = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e, "date") && !t.required)
       return i();
     if (v.required(t, e, s, o, r), !_(e, "date")) {
-      var l;
-      e instanceof Date ? l = e : l = new Date(e), v.type(t, l, s, o, r), l && v.range(t, l.getTime(), s, o, r);
+      var h;
+      e instanceof Date ? h = e : h = new Date(e), v.type(t, h, s, o, r), h && v.range(t, h.getTime(), s, o, r);
     }
   }
   i(o);
 }, Ue = function(t, e, i, s, r) {
-  var o = [], n = Array.isArray(e) ? "array" : typeof e;
-  v.required(t, e, s, o, r, n), i(o);
+  var o = [], a = Array.isArray(e) ? "array" : typeof e;
+  v.required(t, e, s, o, r, a), i(o);
 }, yt = function(t, e, i, s, r) {
-  var o = t.type, n = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (l) {
+  var o = t.type, a = [], h = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (h) {
     if (_(e, o) && !t.required)
       return i();
-    v.required(t, e, s, n, r, o), _(e, o) || v.type(t, e, s, n, r);
+    v.required(t, e, s, a, r, o), _(e, o) || v.type(t, e, s, a, r);
   }
-  i(n);
+  i(a);
 }, Ze = function(t, e, i, s, r) {
-  var o = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (n) {
+  var o = [], a = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (a) {
     if (_(e) && !t.required)
       return i();
     v.required(t, e, s, o, r);
@@ -513,10 +513,10 @@ function vt() {
   };
 }
 var Rt = vt(), nt = /* @__PURE__ */ function() {
-  function a(e) {
+  function n(e) {
     this.rules = null, this._messages = Rt, this.define(e);
   }
-  var t = a.prototype;
+  var t = n.prototype;
   return t.define = function(i) {
     var s = this;
     if (!i)
@@ -528,51 +528,51 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       s.rules[r] = Array.isArray(o) ? o : [o];
     });
   }, t.messages = function(i) {
-    return i && (this._messages = Yt(vt(), i)), this._messages;
+    return i && (this._messages = Nt(vt(), i)), this._messages;
   }, t.validate = function(i, s, r) {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var n = i, l = s, h = r;
-    if (typeof l == "function" && (h = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
-      return h && h(null, n), Promise.resolve(n);
-    function f(g) {
-      var w = [], y = {};
-      function C(E) {
+    var a = i, h = s, l = r;
+    if (typeof h == "function" && (l = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
+      return l && l(null, a), Promise.resolve(a);
+    function f(w) {
+      var p = [], y = {};
+      function b(E) {
         if (Array.isArray(E)) {
-          var b;
-          w = (b = w).concat.apply(b, E);
+          var C;
+          p = (C = p).concat.apply(C, E);
         } else
-          w.push(E);
+          p.push(E);
       }
-      for (var m = 0; m < g.length; m++)
-        C(g[m]);
-      w.length ? (y = bt(w), h(w, y)) : h(null, n);
+      for (var m = 0; m < w.length; m++)
+        b(w[m]);
+      p.length ? (y = Ct(p), l(p, y)) : l(null, a);
     }
-    if (l.messages) {
+    if (h.messages) {
       var d = this.messages();
-      d === Rt && (d = vt()), Yt(d, l.messages), l.messages = d;
+      d === Rt && (d = vt()), Nt(d, h.messages), h.messages = d;
     } else
-      l.messages = this.messages();
-    var x = {}, u = l.keys || Object.keys(this.rules);
-    u.forEach(function(g) {
-      var w = o.rules[g], y = n[g];
-      w.forEach(function(C) {
-        var m = C;
-        typeof m.transform == "function" && (n === i && (n = $({}, n)), y = n[g] = m.transform(y)), typeof m == "function" ? m = {
+      h.messages = this.messages();
+    var x = {}, u = h.keys || Object.keys(this.rules);
+    u.forEach(function(w) {
+      var p = o.rules[w], y = a[w];
+      p.forEach(function(b) {
+        var m = b;
+        typeof m.transform == "function" && (a === i && (a = $({}, a)), y = a[w] = m.transform(y)), typeof m == "function" ? m = {
           validator: m
-        } : m = $({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = g, m.fullField = m.fullField || g, m.type = o.getType(m), x[g] = x[g] || [], x[g].push({
+        } : m = $({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = w, m.fullField = m.fullField || w, m.type = o.getType(m), x[w] = x[w] || [], x[w].push({
           rule: m,
           value: y,
-          source: n,
-          field: g
+          source: a,
+          field: w
         }));
       });
     });
-    var p = {};
-    return Se(x, l, function(g, w) {
-      var y = g.rule, C = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
-      C = C && (y.required || !y.required && g.value), y.field = g.field;
+    var g = {};
+    return Te(x, h, function(w, p) {
+      var y = w.rule, b = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
+      b = b && (y.required || !y.required && w.value), y.field = w.field;
       function m(R, T) {
         return $({}, T, {
           fullField: y.fullField + "." + R,
@@ -582,52 +582,52 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       function E(R) {
         R === void 0 && (R = []);
         var T = Array.isArray(R) ? R : [R];
-        !l.suppressWarning && T.length && a.warning("async-validator:", T), T.length && y.message !== void 0 && (T = [].concat(y.message));
-        var A = T.map(Nt(y, n));
-        if (l.first && A.length)
-          return p[y.field] = 1, w(A);
-        if (!C)
-          w(A);
+        !h.suppressWarning && T.length && n.warning("async-validator:", T), T.length && y.message !== void 0 && (T = [].concat(y.message));
+        var A = T.map(kt(y, a));
+        if (h.first && A.length)
+          return g[y.field] = 1, p(A);
+        if (!b)
+          p(A);
         else {
-          if (y.required && !g.value)
-            return y.message !== void 0 ? A = [].concat(y.message).map(Nt(y, n)) : l.error && (A = [l.error(y, M(l.messages.required, y.field))]), w(A);
+          if (y.required && !w.value)
+            return y.message !== void 0 ? A = [].concat(y.message).map(kt(y, a)) : h.error && (A = [h.error(y, M(h.messages.required, y.field))]), p(A);
           var L = {};
-          y.defaultField && Object.keys(g.value).map(function(I) {
+          y.defaultField && Object.keys(w.value).map(function(I) {
             L[I] = y.defaultField;
-          }), L = $({}, L, g.rule.fields);
+          }), L = $({}, L, w.rule.fields);
           var D = {};
           Object.keys(L).forEach(function(I) {
             var S = L[I], O = Array.isArray(S) ? S : [S];
             D[I] = O.map(m.bind(null, I));
           });
-          var B = new a(D);
-          B.messages(l.messages), g.rule.options && (g.rule.options.messages = l.messages, g.rule.options.error = l.error), B.validate(g.value, g.rule.options || l, function(I) {
+          var B = new n(D);
+          B.messages(h.messages), w.rule.options && (w.rule.options.messages = h.messages, w.rule.options.error = h.error), B.validate(w.value, w.rule.options || h, function(I) {
             var S = [];
-            A && A.length && S.push.apply(S, A), I && I.length && S.push.apply(S, I), w(S.length ? S : null);
+            A && A.length && S.push.apply(S, A), I && I.length && S.push.apply(S, I), p(S.length ? S : null);
           });
         }
       }
-      var b;
+      var C;
       if (y.asyncValidator)
-        b = y.asyncValidator(y, g.value, E, g.source, l);
+        C = y.asyncValidator(y, w.value, E, w.source, h);
       else if (y.validator) {
         try {
-          b = y.validator(y, g.value, E, g.source, l);
+          C = y.validator(y, w.value, E, w.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), E(R.message);
         }
-        b === !0 ? E() : b === !1 ? E(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : b instanceof Array ? E(b) : b instanceof Error && E(b.message);
+        C === !0 ? E() : C === !1 ? E(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : C instanceof Array ? E(C) : C instanceof Error && E(C.message);
       }
-      b && b.then && b.then(function() {
+      C && C.then && C.then(function() {
         return E();
       }, function(R) {
         return E(R);
       });
-    }, function(g) {
-      f(g);
-    }, n);
+    }, function(w) {
+      f(w);
+    }, a);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
       throw new Error(M("Unknown rule type %s", i.type));
@@ -637,37 +637,37 @@ 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;
-  }, a;
+  }, n;
 }();
 nt.register = function(t, e) {
   if (typeof e != "function")
     throw new Error("Cannot register a validator by type, validator is not a function");
   it[t] = e;
 };
-nt.warning = jt;
+nt.warning = Gt;
 nt.messages = Rt;
 nt.validators = it;
-function Lt() {
-  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(a) {
+function Ut() {
+  return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(n) {
     const t = Math.random() * 16 | 0;
-    return (a === "x" ? t : t & 3 | 8).toString(16);
+    return (n === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Zt(a, t) {
+function Zt(n, t) {
   let e = 0, i;
   return function(...s) {
     const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
-    !e || o >= t ? (a.apply(this, s), e = r) : i || (i = setTimeout(() => {
-      a.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
+    !e || o >= t ? (n.apply(this, s), e = r) : i || (i = setTimeout(() => {
+      n.apply(this, s), e = (/* @__PURE__ */ new Date()).getTime(), i = void 0;
     }, t - o));
   };
 }
-function Jt(a) {
-  return a ? a.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Jt(n) {
+  return n ? n.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
-function Je(a = []) {
+function Je(n = []) {
   let t = [], e = [], i = [];
-  return a.forEach((s) => {
+  return n.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
     ...t.sort((s, r) => s.sort - r.sort),
@@ -675,16 +675,16 @@ function Je(a = []) {
     ...i.sort((s, r) => s.sort - r.sort)
   ];
 }
-function Qt(a = [], t = 1, e = 0) {
-  return a.map((i) => {
+function Qt(n = [], t = 1, e = 0) {
+  return n.map((i) => {
     if (i.children) {
       let s = 0, r = i.fixed;
-      i.children.forEach((n) => {
-        n.fixed = r;
+      i.children.forEach((a) => {
+        a.fixed = r;
       });
       const o = Qt(i.children, t - 1, e + 1);
-      return o && o.forEach((n) => {
-        s += n.colspan;
+      return o && o.forEach((a) => {
+        s += a.colspan;
       }), {
         ...i,
         width: i.width,
@@ -702,45 +702,45 @@ function Qt(a = [], t = 1, e = 0) {
     };
   });
 }
-function _t(a = []) {
+function _t(n = []) {
   let t = [];
-  return a.forEach((e) => {
+  return n.forEach((e) => {
     e.children ? t = t.concat(_t(e.children)) : t.push(e);
   }), t;
 }
-const Bt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, Wt = /^\t/;
-function ti(a) {
+const Kt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, Bt = /^\t/;
+function ti(n) {
   let t = [[""]];
-  if (a.length === 0)
+  if (n.length === 0)
     return t;
   let e = 0, i = 0, s;
-  for (; a.length > 0 && s !== a.length; )
-    if (s = a.length, a.match(Wt))
-      a = a.replace(Wt, ""), e += 1, t[i][e] = "";
-    else if (a.match(Bt))
-      a = a.replace(Bt, ""), e = 0, i += 1, t[i] = [""];
+  for (; n.length > 0 && s !== n.length; )
+    if (s = n.length, n.match(Bt))
+      n = n.replace(Bt, ""), e += 1, t[i][e] = "";
+    else if (n.match(Kt))
+      n = n.replace(Kt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let r = "";
-      if (a.startsWith('"')) {
-        let o = 0, n = !0;
-        for (; n; ) {
-          const l = a.slice(0, 1);
-          l === '"' && (o += 1), r += l, a = a.slice(1), (a.length === 0 || a.match(/^[\t\r\n]/) && o % 2 === 0) && (n = !1);
+      if (n.startsWith('"')) {
+        let o = 0, a = !0;
+        for (; a; ) {
+          const h = n.slice(0, 1);
+          h === '"' && (o += 1), r += h, n = n.slice(1), (n.length === 0 || n.match(/^[\t\r\n]/) && o % 2 === 0) && (a = !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 = a.match(Qe);
-        r = o ? o[0] : "", a = a.slice(r.length);
+        const o = n.match(Qe);
+        r = o ? o[0] : "", n = n.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 ei(a) {
+function ei(n) {
   let t, e, i, s, r = "", o;
-  for (t = 0, e = a.length; t < e; t += 1) {
-    for (s = a[t].length, i = 0; i < s; i += 1)
-      i > 0 && (r += "	"), o = a[t][i], typeof o == "string" ? o.indexOf(`
+  for (t = 0, e = n.length; t < e; t += 1) {
+    for (s = n[t].length, i = 0; i < s; i += 1)
+      i > 0 && (r += "	"), o = n[t][i], typeof o == "string" ? o.indexOf(`
 `) > -1 ? r += `"${o.replace(/"/g, '""')}"` : r += o : o == null ? r += "" : r += o;
     t !== e - 1 && (r += `
 `);
@@ -790,27 +790,27 @@ class ii {
     t.forEach((i, s) => {
       let r = !1;
       Array.isArray(i.children) && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: l, SELECTABLE_METHOD: h, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? Lt();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: l, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? Ut();
       this.itemRowKeyMap.set(i, x);
-      const u = i._height || l, p = i._readonly;
-      let g = !0;
-      if (typeof h == "function" && (g = h), f) {
-        const w = i[f];
-        if (this.checkboxKeyMap.has(w)) {
-          const y = this.checkboxKeyMap.get(w);
-          y.push(x), this.checkboxKeyMap.set(w, y);
+      const u = i._height || h, g = i._readonly;
+      let w = !0;
+      if (typeof l == "function" && (w = l), f) {
+        const p = i[f];
+        if (this.checkboxKeyMap.has(p)) {
+          const y = this.checkboxKeyMap.get(p);
+          y.push(x), this.checkboxKeyMap.set(p, y);
         } else
-          this.checkboxKeyMap.set(w, [x]);
+          this.checkboxKeyMap.set(p, [x]);
       }
       this.rowKeyMap.set(x, {
-        readonly: p,
+        readonly: g,
         index: s,
         rowIndex: s,
         level: e,
         height: u,
         check: !1,
-        selectable: g,
-        expand: n,
+        selectable: w,
+        expand: a,
         expandLazy: !1,
         hasChildren: r,
         expandLoading: !1,
@@ -874,12 +874,12 @@ class ii {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const n = this.itemRowKeyMap.get(o), { expand: l, hasChildren: h, height: f } = this.rowKeyMap.get(n), d = this.sumHeight;
-        this.sumHeight += f, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
+        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: l, height: f } = this.rowKeyMap.get(a), d = this.sumHeight;
+        this.sumHeight += f, this.rowIndexRowKeyMap.set(e, a), this.positions.push({
           top: d,
           height: f,
           bottom: this.sumHeight
-        }), e += 1, l && h && i(o.children);
+        }), e += 1, h && l && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -1001,27 +1001,27 @@ class ii {
   batchSetItemValue(t, e = !1) {
     let i = [];
     const s = /* @__PURE__ */ new Set();
-    t.forEach((n) => {
-      const { value: l, rowKey: h, key: f } = n, { oldValue: d, newValue: x } = this.setItemValue(h, f, l);
-      s.add(h), i.push({
-        rowKey: h,
+    t.forEach((a) => {
+      const { value: h, rowKey: l, key: f } = a, { oldValue: d, newValue: x } = this.setItemValue(l, f, h);
+      s.add(l), i.push({
+        rowKey: l,
         key: f,
         oldValue: d,
         newValue: x
       });
     });
     let r = [];
-    const o = i.map((n) => {
-      const l = this.ctx.database.getRowDataItemForRowKey(n.rowKey);
+    const o = i.map((a) => {
+      const h = this.ctx.database.getRowDataItemForRowKey(a.rowKey);
       return {
-        rowKey: n.rowKey,
-        key: n.key,
-        value: n.newValue,
-        row: l
+        rowKey: a.rowKey,
+        key: a.key,
+        value: a.newValue,
+        row: h
       };
     });
-    return s.forEach((n) => {
-      r.push(this.ctx.database.getRowDataItemForRowKey(n));
+    return s.forEach((a) => {
+      r.push(this.ctx.database.getRowDataItemForRowKey(a));
     }), this.ctx.emit("change", o, r), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
@@ -1042,16 +1042,16 @@ class ii {
   setItemValue(t, e, i, s = !1, r = !1, o = !1) {
     if (!this.rowKeyMap.has(t))
       return {};
-    const { item: n } = this.rowKeyMap.get(t);
-    let l = n[e];
+    const { item: a } = this.rowKeyMap.get(t);
+    let h = a[e];
     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])));
-    const h = `${t}_${e}`;
-    if (this.originalDataMap.has(h) || this.originalDataMap.set(h, l), this.changedDataMap.set(h, i), n[e] = i, o) {
+    a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
+    const l = `${t}_${e}`;
+    if (this.originalDataMap.has(l) || this.originalDataMap.set(l, h), this.changedDataMap.set(l, i), a[e] = i, o) {
       const f = this.ctx.database.getRowDataItemForRowKey(t), d = {
         rowKey: t,
         key: e,
@@ -1061,18 +1061,18 @@ class ii {
       this.ctx.emit("change", [d], [f]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: l,
+        oldValue: h,
         value: i,
-        originalValue: this.originalDataMap.get(h),
+        originalValue: this.originalDataMap.get(l),
         row: f
       });
     }
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: l,
+      oldValue: h,
       value: i,
-      originalValue: this.originalDataMap.get(h),
+      originalValue: this.originalDataMap.get(l),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
       type: "single",
@@ -1082,12 +1082,12 @@ class ii {
         {
           rowKey: t,
           key: e,
-          oldValue: l,
+          oldValue: h,
           newValue: i
         }
       ]
     }), r && this.ctx.emit("draw"), {
-      oldValue: l,
+      oldValue: h,
       newValue: i
     };
   }
@@ -1113,9 +1113,9 @@ class ii {
       if (!this.rowKeyMap.has(t))
         return !1;
       const { item: s } = this.rowKeyMap.get(t), r = s[i];
-      this.checkboxKeyMap.has(r) && this.checkboxKeyMap.get(r).forEach((n) => {
-        const l = this.rowKeyMap.get(n);
-        l.check = e;
+      this.checkboxKeyMap.has(r) && this.checkboxKeyMap.get(r).forEach((a) => {
+        const h = this.rowKeyMap.get(a);
+        h.check = e;
       });
     }
   }
@@ -1202,11 +1202,11 @@ class ii {
     let t = 0, e = 0;
     this.rowKeyMap.forEach((o) => {
       o.check && (t += 1);
-      const n = o.selectable;
-      typeof n == "function" ? n({
+      const a = o.selectable;
+      typeof a == "function" ? a({
         row: o.item,
         rowIndex: o.rowIndex
-      }) && (e += 1) : n && (e += 1);
+      }) && (e += 1) : a && (e += 1);
     });
     const i = e && e > t && t > 0;
     return {
@@ -1275,17 +1275,17 @@ class ii {
     return t ? (this.headerMap.set(t, e), !0) : !1;
   }
   getReadonly(t, e) {
-    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: n } = this.ctx.config;
-    if (typeof n == "function") {
-      const h = n({
+    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { CELL_READONLY_METHOD: a } = this.ctx.config;
+    if (typeof a == "function") {
+      const l = a({
         row: i.item,
         rowIndex: i.rowIndex,
         colIndex: s.colIndex,
         column: s.column,
         value: this.getItemValue(t, e)
       });
-      if (h !== void 0)
-        return h;
+      if (l !== void 0)
+        return l;
     }
     return o || r;
   }
@@ -1294,43 +1294,43 @@ class ii {
   }
   getValidator(t, e) {
     return new Promise((i) => {
-      const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, n = r.column;
-      let l = n.rules;
+      const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { CELL_RULES_METHOD: o } = this.ctx.config, a = r.column;
+      let h = a.rules;
       if (typeof o == "function") {
         const f = o({
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: r.colIndex,
-          column: n,
+          column: a,
           value: this.getItemValue(t, e)
         });
-        f && (l = f);
+        f && (h = f);
       }
-      if (l) {
-        let h = {}, f = {};
-        if (f[e] = this.getItemValue(t, e), Array.isArray(l) && l.length) {
-          const x = l.map((u) => ({
+      if (h) {
+        let l = {}, f = {};
+        if (f[e] = this.getItemValue(t, e), Array.isArray(h) && h.length) {
+          const x = h.map((u) => ({
             ...u,
             row: s.item,
-            column: n,
+            column: a,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          h[e] = x;
+          l[e] = x;
         } else
-          h[e] = {
-            ...l,
+          l[e] = {
+            ...h,
             row: s.item,
-            column: n,
+            column: a,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           };
-        new nt(h).validate(f).then(() => {
+        new nt(l).validate(f).then(() => {
           this.setValidationError(t, e, []), i([]);
         }).catch(({ errors: x }) => {
-          const u = x.map((p) => ({
-            ...p,
-            column: n,
+          const u = x.map((g) => ({
+            ...g,
+            column: a,
             key: e,
             row: s.item,
             rowKey: t
@@ -1436,7 +1436,7 @@ class ri {
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mousedown", this.handleMouseDown.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "scroll", this.handleScroll.bind(this)), this.bind(this.ctx.target, "click", this.handleClick.bind(this)), this.bind(this.ctx.target, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.target, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.target, "contextmenu", this.handleContextMenu.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(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)), 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, "mouseenter", this.handleMouseEnter.bind(this)), this.bind(this.ctx.stageElement, "mouseleave", this.handleMouseLeave.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this));
   }
   destroy() {
     this.eventTasks.forEach((t, e) => {
@@ -1447,10 +1447,10 @@ class ri {
     this.ctx.emit("resetHeader", t), this.ctx.emit("resize", t);
   }
   handleMouseDown(t) {
-    t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
+    t.preventDefault(), t.button === 0 && (this.ctx.mousedown = !0), this.ctx.emit("mousedown", t);
   }
   handleMousemove(t) {
-    this.ctx.emit("mousemove", t);
+    t.preventDefault(), this.ctx.emit("mousemove", t);
   }
   handleMouseUp(t) {
     t.button === 0 && (this.ctx.mousedown = !1), this.ctx.emit("mouseup", t);
@@ -1460,7 +1460,7 @@ class ri {
   }
   handleKeydown(t) {
     const { ENABLE_KEYBOARD: e } = this.ctx.config;
-    e && this.ctx.emit("keydown", t);
+    e && this.ctx.isTarget() && this.ctx.emit("keydown", t);
   }
   handleWheel(t) {
     this.ctx.emit("wheel", t);
@@ -1468,11 +1468,17 @@ class ri {
   handleContextMenu(t) {
     this.ctx.emit("contextMenu", t);
   }
-  handleScroll(t) {
-    this.ctx.emit("scroll", t);
+  handleMouseEnter(t) {
+    this.ctx.isInsideTargetContainer = !0, this.ctx.emit("mouseenter", t);
   }
-  bind(t, e, i) {
-    t instanceof HTMLCanvasElement && e === "keydown" && (t.tabIndex = 0), t.addEventListener(e, i), this.eventTasks.set(e, i);
+  handleMouseLeave(t) {
+    this.ctx.isInsideTargetContainer = !1, this.ctx.emit("mouseleave", t);
+  }
+  handleDblclick(t) {
+    this.ctx.emit("dblclick", t);
+  }
+  bind(t, e, i, s) {
+    t.addEventListener(e, i, s), this.eventTasks.set(e, i);
   }
   unbind(t, e, i) {
     t.removeEventListener(e, i), this.eventTasks.delete(e);
@@ -1523,6 +1529,9 @@ class ni {
     if (!e) throw new Error("canvas context not found");
     this.ctx = e;
   }
+  scale(t) {
+    this.ctx.scale(t, t);
+  }
   save() {
     this.ctx.save();
   }
@@ -1536,12 +1545,7 @@ class ni {
     this.ctx.canvas.style.cursor = t;
   }
   clear(t = 0, e = 0, i, s) {
-    this.ctx.clearRect(
-      t,
-      e,
-      i || this.ctx.canvas.width,
-      s || this.ctx.canvas.height
-    );
+    this.ctx.clearRect(t, e, i || this.ctx.canvas.width, s || this.ctx.canvas.height);
   }
   /**
    * 在 Canvas 上绘制单侧阴影
@@ -1554,31 +1558,21 @@ class ni {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: n, shadowWidth: l, colorStart: h, colorEnd: f } = r;
+    const { fillColor: o, side: a, shadowWidth: h, colorStart: l, colorEnd: f } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let d;
-    switch (n) {
+    switch (a) {
       case "left":
-        d = this.ctx.createLinearGradient(t - l, e, t, e), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - l, e, l, s);
+        d = this.ctx.createLinearGradient(t - h, e, t, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - h, e, h, s);
         break;
       case "right":
-        d = this.ctx.createLinearGradient(
-          t + i,
-          e,
-          t + i + l,
-          e
-        ), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, l, s);
+        d = this.ctx.createLinearGradient(t + i, e, t + i + h, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, h, s);
         break;
       case "top":
-        d = this.ctx.createLinearGradient(t, e - l, t, e), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - l, i, l);
+        d = this.ctx.createLinearGradient(t, e - h, t, e), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - h, i, h);
         break;
       case "bottom":
-        d = this.ctx.createLinearGradient(
-          t,
-          e + s,
-          t,
-          e + s + l
-        ), d.addColorStop(0, h), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, l);
+        d = this.ctx.createLinearGradient(t, e + s, t, e + s + h), d.addColorStop(0, l), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, h);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1591,22 +1585,22 @@ class ni {
       throw new Error("A valid array of points is required to draw a line");
     this.ctx.save();
     const { borderColor: i = "black", borderWidth: s = 1 } = e;
-    this.ctx.beginPath(), this.ctx.moveTo(t[0] + 0.5, t[1] + 0.5);
+    this.ctx.beginPath(), this.ctx.moveTo(t[0] - 0.5, t[1] - 0.5);
     for (let r = 2; r < t.length; r += 2)
-      this.ctx.lineTo(t[r] + 0.5, t[r + 1] + 0.5);
+      this.ctx.lineTo(t[r] - 0.5, t[r + 1] - 0.5);
     this.ctx.strokeStyle = i, this.ctx.lineWidth = s, e.lineDash && (this.ctx.lineDashOffset = 4, this.ctx.setLineDash(e.lineDash)), e.fillColor && (this.ctx.fillStyle = e.fillColor, this.ctx.fill()), e.borderColor && (this.ctx.strokeStyle = e.borderColor), this.ctx.stroke(), this.ctx.closePath(), this.ctx.restore();
   }
   drawImage(t, e, i, s, 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)
-      this.ctx.rect(t + 0.5, e + 0.5, i, s);
+  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: a, radius: h = 0 } = {}) {
+    if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
+      this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [h, f, d, x] = typeof l == "number" ? [l, l, l, l] : l;
-      this.ctx.moveTo(t + h, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + h, e, h);
+      const [l, f, d, x] = typeof h == "number" ? [h, h, h, h] : h;
+      this.ctx.moveTo(t + l, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + l, e, l);
     }
-    n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
+    a !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
   /**
    * 画文本
@@ -1621,44 +1615,44 @@ class ni {
   drawText(t = "", e, i, s, r, o = {}) {
     this.ctx.save();
     const {
-      font: n = "12px Arial",
-      align: l = "center",
-      color: h = "#495060",
+      font: a = "12px Arial",
+      align: h = "center",
+      color: l = "#495060",
       padding: f = 0,
       verticalAlign: d = "middle"
     } = o;
-    this.ctx.font = n, this.ctx.fillStyle = h, this.ctx.textBaseline = d, this.ctx.textAlign = l;
+    this.ctx.font = a, this.ctx.fillStyle = l, this.ctx.textBaseline = d, this.ctx.textAlign = h;
     let x = 0;
-    d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + f) / 2;
+    d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + 1) / 2;
     let u = 0;
-    l === "left" ? u = e + f : l === "right" ? u = e + s - f : u = e + s / 2;
-    const { _text: p, ellipsis: g } = this.handleEllipsis(t, s, f);
-    return this.ctx.fillText(p, u, x), this.ctx.restore(), g;
+    h === "left" ? u = e + f : h === "right" ? u = e + s - f : u = e + s / 2;
+    const { _text: g, ellipsis: w } = this.handleEllipsis(t, s, f, a);
+    return this.ctx.fillText(g, u, x), this.ctx.restore(), w;
   }
-  handleEllipsis(t, e, i = 0) {
-    let s = !1, r = t;
-    if (t == null || t === "")
+  handleEllipsis(t, e, i = 0, s = "12px Arial") {
+    let r = !1, o = t;
+    if (this.ctx.font = s, t == null || t === "")
       return {
         _text: "",
-        ellipsis: s
+        ellipsis: r
       };
-    const o = this.ctx.measureText("...").width, n = this.ctx.measureText(t).width;
-    if (n && n + o >= e - i * 2) {
-      s = !0;
+    const a = this.ctx.measureText("...").width, h = this.ctx.measureText(t).width;
+    if (h && h + a >= e - i * 2) {
+      r = !0;
       let l = 0;
-      for (let h = 0; h < t.length; h++)
-        if (l += this.ctx.measureText(t[h]).width, l >= e - i * 2 - o) {
-          r = t.slice(0, h) + "...";
+      for (let f = 0; f < t.length; f++)
+        if (l += this.ctx.measureText(t[f]).width, l >= e - i * 2 - a) {
+          o = t.slice(0, f) + "...";
           break;
         }
     }
     return {
-      _text: r,
-      ellipsis: s
+      _text: o,
+      ellipsis: r
     };
   }
 }
-class Pt {
+class Wt {
   constructor(t) {
     c(this, "PROCESSOR_NUM", 50);
     c(this, "CSS_PREFIX", "e-virt-table");
@@ -1883,15 +1877,15 @@ class ai {
   }
   async createImageFromSVG(t, e) {
     const r = new DOMParser().parseFromString(t, "image/svg+xml").documentElement;
-    e && r.querySelectorAll("*").forEach((h) => {
-      h.setAttribute("fill", e);
+    e && r.querySelectorAll("*").forEach((l) => {
+      l.setAttribute("fill", e);
     });
-    const o = new Image(), n = new Blob([new XMLSerializer().serializeToString(r)], {
+    const o = new Image(), a = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
-    }), l = URL.createObjectURL(n);
-    return o.src = l, new Promise((h, f) => {
+    }), h = URL.createObjectURL(a);
+    return o.src = h, new Promise((l, f) => {
       o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
-        h(o);
+        l(o);
       };
     });
   }
@@ -1900,7 +1894,7 @@ class ai {
   }
 }
 class te {
-  constructor(t, e, i, s, r, o, n) {
+  constructor(t, e, i, s, r, o, a) {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -1908,20 +1902,29 @@ class te {
     c(this, "height", 0);
     c(this, "fixed");
     c(this, "cellType");
-    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = n;
+    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = a;
   }
   isHorizontalVisible() {
     if (this.fixed)
       return !0;
-    const { target: t, fixedLeftWidth: e, scrollX: i, fixedRightWidth: s } = this.ctx, r = t.width;
+    const { stageWidth: t, fixedLeftWidth: e, scrollX: i, fixedRightWidth: s } = this.ctx, r = t;
     return !(this.x + this.width - e - i <= 0 || this.x - i >= r - s);
   }
   isVerticalVisible() {
-    const { target: t, scrollY: e } = this.ctx, i = t.height;
+    const { stageHeight: t, scrollY: e } = this.ctx, i = t;
     return !(this.y + this.height - e <= 0 || this.y - e >= i);
   }
   getDrawX() {
-    return this.fixed === "left" ? this.x : this.fixed === "right" ? this.ctx.header.visibleWidth - (this.ctx.header.width - this.x) + 1 : this.x - this.ctx.scrollX;
+    if (this.fixed === "left")
+      return this.x;
+    if (this.fixed === "right") {
+      const {
+        stageWidth: t,
+        config: { SCROLLER_TRACK_SIZE: e }
+      } = this.ctx;
+      return t - (this.ctx.header.width - this.x) - e + 1;
+    }
+    return this.x - this.ctx.scrollX;
   }
   getDrawY() {
     return this.cellType === "header" ? this.y : this.cellType === "footer" && this.ctx.config.FOOTER_FIXED ? this.y : this.y - this.ctx.scrollY;
@@ -1937,8 +1940,8 @@ class te {
   }
 }
 class ee extends te {
-  constructor(e, i, s, r, o, n, l, h, f, d = "body") {
-    super(e, r, o, n, l, h.fixed, d);
+  constructor(e, i, s, r, o, a, h, l, f, d = "body") {
+    super(e, r, o, a, h, l.fixed, d);
     c(this, "formatter");
     c(this, "hoverIconName", "");
     c(this, "operation", !1);
@@ -1981,10 +1984,12 @@ class ee extends te {
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
     c(this, "ellipsis", !1);
+    c(this, "rowExpand", !1);
+    c(this, "rowHasChildren", !1);
     c(this, "overflowTooltipShow", !0);
     c(this, "overflowTooltipMaxWidth", 500);
     c(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = h.key, this.type = h.type || "text", this.editorType = h.editorType || "text", this.cellType = d, this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.column = h, this.rules = h.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = h.render, this.overflowTooltipShow = h.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = h.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = h.overflowTooltipPlacement || "top", this.renderFooter = h.renderFooter, this.hoverIconName = h.hoverIconName, this.formatter = h.formatter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = l.key, this.type = l.type || "text", this.editorType = l.editorType || "text", this.cellType = d, this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.operation = l.operation || !1, this.column = l, this.rules = l.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = l.render, this.overflowTooltipShow = l.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = l.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = l.overflowTooltipPlacement || "top", this.renderFooter = l.renderFooter, this.hoverIconName = l.hoverIconName, this.formatter = l.formatter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2076,20 +2081,20 @@ class ee extends te {
   }
   updateTree() {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
-    let r, o = 0, n = "";
+    let r, o = 0, a = "";
     if (this.type === "tree" && s === "body") {
-      const l = this.ctx.database.getRowForRowKey(i), { expand: h = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = l || {};
-      if (d) {
+      const h = this.ctx.database.getRowForRowKey(i), { expand: l = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = h || {};
+      if (this.rowExpand = l, this.rowHasChildren = f, d) {
         const u = this.ctx.icons.get("loading");
-        n = "loading", r = u, o = x * 8;
+        a = "loading", r = u, o = x * 8;
       } else if (f) {
-        const u = this.ctx.icons.get("expand"), p = this.ctx.icons.get("shrink");
-        r = h ? p : u, n = h ? "shrink" : "expand", o = x * 8;
+        const u = this.ctx.icons.get("expand"), g = this.ctx.icons.get("shrink");
+        r = l ? g : u, a = l ? "shrink" : "expand", o = x * 8;
       } else
         o = x * 8;
       if (r) {
-        let u = 20, p = 20, g = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2 + 2;
-        this.ctx.paint.drawImage(r, g, w, u, p), this.drawImageX = g, this.drawImageY = w, this.drawImageWidth = u, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u + 0.5;
+        let u = 20, g = 20, w = this.drawX + o + e, p = this.drawY + (this.visibleHeight - g) / 2;
+        this.ctx.paint.drawImage(r, w, p, u, g), this.drawImageX = w, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = g, this.drawImageName = a, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u - 0.5;
       }
     }
   }
@@ -2100,71 +2105,71 @@ class ee extends te {
       BODY_CELL_STYLE_METHOD: s,
       FOOTER_CELL_STYLE_METHOD: r,
       READONLY_TEXT_COLOR: o,
-      FOOTER_BG_COLOR: n,
-      HIGHLIGHT_SELECTED_ROW: l,
-      HIGHLIGHT_SELECTED_ROW_COLOR: h,
+      FOOTER_BG_COLOR: a,
+      HIGHLIGHT_SELECTED_ROW: h,
+      HIGHLIGHT_SELECTED_ROW_COLOR: l,
       HIGHLIGHT_HOVER_ROW: f,
       HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let y = n, C = o;
+      let y = a, b = o;
       if (typeof r == "function") {
-        const m = r, { backgroundColor: E, color: b } = m({
+        const m = r, { backgroundColor: E, color: C } = m({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        E && (y = E), b && (C = b);
+        E && (y = E), C && (b = C);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = C;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = b;
       return;
     }
     let x = "transparent";
-    const u = this.ctx.focusCell, p = this.ctx.hoverCell;
-    f && (p == null ? void 0 : p.rowKey) === this.rowKey && (x = d), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = h), this.drawCellSkyBgColor = x;
-    let g = e, w = o;
+    const u = this.ctx.focusCell, g = this.ctx.hoverCell;
+    f && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = d), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = l), this.drawCellSkyBgColor = x;
+    let w = e, p = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
       return;
     }
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (g = i, w = o), typeof s == "function") {
-      const y = s, { backgroundColor: C, color: m } = y({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (w = i, p = o), typeof s == "function") {
+      const y = s, { backgroundColor: b, color: m } = y({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       }) || {};
-      C && (g = C), m && (w = m);
+      b && (w = b), m && (p = m);
     }
-    this.drawCellBgColor = g, this.drawTextColor = w;
+    this.drawCellBgColor = w, this.drawTextColor = p;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: l, rowKey: h } = this;
-    if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
-      const f = this.ctx.database.getRowSelection(h), d = this.ctx.database.getRowSelectable(h), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
-      let g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
-      f && d ? (g = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : f && d ? (g = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !f && d ? (g = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (g = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), g && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g) : g && n === "selection" && (this.drawImageX = u, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = g);
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: h, rowKey: l } = this;
+    if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(a)) {
+      const f = this.ctx.database.getRowSelection(l), d = this.ctx.database.getRowSelectable(l), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
+      let w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
+      f && d ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : f && d ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !f && d ? (w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled"), w && a == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w);
     }
   }
   updateHoverIcon() {
     const { CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
     if (typeof e == "function") {
-      const l = e({
+      const h = e({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      l !== void 0 && (this.hoverIconName = l);
+      h !== void 0 && (this.hoverIconName = h);
     }
     const r = this.drawX + this.width - i - s, o = this.drawY + (this.height - i) / 2;
     if (this.hoverIconName && this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === this.rowIndex) {
-      const n = this.ctx.icons.get(this.hoverIconName);
-      this.drawImageX = r, this.drawImageY = o, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = n;
+      const a = this.ctx.icons.get(this.hoverIconName);
+      this.drawImageX = r, this.drawImageY = o, this.drawImageWidth = i, this.drawImageHeight = i, this.drawImageName = this.hoverIconName, this.drawImageSource = a;
     }
   }
   /**
@@ -2206,14 +2211,13 @@ class ee extends te {
    */
   getOverlayerViewsStyle() {
     let e = `${this.drawX - this.ctx.fixedLeftWidth}px`, i = `${this.drawY - this.ctx.body.y}px`;
-    return this.fixed === "left" ? e = `${this.drawX}px` : this.fixed === "right" && (e = `${this.drawX - (this.ctx.target.width - this.ctx.fixedRightWidth)}px`), this.cellType === "footer" && this.ctx.config.FOOTER_FIXED && (i = `${this.drawY - this.ctx.footer.y}px`), {
+    return this.fixed === "left" ? e = `${this.drawX}px` : this.fixed === "right" && (e = `${this.drawX - (this.ctx.stageWidth - this.ctx.fixedRightWidth)}px`), this.cellType === "footer" && this.ctx.config.FOOTER_FIXED && (i = `${this.drawY - this.ctx.footer.y}px`), {
       position: "absolute",
       overflow: "hidden",
       left: e,
       top: i,
       width: `${this.visibleWidth}px`,
-      height: `${this.visibleHeight}px`,
-      pointerEvents: "none"
+      height: `${this.visibleHeight}px`
     };
   }
   draw() {
@@ -2228,7 +2232,7 @@ class ee extends te {
       borderColor: "transparent",
       borderWidth: 1,
       fillColor: this.drawCellSkyBgColor
-    }), this.ellipsis = this.drawText(), this.drawImage(), this.drawSelector(), this.drawAutofillPiont(), this.drawErrorTip();
+    }), this.drawText(), this.drawImage(), this.drawSelector(), this.drawAutofillPiont(), this.drawErrorTip();
   }
   /**
    * 根据列的索引获取列的宽度
@@ -2245,8 +2249,8 @@ class ee extends te {
     return s;
   }
   drawText() {
-    const { CELL_PADDING: e, BODY_FONT: i } = this.ctx.config;
-    return this.ctx.paint.drawText(
+    const { CELL_PADDING: e, BODY_FONT: i } = this.ctx.config, { ellipsis: s } = this.ctx.paint.handleEllipsis(this.text, this.width, e, i);
+    return this.ellipsis = s, this.ctx.paint.drawText(
       this.displayText,
       this.drawTextX,
       this.drawTextY,
@@ -2276,8 +2280,8 @@ class ee extends te {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: r, yArr: o } = this.ctx.selector, n = r[1], l = o[1], { colIndex: h, rowIndex: f, drawX: d, drawY: x } = this;
-    h === n && f === l && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
+    const { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: l, rowIndex: f, drawX: d, drawY: x } = this;
+    l === a && f === h && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
       borderColor: "#fff",
       fillColor: e
     });
@@ -2314,7 +2318,7 @@ class ee extends te {
   drawErrorTip() {
     if (this.cellType === "footer" || !this.message)
       return;
-    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, r = this.drawX, o = this.drawY, n = [
+    const { ERROR_TIP_ICON_SIZE: e, ERROR_TIP_COLOR: i } = this.ctx.config, { width: s } = this, r = this.drawX, o = this.drawY, a = [
       r + s - e - 0.5,
       o,
       r + s - 0.5,
@@ -2322,7 +2326,7 @@ class ee extends te {
       r + s - 0.5,
       o + e
     ];
-    this.ctx.paint.drawLine(n, {
+    this.ctx.paint.drawLine(a, {
       borderColor: i,
       fillColor: i,
       borderWidth: 1,
@@ -2331,35 +2335,35 @@ class ee extends te {
     });
   }
   drawBorder(e) {
-    const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: n } = this, l = i + 0.5;
-    let h = s + 0.5, f = this.height;
-    o === 0 && (h = this.y + 1, f = f - 1);
-    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: p = 1, borderColor: g, fillColor: w } = e, y = d[0], C = d[1], m = x[0], E = x[1];
-    n >= y && n <= C && o === m && this.ctx.paint.drawLine([l, h, l + r - 2, h], {
-      borderColor: g,
-      fillColor: w,
-      borderWidth: p,
+    const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: a } = this;
+    let h = i + 0.5, l = s + 0.5, f = this.height;
+    o === 0 && (l = this.y + 1, f = f - 1), a === this.ctx.maxColIndex && (h = h - 1);
+    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = d[0], b = d[1], m = x[0], E = x[1];
+    a >= y && a <= b && o === m && this.ctx.paint.drawLine([h, l, h + r - 2, l], {
+      borderColor: w,
+      fillColor: p,
+      borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n >= y && n <= C && o === E && this.ctx.paint.drawLine([l, h + f - 1.5, l + r, h + f - 1.5], {
-      borderColor: g,
-      fillColor: w,
-      borderWidth: p,
+    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, l + f - 1.5, h + r, l + f - 1.5], {
+      borderColor: w,
+      fillColor: p,
+      borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === y && o >= m && o <= E && this.ctx.paint.drawLine([l, h, l, h + f - 1], {
-      borderColor: g,
-      fillColor: w,
-      borderWidth: p,
+    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, l, h, l + f - 1], {
+      borderColor: w,
+      fillColor: p,
+      borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), n === C && o >= m && o <= E && this.ctx.paint.drawLine([l + r - 1, h, l + r - 1, h + f - 1], {
-      borderColor: g,
-      fillColor: w,
-      borderWidth: p,
+    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, l, h + r - 1.5, l + f - 1.5], {
+      borderColor: w,
+      fillColor: p,
+      borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
@@ -2367,8 +2371,8 @@ class ee extends te {
   }
 }
 class ie extends te {
-  constructor(e, i, s, r, o, n, l) {
-    super(e, s, r, o, n, l.fixed, "header");
+  constructor(e, i, s, r, o, a, h) {
+    super(e, s, r, o, a, h.fixed, "header");
     c(this, "align");
     c(this, "verticalAlign", "middle");
     c(this, "fixed");
@@ -2402,14 +2406,14 @@ class ie extends te {
     c(this, "drawImageHeight", 0);
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = l.key, this.type = l.type, this.editorType = l.editorType || "text", this.align = l.align || "center", this.verticalAlign = l.verticalAlign || "middle", this.fixed = l.fixed, this.level = l.level, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan, this.widthFillDisable = l.widthFillDisable, this.rowspan = l.rowspan, this.rules = l.rules, this.readonly = l.readonly, this.required = l.required, this.rowKey = Lt(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
    * @returns
    */
   isVerticalVisible() {
-    const { target: e } = this.ctx, i = e.height;
+    const { stageHeight: e } = this.ctx, i = e;
     return !(this.y + this.height <= 0 || this.y >= i);
   }
   /**
@@ -2422,11 +2426,11 @@ class ie extends te {
     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: h } = n({
+      const a = e, { backgroundColor: h, color: l } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      l && (r = l), h && (o = h);
+      h && (r = h), l && (o = l);
     }
     this.drawCellBgColor = r, this.drawTextColor = o;
   }
@@ -2437,11 +2441,11 @@ class ie extends te {
     const {
       paint: e,
       config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: r }
-    } = this.ctx, { drawX: o, drawY: n, displayText: l } = this;
-    e.drawRect(o, n, this.width, this.height, {
+    } = this.ctx, { drawX: o, drawY: a, displayText: h } = this;
+    e.drawRect(o, a, this.width, this.height, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawText(l, o, n, this.width, this.height, {
+    }), e.drawText(h, o, a, this.width, this.height, {
       font: r,
       padding: s,
       color: this.drawTextColor,
@@ -2452,9 +2456,9 @@ class ie extends te {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, h = this.drawX + (e - l) / 2, f = this.drawY + (i - l) / 2;
+      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, l = this.drawX + (e - h) / 2, f = this.drawY + (i - h) / 2;
       let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = h, this.drawImageY = f, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
+      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = l, this.drawImageY = f, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2471,14 +2475,13 @@ class ie extends te {
    */
   getOverlayerViewsStyle() {
     let e = "";
-    return this.fixed === "left" ? e = `${this.drawX}px` : this.fixed === "right" ? e = `${this.drawX - (this.ctx.target.width - this.ctx.fixedRightWidth)}px` : e = `${this.drawX - this.ctx.fixedLeftWidth}px`, {
+    return this.fixed === "left" ? e = `${this.drawX}px` : this.fixed === "right" ? e = `${this.drawX - (this.ctx.stageWidth - this.ctx.fixedRightWidth)}px` : e = `${this.drawX - this.ctx.fixedLeftWidth}px`, {
       position: "absolute",
       overflow: "hidden",
       left: e,
       top: `${this.drawY + 1}px`,
       width: `${this.width}px`,
-      height: `${this.height - 2}px`,
-      pointerEvents: "none"
+      height: `${this.height - 2}px`
     };
   }
 }
@@ -2492,98 +2495,60 @@ class ci {
   init() {
     this.resizeObserver = new ResizeObserver(() => {
       this.ctx.emit("resetHeader"), this.ctx.emit("resizeObserver");
-    }), this.ctx.target.parentElement && this.resizeObserver.observe(this.ctx.target), this.ctx.on("mousedown", (t) => {
+    }), this.resizeObserver.observe(this.ctx.stageElement), this.ctx.on("mousedown", (t) => {
       if (t.button !== 0 || this.isBusy(t))
         return;
-      const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const o of s) {
-        const n = o.getDrawX(), l = o.getDrawY();
-        if (i > n && i < n + o.width && e > l && e < l + o.height) {
-          this.ctx.focusCellHeader = o, this.ctx.emit("cellHeaderMousedown", o, t);
-          return;
-        }
-      }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
-        for (const l of n) {
-          const h = l.getDrawX(), f = l.getDrawY();
-          if (i > h && i < h + l.width && e > f && e < f + l.height) {
-            this.ctx.setFocusCell(l), this.ctx.emit("cellMousedown", l, t);
-            return;
-          }
-        }
-      }
+      const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
+      this.handleHeaderEvent(r, s, this.ctx.header.renderCellHeaders, (o) => {
+        this.ctx.focusCellHeader = o, this.ctx.emit("cellHeaderMousedown", o, t);
+      }), this.handleBodyEvent(r, s, this.ctx.body.renderRows, (o) => {
+        this.ctx.setFocusCell(o), this.ctx.emit("cellMousedown", o, t);
+      });
     }), this.ctx.on("click", (t) => {
       if (t.button !== 0 || this.isBusy(t))
         return;
-      const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const o of s) {
-        const n = o.getDrawX(), l = o.getDrawY();
-        if (i > n && i < n + o.width && e > l && e < l + o.height) {
-          this.ctx.clickCellHeader = o, this.ctx.emit("cellHeaderClick", o, t), this.selectionClick(o);
-          return;
-        }
-      }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
-        for (const l of n) {
-          const h = l.getDrawX(), f = l.getDrawY();
-          if (i > h && i < h + l.width && e > f && e < f + l.height) {
-            this.ctx.clickCell = l, this.ctx.emit("cellClick", l, t), this.selectionClick(l), this.treeClick(l);
-            return;
-          }
-        }
-      }
+      const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
+      this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
+        this.ctx.clickCellHeader = s, this.ctx.emit("cellHeaderClick", s, t), this.selectionClick(s);
+      }), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
+        this.ctx.clickCell = s, this.ctx.emit("cellClick", s, t), this.selectionClick(s), this.treeClick(s);
+      });
+    }), this.ctx.on("dblclick", (t) => {
+      if (t.button !== 0 || this.isBusy(t))
+        return;
+      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("cellHeaderDblclick", s, t);
+      }), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
+        this.ctx.clickCell = s, this.ctx.emit("cellDblclick", s, t);
+      });
     }), this.ctx.on("contextMenu", (t) => {
       if (this.isBusy(t))
         return;
-      const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const o of s) {
-        const n = o.getDrawX(), l = o.getDrawY();
-        if (i > n && i < n + o.width && e > l && e < l + o.height) {
-          this.ctx.emit("cellHeaderContextMenuClick", o, t);
-          return;
-        }
-      }
-      const r = this.ctx.body.renderRows;
-      for (const o of r) {
-        const n = o.fixedCells.concat(o.noFixedCells);
-        for (const l of n) {
-          const h = l.getDrawX(), f = l.getDrawY();
-          if (i > h && i < h + l.width && e > f && e < f + l.height) {
-            this.ctx.emit("cellContextMenuClick", l, t);
-            return;
-          }
-        }
-      }
+      const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
+      this.handleHeaderEvent(r, s, this.ctx.header.renderCellHeaders, (o) => {
+        this.ctx.emit("cellHeaderContextMenuClick", o, t);
+      }), this.handleBodyEvent(r, s, this.ctx.body.renderRows, (o) => {
+        this.ctx.emit("cellContextMenuClick", o, t);
+      });
     }), this.ctx.on("mousemove", (t) => {
-      var o;
       if (this.isBusy(t))
         return;
-      const e = t.offsetY, i = t.offsetX, s = this.ctx.header.renderCellHeaders;
-      for (const n of s) {
-        const l = n.getDrawX(), h = n.getDrawY();
-        if (i > l && i < l + n.width && e > h && e < h + n.height) {
-          if (this.ctx.emit("cellHeaderMouseenter", n, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== n && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(n, t), this.ctx.hoverCellHeader === n)
-            return;
-          this.ctx.hoverCellHeader = n, this.ctx.emit("cellHeaderHoverChange", n);
-          return;
-        }
-      }
-      const r = this.ctx.body.renderRows;
-      for (const n of r) {
-        const l = n.fixedCells.concat(n.noFixedCells);
-        for (const h of l) {
-          const f = h.getDrawX(), d = h.getDrawY();
-          if (i > f && i < f + h.visibleWidth && e > d && e < d + h.visibleHeight && (this.imageEnterAndLeave(h, t), this.visibleHoverCell !== h && (this.ctx.emit("visibleCellMouseleave", h, t), this.visibleHoverCell = h, this.ctx.emit("visibleCellHoverChange", h, t))), i > f && i < f + h.width && e > d && e < d + h.height) {
-            if (this.ctx.emit("cellMouseenter", h, t), this.ctx.hoverCell && this.ctx.hoverCell !== h && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell === h) return;
-            ((o = this.ctx.hoverCell) == null ? void 0 : o.rowKey) !== h.rowKey && (this.ctx.hoverCell = h, this.ctx.hoverRow = this.ctx.body.renderRows.find((x) => x.rowKey === h.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, h, t), this.ctx.emit("draw")), this.ctx.hoverCell = h, this.ctx.emit("cellHoverChange", h, t);
-            return;
-          }
-        }
-      }
+      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.handleBodyEvent(
+        i,
+        e,
+        this.ctx.body.renderRows,
+        (s) => {
+          this.imageEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.emit("visibleCellHoverChange", s, t));
+        },
+        !0
+      ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
+        var r;
+        this.ctx.emit("cellMouseenter", s, t), this.ctx.hoverCell && this.ctx.hoverCell !== s && this.ctx.emit("cellMouseleave", this.ctx.hoverCell, t), this.ctx.hoverCell !== s && (((r = this.ctx.hoverCell) == null ? void 0 : r.rowKey) !== s.rowKey && (this.ctx.hoverCell = s, this.ctx.hoverRow = this.ctx.body.renderRows.find((o) => o.rowKey === s.rowKey), this.ctx.emit("rowHoverChange", this.ctx.hoverRow, s, t), this.ctx.emit("drawView")), this.ctx.hoverCell = s, this.ctx.emit("cellHoverChange", s, t));
+      });
     });
   }
   /**
@@ -2614,14 +2579,14 @@ class ci {
           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);
-        }).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);
+        }).catch((h) => {
+          this.ctx.database.expandLoading(t.rowKey, !1), console.error(h);
         }));
       else {
-        const n = this.ctx.database.getIsExpand(t.rowKey);
-        this.ctx.database.expandItem(t.rowKey, !n), this.ctx.emit("expandChange");
+        const a = this.ctx.database.getIsExpand(t.rowKey);
+        this.ctx.database.expandItem(t.rowKey, !a), this.ctx.emit("expandChange");
       }
     }
   }
@@ -2631,30 +2596,60 @@ class ci {
    * @param e
    */
   imageEnterAndLeave(t, e) {
-    const i = e.offsetY, s = e.offsetX;
-    s > t.drawImageX && s < t.drawImageX + t.drawImageWidth && i > t.drawImageY && i < t.drawImageY + t.drawImageHeight ? (this.ctx.target.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof ee && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.target.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.target.style.cursor === "pointer" && (this.ctx.target.style.cursor = "default"));
+    const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s;
+    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof ee && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
   }
   isBusy(t) {
-    const e = t.offsetY, i = t.offsetX;
-    if (!(t.target instanceof HTMLCanvasElement) || !this.ctx.isTarget(t.target) || this.ctx.target.style.cursor === "row-resize" || this.ctx.target.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
+    const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
+    if (!this.ctx.isTarget() || this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
       return !0;
-    const { SCROLLER_TRACK_SIZE: s } = this.ctx.config;
-    return !!(this.ctx.scrollerMove || this.ctx.scrollerFocus || e > this.ctx.target.height - s || i > this.ctx.target.width - s);
+    const { SCROLLER_TRACK_SIZE: o } = this.ctx.config;
+    return !!(this.ctx.scrollerMove || this.ctx.scrollerFocus || s > this.ctx.stageHeight - o || r > this.ctx.stageWidth - o);
+  }
+  handleBodyEvent(t, e, i, s, r = !1) {
+    for (const o of i) {
+      const a = o.fixedCells.concat(o.noFixedCells);
+      for (const h of a) {
+        const l = h.getDrawX(), f = h.getDrawY();
+        if (r) {
+          if (t > l && t < l + h.visibleWidth && e > f && e < f + h.visibleHeight) {
+            s(h);
+            return;
+          }
+        } else if (t > l && t < l + h.width && e > f && e < f + h.height) {
+          s(h);
+          return;
+        }
+      }
+    }
+  }
+  handleHeaderEvent(t, e, i, s) {
+    for (const r of i) {
+      const o = r.getDrawX(), a = r.getDrawY();
+      if (t > o && t < o + r.width && e > a && e < a + r.height) {
+        s(r);
+        return;
+      }
+    }
   }
   destroy() {
-    this.resizeObserver.unobserve(this.ctx.target);
+    this.resizeObserver.unobserve(this.ctx.stageElement);
   }
 }
-class li {
-  constructor(t, e, i) {
+class hi {
+  constructor(t, e) {
     c(this, "eventBus");
     c(this, "eventBrowser");
     c(this, "eventTable");
-    c(this, "uuid", Lt());
-    c(this, "targetContainer");
-    c(this, "target");
+    c(this, "containerElement");
+    c(this, "stageElement");
+    c(this, "canvasElement");
+    c(this, "overlayerElement");
+    c(this, "stageWidth", 0);
+    c(this, "stageHeight", 0);
     c(this, "paint");
     c(this, "icons");
+    c(this, "isInsideTargetContainer", !1);
     c(this, "mousedown", !1);
     c(this, "isPointer", !1);
     c(this, "rowResizing", !1);
@@ -2736,10 +2731,11 @@ class li {
     c(this, "database");
     c(this, "history");
     c(this, "config");
-    this.target = e, this.targetContainer = t, this.target.setAttribute("uuid", this.uuid), this.config = new Pt(i.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(e), this.database = new ii(this, i), this.history = new si(this), this.icons = new ai(this);
+    const { containerElement: i, stageElement: s, canvasElement: r, overlayerElement: o } = t;
+    this.containerElement = i, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.config = new Wt(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
   }
   setConfig(t) {
-    this.config = new Pt(t);
+    this.config = new Wt(t);
   }
   setFocusCell(t) {
     var e;
@@ -2770,8 +2766,8 @@ class li {
     let s = "";
     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], h = n + i[0], f = this.database.getItemValueForRowIndexAndColIndex(l, h);
+      for (let a = 0; a <= i[1] - i[0]; a++) {
+        const h = r + e[0], l = a + i[0], f = this.database.getItemValueForRowIndexAndColIndex(h, l);
         f && o.push(f.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
@@ -2801,10 +2797,15 @@ class li {
     const i = this.body.height - this.body.visibleHeight - this.footer.height;
     e < 0 ? e = 0 : e > i && (e = i), this.emit("setScrollY", e);
   }
-  isTarget(t) {
-    if (t === null) return !1;
-    const e = t.getAttribute("uuid");
-    return this.uuid === e;
+  isTarget() {
+    return this.isInsideTargetContainer;
+  }
+  getOffset(t) {
+    const { left: e, top: i } = this.containerElement.getBoundingClientRect();
+    return {
+      offsetX: t.clientX - e,
+      offsetY: t.clientY - i
+    };
   }
   hasEvent(t) {
     return this.eventBus.has(t);
@@ -2825,7 +2826,7 @@ class li {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Vt {
+class Pt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2856,9 +2857,9 @@ class Vt {
     this.updateScroll(t);
   }
   onMouseDown(t) {
-    if (!(t.target instanceof HTMLCanvasElement) || !this.ctx.isTarget(t.target))
+    if (!(t.target instanceof Element) || !this.ctx.isTarget())
       return;
-    if (this.ctx.target.style.cursor === "row-resize" || this.ctx.target.style.cursor === "col-resize")
+    if (this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize")
       return !0;
     const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
     if (!(s == this.clientX && r == this.clientY)) {
@@ -2875,11 +2876,11 @@ class Vt {
   }
   onMouseMove(t) {
     const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
-    if (this.isOnScrollbar(e, i) && t.target === this.ctx.target ? this.isFocus = !0 : this.isFocus = !1, s == this.clientX && r == this.clientY) return;
+    if (this.isOnScrollbar(e, i) && t.target === this.ctx.canvasElement ? this.isFocus = !0 : this.isFocus = !1, s == this.clientX && r == this.clientY) return;
     let o = 0;
     if (this.type === "horizontal" ? o = s - this.clientX : o = r - this.clientY, this.isDragging && o !== 0) {
-      let n = 0;
-      this.type === "vertical" ? n = this.dragStart + o / (this.visibleDistance - this.barHeight) * this.distance : n = this.dragStart + o / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(n, this.distance));
+      let a = 0;
+      this.type === "vertical" ? a = this.dragStart + o / (this.visibleDistance - this.barHeight) * this.distance : a = this.dragStart + o / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(a, this.distance));
     }
   }
   isPointInElement(t, e, i, s, r, o) {
@@ -2899,23 +2900,25 @@ class Vt {
     const {
       body: t,
       header: e,
-      config: { SCROLLER_TRACK_SIZE: i = 0, SCROLLER_SIZE: s = 0 }
-    } = this.ctx, r = this.ctx.target.width + 1, o = this.ctx.target.height, n = e.height, l = e.width, h = t.height, f = this.ctx.footer.height;
+      stageHeight: i,
+      stageWidth: s,
+      config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0 }
+    } = this.ctx, a = s, h = i, l = e.height, f = e.width, d = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = o - i - n, this.distance = h - this.visibleDistance + f, this.trackX = r - i, this.trackY = 0, this.splitPoints = [this.trackX, n, this.trackX + i, n], this.trackWidth = i, this.trackHeight = o, this.barX = this.trackX + (i - s) / 2, this.barWidth = s;
-      const d = this.distance ? this.visibleDistance / h : 0;
-      let x = Math.floor(d * this.visibleDistance);
-      x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, this.barY = n + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      this.visibleDistance = h - r - l, this.distance = d - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, l, this.trackX + r, l], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
+      const u = this.distance ? this.visibleDistance / d : 0;
+      let g = Math.floor(u * this.visibleDistance);
+      g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, this.barY = l + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = r - i, this.distance = l - this.visibleDistance, this.splitPoints = [
-        r - i,
-        o - i,
-        r - i,
-        o
-      ], this.trackX = 0, this.trackY = o - i, this.trackWidth = r, this.trackHeight = i;
-      const d = this.distance ? this.visibleDistance / l : 0;
-      let x = Math.floor(d * this.visibleDistance);
-      this.barY = this.trackY + 0.5 + (i - s) / 2, x < 30 ? x = 30 : x >= this.visibleDistance && (x = 0), this.barWidth = x, this.barHeight = s, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      this.visibleDistance = a - r, this.distance = f - this.visibleDistance, this.splitPoints = [
+        a - r,
+        h - r,
+        a - r,
+        h
+      ], this.trackX = 0, this.trackY = h - r, this.trackWidth = a, this.trackHeight = r;
+      const u = this.distance ? this.visibleDistance / f : 0;
+      let g = Math.floor(u * this.visibleDistance);
+      this.barY = this.trackY - 0.5 + (r - o) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = o, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
   draw() {
@@ -2934,12 +2937,12 @@ class Vt {
     }), this.ctx.scrollerFocus = this.isFocus;
   }
 }
-class hi {
+class li {
   constructor(t) {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Vt(t, "vertical"), this.horizontalScrollbar = new Vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -3043,15 +3046,15 @@ class di {
     this.height = t * s, this.width = r.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
     const o = Je(Qt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
-    const n = this.ctx.targetContainer.getBoundingClientRect();
-    this.resizeNum > 0 ? this.ctx.target.width = n.width : this.ctx.target.width = this.width + e - 1, this.visibleWidth = this.ctx.target.width - e;
-    const l = this.visibleWidth - this.width;
-    if (this.resizeNum && l > 0) {
-      const d = Math.floor(l / this.resizeNum * 100) / 100;
+    const a = this.ctx.containerElement.getBoundingClientRect();
+    this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth - 0.5 + "px", this.visibleWidth = this.ctx.stageWidth - e;
+    const h = this.visibleWidth - this.width;
+    if (this.resizeNum && h > 0) {
+      const d = Math.floor(h / this.resizeNum * 100) / 100;
       this.resizeAllColumn(d);
     }
-    const h = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
-    this.ctx.fixedLeftWidth = h.reduce((d, x) => d + x.width, 0);
+    const l = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
+    this.ctx.fixedLeftWidth = l.reduce((d, x) => d + x.width, 0);
     const f = this.fixedRightCellHeaders.filter((d) => !d.hasChildren);
     this.ctx.fixedRightWidth = f.reduce((d, x) => d + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
@@ -3061,13 +3064,13 @@ class di {
       config: { ENABLE_RESIZE_COLUMN: t }
     } = this.ctx;
     t && (this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget() && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
     }), this.ctx.on("mouseup", () => {
       this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.clientX = 0;
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const {
-        target: i,
+        stageWidth: i,
         config: { RESIZE_COLUMN_MIN_WIDTH: s }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
@@ -3077,12 +3080,12 @@ class di {
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
-        this.ctx.target.style.cursor === "col-resize" && (this.ctx.target.style.cursor = "default");
+        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 n = e.layerX, l = o.getDrawX();
-          n > l + o.width - 5 && n < l + o.width + 4 && n < i.width - 4 && // 视窗中最后一列不允许调整宽
-          o.colspan <= 1 && e.target instanceof HTMLCanvasElement && this.ctx.isTarget(e.target) && e.layerY <= this.height && (this.ctx.target.style.cursor = "col-resize", this.resizeTarget = o);
+          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), l = a, f = o.getDrawX();
+          l > f + o.width - 5 && l < f + o.width + 4 && l < i - 4 && // 视窗中最后一列不允许调整宽
+          o.colspan <= 1 && this.ctx.isTarget() && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
     }));
@@ -3091,8 +3094,8 @@ class di {
     const i = (r) => {
       r.forEach((o) => {
         if (o.children && o.children.length > 0 && i(o.children), o.key === t.key) {
-          const n = o.width || 100;
-          o.width = n + e;
+          const a = o.width || 100;
+          o.width = a + e;
         }
       });
     };
@@ -3136,19 +3139,19 @@ class di {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const n = t[o], l = r * (n.rowspan || 1), h = r * n.level;
-      let f = n.width || 100;
-      n.children && (f = _t(n.children).reduce((u, p) => u + ((p == null ? void 0 : p.width) || 100), 0));
-      const d = new ie(this.ctx, this.columnIndex, s, h, f, l, n);
-      this.ctx.database.setHeader(n.key, d), this.allCellHeaders.push(d), n.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : n.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += f;
+      const a = t[o], h = r * (a.rowspan || 1), l = r * a.level;
+      let f = a.width || 100;
+      a.children && (f = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
+      const d = new ie(this.ctx, this.columnIndex, s, l, f, h, a);
+      this.ctx.database.setHeader(a.key, d), this.allCellHeaders.push(d), a.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : a.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += f;
     }
   }
   drawTipLine() {
     if (this.isResizing && this.resizeTarget) {
       const {
-        target: t,
+        stageHeight: t,
         config: { RESIZE_COLUMN_LINE_COLOR: e }
-      } = this.ctx, i = this.resizeTarget.getDrawX(), s = this.resizeTarget.width, r = i + s + this.resizeDiff - 0.5, o = [r + 0.5, 0, r + 0.5, t.height];
+      } = this.ctx, i = this.resizeTarget.getDrawX(), s = this.resizeTarget.width, r = i + s + this.resizeDiff - 0.5, o = [r - 0.5, 0, r - 0.5, t];
       this.ctx.paint.drawLine(o, {
         borderColor: e,
         borderWidth: 1
@@ -3161,8 +3164,8 @@ class di {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      stageWidth: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
       fillColor: o,
@@ -3170,9 +3173,9 @@ class di {
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
+    }), i < Math.floor(s.width - r - 1) && e !== a) {
+      const h = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(h + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3200,7 +3203,7 @@ class di {
   }
 }
 class se {
-  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, a, h = "body") {
     c(this, "ctx");
     c(this, "x", 0);
     c(this, "y", 0);
@@ -3213,7 +3216,7 @@ class se {
     c(this, "rowKey", "");
     c(this, "rowType", "body");
     c(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = l, this.data = n, this.update();
+    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e), this.rowType = h, this.data = a, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
@@ -3279,51 +3282,51 @@ class fi {
   }
   init() {
     const {
-      target: t,
+      canvasElement: t,
       header: e,
       database: i,
       config: {
         FOOTER_FIXED: s,
         SCROLLER_TRACK_SIZE: r = 0,
-        BORDER_COLOR: o,
-        BORDER_RADIUS: n,
-        HEIGHT: l,
-        EMPTY_BODY_HEIGHT: h = 0,
-        MAX_HEIGHT: f = 0,
-        ENABLE_OFFSET_HEIGHT: d = 0,
-        OFFSET_HEIGHT: x = 0
+        HEIGHT: o,
+        EMPTY_BODY_HEIGHT: a = 0,
+        MAX_HEIGHT: h = 0,
+        ENABLE_OFFSET_HEIGHT: l = 0,
+        OFFSET_HEIGHT: f = 0
       }
     } = this.ctx;
     if (!e.width)
       return;
     this.x = 0, this.y = e.height;
-    const { data: u, sumHeight: p } = i.getData();
-    this.height = p, this.data = u;
-    const { top: g } = t.getBoundingClientRect();
-    this.width = e.width, this.visibleWidth = t.width - r;
-    const w = this.ctx.footer.height;
-    this.data.length || (this.height = h);
-    const y = this.data.length ? "not-empty" : "empty";
+    const { data: d, sumHeight: x } = i.getData();
+    this.height = x, this.data = d;
+    const { top: u } = t.getBoundingClientRect();
+    this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
+    const g = this.ctx.footer.height;
+    this.data.length || (this.height = a);
+    const w = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: y,
-      type: y,
+      isEmpty: w,
+      type: w,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: w,
+      footerHeight: g,
       width: this.width,
-      height: this.data.length ? 0 : h + w
+      height: this.data.length ? 0 : a + g
     });
-    let C = this.height + e.height + r;
-    C += w;
-    let m = 0;
-    this.data.length && d ? (m = window.innerHeight - g - x, m < 0 && (m = 32, console.error(
+    let p = this.height + e.height + r;
+    p += g;
+    let y = 0;
+    this.data.length && l ? (y = window.innerHeight - u - f, y < 0 && (y = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
-    ))) : this.data.length && l ? m = l : this.data.length && f && C > f ? m = f : m = C, m > 0 && (this.ctx.target.height = m);
-    let E = t.height - e.height - r;
-    s ? this.visibleHeight = E - w : this.visibleHeight = E, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = u, this.ctx.target.setAttribute(
+    ))) : this.data.length && o ? y = o : this.data.length && h && p > h ? y = h : y = p, y > 0 && (this.ctx.stageHeight = Math.floor(y), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    let b = this.ctx.stageHeight - e.height - r;
+    s ? this.visibleHeight = b - g : this.visibleHeight = b, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = d;
+    const m = window.devicePixelRatio || 1, E = this.ctx.stageWidth * m, C = this.ctx.stageHeight * m;
+    t.width = Math.floor(E), t.height = Math.floor(C), this.ctx.canvasElement.setAttribute(
       "style",
-      `outline: none; position: relative; border-radius: ${n}px; border: 1px solid ${o}; height:${this.ctx.target.height}px;width:${this.ctx.target.width - 1}px;`
-    );
+      ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
+    ), this.ctx.paint.scale(m);
   }
   // 调整行的高度
   initResizeRow() {
@@ -3335,28 +3338,28 @@ class fi {
         this.ctx.rowResizing = !1;
       }, 0), this.clientY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
+      this.ctx.isTarget() && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
-      const i = e.offsetY, s = e.offsetX, r = e.clientY, {
-        target: o,
-        scrollY: n,
-        config: { RESIZE_ROW_MIN_HEIGHT: l = 0 }
+      const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, a = e.clientY, {
+        stageHeight: h,
+        scrollY: l,
+        config: { RESIZE_ROW_MIN_HEIGHT: f = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const h = this.resizeTarget.height;
-        let f = r - this.clientY;
-        f + h < l && (f = -(h - l)), this.resizeDiff = f, this.ctx.emit("draw");
+        const d = this.resizeTarget.height;
+        let x = a - this.clientY;
+        x + d < f && (x = -(d - f)), this.resizeDiff = x, this.ctx.emit("draw");
       } else {
-        if (this.resizeTarget = null, this.isMouseDown || this.ctx.target.style.cursor === "crosshair")
+        if (this.resizeTarget = null, this.isMouseDown || this.ctx.stageElement.style.cursor === "crosshair")
           return;
-        this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
-        for (let h = 0; h < this.renderRows.length; h++) {
-          const f = this.renderRows[h];
-          if (i > f.y - n + f.height - 1.5 && i < f.y - n + f.height + 1.5 && i < o.height - 4)
-            for (let x = 0; x < f.cells.length; x++) {
-              const u = f.cells[x];
-              s > u.drawX + 10 && s < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = f);
+        this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
+        for (let d = 0; d < this.renderRows.length; d++) {
+          const x = this.renderRows[d];
+          if (r > x.y - l + x.height - 1.5 && r < x.y - l + x.height + 1.5 && r < h - 4)
+            for (let g = 0; g < x.cells.length; g++) {
+              const w = x.cells[g];
+              o > w.drawX + 10 && o < w.drawX + w.width - 10 && w.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
             }
         }
       }
@@ -3376,11 +3379,11 @@ class fi {
   drawTipLine() {
     if (this.isResizing && this.resizeTarget) {
       const {
-        target: t,
+        stageWidth: t,
         scrollY: e,
         config: { RESIZE_ROW_LINE_COLOR: i }
-      } = this.ctx, s = this.resizeTarget.y - e, r = this.resizeTarget.height, o = s + r + this.resizeDiff - 0.5, n = [0, o + 0.5, t.width, o + 0.5];
-      this.ctx.paint.drawLine(n, {
+      } = this.ctx, s = this.resizeTarget.y - e, r = this.resizeTarget.height, o = s + r + this.resizeDiff - 0.5, a = [0, o - 0.5, t, o - 0.5];
+      this.ctx.paint.drawLine(a, {
         borderColor: i,
         borderWidth: 1
       });
@@ -3392,8 +3395,8 @@ class fi {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      stageWidth: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
     if (i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, this.y, t, this.height, {
       fillColor: o,
@@ -3401,9 +3404,9 @@ class fi {
       shadowWidth: 4,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const l = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
+    }), i < Math.floor(s.width - r - 1) && e !== a) {
+      const h = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(h + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3415,10 +3418,10 @@ class fi {
   binarySearch(t, e) {
     let i = 0, s = t.length - 1, r = -1;
     for (; i <= s; ) {
-      let o = Math.floor((i + s) / 2), n = t[o].bottom;
-      if (n === e)
+      let o = Math.floor((i + s) / 2), a = t[o].bottom;
+      if (a === e)
         return o;
-      n < e ? i = o + 1 : (r = o, s = o - 1);
+      a < e ? i = o + 1 : (r = o, s = o - 1);
     }
     return r;
   }
@@ -3426,15 +3429,15 @@ class fi {
     this.init();
     const { header: t, database: e, scrollY: i } = this.ctx, s = i, { data: r, positions: o } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
-    const n = this.binarySearch(o, s);
-    let l = this.binarySearch(o, s + this.visibleHeight);
-    l === -1 && (l = r.length), this.headIndex = Math.max(0, n), this.tailIndex = Math.min(this.ctx.maxRowIndex, l + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
-    const h = [];
+    const a = this.binarySearch(o, s);
+    let h = this.binarySearch(o, s + this.visibleHeight);
+    h === -1 && (h = r.length), this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
+    const l = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: p } = this.ctx.database.getPositionForRowIndex(d), g = new se(this.ctx, d, 0, p + this.y, t.width, u, x);
-      h.push(g);
+      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(d), w = new se(this.ctx, d, 0, g + this.y, t.width, u, x);
+      l.push(w);
     }
-    this.renderRows = h, this.ctx.body.renderRows = h;
+    this.renderRows = l, this.ctx.body.renderRows = l;
   }
   draw() {
     this.renderRows.forEach((t) => {
@@ -3464,7 +3467,7 @@ class xi {
       body: e,
       config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: r }
     } = this.ctx;
-    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((o) => o + i, 0), this.visibleHeight = this.height, s ? this.y = this.ctx.target.height - this.height - r : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
+    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((o) => o + i, 0), this.visibleHeight = this.height, s ? this.y = this.ctx.stageHeight - this.height - r : this.y = e.y + e.height, this.ctx.footer.x = this.x, this.ctx.footer.y = this.y, this.ctx.footer.height = this.height, this.ctx.footer.width = this.width, this.ctx.footer.visibleWidth = this.visibleWidth, this.ctx.footer.visibleHeight = this.visibleHeight;
   }
   drawFiexShadow() {
     const {
@@ -3472,19 +3475,19 @@ class xi {
       fixedRightWidth: e,
       scrollX: i,
       header: s,
-      target: r,
-      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: n }
+      stageWidth: r,
+      config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: a }
     } = 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,
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
-    }), i < Math.floor(s.width - s.visibleWidth - 1) && e !== n) {
-      const h = s.width - (this.x + this.width) + r.width - e;
-      this.ctx.paint.drawShadow(h + 1, l, e, this.height, {
+    }), i < Math.floor(s.width - r - 1) && e !== a) {
+      const l = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(l + 1, h, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3521,7 +3524,6 @@ class xi {
   }
 }
 class ui {
-  // 垂直滚动定时器
   constructor(t) {
     c(this, "isCut", !1);
     c(this, "isMultipleRow", !1);
@@ -3531,13 +3533,15 @@ class ui {
     c(this, "timerX", 0);
     // 水平滚动定时器
     c(this, "timerY", 0);
+    // 垂直滚动定时器
+    c(this, "adjustTimer", 0);
     this.ctx = t, this.init();
   }
   init() {
     this.ctx.on(
       "mousemove",
       Zt((t) => {
-        const { offsetX: e, offsetY: i } = t, s = this.ctx.isTarget(t.target) && e > 0 && e < this.ctx.body.visibleWidth && i > this.ctx.header.visibleHeight && i < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
+        const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget() && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (s ? this.stopAdjustPosition() : this.startAdjustPosition(t));
       }, 100)
     ), this.ctx.on("cellHoverChange", (t) => {
@@ -3549,7 +3553,7 @@ class ui {
         this.isMultipleRow || this.mouseenter();
       }
     }), this.ctx.on("cellMousedown", (t, e) => {
-      if (this.ctx.isTarget(e.target) && this.ctx.target.style.cursor !== "pointer" && !this.ctx.isPointer && this.ctx.target.style.cursor !== "crosshair") {
+      if (this.ctx.isTarget() && 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;
@@ -3559,7 +3563,7 @@ class ui {
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHeaderMousedown", (t) => {
-      this.ctx.target.style.cursor !== "pointer" && (this.ctx.isPointer || this.selectCols(t));
+      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || this.selectCols(t));
     }), this.ctx.on("keydown", (t) => {
       if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
         this.paste();
@@ -3614,27 +3618,27 @@ class ui {
     const { ENABLE_SELECTOR_SPAN_COL: i, ENABLE_SELECTOR_SPAN_ROW: s } = this.ctx.config;
     let r = t, o = e;
     if (!s) {
-      const [n] = o;
-      o = [n, n];
+      const [a] = o;
+      o = [a, a];
     }
     if (!i) {
-      const [n] = r;
-      r = [n, n];
+      const [a] = r;
+      r = [a, a];
     }
     if (JSON.stringify(this.ctx.selector.xArr) !== JSON.stringify(r) || JSON.stringify(this.ctx.selector.yArr) !== JSON.stringify(o)) {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
-        SELECTOR_AREA_MIN_X: n,
-        SELECTOR_AREA_MAX_X: l,
-        SELECTOR_AREA_MIN_Y: h,
+        SELECTOR_AREA_MIN_X: a,
+        SELECTOR_AREA_MAX_X: h,
+        SELECTOR_AREA_MIN_Y: l,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: d,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = n, p = l || this.ctx.maxColIndex - d, g = h, w = f || this.ctx.maxRowIndex - x;
-      let [y, C] = r, [m, E] = o;
-      if (y < u || C > p || m < g || E > w)
+      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - d, w = l, p = f || this.ctx.maxRowIndex - x;
+      let [y, b] = r, [m, E] = o;
+      if (y < u || b > g || m < w || E > p)
         return;
-      this.ctx.selector.xArr = [Math.max(u, y), Math.min(p, C)], this.ctx.selector.yArr = [Math.max(g, m), Math.min(w, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("draw");
+      this.ctx.selector.xArr = [Math.max(u, y), Math.min(g, b)], this.ctx.selector.yArr = [Math.max(w, m), Math.min(p, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   selectCols(t) {
@@ -3646,17 +3650,17 @@ class ui {
     }
     const { SELECTOR_AREA_MIN_Y: e, SELECTOR_AREA_MAX_Y: i, SELECTOR_AREA_MAX_Y_OFFSET: s } = this.ctx.config, r = e, o = i || this.ctx.maxRowIndex - s;
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
-      const { colIndex: n } = this.ctx.focusCellHeader;
-      if (this.ctx.clearSelector(), t.colIndex >= n) {
-        const l = [n, t.colIndex + t.colspan - 1], h = [r, o];
-        this.setSelector(l, h);
+      const { colIndex: a } = this.ctx.focusCellHeader;
+      if (this.ctx.clearSelector(), t.colIndex >= a) {
+        const h = [a, t.colIndex + t.colspan - 1], l = [r, o];
+        this.setSelector(h, l);
       } else {
-        const l = [t.colIndex, n], h = [r, o];
-        this.setSelector(l, h);
+        const h = [t.colIndex, a], l = [r, o];
+        this.setSelector(h, l);
       }
     } else {
-      const n = [t.colIndex, t.colIndex + t.colspan - 1], l = [r, o];
-      this.setSelector(n, l);
+      const a = [t.colIndex, t.colIndex + t.colspan - 1], h = [r, o];
+      this.setSelector(a, h);
     }
   }
   selectAll() {
@@ -3669,29 +3673,29 @@ class ui {
         SELECTOR_AREA_MAX_X: s,
         SELECTOR_AREA_MIN_Y: r,
         SELECTOR_AREA_MAX_Y: o,
-        SELECTOR_AREA_MAX_X_OFFSET: n,
-        SELECTOR_AREA_MAX_Y_OFFSET: l
-      } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = r, x = o || this.ctx.maxRowIndex - l, u = [h, f], p = [d, x];
-      this.setSelector(u, p);
+        SELECTOR_AREA_MAX_X_OFFSET: a,
+        SELECTOR_AREA_MAX_Y_OFFSET: h
+      } = this.ctx.config, l = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h, u = [l, f], g = [d, x];
+      this.setSelector(u, g);
     }
   }
   selectRows(t, e = !0) {
     if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove || this.ctx.editing)
       return;
-    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, n = i;
+    const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, a = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const l = [n, o], h = [t.rowIndex, t.rowIndex];
-      this.setSelector(l, h);
+      const h = [a, o], l = [t.rowIndex, t.rowIndex];
+      this.setSelector(h, l);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: l } = this.ctx.focusCell;
-      if (t.rowIndex >= l) {
-        const h = [n, o], f = [l, t.rowIndex];
-        this.setSelector(h, f);
+      const { rowIndex: h } = this.ctx.focusCell;
+      if (t.rowIndex >= h) {
+        const l = [a, o], f = [h, t.rowIndex];
+        this.setSelector(l, f);
       } else {
-        const h = [n, o], f = [t.rowIndex, l];
-        this.setSelector(h, f);
+        const l = [a, o], f = [t.rowIndex, h];
+        this.setSelector(l, f);
       }
     }
   }
@@ -3700,7 +3704,7 @@ class ui {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), n = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), h = Math.max(i.rowIndex, s), f = [o, n], d = [l, h];
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), l = Math.max(i.rowIndex, s), f = [o, a], d = [h, l];
       this.setSelector(f, d);
     }
   }
@@ -3708,7 +3712,7 @@ class ui {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, l = Math.min(o, s), h = Math.max(o, s), f = Math.min(n, r), d = Math.max(n, r), x = [l, h], u = [f, d];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), l = Math.max(o, s), f = Math.min(a, r), d = Math.max(a, r), x = [h, l], u = [f, d];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3738,15 +3742,15 @@ class ui {
       return;
     const { value: t } = this.ctx.getSelectedData(), e = ei(t);
     navigator.clipboard ? navigator.clipboard.writeText(e).then(() => {
-      this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("setCopy", this.ctx.selector), this.ctx.emit("draw");
+      this.ctx.selector.xArrCopy = this.ctx.selector.xArr.slice(), this.ctx.selector.yArrCopy = this.ctx.selector.yArr.slice(), this.ctx.emit("setCopy", this.ctx.selector), this.ctx.emit("drawView");
     }).catch((i) => console.error("复制失败：", i)) : console.error("当前浏览器不支持Clipboard API");
   }
   clearSelectedData(t, e, i = !1) {
     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 h = n + e[0], f = l + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(h, f);
+    for (let a = 0; a <= e[1] - e[0]; a++)
+      for (let h = 0; h <= t[1] - t[0]; h++) {
+        const l = a + e[0], f = h + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(l, f);
         if (d) {
           const { rowKey: x, key: u } = d;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
@@ -3764,9 +3768,9 @@ class ui {
       return s;
     this.ctx.database.batchSetItemValue(s, !0);
     let o = [];
-    return r.forEach((n) => {
-      o.push(this.ctx.database.getRowDataItemForRowKey(n));
-    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("draw"), s;
+    return r.forEach((a) => {
+      o.push(this.ctx.database.getRowDataItemForRowKey(a));
+    }), this.ctx.emit("clearSelectedDataChange", s, o), this.ctx.emit("drawView"), s;
   }
   paste() {
     if (!navigator.clipboard) {
@@ -3777,20 +3781,20 @@ class ui {
     if (this.ctx.selector.enable && t) {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then((r) => {
-        let o = ti(r), n = [];
-        for (let h = 0; h <= o.length - 1; h++) {
-          const f = o[h].length;
+        let o = ti(r), a = [];
+        for (let l = 0; l <= o.length - 1; l++) {
+          const f = o[l].length;
           for (let d = 0; d <= f - 1; d++) {
-            const x = h + e, u = d + i, p = o[h][d], g = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const x = l + e, u = d + i, g = o[l][d], w = this.ctx.database.getItemValueForRowIndexAndColIndex(
               x,
               u
             );
-            if (g) {
-              const { rowKey: w, key: y } = g;
-              this.ctx.database.getReadonly(w, y) || (s.add(w), n.push({
-                rowKey: w,
+            if (w) {
+              const { rowKey: p, key: y } = w;
+              this.ctx.database.getReadonly(p, y) || (s.add(p), a.push({
+                rowKey: p,
                 key: y,
-                value: p,
+                value: g,
                 row: {}
                 //内部有设置
               }));
@@ -3798,23 +3802,23 @@ class ui {
           }
         }
         if (this.isCut) {
-          const h = this.clearSelectedData(
+          const l = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), f = n.map((d) => `${d.rowKey}-${d.key}`);
-          h.forEach((d) => {
-            f.includes(`${d.rowKey}-${d.key}`) || n.unshift(d);
+          ), f = a.map((d) => `${d.rowKey}-${d.key}`);
+          l.forEach((d) => {
+            f.includes(`${d.rowKey}-${d.key}`) || a.unshift(d);
           }), this.isCut = !1;
         }
-        if (!n.length)
+        if (!a.length)
           return;
-        this.ctx.database.batchSetItemValue(n, !0);
-        let l = [];
-        s.forEach((h) => {
-          l.push(this.ctx.database.getRowDataItemForRowKey(h));
-        }), this.ctx.emit("pasteChange", n, l), this.clearCopyLine(), this.ctx.emit("draw");
+        this.ctx.database.batchSetItemValue(a, !0);
+        let h = [];
+        s.forEach((l) => {
+          h.push(this.ctx.database.getRowDataItemForRowKey(l));
+        }), this.ctx.emit("pasteChange", a, h), this.clearCopyLine(), this.ctx.emit("drawView");
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
       });
@@ -3830,7 +3834,7 @@ class ui {
     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, a = this.ctx.maxColIndex, h = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > r && i--;
@@ -3839,14 +3843,14 @@ class ui {
         s > o && s--;
         break;
       case "RIGHT":
-        i < n && i++;
+        i < a && i++;
         break;
       case "BOTTOM":
-        s < l && s++;
+        s < h && s++;
         break;
     }
-    const h = [i, i], f = [s, s], d = this.getCell(s, i);
-    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(h, f), this.adjustBoundaryPosition(), this.ctx.emit("draw")));
+    const l = [i, i], f = [s, s], d = this.getCell(s, i);
+    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(l, f), this.adjustBoundaryPosition(), this.ctx.emit("drawView")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -3858,33 +3862,33 @@ class ui {
       SELECTOR_AREA_MAX_X: s,
       SELECTOR_AREA_MIN_Y: r,
       SELECTOR_AREA_MAX_Y: o,
-      SELECTOR_AREA_MAX_X_OFFSET: n,
-      SELECTOR_AREA_MAX_Y_OFFSET: l
-    } = this.ctx.config, h = i, f = s || this.ctx.maxColIndex - n, d = r, x = o || this.ctx.maxRowIndex - l;
-    return !(e < h || e > f || t < d || t > x);
+      SELECTOR_AREA_MAX_X_OFFSET: a,
+      SELECTOR_AREA_MAX_Y_OFFSET: h
+    } = this.ctx.config, l = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h;
+    return !(e < l || e > f || t < d || t > x);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
    */
   startAdjustPosition(t) {
-    const { offsetX: e, offsetY: i } = t;
+    const { offsetX: e, offsetY: i } = this.ctx.getOffset(t);
     let s = "", r = "";
     if (e < 0 ? s = "left" : e > this.ctx.body.visibleWidth && (s = "right"), i < this.ctx.header.visibleHeight ? r = "top" : i > this.ctx.header.visibleHeight + this.ctx.body.visibleHeight && (r = "bottom"), s && this.adjustPositionX !== s) {
       this.adjustPositionX = s;
-      let n = 10 * (s === "left" ? -1 : 1);
+      let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
-        n *= 1.5;
-        const { scrollX: l } = this.ctx, h = l + n;
-        (h < 0 || h > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(h);
+        a *= 1.5;
+        const { scrollX: h } = this.ctx, l = h + a;
+        (l < 0 || l > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(l);
       }, 100);
     }
     if (r && this.adjustPositionY !== r) {
       this.adjustPositionY = r;
-      let n = 10 * (r === "top" ? -1 : 1);
+      let a = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
-        n *= 1.5;
-        const { scrollY: l } = this.ctx, h = l + n;
-        (h < 0 || h > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(h);
+        a *= 1.5;
+        const { scrollY: h } = this.ctx, l = h + a;
+        (l < 0 || l > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(l);
       }, 100);
     }
   }
@@ -3892,14 +3896,26 @@ class ui {
    * 调整滚动条位置，让焦点单元格始终出现在可视区域内
    */
   adjustBoundaryPosition() {
-    const { target: t, focusCell: e, fixedRightWidth: i, fixedLeftWidth: s, header: r, footer: o, scrollX: n, scrollY: l } = this.ctx;
-    if (!e)
+    const {
+      stageHeight: t,
+      stageWidth: e,
+      focusCell: i,
+      fixedRightWidth: s,
+      fixedLeftWidth: r,
+      header: o,
+      footer: a,
+      scrollX: h,
+      scrollY: l
+    } = this.ctx;
+    if (!i)
       return;
-    const { SCROLLER_TRACK_SIZE: h = 0, FOOTER_FIXED: f } = this.ctx.config;
-    let d = 0;
-    f && (d = o.visibleHeight);
-    const x = s - e.drawX + 1, u = e.drawX + e.width - (t.width - i) + 1, p = r.height - e.drawY, g = e.drawY + e.height - (t.height - d - h);
-    u > 0 && !e.fixed ? this.ctx.setScrollX(n + u) : x > 0 && !e.fixed && this.ctx.setScrollX(n - x), p > 0 ? this.ctx.setScrollY(l - p) : g > 0 && this.ctx.setScrollY(l + g);
+    const { SCROLLER_TRACK_SIZE: f = 0, FOOTER_FIXED: d } = this.ctx.config;
+    let x = 0;
+    d && (x = a.visibleHeight);
+    const u = r - i.drawX + 1, g = i.drawX + i.width - (e - s) + 1, w = o.height - i.drawY, p = i.drawY + i.height - (t - x - f);
+    this.adjustTimer && (clearTimeout(this.adjustTimer), this.adjustTimer = 0), this.adjustTimer = setTimeout(() => {
+      g > 0 && !i.fixed ? this.ctx.setScrollX(h + g) : u > 0 && !i.fixed && this.ctx.setScrollX(h - u), w > 0 ? this.ctx.setScrollY(l - w) : p > 0 && this.ctx.setScrollY(l + p);
+    }, 167);
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -3912,15 +3928,15 @@ class gi {
   }
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
-      this.ctx.target.style.cursor === "crosshair" && (this.ctx.target.style.cursor = "default");
-      const { xArr: i, yArr: s } = this.ctx.selector, r = i[1], o = s[1], { colIndex: n, rowIndex: l, drawX: h, drawY: f, width: d, height: x } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && n === r && l === o) {
-        const p = h + d - 6, g = f + x - 6;
-        e.offsetX > p && e.offsetY > g && (this.ctx.target.style.cursor = "crosshair");
+      this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default");
+      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: l, rowIndex: f, drawX: d, drawY: x, width: u, height: g } = t;
+      if (this.ctx.config.ENABLE_AUTOFILL && l === a && f === h) {
+        const p = d + u - 6, y = x + g - 6;
+        i > p && s > y && (this.ctx.stageElement.style.cursor = "crosshair");
       }
       this.mouseenter(t);
     }), this.ctx.on("cellMousedown", () => {
-      this.ctx.target.style.cursor === "crosshair" && this.setMousedown();
+      this.ctx.stageElement.style.cursor === "crosshair" && this.setMousedown();
     }), this.ctx.on("mouseup", () => {
       this.setMouseUp();
     });
@@ -3945,28 +3961,28 @@ class gi {
     const { ENABLE_AUTOFILL: i, ENABLE_SELECTOR_SPAN_COL: s, ENABLE_SELECTOR_SPAN_ROW: r } = this.ctx.config;
     if (!i)
       return;
-    let o = t, n = e;
+    let o = t, a = e;
     if (!r) {
-      const [l] = n;
-      n = [l, l];
+      const [h] = a;
+      a = [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)) {
+    if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
-        SELECTOR_AREA_MIN_X: l,
-        SELECTOR_AREA_MAX_X: h,
+        SELECTOR_AREA_MIN_X: h,
+        SELECTOR_AREA_MAX_X: l,
         SELECTOR_AREA_MIN_Y: f,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, p = l, g = h || this.ctx.maxColIndex - x, w = f, y = d || this.ctx.maxRowIndex - u;
-      let [C, m] = o, [E, b] = n;
-      if (C < p || E < w)
+      } = this.ctx.config, g = h, w = l || this.ctx.maxColIndex - x, p = f, y = d || this.ctx.maxRowIndex - u;
+      let [b, m] = o, [E, C] = a;
+      if (b < g || E < p)
         return;
-      this.ctx.autofill.xArr = [Math.max(p, C), Math.min(g, m)], this.ctx.autofill.yArr = [Math.max(w, E), Math.min(y, b)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
+      this.ctx.autofill.xArr = [Math.max(g, b), Math.min(w, m)], this.ctx.autofill.yArr = [Math.max(p, E), Math.min(y, C)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
   }
   /**
@@ -3976,47 +3992,47 @@ class gi {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let d = 0; d <= e.yArr[1] - e.yArr[0]; d++)
       for (let x = 0; x <= e.xArr[1] - e.xArr[0]; x++) {
-        const u = d + e.yArr[0], p = x + e.xArr[0];
-        i.set(`${u}-${p}`, !0);
+        const u = d + e.yArr[0], g = x + e.xArr[0];
+        i.set(`${u}-${g}`, !0);
       }
-    const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
-    let h = [];
-    for (let d = 0; d <= l[1] - l[0]; d++)
-      for (let x = 0; x <= n[1] - n[0]; x++) {
-        const u = x + n[0], p = d + l[0], g = s[d % o][x % r], w = this.ctx.database.getItemValueForRowIndexAndColIndex(p, u), y = `${p}-${u}`;
-        if (w && !i.has(y)) {
-          const { rowKey: C, key: m } = w;
-          this.ctx.database.getReadonly(C, m) || (t.add(C), h.push({
-            rowKey: C,
+    const { value: s } = e, r = s[0].length, o = s.length, a = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr;
+    let l = [];
+    for (let d = 0; d <= h[1] - h[0]; d++)
+      for (let x = 0; x <= a[1] - a[0]; x++) {
+        const u = x + a[0], g = d + h[0], w = s[d % o][x % r], p = this.ctx.database.getItemValueForRowIndexAndColIndex(g, u), y = `${g}-${u}`;
+        if (p && !i.has(y)) {
+          const { rowKey: b, key: m } = p;
+          this.ctx.database.getReadonly(b, m) || (t.add(b), l.push({
+            rowKey: b,
             key: m,
-            value: g,
+            value: w,
             row: {}
           }));
         }
       }
-    if (!h.length)
+    if (!l.length)
       return;
-    this.ctx.database.batchSetItemValue(h, !0);
+    this.ctx.database.batchSetItemValue(l, !0);
     let f = [];
     t.forEach((d) => {
       f.push(this.ctx.database.getRowDataItemForRowKey(d));
-    }), this.ctx.emit("autofillChange", h, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
+    }), this.ctx.emit("autofillChange", l, f), this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.emit("draw");
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
       return;
     const { selector: e, autofill: i } = this.ctx;
     if (this.ctx.mousedown && e.enable && i.enable) {
-      const { rowIndex: s, colIndex: r } = t, o = e.xArr.slice(), n = e.yArr.slice();
-      s >= e.yArr[0] && s <= e.yArr[1] ? r > e.xArr[1] ? o.splice(1, 1, r) : r < e.xArr[0] && o.splice(0, 1, r) : s > e.yArr[1] ? n.splice(1, 1, s) : s < e.yArr[0] && n.splice(0, 1, s), this.setAutofill(o, n);
+      const { rowIndex: s, colIndex: r } = t, o = e.xArr.slice(), a = e.yArr.slice();
+      s >= e.yArr[0] && s <= e.yArr[1] ? r > e.xArr[1] ? o.splice(1, 1, r) : r < e.xArr[0] && o.splice(0, 1, r) : s > e.yArr[1] ? a.splice(1, 1, s) : s < e.yArr[0] && a.splice(0, 1, s), this.setAutofill(o, a);
     }
   }
   destroy() {
   }
 }
-const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
-  x: a,
-  y: a
+const rt = Math.min, U = Math.max, ft = Math.round, V = (n) => ({
+  x: n,
+  y: n
 }), wi = {
   left: "right",
   right: "left",
@@ -4026,46 +4042,46 @@ const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
   start: "end",
   end: "start"
 };
-function It(a, t, e) {
-  return U(a, rt(t, e));
+function It(n, t, e) {
+  return U(n, rt(t, e));
 }
-function at(a, t) {
-  return typeof a == "function" ? a(t) : a;
+function at(n, t) {
+  return typeof n == "function" ? n(t) : n;
 }
-function q(a) {
-  return a.split("-")[0];
+function q(n) {
+  return n.split("-")[0];
 }
-function ct(a) {
-  return a.split("-")[1];
+function ct(n) {
+  return n.split("-")[1];
 }
-function re(a) {
-  return a === "x" ? "y" : "x";
+function re(n) {
+  return n === "x" ? "y" : "x";
 }
-function Mt(a) {
-  return a === "y" ? "height" : "width";
+function Lt(n) {
+  return n === "y" ? "height" : "width";
 }
-function J(a) {
-  return ["top", "bottom"].includes(q(a)) ? "y" : "x";
+function J(n) {
+  return ["top", "bottom"].includes(q(n)) ? "y" : "x";
 }
-function Ht(a) {
-  return re(J(a));
+function Mt(n) {
+  return re(J(n));
 }
-function yi(a, t, e) {
+function yi(n, t, e) {
   e === void 0 && (e = !1);
-  const i = ct(a), s = Ht(a), r = Mt(s);
+  const i = ct(n), s = Mt(n), r = Lt(s);
   let o = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return t.reference[r] > t.floating[r] && (o = xt(o)), [o, xt(o)];
 }
-function mi(a) {
-  const t = xt(a);
-  return [Ot(a), t, Ot(t)];
+function mi(n) {
+  const t = xt(n);
+  return [Ot(n), t, Ot(t)];
 }
-function Ot(a) {
-  return a.replace(/start|end/g, (t) => pi[t]);
+function Ot(n) {
+  return n.replace(/start|end/g, (t) => pi[t]);
 }
-function Ei(a, t, e) {
+function Ei(n, t, e) {
   const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
-  switch (a) {
+  switch (n) {
     case "top":
     case "bottom":
       return e ? t ? s : i : t ? i : s;
@@ -4076,38 +4092,38 @@ function Ei(a, t, e) {
       return [];
   }
 }
-function Ci(a, t, e, i) {
-  const s = ct(a);
-  let r = Ei(q(a), e === "start", i);
+function bi(n, t, e, i) {
+  const s = ct(n);
+  let r = Ei(q(n), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
-function xt(a) {
-  return a.replace(/left|right|bottom|top/g, (t) => wi[t]);
+function xt(n) {
+  return n.replace(/left|right|bottom|top/g, (t) => wi[t]);
 }
-function bi(a) {
+function Ci(n) {
   return {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0,
-    ...a
+    ...n
   };
 }
-function oe(a) {
-  return typeof a != "number" ? bi(a) : {
-    top: a,
-    right: a,
-    bottom: a,
-    left: a
+function oe(n) {
+  return typeof n != "number" ? Ci(n) : {
+    top: n,
+    right: n,
+    bottom: n,
+    left: n
   };
 }
-function ut(a) {
+function ut(n) {
   const {
     x: t,
     y: e,
     width: i,
     height: s
-  } = a;
+  } = n;
   return {
     width: i,
     height: s,
@@ -4119,14 +4135,14 @@ function ut(a) {
     y: e
   };
 }
-function zt(a, t, e) {
+function Vt(n, t, e) {
   let {
     reference: i,
     floating: s
-  } = a;
-  const r = J(t), o = Ht(t), n = Mt(o), l = q(t), h = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
+  } = n;
+  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), l = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
   let u;
-  switch (l) {
+  switch (h) {
     case "top":
       u = {
         x: f,
@@ -4159,38 +4175,38 @@ function zt(a, t, e) {
   }
   switch (ct(t)) {
     case "start":
-      u[o] -= x * (e && h ? -1 : 1);
+      u[o] -= x * (e && l ? -1 : 1);
       break;
     case "end":
-      u[o] += x * (e && h ? -1 : 1);
+      u[o] += x * (e && l ? -1 : 1);
       break;
   }
   return u;
 }
-const vi = async (a, t, e) => {
+const vi = async (n, t, e) => {
   const {
     placement: i = "bottom",
     strategy: s = "absolute",
     middleware: r = [],
     platform: o
-  } = e, n = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
-  let h = await o.getElementRects({
-    reference: a,
+  } = e, a = r.filter(Boolean), h = await (o.isRTL == null ? void 0 : o.isRTL(t));
+  let l = await o.getElementRects({
+    reference: n,
     floating: t,
     strategy: s
   }), {
     x: f,
     y: d
-  } = zt(h, i, l), x = i, u = {}, p = 0;
-  for (let g = 0; g < n.length; g++) {
+  } = Vt(l, i, h), x = i, u = {}, g = 0;
+  for (let w = 0; w < a.length; w++) {
     const {
-      name: w,
+      name: p,
       fn: y
-    } = n[g], {
-      x: C,
+    } = a[w], {
+      x: b,
       y: m,
       data: E,
-      reset: b
+      reset: C
     } = await y({
       x: f,
       y: d,
@@ -4198,27 +4214,27 @@ const vi = async (a, t, e) => {
       placement: x,
       strategy: s,
       middlewareData: u,
-      rects: h,
+      rects: l,
       platform: o,
       elements: {
-        reference: a,
+        reference: n,
         floating: t
       }
     });
-    f = C ?? f, d = m ?? d, u = {
+    f = b ?? f, d = m ?? d, u = {
       ...u,
-      [w]: {
-        ...u[w],
+      [p]: {
+        ...u[p],
         ...E
       }
-    }, b && p <= 50 && (p++, typeof b == "object" && (b.placement && (x = b.placement), b.rects && (h = b.rects === !0 ? await o.getElementRects({
-      reference: a,
+    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (l = C.rects === !0 ? await o.getElementRects({
+      reference: n,
       floating: t,
       strategy: s
-    }) : b.rects), {
+    }) : C.rects), {
       x: f,
       y: d
-    } = zt(h, x, l)), g = -1);
+    } = Vt(l, x, h)), w = -1);
   }
   return {
     x: f,
@@ -4228,7 +4244,7 @@ const vi = async (a, t, e) => {
     middlewareData: u
   };
 };
-async function ne(a, t) {
+async function ne(n, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -4236,46 +4252,46 @@ async function ne(a, t) {
     y: s,
     platform: r,
     rects: o,
-    elements: n,
-    strategy: l
-  } = a, {
-    boundary: h = "clippingAncestors",
+    elements: a,
+    strategy: h
+  } = n, {
+    boundary: l = "clippingAncestors",
     rootBoundary: f = "viewport",
     elementContext: d = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, a), p = oe(u), w = n[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await r.getClippingRect({
-    element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
-    boundary: h,
+  } = at(t, n), g = oe(u), p = a[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await r.getClippingRect({
+    element: (e = await (r.isElement == null ? void 0 : r.isElement(p))) == null || e ? p : p.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+    boundary: l,
     rootBoundary: f,
-    strategy: l
-  })), C = d === "floating" ? {
+    strategy: h
+  })), b = d === "floating" ? {
     x: i,
     y: s,
     width: o.floating.width,
     height: o.floating.height
-  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(n.floating)), E = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
+  } : o.reference, m = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), E = await (r.isElement == null ? void 0 : r.isElement(m)) ? await (r.getScale == null ? void 0 : r.getScale(m)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, b = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: n,
-    rect: C,
+  }, C = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: b,
     offsetParent: m,
-    strategy: l
-  }) : C);
+    strategy: h
+  }) : b);
   return {
-    top: (y.top - b.top + p.top) / E.y,
-    bottom: (b.bottom - y.bottom + p.bottom) / E.y,
-    left: (y.left - b.left + p.left) / E.x,
-    right: (b.right - y.right + p.right) / E.x
+    top: (y.top - C.top + g.top) / E.y,
+    bottom: (C.bottom - y.bottom + g.bottom) / E.y,
+    left: (y.left - C.left + g.left) / E.x,
+    right: (C.right - y.right + g.right) / E.x
   };
 }
-const Ri = (a) => ({
+const Ri = (n) => ({
   name: "arrow",
-  options: a,
+  options: n,
   async fn(t) {
     const {
       x: e,
@@ -4283,21 +4299,21 @@ const Ri = (a) => ({
       placement: s,
       rects: r,
       platform: o,
-      elements: n,
-      middlewareData: l
+      elements: a,
+      middlewareData: h
     } = t, {
-      element: h,
+      element: l,
       padding: f = 0
-    } = at(a, t) || {};
-    if (h == null)
+    } = at(n, t) || {};
+    if (l == null)
       return {};
     const d = oe(f), x = {
       x: e,
       y: i
-    }, u = Ht(s), p = Mt(u), g = await o.getDimensions(h), w = u === "y", y = w ? "top" : "left", C = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", E = r.reference[p] + r.reference[u] - x[u] - r.floating[p], b = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(h));
+    }, u = Mt(s), g = Lt(u), w = await o.getDimensions(l), p = u === "y", y = p ? "top" : "left", b = p ? "bottom" : "right", m = p ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[u] - x[u] - r.floating[g], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l));
     let T = R ? R[m] : 0;
-    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = n.floating[m] || r.floating[p]);
-    const A = E / 2 - b / 2, L = T / 2 - g[p] / 2 - 1, D = rt(d[y], L), B = rt(d[C], L), I = D, S = T - g[p] - B, O = T / 2 - g[p] / 2 + A, G = It(I, O, S), Y = !l.arrow && ct(s) != null && O !== G && r.reference[p] / 2 - (O < I ? D : B) - g[p] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
+    (!T || !await (o.isElement == null ? void 0 : o.isElement(R))) && (T = a.floating[m] || r.floating[g]);
+    const A = E / 2 - C / 2, L = T / 2 - w[g] / 2 - 1, D = rt(d[y], L), B = rt(d[b], L), I = D, S = T - w[g] - B, O = T / 2 - w[g] / 2 + A, G = It(I, O, S), Y = !h.arrow && ct(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = Y ? O < I ? O - I : O - S : 0;
     return {
       [u]: x[u] + k,
       data: {
@@ -4310,33 +4326,33 @@ const Ri = (a) => ({
       reset: Y
     };
   }
-}), _i = function(a) {
-  return a === void 0 && (a = {}), {
+}), _i = function(n) {
+  return n === void 0 && (n = {}), {
     name: "flip",
-    options: a,
+    options: n,
     async fn(t) {
       var e, i;
       const {
         placement: s,
         middlewareData: r,
         rects: o,
-        initialPlacement: n,
-        platform: l,
-        elements: h
+        initialPlacement: a,
+        platform: h,
+        elements: l
       } = t, {
         mainAxis: f = !0,
         crossAxis: d = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
-        fallbackAxisSideDirection: p = "none",
-        flipAlignment: g = !0,
-        ...w
-      } = at(a, t);
+        fallbackAxisSideDirection: g = "none",
+        flipAlignment: w = !0,
+        ...p
+      } = at(n, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = q(s), C = J(n), m = q(n) === n, E = await (l.isRTL == null ? void 0 : l.isRTL(h.floating)), b = x || (m || !g ? [xt(n)] : mi(n)), R = p !== "none";
-      !x && R && b.push(...Ci(n, g, p, E));
-      const T = [n, ...b], A = await ne(t, w), L = [];
+      const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
+      !x && R && C.push(...bi(a, w, g, E));
+      const T = [a, ...C], A = await ne(t, p), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (f && L.push(A[y]), d) {
         const O = yi(s, o, E);
@@ -4366,7 +4382,7 @@ const Ri = (a) => ({
               const k = (S = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
-                  return P === C || // Create a bias to the `y` side axis due to horizontal
+                  return P === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   P === "y";
                 }
@@ -4376,7 +4392,7 @@ const Ri = (a) => ({
               break;
             }
             case "initialPlacement":
-              Y = n;
+              Y = a;
               break;
           }
         if (s !== Y)
@@ -4390,16 +4406,16 @@ const Ri = (a) => ({
     }
   };
 };
-async function Ii(a, t) {
+async function Ii(n, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), n = ct(e), l = J(e) === "y", h = ["left", "top"].includes(o) ? -1 : 1, f = r && l ? -1 : 1, d = at(t, a);
+  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = ct(e), h = J(e) === "y", l = ["left", "top"].includes(o) ? -1 : 1, f = r && h ? -1 : 1, d = at(t, n);
   let {
     mainAxis: x,
     crossAxis: u,
-    alignmentAxis: p
+    alignmentAxis: g
   } = typeof d == "number" ? {
     mainAxis: d,
     crossAxis: 0,
@@ -4409,40 +4425,40 @@ async function Ii(a, t) {
     crossAxis: d.crossAxis || 0,
     alignmentAxis: d.alignmentAxis
   };
-  return n && typeof p == "number" && (u = n === "end" ? p * -1 : p), l ? {
+  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), h ? {
     x: u * f,
-    y: x * h
+    y: x * l
   } : {
-    x: x * h,
+    x: x * l,
     y: u * f
   };
 }
-const Oi = function(a) {
-  return a === void 0 && (a = 0), {
+const Oi = function(n) {
+  return n === void 0 && (n = 0), {
     name: "offset",
-    options: a,
+    options: n,
     async fn(t) {
       var e, i;
       const {
         x: s,
         y: r,
         placement: o,
-        middlewareData: n
-      } = t, l = await Ii(t, a);
-      return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
-        x: s + l.x,
-        y: r + l.y,
+        middlewareData: a
+      } = t, h = await Ii(t, n);
+      return o === ((e = a.offset) == null ? void 0 : e.placement) && (i = a.arrow) != null && i.alignmentOffset ? {} : {
+        x: s + h.x,
+        y: r + h.y,
         data: {
-          ...l,
+          ...h,
           placement: o
         }
       };
     }
   };
-}, Si = function(a) {
-  return a === void 0 && (a = {}), {
+}, Ti = function(n) {
+  return n === void 0 && (n = {}), {
     name: "shift",
-    options: a,
+    options: n,
     async fn(t) {
       const {
         x: e,
@@ -4451,42 +4467,42 @@ const Oi = function(a) {
       } = t, {
         mainAxis: r = !0,
         crossAxis: o = !1,
-        limiter: n = {
-          fn: (w) => {
+        limiter: a = {
+          fn: (p) => {
             let {
               x: y,
-              y: C
-            } = w;
+              y: b
+            } = p;
             return {
               x: y,
-              y: C
+              y: b
             };
           }
         },
-        ...l
-      } = at(a, t), h = {
+        ...h
+      } = at(n, t), l = {
         x: e,
         y: i
-      }, f = await ne(t, l), d = J(q(s)), x = re(d);
-      let u = h[x], p = h[d];
+      }, f = await ne(t, h), d = J(q(s)), x = re(d);
+      let u = l[x], g = l[d];
       if (r) {
-        const w = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", C = u + f[w], m = u - f[y];
-        u = It(C, u, m);
+        const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + f[p], m = u - f[y];
+        u = It(b, u, m);
       }
       if (o) {
-        const w = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", C = p + f[w], m = p - f[y];
-        p = It(C, p, m);
+        const p = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", b = g + f[p], m = g - f[y];
+        g = It(b, g, m);
       }
-      const g = n.fn({
+      const w = a.fn({
         ...t,
         [x]: u,
-        [d]: p
+        [d]: g
       });
       return {
-        ...g,
+        ...w,
         data: {
-          x: g.x - e,
-          y: g.y - i,
+          x: w.x - e,
+          y: w.y - i,
           enabled: {
             [x]: r,
             [d]: o
@@ -4499,58 +4515,58 @@ const Oi = function(a) {
 function gt() {
   return typeof window < "u";
 }
-function tt(a) {
-  return ae(a) ? (a.nodeName || "").toLowerCase() : "#document";
+function tt(n) {
+  return ae(n) ? (n.nodeName || "").toLowerCase() : "#document";
 }
-function H(a) {
+function H(n) {
   var t;
-  return (a == null || (t = a.ownerDocument) == null ? void 0 : t.defaultView) || window;
+  return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function K(a) {
+function K(n) {
   var t;
-  return (t = (ae(a) ? a.ownerDocument : a.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (ae(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ae(a) {
-  return gt() ? a instanceof Node || a instanceof H(a).Node : !1;
+function ae(n) {
+  return gt() ? n instanceof Node || n instanceof H(n).Node : !1;
 }
-function X(a) {
-  return gt() ? a instanceof Element || a instanceof H(a).Element : !1;
+function X(n) {
+  return gt() ? n instanceof Element || n instanceof H(n).Element : !1;
 }
-function N(a) {
-  return gt() ? a instanceof HTMLElement || a instanceof H(a).HTMLElement : !1;
+function N(n) {
+  return gt() ? n instanceof HTMLElement || n instanceof H(n).HTMLElement : !1;
 }
-function $t(a) {
-  return !gt() || typeof ShadowRoot > "u" ? !1 : a instanceof ShadowRoot || a instanceof H(a).ShadowRoot;
+function zt(n) {
+  return !gt() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof H(n).ShadowRoot;
 }
-function lt(a) {
+function ht(n) {
   const {
     overflow: t,
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(a);
+  } = F(n);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Ti(a) {
-  return ["table", "td", "th"].includes(tt(a));
+function Si(n) {
+  return ["table", "td", "th"].includes(tt(n));
 }
-function wt(a) {
+function wt(n) {
   return [":popover-open", ":modal"].some((t) => {
     try {
-      return a.matches(t);
+      return n.matches(t);
     } catch {
       return !1;
     }
   });
 }
-function Dt(a) {
-  const t = Xt(), e = X(a) ? F(a) : a;
+function Ht(n) {
+  const t = Dt(), e = X(n) ? F(n) : n;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Ai(a) {
-  let t = z(a);
+function Ai(n) {
+  let t = z(n);
   for (; N(t) && !Q(t); ) {
-    if (Dt(t))
+    if (Ht(t))
       return t;
     if (wt(t))
       return null;
@@ -4558,192 +4574,192 @@ function Ai(a) {
   }
   return null;
 }
-function Xt() {
+function Dt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-function Q(a) {
-  return ["html", "body", "#document"].includes(tt(a));
+function Q(n) {
+  return ["html", "body", "#document"].includes(tt(n));
 }
-function F(a) {
-  return H(a).getComputedStyle(a);
+function F(n) {
+  return H(n).getComputedStyle(n);
 }
-function pt(a) {
-  return X(a) ? {
-    scrollLeft: a.scrollLeft,
-    scrollTop: a.scrollTop
+function pt(n) {
+  return X(n) ? {
+    scrollLeft: n.scrollLeft,
+    scrollTop: n.scrollTop
   } : {
-    scrollLeft: a.scrollX,
-    scrollTop: a.scrollY
+    scrollLeft: n.scrollX,
+    scrollTop: n.scrollY
   };
 }
-function z(a) {
-  if (tt(a) === "html")
-    return a;
+function z(n) {
+  if (tt(n) === "html")
+    return n;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
-    a.assignedSlot || // DOM Element detected.
-    a.parentNode || // ShadowRoot detected.
-    $t(a) && a.host || // Fallback.
-    K(a)
+    n.assignedSlot || // DOM Element detected.
+    n.parentNode || // ShadowRoot detected.
+    zt(n) && n.host || // Fallback.
+    K(n)
   );
-  return $t(t) ? t.host : t;
+  return zt(t) ? t.host : t;
 }
-function ce(a) {
-  const t = z(a);
-  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ce(t);
+function ce(n) {
+  const t = z(n);
+  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : ce(t);
 }
-function St(a, t, e) {
+function Tt(n, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = ce(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = H(s);
+  const s = ce(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
   if (r) {
-    const n = Tt(o);
-    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], n && e ? St(n) : []);
+    const a = St(o);
+    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? Tt(a) : []);
   }
-  return t.concat(s, St(s, [], e));
+  return t.concat(s, Tt(s, [], e));
 }
-function Tt(a) {
-  return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
+function St(n) {
+  return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
-function le(a) {
-  const t = F(a);
+function he(n) {
+  const t = F(n);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = N(a), r = s ? a.offsetWidth : e, o = s ? a.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
-  return n && (e = r, i = o), {
+  const s = N(n), r = s ? n.offsetWidth : e, o = s ? n.offsetHeight : i, a = ft(e) !== r || ft(i) !== o;
+  return a && (e = r, i = o), {
     width: e,
     height: i,
-    $: n
+    $: a
   };
 }
-function he(a) {
-  return X(a) ? a : a.contextElement;
+function le(n) {
+  return X(n) ? n : n.contextElement;
 }
-function Z(a) {
-  const t = he(a);
+function Z(n) {
+  const t = le(n);
   if (!N(t))
     return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: r
-  } = le(t);
-  let o = (r ? ft(e.width) : e.width) / i, n = (r ? ft(e.height) : e.height) / s;
-  return (!o || !Number.isFinite(o)) && (o = 1), (!n || !Number.isFinite(n)) && (n = 1), {
+  } = he(t);
+  let o = (r ? ft(e.width) : e.width) / i, a = (r ? ft(e.height) : e.height) / s;
+  return (!o || !Number.isFinite(o)) && (o = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: o,
-    y: n
+    y: a
   };
 }
 const Li = /* @__PURE__ */ V(0);
-function de(a) {
-  const t = H(a);
-  return !Xt() || !t.visualViewport ? Li : {
+function de(n) {
+  const t = H(n);
+  return !Dt() || !t.visualViewport ? Li : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Mi(a, t, e) {
-  return t === void 0 && (t = !1), !e || t && e !== H(a) ? !1 : t;
+function Mi(n, t, e) {
+  return t === void 0 && (t = !1), !e || t && e !== H(n) ? !1 : t;
 }
-function ot(a, t, e, i) {
+function ot(n, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = a.getBoundingClientRect(), r = he(a);
+  const s = n.getBoundingClientRect(), r = le(n);
   let o = V(1);
-  t && (i ? X(i) && (o = Z(i)) : o = Z(a));
-  const n = Mi(r, e, i) ? de(r) : V(0);
-  let l = (s.left + n.x) / o.x, h = (s.top + n.y) / o.y, f = s.width / o.x, d = s.height / o.y;
+  t && (i ? X(i) && (o = Z(i)) : o = Z(n));
+  const a = Mi(r, e, i) ? de(r) : V(0);
+  let h = (s.left + a.x) / o.x, l = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
   if (r) {
     const x = H(r), u = i && X(i) ? H(i) : i;
-    let p = x, g = Tt(p);
-    for (; g && i && u !== p; ) {
-      const w = Z(g), y = g.getBoundingClientRect(), C = F(g), m = y.left + (g.clientLeft + parseFloat(C.paddingLeft)) * w.x, E = y.top + (g.clientTop + parseFloat(C.paddingTop)) * w.y;
-      l *= w.x, h *= w.y, f *= w.x, d *= w.y, l += m, h += E, p = H(g), g = Tt(p);
+    let g = x, w = St(g);
+    for (; w && i && u !== g; ) {
+      const p = Z(w), y = w.getBoundingClientRect(), b = F(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
+      h *= p.x, l *= p.y, f *= p.x, d *= p.y, h += m, l += E, g = H(w), w = St(g);
     }
   }
   return ut({
     width: f,
     height: d,
-    x: l,
-    y: h
+    x: h,
+    y: l
   });
 }
-function Hi(a) {
+function Hi(n) {
   let {
     elements: t,
     rect: e,
     offsetParent: i,
     strategy: s
-  } = a;
-  const r = s === "fixed", o = K(i), n = t ? wt(t.floating) : !1;
-  if (i === o || n && r)
+  } = n;
+  const r = s === "fixed", o = K(i), a = t ? wt(t.floating) : !1;
+  if (i === o || a && r)
     return e;
-  let l = {
+  let h = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = V(1);
+  }, l = V(1);
   const f = V(0), d = N(i);
-  if ((d || !d && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
+  if ((d || !d && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
     const x = ot(i);
-    h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
+    l = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
   return {
-    width: e.width * h.x,
-    height: e.height * h.y,
-    x: e.x * h.x - l.scrollLeft * h.x + f.x,
-    y: e.y * h.y - l.scrollTop * h.y + f.y
+    width: e.width * l.x,
+    height: e.height * l.y,
+    x: e.x * l.x - h.scrollLeft * l.x + f.x,
+    y: e.y * l.y - h.scrollTop * l.y + f.y
   };
 }
-function Di(a) {
-  return Array.from(a.getClientRects());
+function Di(n) {
+  return Array.from(n.getClientRects());
 }
-function At(a, t) {
-  const e = pt(a).scrollLeft;
-  return t ? t.left + e : ot(K(a)).left + e;
+function At(n, t) {
+  const e = pt(n).scrollLeft;
+  return t ? t.left + e : ot(K(n)).left + e;
 }
-function Xi(a) {
-  const t = K(a), e = pt(a), i = a.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let o = -e.scrollLeft + At(a);
-  const n = -e.scrollTop;
+function Xi(n) {
+  const t = K(n), e = pt(n), i = n.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
+  let o = -e.scrollLeft + At(n);
+  const a = -e.scrollTop;
   return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
-    y: n
+    y: a
   };
 }
-function Fi(a, t) {
-  const e = H(a), i = K(a), s = e.visualViewport;
-  let r = i.clientWidth, o = i.clientHeight, n = 0, l = 0;
+function Fi(n, t) {
+  const e = H(n), i = K(n), s = e.visualViewport;
+  let r = i.clientWidth, o = i.clientHeight, a = 0, h = 0;
   if (s) {
     r = s.width, o = s.height;
-    const h = Xt();
-    (!h || h && t === "fixed") && (n = s.offsetLeft, l = s.offsetTop);
+    const l = Dt();
+    (!l || l && t === "fixed") && (a = s.offsetLeft, h = s.offsetTop);
   }
   return {
     width: r,
     height: o,
-    x: n,
-    y: l
+    x: a,
+    y: h
   };
 }
-function ki(a, t) {
-  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, r = N(a) ? Z(a) : V(1), o = a.clientWidth * r.x, n = a.clientHeight * r.y, l = s * r.x, h = i * r.y;
+function ki(n, t) {
+  const e = ot(n, !0, t === "fixed"), i = e.top + n.clientTop, s = e.left + n.clientLeft, r = N(n) ? Z(n) : V(1), o = n.clientWidth * r.x, a = n.clientHeight * r.y, h = s * r.x, l = i * r.y;
   return {
     width: o,
-    height: n,
-    x: l,
-    y: h
+    height: a,
+    x: h,
+    y: l
   };
 }
-function qt(a, t, e) {
+function $t(n, t, e) {
   let i;
   if (t === "viewport")
-    i = Fi(a, e);
+    i = Fi(n, e);
   else if (t === "document")
-    i = Xi(K(a));
+    i = Xi(K(n));
   else if (X(t))
     i = ki(t, e);
   else {
-    const s = de(a);
+    const s = de(n);
     i = {
       ...t,
       x: t.x - s.x,
@@ -4752,70 +4768,70 @@ function qt(a, t, e) {
   }
   return ut(i);
 }
-function fe(a, t) {
-  const e = z(a);
+function fe(n, t) {
+  const e = z(n);
   return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || fe(e, t);
 }
-function Ni(a, t) {
-  const e = t.get(a);
+function Ni(n, t) {
+  const e = t.get(n);
   if (e)
     return e;
-  let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
-  const r = F(a).position === "fixed";
-  let o = r ? z(a) : a;
+  let i = Tt(n, [], !1).filter((a) => X(a) && tt(a) !== "body"), s = null;
+  const r = F(n).position === "fixed";
+  let o = r ? z(n) : n;
   for (; X(o) && !Q(o); ) {
-    const n = F(o), l = Dt(o);
-    !l && n.position === "fixed" && (s = null), (r ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && fe(a, o)) ? i = i.filter((f) => f !== o) : s = n, o = z(o);
+    const a = F(o), h = Ht(o);
+    !h && a.position === "fixed" && (s = null), (r ? !h && !s : !h && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && fe(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
   }
-  return t.set(a, i), i;
+  return t.set(n, i), i;
 }
-function Yi(a) {
+function Yi(n) {
   let {
     element: t,
     boundary: e,
     rootBoundary: i,
     strategy: s
-  } = a;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], n = o[0], l = o.reduce((h, f) => {
-    const d = qt(t, f, s);
-    return h.top = U(d.top, h.top), h.right = rt(d.right, h.right), h.bottom = rt(d.bottom, h.bottom), h.left = U(d.left, h.left), h;
-  }, qt(t, n, s));
+  } = n;
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((l, f) => {
+    const d = $t(t, f, s);
+    return l.top = U(d.top, l.top), l.right = rt(d.right, l.right), l.bottom = rt(d.bottom, l.bottom), l.left = U(d.left, l.left), l;
+  }, $t(t, a, 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 Ki(a) {
+function Ki(n) {
   const {
     width: t,
     height: e
-  } = le(a);
+  } = he(n);
   return {
     width: t,
     height: e
   };
 }
-function Bi(a, t, e) {
-  const i = N(t), s = K(t), r = e === "fixed", o = ot(a, !0, r, t);
-  let n = {
+function Bi(n, t, e) {
+  const i = N(t), s = K(t), r = e === "fixed", o = ot(n, !0, r, t);
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = V(0);
+  const h = V(0);
   if (i || !i && !r)
-    if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
+    if ((tt(t) !== "body" || ht(s)) && (a = pt(t)), i) {
       const u = ot(t, !0, r, t);
-      l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
-    } else s && (l.x = At(s));
-  let h = 0, f = 0;
+      h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
+    } else s && (h.x = At(s));
+  let l = 0, f = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
-    f = u.top + n.scrollTop, h = u.left + n.scrollLeft - // RTL <body> scrollbar.
+    f = u.top + a.scrollTop, l = u.left + a.scrollLeft - // RTL <body> scrollbar.
     At(s, u);
   }
-  const d = o.left + n.scrollLeft - l.x - h, x = o.top + n.scrollTop - l.y - f;
+  const d = o.left + a.scrollLeft - h.x - l, x = o.top + a.scrollTop - h.y - f;
   return {
     x: d,
     y: x,
@@ -4823,23 +4839,23 @@ function Bi(a, t, e) {
     height: o.height
   };
 }
-function mt(a) {
-  return F(a).position === "static";
+function mt(n) {
+  return F(n).position === "static";
 }
-function Gt(a, t) {
-  if (!N(a) || F(a).position === "fixed")
+function qt(n, t) {
+  if (!N(n) || F(n).position === "fixed")
     return null;
   if (t)
-    return t(a);
-  let e = a.offsetParent;
-  return K(a) === e && (e = e.ownerDocument.body), e;
+    return t(n);
+  let e = n.offsetParent;
+  return K(n) === e && (e = e.ownerDocument.body), e;
 }
-function xe(a, t) {
-  const e = H(a);
-  if (wt(a))
+function xe(n, t) {
+  const e = H(n);
+  if (wt(n))
     return e;
-  if (!N(a)) {
-    let s = z(a);
+  if (!N(n)) {
+    let s = z(n);
     for (; s && !Q(s); ) {
       if (X(s) && !mt(s))
         return s;
@@ -4847,15 +4863,15 @@ function xe(a, t) {
     }
     return e;
   }
-  let i = Gt(a, t);
-  for (; i && Ti(i) && mt(i); )
-    i = Gt(i, t);
-  return i && Q(i) && mt(i) && !Dt(i) ? e : i || Ai(a) || e;
+  let i = qt(n, t);
+  for (; i && Si(i) && mt(i); )
+    i = qt(i, t);
+  return i && Q(i) && mt(i) && !Ht(i) ? e : i || Ai(n) || e;
 }
-const Wi = async function(a) {
-  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(a.floating);
+const Wi = async function(n) {
+  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(n.floating);
   return {
-    reference: Bi(a.reference, await t(a.floating), a.strategy),
+    reference: Bi(n.reference, await t(n.floating), n.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -4864,8 +4880,8 @@ const Wi = async function(a) {
     }
   };
 };
-function Pi(a) {
-  return F(a).direction === "rtl";
+function Pi(n) {
+  return F(n).direction === "rtl";
 }
 const Vi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
@@ -4878,7 +4894,7 @@ const Vi = {
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, ue = Oi, ge = Si, we = _i, zi = Ri, pe = (a, t, e) => {
+}, ue = Oi, ge = Ti, we = _i, zi = Ri, pe = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Vi,
     ...e
@@ -4886,7 +4902,7 @@ const Vi = {
     ...s.platform,
     _c: i
   };
-  return vi(a, t, {
+  return vi(n, t, {
     ...s,
     platform: r
   });
@@ -4901,7 +4917,7 @@ let $i = class {
     this.ctx = t;
     const { TOOLTIP_BG_COLOR: e, TOOLTIP_TEXT_COLOR: i, TOOLTIP_ZINDEX: s, TOOLTIP_CUSTOM_STYLE: r, CSS_PREFIX: o } = this.ctx.config;
     this.contentEl = document.createElement("div"), this.arrowEl = document.createElement("div"), this.floatingEl = document.createElement("div"), this.floatingEl.className = `${o}-tooltip`, this.contentEl.className = `${o}-tooltip-content`, this.arrowEl.className = `${o}-tooltip-arrow`;
-    const n = {
+    const a = {
       display: "none",
       position: "absolute",
       background: e,
@@ -4912,20 +4928,22 @@ let $i = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...r
-    }, l = {
+    }, h = {
       position: "absolute",
       width: "10px",
       height: "10px",
-      background: n.background,
-      backgroundColor: n.backgroundColor,
+      background: a.background,
+      backgroundColor: a.backgroundColor,
       transform: "rotate(45deg)",
-      zIndex: n.zIndex
+      zIndex: a.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.targetContainer.appendChild(this.floatingEl), this.init();
+    Object.assign(this.arrowEl.style, h), Object.assign(this.floatingEl.style, a), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
   }
   init() {
     this.ctx.on("mousemove", (t) => {
-      const e = this.ctx.target.getBoundingClientRect();
+      if (!this.ctx.isTarget())
+        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.ctx.on("startEdit", () => {
       this.hide();
@@ -4941,7 +4959,7 @@ let $i = class {
     this.floatingEl.style.display = "block";
     let e = t.getText();
     t.message && (e = t.message);
-    const i = this.ctx.target.getBoundingClientRect();
+    const i = this.ctx.containerElement.getBoundingClientRect();
     if (!i)
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
@@ -4962,11 +4980,11 @@ let $i = class {
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
       middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
-    }).then((n) => {
-      const { x: l, y: h, placement: f, middlewareData: d } = n;
+    }).then((a) => {
+      const { x: h, y: l, placement: f, middlewareData: d } = a;
       if (Object.assign(this.floatingEl.style, {
-        top: `${h}px`,
-        left: `${l}px`
+        top: `${l}px`,
+        left: `${h}px`
       }), d.arrow) {
         const x = d.arrow;
         ["left", "left-start", "left-end"].includes(f) ? Object.assign(this.arrowEl.style, {
@@ -5056,9 +5074,9 @@ class qi {
     });
   }
   initTextEditor() {
-    this.inputEl = document.createElement("textarea"), this.inputEl.addEventListener("keydown", (t) => {
+    this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("keydown", (t) => {
       if (this.enable) {
-        if ((t.altKey || t.metaKey) && t.code === "Enter") {
+        if (t.stopPropagation(), (t.altKey || t.metaKey) && t.code === "Enter") {
           t.preventDefault();
           const e = this.inputEl.selectionStart, i = this.inputEl.value.substring(0, e), s = this.inputEl.value.substring(e);
           this.inputEl.value = i + `
@@ -5067,20 +5085,21 @@ class qi {
         }
         (t.code === "Escape" || t.code === "Enter") && (t.preventDefault(), this.inputEl.blur());
       }
+    }), this.inputEl.addEventListener("input", function() {
+      this.style.height = "auto", this.style.height = `${this.scrollHeight}px`;
     }), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
-    }), this.editorEl = document.createElement("div"), this.editorEl.className = "e-virt-table-editor", this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.targetContainer.appendChild(this.editorEl);
+    }), this.editorEl = document.createElement("div"), this.editorEl.className = "e-virt-table-editor", this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
   startEditByInput(t) {
     if (t.editorType !== "text")
       return;
     const e = t.getValue(), { width: i } = t, s = t.getDrawX();
     let r = t.getDrawY(), { height: o } = t;
-    t.height > this.ctx.body.visibleHeight && (o = this.ctx.body.visibleHeight, r = this.ctx.header.visibleHeight);
-    const { CELL_PADDING: n } = this.ctx.config;
-    this.editorEl.style.left = `${s}px`, this.editorEl.style.top = `${r}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
-    const l = this.inputEl.value.length;
-    this.inputEl.setSelectionRange(l, l);
+    const { CELL_PADDING: a } = this.ctx.config;
+    this.editorEl.style.left = `${s - 1.5}px`, this.editorEl.style.top = `${r - 1.5}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${this.ctx.body.visibleHeight - 1}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${a}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+    const h = this.inputEl.value.length;
+    this.inputEl.setSelectionRange(h, h), this.inputEl.scrollHeight > o && (this.inputEl.style.height = this.inputEl.scrollHeight + "px");
   }
   doneEditByInput() {
     if (!this.cellTarget || this.cellTarget.editorType !== "text")
@@ -5099,23 +5118,25 @@ class qi {
     e && !r && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = e, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   editCell(t, e) {
-    const i = this.ctx.body.renderRows.find((h) => h.rowIndex === t);
+    const i = this.ctx.body.renderRows.find((l) => l.rowIndex === t);
     if (!i)
       return;
-    const s = i.cells.find((h) => h.colIndex === e);
+    const s = i.cells.find((l) => l.colIndex === e);
     if (!s)
       return;
     this.ctx.emit("setSelectorCell", s);
     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: a } = r, h = this.ctx.database.getReadonly(o, a);
+    r && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
-    this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.target.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
+    this.enable && this.cellTarget && (this.ctx.emit("doneEdit", this.cellTarget), this.doneEditByInput(), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
   }
   destroy() {
+    var t;
+    (t = this.editorEl) == null || t.remove();
   }
 }
 class Gi {
@@ -5124,10 +5145,10 @@ class Gi {
     c(this, "emptyEl");
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM: i, EMPTY_CUSTOM_STYLE: s, CSS_PREFIX: r } = this.ctx.config;
-    this.emptyEl = document.createElement("div"), this.emptyEl.className = `${r}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.targetContainer.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: n, bodyHeight: l, footerHeight: h }) => {
+    this.emptyEl = document.createElement("div"), this.emptyEl.className = `${r}-empty`, this.emptyEl.style.display = "none", this.emptyEl.innerText = e, this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: o, headerHeight: a, bodyHeight: h, footerHeight: l }) => {
       if (i)
         return;
-      const f = n + (l + h) / 2, d = {
+      const f = a + (h + l) / 2, d = {
         display: o === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
@@ -5147,28 +5168,7 @@ class Gi {
 class ji {
   constructor(t) {
     c(this, "ctx");
-    this.ctx = t, this.ctx.on("scroll", () => {
-      if (!this.ctx.config.ENABLE_HEADER_STICKY)
-        return;
-      const e = this.ctx.targetContainer.getBoundingClientRect();
-      let i = !1, s = this.getHeader();
-      e.top < 0 && e.top < -this.ctx.header.visibleHeight && e.top > -this.ctx.body.visibleHeight ? i = !0 : i = !1;
-      const {
-        config: { CSS_PREFIX: r }
-      } = this.ctx, { visibleWidth: o } = this.ctx.body, n = {
-        type: "header-sticky",
-        class: `${r}-overlayer-header-sticky`,
-        style: {
-          position: "sticky",
-          top: "0px",
-          "z-index": 10,
-          width: `${o}px`,
-          display: i ? "block" : "none"
-        },
-        views: s.views
-      };
-      this.ctx.emit("headerStickyChange", n);
-    });
+    this.ctx = t;
   }
   draw() {
     const t = this.getContainer();
@@ -5182,21 +5182,24 @@ class ji {
   }
   getContainer() {
     const {
-      target: t,
-      config: { SCROLLER_TRACK_SIZE: e }
-    } = this.ctx, i = t.width - e, s = t.height - e, r = this.getHeader(), o = this.getBody(), n = this.getFooter();
-    let l = [r, o, n];
-    const { FOOTER_FIXED: h } = this.ctx.config;
-    return h || (l = [r, o]), {
+      stageWidth: t,
+      stageHeight: e,
+      config: { SCROLLER_TRACK_SIZE: i }
+    } = this.ctx, s = t - i, r = e - i, o = this.getHeader(), a = this.getBody(), h = this.getFooter();
+    let l = [o, a, h];
+    const { FOOTER_FIXED: f } = this.ctx.config;
+    return f || (l = [o, a]), {
       style: {
         position: "absolute",
         left: "0px",
         top: "0px",
-        pointerEvents: "none",
+        userSelect: "none",
         overflow: "hidden",
-        width: `${i}px`,
-        height: `${s}px`
+        width: `${s}px`,
+        height: `${r}px`,
+        zIndex: 10
       },
+      class: "e-virt-table-overlayer",
       views: l
     };
   }
@@ -5205,10 +5208,10 @@ class ji {
       fixedLeftWidth: t,
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
-    } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: n } = this.ctx.header;
-    let l = [], h = [], f = [];
-    n.forEach((w) => {
-      w.render && (w.fixed === "left" ? h.push(w) : w.fixed === "right" ? f.push(w) : l.push(w));
+    } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: a } = this.ctx.header;
+    let h = [], l = [], f = [];
+    a.forEach((p) => {
+      p.render && (p.fixed === "left" ? l.push(p) : p.fixed === "right" ? f.push(p) : h.push(p));
     });
     const d = e - i, x = {
       key: "left",
@@ -5220,7 +5223,7 @@ class ji {
         width: `${t}px`,
         height: `${o}px`
       },
-      cells: h
+      cells: l
     }, u = {
       key: "center",
       style: {
@@ -5231,8 +5234,8 @@ class ji {
         width: `${r - t - d + 1}px`,
         height: `${o}px`
       },
-      cells: l
-    }, p = {
+      cells: h
+    }, g = {
       key: "right",
       style: {
         position: "absolute",
@@ -5253,22 +5256,22 @@ class ji {
         width: `${r}px`,
         height: `${o}px`
       },
-      views: [x, u, p]
+      views: [x, u, g]
     };
   }
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((w) => {
-      w.cells.forEach((y) => {
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((p) => {
+      p.cells.forEach((y) => {
         y.cellType === "footer" && (y.render = y.renderFooter), y.render && (y.fixed === "left" ? e.push(y) : y.fixed === "right" ? i.push(y) : t.push(y));
       });
     });
     const {
       fixedLeftWidth: r,
       fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: l }
-    } = this.ctx, { visibleWidth: h, visibleHeight: f } = this.ctx.body, d = o - n, x = {
+      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: h }
+    } = this.ctx, { visibleWidth: l, visibleHeight: f } = this.ctx.body, d = o - a, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5284,13 +5287,13 @@ class ji {
       style: {
         position: "absolute",
         top: `${0.5}px`,
-        left: `${r + 0.5}px`,
+        left: `${r - 0.5}px`,
         overflow: "hidden",
-        width: `${h - r - d}px`,
+        width: `${l - r - d}px`,
         height: `${f}px`
       },
       cells: t
-    }, p = {
+    }, g = {
       key: "right",
       style: {
         position: "absolute",
@@ -5304,28 +5307,28 @@ class ji {
     };
     return {
       type: "body",
-      class: `${l}-overlayer-body`,
+      class: `${h}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${h}px`,
+        width: `${l}px`,
         height: `${f}px`
       },
-      views: [x, u, p]
+      views: [x, u, g]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((g) => {
-      g.cells.forEach((w) => {
-        w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
+    this.ctx.footer.renderRows.forEach((w) => {
+      w.cells.forEach((p) => {
+        p.cellType === "footer" && p.renderFooter && (p.render = p.renderFooter, p.fixed === "left" ? e.push(p) : p.fixed === "right" ? i.push(p) : t.push(p));
       });
     });
     const {
       fixedLeftWidth: s,
       fixedRightWidth: r,
-      config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: n }
-    } = this.ctx, { visibleWidth: l, visibleHeight: h } = this.ctx.footer, f = r - o, d = {
+      config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: a }
+    } = this.ctx, { visibleWidth: h, visibleHeight: l } = this.ctx.footer, f = r - o, d = {
       key: "left",
       style: {
         position: "absolute",
@@ -5333,7 +5336,7 @@ class ji {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${s}px`,
-        height: `${h}px`
+        height: `${l}px`
       },
       cells: e
     }, x = {
@@ -5341,10 +5344,10 @@ class ji {
       style: {
         position: "absolute",
         top: `${0.5}px`,
-        left: `${s + 0.5}px`,
+        left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${l - s - f}px`,
-        height: `${h}px`
+        width: `${h - s - f}px`,
+        height: `${l}px`
       },
       cells: t
     }, u = {
@@ -5355,18 +5358,18 @@ class ji {
         right: `${0.5}px`,
         overflow: "hidden",
         width: `${f}px`,
-        height: `${h}px`
+        height: `${l}px`
       },
       cells: i
     };
     return {
       type: "footer",
-      class: `${n}-overlayer-footer`,
+      class: `${a}-overlayer-footer`,
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${l}px`,
-        height: `${h}px`
+        width: `${h}px`,
+        height: `${l}px`
       },
       views: [d, x, u]
     };
@@ -5382,8 +5385,8 @@ class Ui {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, l] = s, { rowIndex: h, colIndex: f } = t;
-      h >= n && h <= l && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, h] = s, { rowIndex: l, colIndex: f } = t;
+      l >= a && l <= h && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5400,14 +5403,14 @@ class Ui {
       pe(x, this.contextMenuEl, {
         placement: "right-start",
         middleware: [ue(), ge(), we()]
-      }).then(({ x: u, y: p }) => {
-        this.show(u, p);
+      }).then(({ x: u, y: g }) => {
+        this.show(u, g);
       });
     }), this.ctx.on("click", this.hide.bind(this)), this.ctx.on("onScroll", this.hide.bind(this)), this.ctx.on("resize", this.hide.bind(this));
   }
   //创建右键菜单，绑定子项点击事件
   createContextMenu() {
-    this.contextMenuEl.replaceChildren(), this.contextMenuEl.className = "e-virt-table-context-menu", this.ctx.targetContainer.appendChild(this.contextMenuEl);
+    this.contextMenuEl.replaceChildren(), this.contextMenuEl.className = "e-virt-table-context-menu", this.ctx.containerElement.appendChild(this.contextMenuEl);
     const { CONTEXT_MENU: t } = this.ctx.config;
     this.createContextMenuItems(t, (e) => {
       switch (e.value) {
@@ -5457,8 +5460,6 @@ class Ui {
 }
 class Qi {
   constructor(t, e) {
-    c(this, "targetContainer");
-    c(this, "target");
     c(this, "options");
     c(this, "scroller");
     c(this, "header");
@@ -5472,11 +5473,27 @@ class Qi {
     c(this, "overlayer");
     c(this, "contextMenu");
     c(this, "ctx");
-    this.target = document.createElement("canvas"), this.targetContainer = t, this.targetContainer.style.position = "relative", this.targetContainer.appendChild(this.target), this.options = e, this.ctx = new li(this.targetContainer, this.target, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new hi(this.ctx), this.selector = new ui(this.ctx), this.autofill = new gi(this.ctx), this.tooltip = new $i(this.ctx), this.empty = new Gi(this.ctx), this.editor = new qi(this.ctx), this.overlayer = new ji(this.ctx), this.contextMenu = new Ui(this.ctx), this.ctx.on("draw", this.draw.bind(this)), this.draw();
+    this.options = e;
+    const { overlayerElement: i } = e, s = this.createContainer(t, i);
+    this.ctx = new hi(s, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new li(this.ctx), this.selector = new ui(this.ctx), this.autofill = new gi(this.ctx), this.tooltip = new $i(this.ctx), this.empty = new Gi(this.ctx), this.editor = new qi(this.ctx), this.overlayer = new ji(this.ctx), this.contextMenu = new Ui(this.ctx), this.ctx.on("draw", () => {
+      this.draw();
+    }), this.ctx.on("drawView", () => {
+      this.draw(!0);
+    }), this.draw();
+  }
+  createContainer(t, e) {
+    t.className = "e-virt-table-container";
+    const i = document.createElement("div"), s = document.createElement("canvas"), r = e || document.createElement("div");
+    return i.className = "e-virt-table-stage", s.className = "e-virt-table-canvas", r.className = "e-virt-table-overlayer", i.appendChild(s), i.appendChild(r), t.appendChild(i), {
+      containerElement: t,
+      stageElement: i,
+      canvasElement: s,
+      overlayerElement: r
+    };
   }
-  draw() {
+  draw(t = !1) {
     requestAnimationFrame(() => {
-      this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.body.draw(), this.footer.draw(), this.header.draw(), this.scroller.draw(), this.overlayer.draw();
+      this.header.update(), this.footer.update(), this.body.update(), this.ctx.paint.clear(), this.body.draw(), this.footer.draw(), this.header.draw(), this.scroller.draw(), t || this.overlayer.draw();
     });
   }
   loadConfig(t) {
@@ -5536,8 +5553,8 @@ class Qi {
         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: a, key: h } = o;
+            this.scrollToRowkey(a), this.scrollToColkey(h);
           }
         }
         i(s);
@@ -5561,8 +5578,8 @@ class Qi {
       const i = this.ctx.database.getAllRowsData(), s = this.ctx.header.leafCellHeaders;
       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]), f = s[n].key, d = await this.ctx.database.getValidator(l, f);
+        for (let a = 0; a < s.length; a++) {
+          const h = this.ctx.database.getRowKeyByItem(i[o]), f = s[a].key, d = await this.ctx.database.getValidator(h, f);
           Array.isArray(d) && d.length && r.push(d);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
@@ -5610,17 +5627,29 @@ class Qi {
   toggleAllSelection() {
     this.ctx.database.toggleAllSelection(), this.ctx.emit("draw");
   }
+  toggleRowExpand(t, e) {
+    this.ctx.database.expandItem(t, e), this.ctx.emit("draw");
+  }
+  toggleExpandAll(t) {
+    this.ctx.database.expandAll(t), this.ctx.emit("draw");
+  }
   getSelectionRows() {
     return this.ctx.database.getSelectionRows();
   }
   getPositionForRowIndex(t) {
     return this.ctx.database.getPositionForRowIndex(t);
   }
+  getCellValue(t, e) {
+    return this.ctx.database.getItemValue(t, e);
+  }
+  getCellValueByIndex(t, e) {
+    return this.ctx.database.getItemValueForRowIndexAndColIndex(t, e);
+  }
   /**
    * 销毁
    */
   destroy() {
-    this.overlayer.destroy(), this.empty.destroy(), this.editor.destroy(), this.tooltip.destroy(), this.selector.destroy(), this.autofill.destroy(), this.contextMenu.destroy(), this.ctx.destroy(), this.target.remove();
+    this.overlayer.destroy(), this.empty.destroy(), this.editor.destroy(), this.tooltip.destroy(), this.selector.destroy(), this.autofill.destroy(), this.contextMenu.destroy(), this.ctx.destroy(), this.ctx.containerElement.remove();
   }
 }
 export {