e-virt-table 1.0.0 → 1.0.2

package/dist/index.es.js

@@ -1,7 +1,7 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(":root{--e-virt-table-color-white: #fff;--e-virt-table-color-black: #000000;--e-virt-table-color-primary: rgb(82, 146, 247);--e-virt-table-text-color-primary: #333;--e-virt-table-text-color-regular: #666;--e-virt-table-text-color-secondary: #999;--e-virt-table-box-shadow: 0 2px 12px 0 #0000001a;--e-virt-table-editor-bg-color: #fff;--e-virt-table-border-color: #e1e6eb}.e-virt-table-container{position:relative;outline:none}.e-virt-table-stage{position:relative;overflow:hidden;outline:none;z-index:10;border-radius:8px;border:1px solid var(--e-virt-table-border-color)}.e-virt-table-canvas{position:absolute;left:0;top:0;box-sizing:border-box;border:none;outline:none;z-index:10}.e-virt-table-editor{position:absolute;top:-10000px;left:-10000px;text-align:left;height:auto;line-height:0;z-index:100;overflow:hidden;background-color:var(--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:100;pointer-events:none}.e-virt-table-editor-textarea{width:100%;box-sizing:border-box;outline:none;font-weight:400;padding:8px;font-size:12px;color:inherit;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;line-height:1.5;margin:0;border:none;vertical-align:middle;background:var(--e-virt-table-color-white);overflow-y:auto;resize:none}.e-virt-table-context-menu{position:absolute;font-size:14px;color:var(--e-virt-table-text-color-regular);background-color:var(--e-virt-table-color-white);border-radius:4px;border:1px solid #e4e7ed;box-shadow:var(--e-virt-table-box-shadow);width:fit-content;padding:6px 0;z-index:9999;left:-99999px;top:-99999px}.e-virt-table-context-menu-item{cursor:pointer;padding:8px 24px;color:var(--e-virt-table-text-color-regular)}.e-virt-table-context-menu-item:hover{color:var(--e-virt-table-color-primary);background-color:#f5f7fa}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var me = Object.defineProperty;
 var Ee = (n, t, e) => t in n ? me(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var l = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
+var h = (n, t, e) => Ee(n, typeof t != "symbol" ? t + "" : t, e);
 function $() {
   return $ = Object.assign ? Object.assign.bind() : function(n) {
     for (var t = 1; t < arguments.length; t++) {
@@ -39,7 +39,7 @@ 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), c = new h();
+    var l = Function.bind.apply(s, a), c = new l();
     return o && st(c, o.prototype), c;
   }, dt.apply(null, arguments);
 }
@@ -122,7 +122,7 @@ function _e(n) {
 function _(n, t) {
   return !!(n == null || t === "array" && Array.isArray(n) && !n.length || _e(t) && typeof n == "string" && !n);
 }
-function Ie(n, t, e) {
+function Oe(n, t, e) {
   var i = [], s = 0, r = n.length;
   function o(a) {
     i.push.apply(i, a || []), s++, s === r && e(i);
@@ -143,7 +143,7 @@ function Ft(n, t, e) {
   }
   r([]);
 }
-function Oe(n) {
+function Ie(n) {
   var t = [];
   return Object.keys(n).forEach(function(e) {
     t.push.apply(t, n[e] || []);
@@ -157,36 +157,36 @@ var Xt = /* @__PURE__ */ function(n) {
   }
   return t;
 }(/* @__PURE__ */ bt(Error));
-function Ae(n, t, e, i, s) {
+function Te(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var g = function(y) {
         return i(y), y.length ? u(new Xt(y, Ct(y))) : x(s);
-      }, w = Oe(n);
+      }, w = Ie(n);
       Ft(w, e, g);
     });
     return r.catch(function(x) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, c = 0, d = [], f = new Promise(function(x, u) {
+  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), l = a.length, c = 0, d = [], f = new Promise(function(x, u) {
     var g = function(p) {
-      if (d.push.apply(d, p), c++, c === h)
+      if (d.push.apply(d, p), c++, c === l)
         return i(d), d.length ? u(new Xt(d, Ct(d))) : x(s);
     };
     a.length || (i(d), x(s)), a.forEach(function(w) {
       var p = n[w];
-      o.indexOf(w) !== -1 ? Ft(p, e, g) : Ie(p, e, g);
+      o.indexOf(w) !== -1 ? Ft(p, e, g) : Oe(p, e, g);
     });
   });
   return f.catch(function(x) {
     return x;
   }), f;
 }
-function Te(n) {
+function Se(n) {
   return !!(n && n.message !== void 0);
 }
-function Se(n, t) {
+function Ae(n, t) {
   for (var e = n, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,7 +197,7 @@ function Se(n, t) {
 function kt(n, t) {
   return function(e) {
     var i;
-    return n.fullFields ? i = Se(t, n.fullFields) : i = t[e.field || n.fullField], Te(e) ? (e.field = e.field || n.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 || n.fullField
@@ -234,15 +234,15 @@ var jt = 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 + "$"), a = new RegExp("^" + s + "$"), h = function(E) {
+`).replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim(), r = new RegExp("(?:^" + e + "$)|(?:^" + s + "$)"), o = new RegExp("^" + e + "$"), a = new RegExp("^" + s + "$"), l = function(E) {
     return E && E.exact ? r : new RegExp("(?:" + t(E) + e + t(E) + ")|(?:" + t(E) + s + t(E) + ")", "g");
   };
-  h.v4 = function(m) {
+  l.v4 = function(m) {
     return m && m.exact ? o : new RegExp("" + t(m) + e + t(m), "g");
-  }, h.v6 = function(m) {
+  }, l.v6 = function(m) {
     return m && m.exact ? a : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + u + g + w + ")" + p + y;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + u + g + w + ")" + p + y;
   return ct = new RegExp("(?:^" + b + "$)", "i"), ct;
 }, Kt = {
   // http://emailregex.com/
@@ -300,10 +300,10 @@ var jt = function(t, e, i, s, r, o) {
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], a = t.type;
   o.indexOf(a) > -1 ? et[a](e) || s.push(M(r.messages.types[a], t.fullField, t.type)) : a && typeof e !== t.type && s.push(M(r.messages.types[a], t.fullField, t.type));
 }, De = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
+  var o = typeof t.len == "number", a = typeof t.min == "number", l = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
   if (x ? f = "number" : u ? f = "string" : g && (f = "array"), !f)
     return !1;
-  g && (d = e.length), u && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(M(r.messages[f].len, t.fullField, t.len)) : a && !h && d < t.min ? s.push(M(r.messages[f].min, t.fullField, t.min)) : h && !a && d > t.max ? s.push(M(r.messages[f].max, t.fullField, t.max)) : a && h && (d < t.min || d > t.max) && s.push(M(r.messages[f].range, t.fullField, t.min, t.max));
+  g && (d = e.length), u && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(M(r.messages[f].len, t.fullField, t.len)) : a && !l && d < t.min ? s.push(M(r.messages[f].min, t.fullField, t.min)) : l && !a && d > t.max ? s.push(M(r.messages[f].max, t.fullField, t.max)) : a && l && (d < t.min || d > t.max) && s.push(M(r.messages[f].range, t.fullField, t.min, t.max));
 }, j = "enum", Fe = 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(", ")));
 }, Xe = function(t, e, i, s, r) {
@@ -416,8 +416,8 @@ var jt = function(t, e, i, s, r, o) {
     if (_(e, "date") && !t.required)
       return i();
     if (v.required(t, e, s, o, r), !_(e, "date")) {
-      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);
+      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);
     }
   }
   i(o);
@@ -425,8 +425,8 @@ var jt = function(t, e, i, s, r, 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, a = [], h = t.required || !t.required && s.hasOwnProperty(t.field);
-  if (h) {
+  var o = t.type, a = [], l = t.required || !t.required && s.hasOwnProperty(t.field);
+  if (l) {
     if (_(e, o) && !t.required)
       return i();
     v.required(t, e, s, a, r, o), _(e, o) || v.type(t, e, s, a, r);
@@ -533,8 +533,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
     });
-    var a = i, h = s, c = r;
-    if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
+    var a = i, l = s, c = r;
+    if (typeof l == "function" && (c = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, a), Promise.resolve(a);
     function d(w) {
       var p = [], y = {};
@@ -549,12 +549,12 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         b(w[m]);
       p.length ? (y = Ct(p), c(p, y)) : c(null, a);
     }
-    if (h.messages) {
+    if (l.messages) {
       var f = this.messages();
-      f === Rt && (f = vt()), Nt(f, h.messages), h.messages = f;
+      f === Rt && (f = vt()), Nt(f, l.messages), l.messages = f;
     } else
-      h.messages = this.messages();
-    var x = {}, u = h.keys || Object.keys(this.rules);
+      l.messages = this.messages();
+    var x = {}, u = l.keys || Object.keys(this.rules);
     u.forEach(function(w) {
       var p = o.rules[w], y = a[w];
       p.forEach(function(b) {
@@ -570,51 +570,51 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var g = {};
-    return Ae(x, h, function(w, p) {
+    return Te(x, l, 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, A) {
-        return $({}, A, {
+      function m(R, O) {
+        return $({}, O, {
           fullField: y.fullField + "." + R,
           fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
         });
       }
       function E(R) {
         R === void 0 && (R = []);
-        var A = Array.isArray(R) ? R : [R];
-        !h.suppressWarning && A.length && n.warning("async-validator:", A), A.length && y.message !== void 0 && (A = [].concat(y.message));
-        var S = A.map(kt(y, a));
-        if (h.first && S.length)
+        var O = Array.isArray(R) ? R : [R];
+        !l.suppressWarning && O.length && n.warning("async-validator:", O), O.length && y.message !== void 0 && (O = [].concat(y.message));
+        var S = O.map(kt(y, a));
+        if (l.first && S.length)
           return g[y.field] = 1, p(S);
         if (!b)
           p(S);
         else {
           if (y.required && !w.value)
-            return y.message !== void 0 ? S = [].concat(y.message).map(kt(y, a)) : h.error && (S = [h.error(y, M(h.messages.required, y.field))]), p(S);
+            return y.message !== void 0 ? S = [].concat(y.message).map(kt(y, a)) : l.error && (S = [l.error(y, M(l.messages.required, y.field))]), p(S);
           var L = {};
           y.defaultField && Object.keys(w.value).map(function(I) {
             L[I] = y.defaultField;
           }), L = $({}, L, w.rule.fields);
           var D = {};
           Object.keys(L).forEach(function(I) {
-            var T = L[I], O = Array.isArray(T) ? T : [T];
-            D[I] = O.map(m.bind(null, I));
+            var A = L[I], T = Array.isArray(A) ? A : [A];
+            D[I] = T.map(m.bind(null, 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 T = [];
-            S && S.length && T.push.apply(T, S), I && I.length && T.push.apply(T, I), p(T.length ? T : null);
+          B.messages(l.messages), w.rule.options && (w.rule.options.messages = l.messages, w.rule.options.error = l.error), B.validate(w.value, w.rule.options || l, function(I) {
+            var A = [];
+            S && S.length && A.push.apply(A, S), I && I.length && A.push.apply(A, I), p(A.length ? A : null);
           });
         }
       }
       var C;
       if (y.asyncValidator)
-        C = y.asyncValidator(y, w.value, E, w.source, h);
+        C = y.asyncValidator(y, w.value, E, w.source, l);
       else if (y.validator) {
         try {
-          C = y.validator(y, w.value, E, w.source, h);
+          C = y.validator(y, w.value, E, w.source, l);
         } catch (R) {
-          console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
+          console.error == null || console.error(R), l.suppressValidatorError || setTimeout(function() {
             throw R;
           }, 0), E(R.message);
         }
@@ -724,10 +724,10 @@ function ti(n) {
       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);
+          const l = n.slice(0, 1);
+          l === '"' && (o += 1), r += l, n = n.slice(1), (n.length === 0 || n.match(/^[\t\r\n]/) && o % 2 === 0) && (a = !1);
         }
-        r = r.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (h) => new Array(Math.floor(h.length / 2)).fill('"').join(""));
+        r = r.replace(/^"/, "").replace(/"$/, "").replace(/["]*/g, (l) => new Array(Math.floor(l.length / 2)).fill('"').join(""));
       } else {
         const o = n.match(Qe);
         r = o ? o[0] : "", n = n.slice(r.length);
@@ -750,24 +750,24 @@ function ei(n) {
 class ii {
   //虚拟滚动位置
   constructor(t, e) {
-    l(this, "loading", !1);
-    l(this, "ctx");
-    l(this, "data");
-    l(this, "columns");
-    l(this, "footerData", []);
-    l(this, "rowKeyMap", /* @__PURE__ */ new Map());
-    l(this, "colIndexKeyMap", /* @__PURE__ */ new Map());
-    l(this, "headerMap", /* @__PURE__ */ new Map());
-    l(this, "rowIndexRowKeyMap", /* @__PURE__ */ new Map());
-    l(this, "checkboxKeyMap", /* @__PURE__ */ new Map());
-    l(this, "originalDataMap", /* @__PURE__ */ new Map());
-    l(this, "changedDataMap", /* @__PURE__ */ new Map());
-    l(this, "validationErrorMap", /* @__PURE__ */ new Map());
-    l(this, "itemRowKeyMap", /* @__PURE__ */ new WeakMap());
-    l(this, "bufferData", []);
-    l(this, "sumHeight", 0);
-    l(this, "filterMethod");
-    l(this, "positions", []);
+    h(this, "loading", !1);
+    h(this, "ctx");
+    h(this, "data");
+    h(this, "columns");
+    h(this, "footerData", []);
+    h(this, "rowKeyMap", /* @__PURE__ */ new Map());
+    h(this, "colIndexKeyMap", /* @__PURE__ */ new Map());
+    h(this, "headerMap", /* @__PURE__ */ new Map());
+    h(this, "rowIndexRowKeyMap", /* @__PURE__ */ new Map());
+    h(this, "checkboxKeyMap", /* @__PURE__ */ new Map());
+    h(this, "originalDataMap", /* @__PURE__ */ new Map());
+    h(this, "changedDataMap", /* @__PURE__ */ new Map());
+    h(this, "validationErrorMap", /* @__PURE__ */ new Map());
+    h(this, "itemRowKeyMap", /* @__PURE__ */ new WeakMap());
+    h(this, "bufferData", []);
+    h(this, "sumHeight", 0);
+    h(this, "filterMethod");
+    h(this, "positions", []);
     this.ctx = t;
     const { data: i = [], columns: s = [], footerData: r = [] } = e;
     this.data = i, this.footerData = r, this.columns = s, this.setLoading(!0), this.init();
@@ -790,9 +790,9 @@ class ii {
     t.forEach((i, s) => {
       let r = i._hasChildren || !1;
       Array.isArray(i.children) && i.children.length && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Ut();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: l, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Ut();
       this.itemRowKeyMap.set(i, x);
-      const u = i._height || h, g = i._readonly;
+      const u = i._height || l, g = i._readonly;
       let w = !0;
       if (typeof c == "function" && (w = c), d) {
         const p = i[d];
@@ -877,12 +877,12 @@ class ii {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: d } = this.rowKeyMap.get(a), f = this.sumHeight;
+        const a = this.itemRowKeyMap.get(o), { expand: l, hasChildren: c, height: d } = this.rowKeyMap.get(a), f = this.sumHeight;
         this.sumHeight += d, this.rowIndexRowKeyMap.set(e, a), this.positions.push({
           top: f,
           height: d,
           bottom: this.sumHeight
-        }), e += 1, h && c && i(o.children);
+        }), e += 1, l && c && i(o.children);
       });
     };
     this.rowIndexRowKeyMap.clear();
@@ -1038,7 +1038,7 @@ class ii {
       });
     });
     let a = [];
-    const h = i.map((d) => {
+    const l = i.map((d) => {
       const f = this.ctx.database.getRowDataItemForRowKey(d.rowKey);
       return {
         rowKey: d.rowKey,
@@ -1050,10 +1050,10 @@ class ii {
     s.forEach((d) => {
       a.push(this.ctx.database.getRowDataItemForRowKey(d));
     });
-    const c = h.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
+    const c = l.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
     Promise.all(c).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-    }), this.ctx.emit("change", h, a), e && this.ctx.history.pushState({
+    }), this.ctx.emit("change", l, a), e && this.ctx.history.pushState({
       changeList: i,
       scrollX: this.ctx.scrollX,
       scrollY: this.ctx.scrollY,
@@ -1074,15 +1074,15 @@ class ii {
     if (!this.rowKeyMap.has(t))
       return {};
     const { item: a } = this.rowKeyMap.get(t);
-    let h = a[e];
+    let l = a[e];
     if (this.ctx.database.getReadonly(t, e))
       return {
-        oldValue: h,
-        newValue: h
+        oldValue: l,
+        newValue: l
       };
-    a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
+    a[e] !== null && typeof a[e] == "object" && (l = JSON.parse(JSON.stringify(a[e])));
     const c = `${t}​_${e}`;
-    this.originalDataMap.has(c) || this.originalDataMap.set(c, h);
+    this.originalDataMap.has(c) || this.originalDataMap.set(c, l);
     const d = this.originalDataMap.get(c);
     let f = i;
     if (o) {
@@ -1111,7 +1111,7 @@ class ii {
       }), this.ctx.emit("change", [g], [u]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
-        oldValue: h,
+        oldValue: l,
         value: f,
         originalValue: d,
         row: u
@@ -1121,7 +1121,7 @@ class ii {
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
-      oldValue: h,
+      oldValue: l,
       value: f,
       originalValue: this.originalDataMap.get(c),
       row: this.ctx.database.getRowDataItemForRowKey(t)
@@ -1133,12 +1133,12 @@ class ii {
         {
           rowKey: t,
           key: e,
-          oldValue: h,
+          oldValue: l,
           newValue: f
         }
       ]
     }), r && this.ctx.emit("draw"), {
-      oldValue: h,
+      oldValue: l,
       newValue: f
     };
   }
@@ -1165,8 +1165,8 @@ class ii {
         return !1;
       const { item: s } = this.rowKeyMap.get(t), r = s[i];
       this.checkboxKeyMap.has(r) && (this.checkboxKeyMap.get(r) || []).forEach((a) => {
-        const h = this.rowKeyMap.get(a);
-        h.check = e;
+        const l = this.rowKeyMap.get(a);
+        l.check = e;
       });
     }
   }
@@ -1329,9 +1329,9 @@ class ii {
     const { DISABLED: i } = this.ctx.config;
     if (i)
       return !0;
-    const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), o = s == null ? void 0 : s.readonly, a = r == null ? void 0 : r.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
-    if (typeof h == "function" && r) {
-      const d = h({
+    const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), o = s == null ? void 0 : s.readonly, a = r == null ? void 0 : r.readonly, { BODY_CELL_READONLY_METHOD: l } = this.ctx.config;
+    if (typeof l == "function" && r) {
+      const d = l({
         row: s.item,
         rowIndex: s.rowIndex,
         colIndex: r.colIndex,
@@ -1355,7 +1355,7 @@ class ii {
       if (r === void 0)
         return i([]);
       const a = r.column;
-      let h = a.rules;
+      let l = a.rules;
       if (typeof o == "function") {
         const d = o({
           row: s.item,
@@ -1364,12 +1364,12 @@ class ii {
           column: a,
           value: this.getItemValue(t, e)
         });
-        d && (h = d);
+        d && (l = d);
       }
-      if (h) {
+      if (l) {
         let c = {}, d = {};
-        if (d[e] = this.getItemValue(t, e), Array.isArray(h)) {
-          const x = h.map((u) => ({
+        if (d[e] = this.getItemValue(t, e), Array.isArray(l)) {
+          const x = l.map((u) => ({
             ...u,
             row: s.item,
             column: a,
@@ -1379,7 +1379,7 @@ class ii {
           c[e] = x;
         } else
           c[e] = {
-            ...h,
+            ...l,
             row: s.item,
             column: a,
             rowIndex: s.rowIndex,
@@ -1438,9 +1438,9 @@ class ii {
 }
 class si {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "history", []);
-    l(this, "historyIndex", -1);
+    h(this, "ctx");
+    h(this, "history", []);
+    h(this, "historyIndex", -1);
     this.ctx = t, this.init();
   }
   init() {
@@ -1493,8 +1493,8 @@ class si {
 }
 class ri {
   constructor(t) {
-    l(this, "eventTasks", /* @__PURE__ */ new Map());
-    l(this, "ctx");
+    h(this, "eventTasks", /* @__PURE__ */ new Map());
+    h(this, "ctx");
     this.ctx = t, this.init();
   }
   init() {
@@ -1548,7 +1548,7 @@ class ri {
 }
 class oi {
   constructor() {
-    l(this, "events", /* @__PURE__ */ new Map());
+    h(this, "events", /* @__PURE__ */ new Map());
   }
   has(t) {
     return this.events.has(t);
@@ -1586,7 +1586,7 @@ class oi {
 }
 class ni {
   constructor(t) {
-    l(this, "ctx");
+    h(this, "ctx");
     const e = t.getContext("2d");
     if (!e) throw new Error("canvas context not found");
     this.ctx = e;
@@ -1620,21 +1620,21 @@ class ni {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: a, shadowWidth: h, colorStart: c, colorEnd: d } = r;
+    const { fillColor: o, side: a, shadowWidth: l, colorStart: c, colorEnd: d } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
     let f;
     switch (a) {
       case "left":
-        f = this.ctx.createLinearGradient(t - h, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - h, e, h, s);
+        f = this.ctx.createLinearGradient(t - l, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - l, e, l, s);
         break;
       case "right":
-        f = this.ctx.createLinearGradient(t + i, e, t + i + h, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, h, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + l, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, l, s);
         break;
       case "top":
-        f = this.ctx.createLinearGradient(t, e - h, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - h, i, h);
+        f = this.ctx.createLinearGradient(t, e - l, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - l, i, l);
         break;
       case "bottom":
-        f = this.ctx.createLinearGradient(t, e + s, t, e + s + h), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, h);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + l), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, l);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1655,11 +1655,11 @@ class ni {
   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: 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)
+  drawRect(t, e, i, s, { borderWidth: r = 1, borderColor: o, fillColor: a, radius: l = 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), l === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, x] = typeof h == "number" ? [h, h, h, h] : h;
+      const [c, d, f, x] = typeof l == "number" ? [l, l, l, l] : l;
       this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + c, e, c);
     }
     a !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
@@ -1678,16 +1678,16 @@ class ni {
     this.ctx.save();
     const {
       font: a = "12px Arial",
-      align: h = "center",
+      align: l = "center",
       color: c = "#495060",
       padding: d = 0,
       verticalAlign: f = "middle"
     } = o;
-    this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
+    this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = l;
     let x = 0;
     f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
     let u = 0;
-    h === "left" ? u = e + d : h === "right" ? u = e + s - d : u = e + s / 2;
+    l === "left" ? u = e + d : l === "right" ? u = e + s - d : u = e + s / 2;
     const { _text: g, ellipsis: w } = this.handleEllipsis(t, s, d, a);
     return this.ctx.fillText(g, u, x), this.ctx.restore(), w;
   }
@@ -1698,8 +1698,8 @@ class ni {
         _text: "",
         ellipsis: r
       };
-    const a = this.ctx.measureText("...").width, h = this.ctx.measureText(t).width;
-    if (h && h + a >= e - i * 2) {
+    const a = this.ctx.measureText("...").width, l = this.ctx.measureText(t).width;
+    if (l && l + a >= e - i * 2) {
       r = !0;
       let c = 0;
       for (let d = 0; d < t.length; d++)
@@ -1716,133 +1716,134 @@ class ni {
 }
 class Wt {
   constructor(t) {
-    l(this, "CSS_PREFIX", "e-virt-table");
-    l(this, "ICONS", []);
-    l(this, "ROW_KEY", "");
-    l(this, "DISABLED", !1);
+    h(this, "CSS_PREFIX", "e-virt-table");
+    h(this, "ICONS", []);
+    h(this, "ROW_KEY", "");
+    h(this, "DISABLED", !1);
     //禁用编辑,优先等级最高
-    l(this, "HEADER_FONT", "12px normal Arial");
-    l(this, "BODY_FONT", "12px normal Arial");
-    l(this, "BORDER_COLOR", "#e1e6eb");
-    l(this, "WIDTH", 0);
-    l(this, "RESIZE_MIN_WIDTH", 40);
-    l(this, "HEIGHT", 0);
-    l(this, "EMPTY_BODY_HEIGHT", 120);
-    l(this, "EMPTY_CUSTOM_STYLE", {});
-    l(this, "EMPTY_TEXT", "暂无数据");
-    l(this, "MAX_HEIGHT", 1e3);
-    l(this, "BORDER_RADIUS", 8);
-    l(this, "ENABLE_OFFSET_HEIGHT", !1);
-    l(this, "OFFSET_HEIGHT", 0);
-    l(this, "HEADER_HEIGHT", 36);
-    l(this, "ENABLE_HEADER_STICKY", !1);
+    h(this, "HEADER_FONT", "12px normal Arial");
+    h(this, "BODY_FONT", "12px normal Arial");
+    h(this, "BORDER_COLOR", "#e1e6eb");
+    h(this, "WIDTH", 0);
+    h(this, "RESIZE_MIN_WIDTH", 40);
+    h(this, "HEIGHT", 0);
+    h(this, "EMPTY_BODY_HEIGHT", 120);
+    h(this, "EMPTY_CUSTOM_STYLE", {});
+    h(this, "EMPTY_TEXT", "暂无数据");
+    h(this, "MAX_HEIGHT", 1e3);
+    h(this, "BORDER_RADIUS", 8);
+    h(this, "ENABLE_OFFSET_HEIGHT", !1);
+    h(this, "OFFSET_HEIGHT", 0);
+    h(this, "HEADER_HEIGHT", 36);
+    h(this, "ENABLE_HEADER_STICKY", !1);
     // 启用头部固定,需要外面实现覆盖层，或者所有表头都要是元素
-    l(this, "HEADER_BG_COLOR", "#F8FAFF");
-    l(this, "BODY_BG_COLOR", "#FFF");
-    l(this, "HEADER_TEXT_COLOR", "#1D2129");
-    l(this, "LOADING_ICON_SVG", "");
-    l(this, "LOADING_ICON_COLOR", "#4E5969");
-    l(this, "EXPAND_ICON_SVG", "");
-    l(this, "SHRINK_ICON_SVG", "");
-    l(this, "EXPAND_ICON_COLOR", "#4E5969");
-    l(this, "SHRINK_ICON_COLOR", "#4E5969");
-    l(this, "ERROR_TIP_ICON_COLOR", "red");
-    l(this, "ERROR_TIP_ICON_SIZE", 6);
-    l(this, "EXPAND_LAZY", !0);
-    l(this, "DEFAULT_EXPAND_ALL", !1);
-    l(this, "CELL_WIDTH", 100);
-    l(this, "CELL_HEIGHT", 36);
-    l(this, "CELL_PADDING", 8);
-    l(this, "CELL_HOVER_ICON_SIZE", 20);
-    l(this, "SCROLLER_TRACK_SIZE", 14);
-    l(this, "SCROLLER_SIZE", 8);
-    l(this, "SCROLLER_COLOR", "#dee0e3");
-    l(this, "SCROLLER_TRACK_COLOR", "#fff");
-    l(this, "SCROLLER_FOCUS_COLOR", "#bbbec4");
-    l(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
-    l(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
-    l(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
-    l(this, "AUTOFILL_POINT_BORDER_COLOR", "#fff");
-    l(this, "EDIT_BG_COLOR", "#fcf6ed");
-    l(this, "CHECKBOX_KEY", "");
-    l(this, "CHECKBOX_COLOR", "rgb(82,146,247)");
-    l(this, "CHECKBOX_SIZE", 20);
-    l(this, "CHECKBOX_DISABLED_SVG", "");
-    l(this, "CHECKBOX_CHECK_SVG", "");
-    l(this, "CHECKBOX_UNCHECK_SVG", "");
-    l(this, "CHECKBOX_INDETERMINATE_SVG", "");
-    l(this, "READONLY_COLOR", "#fff");
-    l(this, "READONLY_TEXT_COLOR", "#4E5969");
-    l(this, "ERROR_TIP_COLOR", "#ED3F14");
-    l(this, "FOOTER_BG_COLOR", "#fafafa");
-    l(this, "FOOTER_FIXED", !0);
-    l(this, "CELL_FOOTER_HEIGHT", 36);
-    l(this, "ENABLE_SELECTOR", !1);
-    l(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
+    h(this, "HEADER_BG_COLOR", "#F8FAFF");
+    h(this, "BODY_BG_COLOR", "#FFF");
+    h(this, "HEADER_TEXT_COLOR", "#1D2129");
+    h(this, "LOADING_ICON_SVG", "");
+    h(this, "LOADING_ICON_COLOR", "#4E5969");
+    h(this, "EXPAND_ICON_SVG", "");
+    h(this, "SHRINK_ICON_SVG", "");
+    h(this, "EXPAND_ICON_COLOR", "#4E5969");
+    h(this, "SHRINK_ICON_COLOR", "#4E5969");
+    h(this, "ERROR_TIP_ICON_COLOR", "red");
+    h(this, "ERROR_TIP_ICON_SIZE", 6);
+    h(this, "EXPAND_LAZY", !0);
+    h(this, "DEFAULT_EXPAND_ALL", !1);
+    h(this, "CELL_WIDTH", 100);
+    h(this, "CELL_HEIGHT", 36);
+    h(this, "CELL_PADDING", 8);
+    h(this, "CELL_HOVER_ICON_SIZE", 20);
+    h(this, "SCROLLER_TRACK_SIZE", 14);
+    h(this, "SCROLLER_SIZE", 8);
+    h(this, "SCROLLER_COLOR", "#dee0e3");
+    h(this, "SCROLLER_TRACK_COLOR", "#fff");
+    h(this, "SCROLLER_FOCUS_COLOR", "#bbbec4");
+    h(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
+    h(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
+    h(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
+    h(this, "AUTOFILL_POINT_BORDER_COLOR", "#fff");
+    h(this, "EDIT_BG_COLOR", "#fcf6ed");
+    h(this, "CHECKBOX_KEY", "");
+    h(this, "CHECKBOX_COLOR", "rgb(82,146,247)");
+    h(this, "CHECKBOX_SIZE", 20);
+    h(this, "CHECKBOX_DISABLED_SVG", "");
+    h(this, "CHECKBOX_CHECK_SVG", "");
+    h(this, "CHECKBOX_UNCHECK_SVG", "");
+    h(this, "CHECKBOX_INDETERMINATE_SVG", "");
+    h(this, "READONLY_COLOR", "#fff");
+    h(this, "READONLY_TEXT_COLOR", "#4E5969");
+    h(this, "ERROR_TIP_COLOR", "#ED3F14");
+    h(this, "FOOTER_BG_COLOR", "#fafafa");
+    h(this, "FOOTER_FIXED", !0);
+    h(this, "FOOTER_POSITION", "bottom");
+    h(this, "CELL_FOOTER_HEIGHT", 36);
+    h(this, "ENABLE_SELECTOR", !1);
+    h(this, "ENABLE_EDIT_SINGLE_CLICK", !1);
     // 启用单点击立马编辑
-    l(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
+    h(this, "ENABLE_EDIT_CLICK_SELECTOR", !0);
     // 启用点击选择器编辑
-    l(this, "SELECTOR_AREA_MIN_X", 0);
+    h(this, "SELECTOR_AREA_MIN_X", 0);
     // 选择器X最小范围
-    l(this, "SELECTOR_AREA_MAX_X_OFFSET", 0);
+    h(this, "SELECTOR_AREA_MAX_X_OFFSET", 0);
     // 选择器X最大范围colMax - offset
-    l(this, "SELECTOR_AREA_MAX_X", 0);
+    h(this, "SELECTOR_AREA_MAX_X", 0);
     // 选择器X最大范围,0默认最大colMax
-    l(this, "SELECTOR_AREA_MIN_Y", 0);
+    h(this, "SELECTOR_AREA_MIN_Y", 0);
     // 选择器Y最小范围
-    l(this, "SELECTOR_AREA_MAX_Y", 0);
+    h(this, "SELECTOR_AREA_MAX_Y", 0);
     // 选择器Y最大范围,0默认rowMax
-    l(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
+    h(this, "SELECTOR_AREA_MAX_Y_OFFSET", 0);
     // 选择器Y最大范围,0默认rowMax
-    l(this, "ENABLE_SELECTOR_SINGLE", !1);
-    l(this, "ENABLE_SELECTOR_SPAN_COL", !0);
-    l(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
-    l(this, "ENABLE_SELECTOR_ALL_ROWS", !0);
-    l(this, "ENABLE_SELECTOR_ALL_COLS", !0);
-    l(this, "ENABLE_AUTOFILL", !1);
-    l(this, "ENABLE_CONTEXT_MENU", !1);
-    l(this, "ENABLE_COPY", !0);
-    l(this, "ENABLE_PASTER", !0);
-    l(this, "ENABLE_RESIZE_ROW", !0);
-    l(this, "ENABLE_RESIZE_COLUMN", !0);
-    l(this, "RESIZE_ROW_LINE_COLOR", "#e1e6eb");
-    l(this, "RESIZE_COLUMN_LINE_COLOR", "#e1e6eb");
-    l(this, "RESIZE_ROW_MIN_HEIGHT", 36);
-    l(this, "RESIZE_COLUMN_MIN_WIDTH", 40);
-    l(this, "ENABLE_KEYBOARD", !0);
-    l(this, "ENABLE_HISTORY", !1);
-    l(this, "ENABLE_VALIDATOR_IMMEDIATE", !0);
-    l(this, "HISTORY_NUM", 50);
-    l(this, "HIGHLIGHT_HOVER_ROW", !1);
-    l(this, "HIGHLIGHT_HOVER_ROW_COLOR", "rgba(186,203,231,0.1)");
-    l(this, "HIGHLIGHT_SELECTED_ROW", !1);
-    l(this, "HIGHLIGHT_SELECTED_ROW_COLOR", "rgba(82,146,247,0.1)");
-    l(this, "TOOLTIP_BG_COLOR", "#303133");
-    l(this, "TOOLTIP_TEXT_COLOR", "#fff");
-    l(this, "TOOLTIP_ZINDEX", 3e3);
-    l(this, "TOOLTIP_CUSTOM_STYLE", {});
-    l(this, "CONTEXT_MENU", [
+    h(this, "ENABLE_SELECTOR_SINGLE", !1);
+    h(this, "ENABLE_SELECTOR_SPAN_COL", !0);
+    h(this, "ENABLE_SELECTOR_SPAN_ROW", !0);
+    h(this, "ENABLE_SELECTOR_ALL_ROWS", !0);
+    h(this, "ENABLE_SELECTOR_ALL_COLS", !0);
+    h(this, "ENABLE_AUTOFILL", !1);
+    h(this, "ENABLE_CONTEXT_MENU", !1);
+    h(this, "ENABLE_COPY", !0);
+    h(this, "ENABLE_PASTER", !0);
+    h(this, "ENABLE_RESIZE_ROW", !0);
+    h(this, "ENABLE_RESIZE_COLUMN", !0);
+    h(this, "RESIZE_ROW_LINE_COLOR", "#e1e6eb");
+    h(this, "RESIZE_COLUMN_LINE_COLOR", "#e1e6eb");
+    h(this, "RESIZE_ROW_MIN_HEIGHT", 36);
+    h(this, "RESIZE_COLUMN_MIN_WIDTH", 40);
+    h(this, "ENABLE_KEYBOARD", !0);
+    h(this, "ENABLE_HISTORY", !1);
+    h(this, "ENABLE_VALIDATOR_IMMEDIATE", !0);
+    h(this, "HISTORY_NUM", 50);
+    h(this, "HIGHLIGHT_HOVER_ROW", !1);
+    h(this, "HIGHLIGHT_HOVER_ROW_COLOR", "rgba(186,203,231,0.1)");
+    h(this, "HIGHLIGHT_SELECTED_ROW", !1);
+    h(this, "HIGHLIGHT_SELECTED_ROW_COLOR", "rgba(82,146,247,0.1)");
+    h(this, "TOOLTIP_BG_COLOR", "#303133");
+    h(this, "TOOLTIP_TEXT_COLOR", "#fff");
+    h(this, "TOOLTIP_ZINDEX", 3e3);
+    h(this, "TOOLTIP_CUSTOM_STYLE", {});
+    h(this, "CONTEXT_MENU", [
       { label: "复制", value: "copy" },
       { label: "剪切", value: "cut" },
       { label: "粘贴", value: "paste" },
       { label: "清空选中内容", value: "clearSelected" }
     ]);
-    l(this, "HEADER_CELL_STYLE_METHOD");
-    l(this, "BODY_CELL_STYLE_METHOD");
-    l(this, "FOOTER_CELL_STYLE_METHOD");
-    l(this, "BODY_CELL_READONLY_METHOD");
-    l(this, "BODY_CELL_FORMATTER_METHOD");
-    l(this, "BODY_CELL_RULES_METHOD");
-    l(this, "BODY_CELL_TYPE_METHOD");
-    l(this, "BODY_CELL_EDITOR_METHOD");
-    l(this, "BODY_CELL_RENDER_METHOD");
-    l(this, "BODY_CELL_HOVER_ICON_METHOD");
-    l(this, "SPAN_METHOD");
-    l(this, "SELECTABLE_METHOD");
-    l(this, "EXPAND_LAZY_METHOD");
-    l(this, "BEFORE_VALUE_CHANGE_METHOD");
-    l(this, "BEFORE_PASTE_CHANGE_METHOD");
-    l(this, "BEFORE_AUTOFILL_CHANGE_METHOD");
+    h(this, "HEADER_CELL_STYLE_METHOD");
+    h(this, "BODY_CELL_STYLE_METHOD");
+    h(this, "FOOTER_CELL_STYLE_METHOD");
+    h(this, "BODY_CELL_READONLY_METHOD");
+    h(this, "BODY_CELL_FORMATTER_METHOD");
+    h(this, "BODY_CELL_RULES_METHOD");
+    h(this, "BODY_CELL_TYPE_METHOD");
+    h(this, "BODY_CELL_EDITOR_METHOD");
+    h(this, "BODY_CELL_RENDER_METHOD");
+    h(this, "BODY_CELL_HOVER_ICON_METHOD");
+    h(this, "SPAN_METHOD");
+    h(this, "SELECTABLE_METHOD");
+    h(this, "EXPAND_LAZY_METHOD");
+    h(this, "BEFORE_VALUE_CHANGE_METHOD");
+    h(this, "BEFORE_PASTE_CHANGE_METHOD");
+    h(this, "BEFORE_AUTOFILL_CHANGE_METHOD");
     Object.assign(this, t);
   }
   init(t) {
@@ -1851,8 +1852,8 @@ class Wt {
 }
 class ai {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "list", [
+    h(this, "ctx");
+    h(this, "list", [
       {
         name: "loading",
         configName: "LOADING_ICON_SVG",
@@ -1914,7 +1915,7 @@ class ai {
         color: ""
       }
     ]);
-    l(this, "icons", /* @__PURE__ */ new Map());
+    h(this, "icons", /* @__PURE__ */ new Map());
     this.ctx = t, this.init();
   }
   async init() {
@@ -1948,8 +1949,8 @@ class ai {
     });
     const o = new Image(), a = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
-    }), h = URL.createObjectURL(a);
-    return o.src = h, new Promise((c, d) => {
+    }), l = URL.createObjectURL(a);
+    return o.src = l, new Promise((c, d) => {
       o.onerror = () => d(new Error("Failed to load image")), o.onload = () => {
         c(o);
       };
@@ -1961,13 +1962,13 @@ class ai {
 }
 class te {
   constructor(t, e, i, s, r, o, a) {
-    l(this, "ctx");
-    l(this, "x", 0);
-    l(this, "y", 0);
-    l(this, "width", 0);
-    l(this, "height", 0);
-    l(this, "fixed");
-    l(this, "cellType");
+    h(this, "ctx");
+    h(this, "x", 0);
+    h(this, "y", 0);
+    h(this, "width", 0);
+    h(this, "height", 0);
+    h(this, "fixed");
+    h(this, "cellType");
     this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = a, this.cellType = o;
   }
   isHorizontalVisible() {
@@ -2006,58 +2007,58 @@ class te {
   }
 }
 class ee extends te {
-  constructor(e, i, s, r, o, a, h, c, d, f = "body") {
-    super(e, r, o, a, h, f, c.fixed);
-    l(this, "formatter");
-    l(this, "formatterFooter");
-    l(this, "hoverIconName", "");
-    l(this, "operation", !1);
-    l(this, "align");
-    l(this, "verticalAlign");
-    l(this, "fixed");
-    l(this, "type");
-    l(this, "editorType");
-    l(this, "editorProps");
-    l(this, "cellType");
-    l(this, "level");
-    l(this, "colspan", 1);
-    l(this, "rowspan", 1);
-    l(this, "key");
-    l(this, "column");
-    l(this, "rowIndex");
-    l(this, "colIndex");
-    l(this, "rowKey");
-    l(this, "row");
-    l(this, "value");
-    l(this, "render");
-    l(this, "renderFooter");
-    l(this, "style", {});
-    l(this, "rules", []);
-    l(this, "message", "");
-    l(this, "text", "");
-    l(this, "displayText", "");
-    l(this, "visibleWidth", 0);
-    l(this, "visibleHeight", 0);
-    l(this, "isHasChanged", !1);
-    l(this, "drawX", 0);
-    l(this, "drawY", 0);
-    l(this, "drawCellBgColor", "");
-    l(this, "drawCellSkyBgColor", "");
-    l(this, "drawTextColor", "");
-    l(this, "drawTextX", 0);
-    l(this, "drawTextY", 0);
-    l(this, "drawImageX", 0);
-    l(this, "drawImageY", 0);
-    l(this, "drawImageWidth", 0);
-    l(this, "drawImageHeight", 0);
-    l(this, "drawImageName", "");
-    l(this, "drawImageSource");
-    l(this, "ellipsis", !1);
-    l(this, "rowExpand", !1);
-    l(this, "rowHasChildren", !1);
-    l(this, "overflowTooltipShow", !0);
-    l(this, "overflowTooltipMaxWidth", 500);
-    l(this, "overflowTooltipPlacement", "top");
+  constructor(e, i, s, r, o, a, l, c, d, f = "body") {
+    super(e, r, o, a, l, f, c.fixed);
+    h(this, "formatter");
+    h(this, "formatterFooter");
+    h(this, "hoverIconName", "");
+    h(this, "operation", !1);
+    h(this, "align");
+    h(this, "verticalAlign");
+    h(this, "fixed");
+    h(this, "type");
+    h(this, "editorType");
+    h(this, "editorProps");
+    h(this, "cellType");
+    h(this, "level");
+    h(this, "colspan", 1);
+    h(this, "rowspan", 1);
+    h(this, "key");
+    h(this, "column");
+    h(this, "rowIndex");
+    h(this, "colIndex");
+    h(this, "rowKey");
+    h(this, "row");
+    h(this, "value");
+    h(this, "render");
+    h(this, "renderFooter");
+    h(this, "style", {});
+    h(this, "rules", []);
+    h(this, "message", "");
+    h(this, "text", "");
+    h(this, "displayText", "");
+    h(this, "visibleWidth", 0);
+    h(this, "visibleHeight", 0);
+    h(this, "isHasChanged", !1);
+    h(this, "drawX", 0);
+    h(this, "drawY", 0);
+    h(this, "drawCellBgColor", "");
+    h(this, "drawCellSkyBgColor", "");
+    h(this, "drawTextColor", "");
+    h(this, "drawTextX", 0);
+    h(this, "drawTextY", 0);
+    h(this, "drawImageX", 0);
+    h(this, "drawImageY", 0);
+    h(this, "drawImageWidth", 0);
+    h(this, "drawImageHeight", 0);
+    h(this, "drawImageName", "");
+    h(this, "drawImageSource");
+    h(this, "ellipsis", !1);
+    h(this, "rowExpand", !1);
+    h(this, "rowHasChildren", !1);
+    h(this, "overflowTooltipShow", !0);
+    h(this, "overflowTooltipMaxWidth", 500);
+    h(this, "overflowTooltipPlacement", "top");
     this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.editorProps = c.editorProps || {}, this.cellType = f, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || [], this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
   }
   getValidationMessage() {
@@ -2155,7 +2156,7 @@ class ee extends te {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, a = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
+      const l = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = l || {};
       if (this.rowExpand = c, this.rowHasChildren = d, f) {
         const w = this.ctx.icons.get("loading");
         a = "loading", r = w, o = x * 8;
@@ -2180,7 +2181,7 @@ class ee extends te {
       FOOTER_CELL_STYLE_METHOD: r,
       READONLY_TEXT_COLOR: o,
       FOOTER_BG_COLOR: a,
-      HIGHLIGHT_SELECTED_ROW: h,
+      HIGHLIGHT_SELECTED_ROW: l,
       HIGHLIGHT_SELECTED_ROW_COLOR: c,
       HIGHLIGHT_HOVER_ROW: d,
       HIGHLIGHT_HOVER_ROW_COLOR: f
@@ -2202,7 +2203,7 @@ class ee extends te {
     }
     let x = "transparent";
     const u = this.ctx.focusCell, g = this.ctx.hoverCell;
-    d && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = f), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
+    d && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = f), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
     let w = e, p = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
@@ -2222,24 +2223,24 @@ class ee extends te {
     this.drawCellBgColor = w, this.drawTextColor = p;
   }
   updateSelection() {
-    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: h, rowKey: c } = this;
+    const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: l, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(a)) {
       const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
       let w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
-      d && f ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : d && f ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !d && f ? (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);
+      d && f ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : d && f ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !d && f ? (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 === l || ["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 { BODY_CELL_HOVER_ICON_METHOD: e, CELL_HOVER_ICON_SIZE: i, CELL_PADDING: s } = this.ctx.config;
     if (typeof e == "function") {
-      const h = e({
+      const l = e({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       });
-      h !== void 0 && (this.hoverIconName = h);
+      l !== void 0 && (this.hoverIconName = l);
     }
     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) {
@@ -2363,8 +2364,8 @@ class ee extends te {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: o, yArr: a } = this.ctx.selector, h = o[1], c = a[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
-    d === h && f === c && this.ctx.paint.drawRect(x + this.width - 6, u + this.height - 6, 6, 6, {
+    const { xArr: o, yArr: a } = this.ctx.selector, l = o[1], c = a[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
+    d === l && f === c && this.ctx.paint.drawRect(x + this.width - 6, u + this.height - 6, 6, 6, {
       borderColor: r,
       fillColor: e
     });
@@ -2419,31 +2420,31 @@ class ee extends te {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: a } = this;
-    let h = i + 0.5, c = s + 0.5, d = this.height;
-    o === 0 && (c = this.y + 1, d = d - 1), a === this.ctx.maxColIndex && (h = h - 1);
+    let l = i + 0.5, c = s + 0.5, d = this.height;
+    o === 0 && (c = this.y + 1, d = d - 1), a === this.ctx.maxColIndex && (l = l - 1);
     const { xArr: f, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = f[0], b = f[1], m = x[0], E = x[1];
-    a >= y && a <= b && o === m && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
+    a >= y && a <= b && o === m && this.ctx.paint.drawLine([l, c, l + r - 2, c], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, c + d - 1.5, h + r, c + d - 1.5], {
+    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([l, c + d - 1.5, l + r, c + d - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
+    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([l, c, l, c + d - 1], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
+    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([l + r - 1.5, c, l + r - 1.5, c + d - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
@@ -2454,43 +2455,43 @@ class ee extends te {
   }
 }
 class ie extends te {
-  constructor(e, i, s, r, o, a, h) {
-    super(e, s, r, o, a, "header", h.fixed);
-    l(this, "align");
-    l(this, "verticalAlign", "middle");
-    l(this, "fixed");
-    l(this, "widthFillDisable");
-    l(this, "type");
-    l(this, "operation", !1);
-    l(this, "editorType");
-    l(this, "level");
-    l(this, "text");
-    l(this, "displayText", "");
-    l(this, "colspan");
-    l(this, "rowspan");
-    l(this, "row");
-    l(this, "key");
-    l(this, "required", !1);
-    l(this, "readonly", !1);
-    l(this, "children", []);
-    l(this, "column");
-    l(this, "colIndex");
-    l(this, "rowKey");
-    l(this, "rules");
-    l(this, "hasChildren");
-    l(this, "render");
-    l(this, "style", {});
-    l(this, "drawX", 0);
-    l(this, "drawY", 0);
-    l(this, "drawCellBgColor", "");
-    l(this, "drawTextColor", "");
-    l(this, "drawImageX", 0);
-    l(this, "drawImageY", 0);
-    l(this, "drawImageWidth", 0);
-    l(this, "drawImageHeight", 0);
-    l(this, "drawImageName", "");
-    l(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan || 1, this.widthFillDisable = h.widthFillDisable || !1, this.rowspan = h.rowspan || 1, this.rules = h.rules, this.readonly = h.readonly || !1, this.required = h.required || !1, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+  constructor(e, i, s, r, o, a, l) {
+    super(e, s, r, o, a, "header", l.fixed);
+    h(this, "align");
+    h(this, "verticalAlign", "middle");
+    h(this, "fixed");
+    h(this, "widthFillDisable");
+    h(this, "type");
+    h(this, "operation", !1);
+    h(this, "editorType");
+    h(this, "level");
+    h(this, "text");
+    h(this, "displayText", "");
+    h(this, "colspan");
+    h(this, "rowspan");
+    h(this, "row");
+    h(this, "key");
+    h(this, "required", !1);
+    h(this, "readonly", !1);
+    h(this, "children", []);
+    h(this, "column");
+    h(this, "colIndex");
+    h(this, "rowKey");
+    h(this, "rules");
+    h(this, "hasChildren");
+    h(this, "render");
+    h(this, "style", {});
+    h(this, "drawX", 0);
+    h(this, "drawY", 0);
+    h(this, "drawCellBgColor", "");
+    h(this, "drawTextColor", "");
+    h(this, "drawImageX", 0);
+    h(this, "drawImageY", 0);
+    h(this, "drawImageWidth", 0);
+    h(this, "drawImageHeight", 0);
+    h(this, "drawImageName", "");
+    h(this, "drawImageSource");
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, 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 || 0, this.operation = l.operation || !1, this.text = l.title, this.column = l, this.colspan = l.colspan || 1, this.widthFillDisable = l.widthFillDisable || !1, this.rowspan = l.rowspan || 1, this.rules = l.rules, this.readonly = l.readonly || !1, this.required = l.required || !1, this.rowKey = Ut(), this.hasChildren = l.children && l.children.length > 0 || !1, this.render = l.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2510,11 +2511,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 a = e, { backgroundColor: h, color: c } = a({
+      const a = e, { backgroundColor: l, color: c } = a({
         colIndex: this.colIndex,
         column: this.column
       }) || {};
-      h && (r = h), c && (o = c);
+      l && (r = l), c && (o = c);
     }
     this.drawCellBgColor = r, this.drawTextColor = o;
   }
@@ -2525,11 +2526,11 @@ class ie extends te {
     const {
       paint: e,
       config: { BORDER_COLOR: i, CELL_PADDING: s, HEADER_FONT: r }
-    } = this.ctx, { drawX: o, drawY: a, displayText: h } = this;
+    } = this.ctx, { drawX: o, drawY: a, displayText: l } = this;
     e.drawRect(o, a, this.width, this.height, {
       borderColor: i,
       fillColor: this.drawCellBgColor
-    }), e.drawText(h, o, a, this.width, this.height, {
+    }), e.drawText(l, o, a, this.width, this.height, {
       font: r,
       padding: s,
       color: this.drawTextColor,
@@ -2540,9 +2541,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: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
+      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: l = 0 } = this.ctx.config, c = this.drawX + (e - l) / 2, d = this.drawY + (i - l) / 2;
       let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
+      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = l, this.drawImageHeight = l, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2571,11 +2572,11 @@ class ie extends te {
     };
   }
 }
-class li {
+class hi {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "visibleHoverCell");
-    l(this, "resizeObserver");
+    h(this, "ctx");
+    h(this, "visibleHoverCell");
+    h(this, "resizeObserver");
     this.ctx = t, this.init();
   }
   init() {
@@ -2665,10 +2666,10 @@ class li {
           colIndex: t.colIndex,
           column: t.column,
           value: t.getValue()
-        }).then((h) => {
-          this.ctx.database.setExpandChildren(t.rowKey, h), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
-        }).catch((h) => {
-          this.ctx.database.expandLoading(t.rowKey, !1), console.error(h);
+        }).then((l) => {
+          this.ctx.database.setExpandChildren(t.rowKey, l), this.ctx.database.expandLoading(t.rowKey, !1), this.ctx.emit("expandChange", this.ctx.database.getExpandRowKeys());
+        }).catch((l) => {
+          this.ctx.database.expandLoading(t.rowKey, !1), console.error(l);
         }));
       else {
         const a = this.ctx.database.getIsExpand(t.rowKey);
@@ -2693,21 +2694,22 @@ class li {
     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 c = h.getDrawX(), d = h.getDrawY();
-        if (r) {
-          if (t > c && t < c + h.visibleWidth && e > d && e < d + h.visibleHeight) {
-            s(h);
+    if (this.isInsideBody(e))
+      for (const o of i) {
+        const a = o.fixedCells.concat(o.noFixedCells);
+        for (const l of a) {
+          const c = l.getDrawX(), d = l.getDrawY();
+          if (r) {
+            if (t > c && t < c + l.visibleWidth && e > d && e < d + l.visibleHeight) {
+              s(l);
+              return;
+            }
+          } else if (t > c && t < c + l.width && e > d && e < d + l.height) {
+            s(l);
             return;
           }
-        } else if (t > c && t < c + h.width && e > d && e < d + h.height) {
-          s(h);
-          return;
         }
       }
-    }
   }
   handleHeaderEvent(t, e, i, s) {
     for (const r of i) {
@@ -2718,61 +2720,64 @@ class li {
       }
     }
   }
+  isInsideBody(t) {
+    return t > this.ctx.body.y && t < this.ctx.body.y + this.ctx.body.visibleHeight;
+  }
   destroy() {
     this.resizeObserver.unobserve(this.ctx.stageElement);
   }
 }
-class hi {
+class li {
   constructor(t, e) {
-    l(this, "eventBus");
-    l(this, "eventBrowser");
-    l(this, "eventTable");
-    l(this, "containerElement");
-    l(this, "stageElement");
-    l(this, "canvasElement");
-    l(this, "overlayerElement");
-    l(this, "editorElement");
-    l(this, "emptyElement");
-    l(this, "contextMenuElement");
-    l(this, "stageWidth", 0);
-    l(this, "stageHeight", 0);
-    l(this, "paint");
-    l(this, "icons");
-    l(this, "isInsideTargetContainer", !1);
-    l(this, "mousedown", !1);
-    l(this, "isPointer", !1);
-    l(this, "rowResizing", !1);
+    h(this, "eventBus");
+    h(this, "eventBrowser");
+    h(this, "eventTable");
+    h(this, "containerElement");
+    h(this, "stageElement");
+    h(this, "canvasElement");
+    h(this, "overlayerElement");
+    h(this, "editorElement");
+    h(this, "emptyElement");
+    h(this, "contextMenuElement");
+    h(this, "stageWidth", 0);
+    h(this, "stageHeight", 0);
+    h(this, "paint");
+    h(this, "icons");
+    h(this, "isInsideTargetContainer", !1);
+    h(this, "mousedown", !1);
+    h(this, "isPointer", !1);
+    h(this, "rowResizing", !1);
     // 行调整大小中
-    l(this, "columnResizing", !1);
+    h(this, "columnResizing", !1);
     // 列调整大小中
-    l(this, "scrollerMove", !1);
+    h(this, "scrollerMove", !1);
     // 滚动条移动中
-    l(this, "scrollerFocus", !1);
+    h(this, "scrollerFocus", !1);
     // 滚动条focus中
-    l(this, "autofillMove", !1);
+    h(this, "autofillMove", !1);
     // 自动填充移动中
-    l(this, "selectorMove", !1);
+    h(this, "selectorMove", !1);
     // 选择器移动中
-    l(this, "selectOnlyOne", !1);
+    h(this, "selectOnlyOne", !1);
     // 只选择一个单元格
-    l(this, "adjustPositioning", !1);
+    h(this, "adjustPositioning", !1);
     // 调整位置中
-    l(this, "editing", !1);
+    h(this, "editing", !1);
     // 编辑中
-    l(this, "scrollY", 0);
-    l(this, "scrollX", 0);
-    l(this, "fixedLeftWidth", 0);
-    l(this, "fixedRightWidth", 0);
-    l(this, "maxColIndex", 0);
-    l(this, "maxRowIndex", 0);
-    l(this, "hoverRow");
-    l(this, "clickCell");
-    l(this, "focusCell");
-    l(this, "hoverCell");
-    l(this, "clickCellHeader");
-    l(this, "focusCellHeader");
-    l(this, "hoverCellHeader");
-    l(this, "body", {
+    h(this, "scrollY", 0);
+    h(this, "scrollX", 0);
+    h(this, "fixedLeftWidth", 0);
+    h(this, "fixedRightWidth", 0);
+    h(this, "maxColIndex", 0);
+    h(this, "maxRowIndex", 0);
+    h(this, "hoverRow");
+    h(this, "clickCell");
+    h(this, "focusCell");
+    h(this, "hoverCell");
+    h(this, "clickCellHeader");
+    h(this, "focusCellHeader");
+    h(this, "hoverCellHeader");
+    h(this, "body", {
       x: 0,
       y: 0,
       width: 0,
@@ -2785,7 +2790,7 @@ class hi {
       renderRows: [],
       data: []
     });
-    l(this, "footer", {
+    h(this, "footer", {
       x: 0,
       y: 0,
       width: 0,
@@ -2794,7 +2799,7 @@ class hi {
       visibleWidth: 0,
       renderRows: []
     });
-    l(this, "header", {
+    h(this, "header", {
       x: 0,
       y: 0,
       width: 0,
@@ -2809,31 +2814,31 @@ class hi {
       fixedRightCellHeaders: [],
       renderCenterCellHeaders: []
     });
-    l(this, "selector", {
+    h(this, "selector", {
       enable: !1,
       xArr: [-1, -1],
       yArr: [-1, -1],
       xArrCopy: [-1, -1],
       yArrCopy: [-1, -1]
     });
-    l(this, "autofill", {
+    h(this, "autofill", {
       enable: !1,
       xArr: [-1, -1],
       yArr: [-1, -1]
     });
-    l(this, "database");
-    l(this, "history");
-    l(this, "config");
+    h(this, "database");
+    h(this, "history");
+    h(this, "config");
     const {
       containerElement: i,
       stageElement: s,
       canvasElement: r,
       overlayerElement: o,
       editorElement: a,
-      emptyElement: h,
+      emptyElement: l,
       contextMenuElement: c
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = a, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new li(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = a, this.emptyElement = l, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new hi(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 Wt(t);
@@ -2868,7 +2873,7 @@ class hi {
     for (let r = 0; r <= e[1] - e[0]; r++) {
       const o = [];
       for (let a = 0; a <= i[1] - i[0]; a++) {
-        const h = r + e[0], c = a + i[0], d = this.database.getItemValueForRowIndexAndColIndex(h, c);
+        const l = r + e[0], c = a + i[0], d = this.database.getItemValueForRowIndexAndColIndex(l, c);
         d && o.push(d.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
@@ -2884,9 +2889,8 @@ class hi {
     let i = Math.floor(t);
     const s = this.body.width - this.body.visibleWidth;
     i < 0 ? i = 0 : i > s && (i = s);
-    let r = Math.floor(e);
-    const o = this.body.height - this.body.visibleHeight - this.footer.height;
-    r < 0 ? r = 0 : r > o && (r = o), this.emit("setScroll", i, r);
+    let r = Math.floor(e), o = this.body.height - this.body.visibleHeight;
+    this.config.FOOTER_FIXED || (o = this.body.height + this.footer.height - this.body.visibleHeight), r < 0 ? r = 0 : r > o && (r = o), this.emit("setScroll", i, r);
   }
   setScrollX(t) {
     let e = Math.floor(t);
@@ -2930,29 +2934,29 @@ class hi {
 }
 class Pt {
   constructor(t, e) {
-    l(this, "ctx");
-    l(this, "type");
-    l(this, "isFocus", !1);
-    l(this, "trackX", 0);
-    l(this, "trackY", 0);
-    l(this, "trackWidth", 0);
-    l(this, "trackHeight", 0);
-    l(this, "splitPoints", []);
+    h(this, "ctx");
+    h(this, "type");
+    h(this, "isFocus", !1);
+    h(this, "trackX", 0);
+    h(this, "trackY", 0);
+    h(this, "trackWidth", 0);
+    h(this, "trackHeight", 0);
+    h(this, "splitPoints", []);
     //分割线
-    l(this, "barX", 0);
-    l(this, "barY", 0);
-    l(this, "barWidth", 0);
-    l(this, "barHeight", 0);
-    l(this, "distance", 0);
+    h(this, "barX", 0);
+    h(this, "barY", 0);
+    h(this, "barWidth", 0);
+    h(this, "barHeight", 0);
+    h(this, "distance", 0);
     // 滚动条的长度
-    l(this, "visibleDistance", 0);
+    h(this, "visibleDistance", 0);
     //可见区域的长度
-    l(this, "clientX", 0);
-    l(this, "clientY", 0);
-    l(this, "dragStart", 0);
+    h(this, "clientX", 0);
+    h(this, "clientY", 0);
+    h(this, "dragStart", 0);
     // 拖拽开始的位置
-    l(this, "isDragging", !1);
-    l(this, "scroll", 0);
+    h(this, "isDragging", !1);
+    h(this, "scroll", 0);
     this.ctx = t, this.type = e, this.type === "vertical" ? this.scroll = this.ctx.scrollY : this.scroll = this.ctx.scrollX;
   }
   onWheel(t) {
@@ -3008,19 +3012,19 @@ class Pt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0 }
-    } = this.ctx, a = s, h = i, c = e.height, d = e.width, f = t.height, x = this.ctx.footer.height;
+    } = this.ctx, a = s, l = i, c = e.height, d = e.width, f = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = h - r - c, this.distance = f - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, c, this.trackX + r, c], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
+      this.visibleDistance = l - r - c, this.distance = f - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, c, this.trackX + r, c], this.trackWidth = r, this.trackHeight = l, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
       const u = this.distance ? this.visibleDistance / (f + x) : 0;
       let g = Math.floor(u * this.visibleDistance);
       g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, this.barY = c + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = a - r, this.distance = d - this.visibleDistance, this.splitPoints = [
         a - r,
-        h - r,
+        l - r,
         a - r,
-        h
-      ], this.trackX = 0, this.trackY = h - r, this.trackWidth = a, this.trackHeight = r;
+        l
+      ], this.trackX = 0, this.trackY = l - r, this.trackWidth = a, this.trackHeight = r;
       const u = this.distance ? this.visibleDistance / d : 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));
@@ -3044,9 +3048,9 @@ class Pt {
 }
 class ci {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "verticalScrollbar");
-    l(this, "horizontalScrollbar");
+    h(this, "ctx");
+    h(this, "verticalScrollbar");
+    h(this, "horizontalScrollbar");
     this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
@@ -3100,41 +3104,41 @@ class ci {
 }
 class di {
   constructor(t) {
-    l(this, "ctx");
+    h(this, "ctx");
     // 上下文
-    l(this, "x", 0);
+    h(this, "x", 0);
     // x坐标
-    l(this, "y", 0);
+    h(this, "y", 0);
     // y坐标
-    l(this, "width", 0);
+    h(this, "width", 0);
     // 宽度
-    l(this, "height", 0);
+    h(this, "height", 0);
     // 高度
-    l(this, "resizeTarget", null);
+    h(this, "resizeTarget", null);
     //调整表头
-    l(this, "resizeNum", 0);
+    h(this, "resizeNum", 0);
     // 调整列的数量
-    l(this, "isResizing", !1);
+    h(this, "isResizing", !1);
     // 是否移动中
-    l(this, "clientX", 0);
+    h(this, "clientX", 0);
     // 鼠标按下时的x轴位置
-    l(this, "resizeDiff", 0);
+    h(this, "resizeDiff", 0);
     // 是否移动中
-    l(this, "columnIndex", 0);
-    l(this, "isMouseDown", !1);
+    h(this, "columnIndex", 0);
+    h(this, "isMouseDown", !1);
     // 是否按下
-    l(this, "columns");
-    l(this, "visibleLeafColumns", []);
-    l(this, "visibleHeight", 0);
-    l(this, "visibleWidth", 0);
-    l(this, "allCellHeaders", []);
-    l(this, "leafCellHeaders", []);
-    l(this, "renderLeafCellHeaders", []);
-    l(this, "fixedLeftCellHeaders", []);
-    l(this, "centerCellHeaders", []);
-    l(this, "fixedRightCellHeaders", []);
-    l(this, "renderCenterCellHeaders", []);
-    l(this, "renderFixedCellHeaders", []);
+    h(this, "columns");
+    h(this, "visibleLeafColumns", []);
+    h(this, "visibleHeight", 0);
+    h(this, "visibleWidth", 0);
+    h(this, "allCellHeaders", []);
+    h(this, "leafCellHeaders", []);
+    h(this, "renderLeafCellHeaders", []);
+    h(this, "fixedLeftCellHeaders", []);
+    h(this, "centerCellHeaders", []);
+    h(this, "fixedRightCellHeaders", []);
+    h(this, "renderCenterCellHeaders", []);
+    h(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
       Zt(() => {
@@ -3153,9 +3157,9 @@ class di {
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const a = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth - 0.5 + "px", this.visibleWidth = this.ctx.stageWidth - e;
-    const h = this.visibleWidth - this.width;
-    if (this.resizeNum && h > 0) {
-      const f = Math.floor(h / this.resizeNum * 100) / 100;
+    const l = this.visibleWidth - this.width;
+    if (this.resizeNum && l > 0) {
+      const f = Math.floor(l / this.resizeNum * 100) / 100;
       this.resizeAllColumn(f);
     }
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
@@ -3188,9 +3192,9 @@ class di {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const o of r) {
-          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), c = a, d = o.getDrawX();
+          const { offsetX: a, offsetY: l } = this.ctx.getOffset(e), c = a, d = o.getDrawX();
           c > d + o.width - 5 && c < d + o.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
-          o.colspan <= 1 && this.ctx.isTarget() && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
+          o.colspan <= 1 && this.ctx.isTarget() && l <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
     }));
@@ -3244,10 +3248,10 @@ class di {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const a = t[o], h = r * (a.rowspan || 0), c = r * (a.level || 0);
+      const a = t[o], l = r * (a.rowspan || 0), c = r * (a.level || 0);
       let d = a.width || 100;
       a.children && (d = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
-      const f = new ie(this.ctx, this.columnIndex, s, c, d, h, a);
+      const f = new ie(this.ctx, this.columnIndex, s, c, d, l, a);
       this.ctx.database.setHeader(a.key, f), this.allCellHeaders.push(f), a.children || (this.leafCellHeaders.push(f), f.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(f) : a.fixed === "right" ? this.fixedRightCellHeaders.push(f) : this.centerCellHeaders.push(f), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += d;
     }
   }
@@ -3279,8 +3283,8 @@ class di {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), 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, {
+      const l = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3308,20 +3312,20 @@ class di {
   }
 }
 class se {
-  constructor(t, e, i = 0, s = 0, r = 0, o = 0, a, h = "body") {
-    l(this, "ctx");
-    l(this, "x", 0);
-    l(this, "y", 0);
-    l(this, "width", 0);
-    l(this, "height");
-    l(this, "cells", []);
-    l(this, "fixedCells", []);
-    l(this, "noFixedCells", []);
-    l(this, "rowIndex", 0);
-    l(this, "rowKey", "");
-    l(this, "rowType", "body");
-    l(this, "data");
-    this.ctx = t, this.x = i, this.y = s, this.width = r, this.height = o, this.rowIndex = e, this.rowKey = t.database.getRowKeyForRowIndex(e) || "", this.rowType = h, this.data = a, this.update();
+  constructor(t, e, i = 0, s = 0, r = 0, o = 0, a, l = "body") {
+    h(this, "ctx");
+    h(this, "x", 0);
+    h(this, "y", 0);
+    h(this, "width", 0);
+    h(this, "height");
+    h(this, "cells", []);
+    h(this, "fixedCells", []);
+    h(this, "noFixedCells", []);
+    h(this, "rowIndex", 0);
+    h(this, "rowKey", "");
+    h(this, "rowType", "body");
+    h(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 = a, this.update();
   }
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
@@ -3361,77 +3365,79 @@ class se {
 }
 class fi {
   constructor(t) {
-    l(this, "resizeTarget", null);
+    h(this, "resizeTarget", null);
     //调整行大小的目标
-    l(this, "isMouseDown", !1);
+    h(this, "isMouseDown", !1);
     // 是否按下
-    l(this, "resizeDiff", 0);
+    h(this, "resizeDiff", 0);
     // 是否移动中
-    l(this, "clientY", 0);
+    h(this, "clientY", 0);
     // 鼠标按下时的y轴位置
-    l(this, "ctx");
-    l(this, "x", 0);
-    l(this, "y", 0);
-    l(this, "width", 0);
-    l(this, "height", 0);
-    l(this, "headIndex", 0);
-    l(this, "tailIndex", 0);
-    l(this, "isResizing", !1);
+    h(this, "ctx");
+    h(this, "x", 0);
+    h(this, "y", 0);
+    h(this, "width", 0);
+    h(this, "height", 0);
+    h(this, "headIndex", 0);
+    h(this, "tailIndex", 0);
+    h(this, "isResizing", !1);
     //是否正在调整大小
-    l(this, "renderRows", []);
-    l(this, "visibleRows", []);
-    l(this, "visibleHeight", 0);
-    l(this, "visibleWidth", 0);
-    l(this, "data", []);
+    h(this, "renderRows", []);
+    h(this, "visibleRows", []);
+    h(this, "visibleHeight", 0);
+    h(this, "visibleWidth", 0);
+    h(this, "data", []);
     this.ctx = t, this.init(), this.initResizeRow();
   }
   init() {
     const {
       canvasElement: t,
       header: e,
-      database: i,
+      footer: i,
+      database: s,
       config: {
-        FOOTER_FIXED: s,
-        SCROLLER_TRACK_SIZE: r = 0,
-        HEIGHT: o,
-        EMPTY_BODY_HEIGHT: a = 0,
-        MAX_HEIGHT: h = 0,
-        ENABLE_OFFSET_HEIGHT: c = 0,
-        OFFSET_HEIGHT: d = 0
+        FOOTER_FIXED: r,
+        SCROLLER_TRACK_SIZE: o = 0,
+        HEIGHT: a,
+        EMPTY_BODY_HEIGHT: l = 0,
+        MAX_HEIGHT: c = 0,
+        ENABLE_OFFSET_HEIGHT: d = 0,
+        OFFSET_HEIGHT: f = 0,
+        FOOTER_POSITION: x
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, this.y = e.height;
-    const { data: f, sumHeight: x } = i.getData();
-    this.height = x, this.data = f;
-    const { top: u } = t.getBoundingClientRect();
-    this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
-    const g = this.ctx.footer.height;
-    !this.data.length && !o ? this.height = a : !this.data.length && o && (this.height = o - e.height - g - r);
-    const w = this.data.length ? "not-empty" : "empty";
+    this.x = 0, x === "top" && r ? this.y = e.height + i.height : this.y = e.height;
+    const { data: u, sumHeight: g } = s.getData();
+    this.height = g, this.data = u;
+    const { top: w } = t.getBoundingClientRect();
+    this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
+    const p = this.ctx.footer.height;
+    !this.data.length && !a ? this.height = l : !this.data.length && a && (this.height = a - e.height - p - o);
+    const y = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
-      isEmpty: w,
-      type: w,
+      isEmpty: y,
+      type: y,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: g,
+      footerHeight: p,
       width: this.width,
-      height: this.data.length ? 0 : a + g
+      height: this.data.length ? 0 : l + p
     });
-    let p = this.height + e.height + r;
-    p += g;
-    let y = 0;
-    this.data.length && c ? (y = window.innerHeight - u - d, y < 0 && (y = 32, console.error(
+    let b = this.height + e.height + o;
+    b += p;
+    let m = 0;
+    this.data.length && d ? (m = window.innerHeight - w - f, m < 0 && (m = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
-    ))) : this.data.length && 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 = f;
-    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(
+    ))) : this.data.length && a ? m = a : this.data.length && c && b > c ? m = c : m = b, m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    let E = this.ctx.stageHeight - e.height - o;
+    r ? this.visibleHeight = E - p : 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;
+    const C = window.devicePixelRatio || 1, R = this.ctx.stageWidth * C, O = this.ctx.stageHeight * C;
+    t.width = Math.floor(R), t.height = Math.floor(O), this.ctx.canvasElement.setAttribute(
       "style",
       ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
-    ), this.ctx.paint.scale(m);
+    ), this.ctx.paint.scale(C);
   }
   // 调整行的高度
   initResizeRow() {
@@ -3447,7 +3453,7 @@ class fi {
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, a = e.clientY, {
-        stageHeight: h,
+        stageHeight: l,
         scrollY: c,
         config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
@@ -3461,7 +3467,7 @@ class fi {
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
           const x = this.renderRows[f];
-          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < h - 4)
+          if (r > x.y - c + x.height - 1.5 && r < x.y - c + x.height + 1.5 && r < l - 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);
@@ -3510,8 +3516,8 @@ class fi {
       colorStart: "rgba(0,0,0,0.1)",
       colorEnd: "rgba(0,0,0,0)"
     }), 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, {
+      const l = s.width - (this.x + this.width) + r - e;
+      this.ctx.paint.drawShadow(l + 1, this.y, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3535,8 +3541,8 @@ class fi {
     const { header: t, database: e, scrollY: i } = this.ctx, s = i, { data: r, positions: o } = e.getData();
     this.ctx.maxRowIndex = r.length - 1;
     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;
+    let l = this.binarySearch(o, s + this.visibleHeight);
+    l === -1 && (l = r.length), this.headIndex = Math.max(0, a), 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 c = [];
     for (let d = 0; d < this.visibleRows.length; d++) {
       const f = this.headIndex + d, x = this.visibleRows[d], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(f), w = new se(this.ctx, f, 0, g + this.y, t.width, u, x);
@@ -3554,15 +3560,15 @@ class fi {
 }
 class xi {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "renderRows", []);
-    l(this, "data", []);
-    l(this, "x", 0);
-    l(this, "y", 0);
-    l(this, "width", 0);
-    l(this, "height", 0);
-    l(this, "visibleWidth", 0);
-    l(this, "visibleHeight", 0);
+    h(this, "ctx");
+    h(this, "renderRows", []);
+    h(this, "data", []);
+    h(this, "x", 0);
+    h(this, "y", 0);
+    h(this, "width", 0);
+    h(this, "height", 0);
+    h(this, "visibleWidth", 0);
+    h(this, "visibleHeight", 0);
     this.ctx = t, this.init();
   }
   init() {
@@ -3570,9 +3576,9 @@ class xi {
     const {
       header: t,
       body: e,
-      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: r }
+      config: { CELL_FOOTER_HEIGHT: i, FOOTER_FIXED: s, SCROLLER_TRACK_SIZE: r, FOOTER_POSITION: o }
     } = this.ctx;
-    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((o) => o + i, 0), this.visibleHeight = this.height, s ? this.y = this.ctx.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;
+    this.width = t.width, this.visibleWidth = t.visibleWidth, this.height = this.data.reduce((a) => a + i, 0), this.visibleHeight = this.height, s ? o === "top" ? this.y = this.ctx.header.height : 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 {
@@ -3583,8 +3589,8 @@ class xi {
       stageWidth: r,
       config: { HEADER_BG_COLOR: o, SCROLLER_TRACK_SIZE: a }
     } = this.ctx;
-    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, {
+    let l = this.y;
+    if (this.ctx.config.FOOTER_FIXED || (l = this.y - this.ctx.scrollY), i > 0 && t !== 0 && this.ctx.paint.drawShadow(this.x, l, t, this.height, {
       fillColor: o,
       side: "right",
       shadowWidth: 4,
@@ -3592,7 +3598,7 @@ class xi {
       colorEnd: "rgba(0,0,0,0)"
     }), i < Math.floor(s.width - r - 1) && e !== a) {
       const c = s.width - (this.x + this.width) + r - e;
-      this.ctx.paint.drawShadow(c + 1, h, e, this.height, {
+      this.ctx.paint.drawShadow(c + 1, l, e, this.height, {
         fillColor: o,
         side: "left",
         shadowWidth: 4,
@@ -3607,16 +3613,7 @@ class xi {
     let e = this.y;
     const i = [];
     this.data.forEach((s, r) => {
-      const o = new se(
-        this.ctx,
-        r,
-        0,
-        e,
-        this.width,
-        t,
-        s,
-        "footer"
-      );
+      const o = new se(this.ctx, r, 0, e, this.width, t, s, "footer");
       e += t, i.push(o);
     }), this.renderRows = i, this.ctx.footer.renderRows = this.renderRows;
   }
@@ -3631,15 +3628,15 @@ class xi {
 class ui {
   // 垂直滚动定时器
   constructor(t) {
-    l(this, "isCut", !1);
-    l(this, "isMultipleRow", !1);
-    l(this, "mousedownHeader", !1);
-    l(this, "ctx");
-    l(this, "adjustPositionX", "");
-    l(this, "adjustPositionY", "");
-    l(this, "timerX", 0);
+    h(this, "isCut", !1);
+    h(this, "isMultipleRow", !1);
+    h(this, "mousedownHeader", !1);
+    h(this, "ctx");
+    h(this, "adjustPositionX", "");
+    h(this, "adjustPositionY", "");
+    h(this, "timerX", 0);
     // 水平滚动定时器
-    l(this, "timerY", 0);
+    h(this, "timerY", 0);
     this.ctx = t, this.init();
   }
   init() {
@@ -3705,7 +3702,7 @@ class ui {
           return;
         }
         if (t.code === "Delete" || t.code === "Backspace") {
-          t.preventDefault(), console.log("删除");
+          t.preventDefault();
           const { xArr: e, yArr: i } = this.ctx.selector;
           this.clearSelectedData(e, i);
           return;
@@ -3741,12 +3738,12 @@ class ui {
       this.ctx.mousedown && (this.ctx.selectorMove = !0), this.ctx.selector.enable = !0;
       const {
         SELECTOR_AREA_MIN_X: a,
-        SELECTOR_AREA_MAX_X: h,
+        SELECTOR_AREA_MAX_X: l,
         SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - f, w = c, p = d || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - f, w = c, p = d || this.ctx.maxRowIndex - x;
       let [y, b] = r, [m, E] = o;
       if (y < u || b > g || m < w || E > p)
         return;
@@ -3764,15 +3761,15 @@ class ui {
     if (this.ctx.mousedown && this.ctx.focusCellHeader) {
       const { colIndex: a } = this.ctx.focusCellHeader;
       if (this.ctx.clearSelector(), t.colIndex >= a) {
-        const h = [a, t.colIndex + t.colspan - 1], c = [r, o];
-        this.setSelector(h, c);
+        const l = [a, t.colIndex + t.colspan - 1], c = [r, o];
+        this.setSelector(l, c);
       } else {
-        const h = [t.colIndex, a], c = [r, o];
-        this.setSelector(h, c);
+        const l = [t.colIndex, a], c = [r, o];
+        this.setSelector(l, c);
       }
     } else {
-      const a = [t.colIndex, t.colIndex + t.colspan - 1], h = [r, o];
-      this.setSelector(a, h);
+      const a = [t.colIndex, t.colIndex + t.colspan - 1], l = [r, o];
+      this.setSelector(a, l);
     }
   }
   selectAll() {
@@ -3786,8 +3783,8 @@ class ui {
         SELECTOR_AREA_MIN_Y: r,
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: a,
-        SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - h, u = [c, d], g = [f, x];
+        SELECTOR_AREA_MAX_Y_OFFSET: l
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - l, u = [c, d], g = [f, x];
       this.setSelector(u, g);
     }
   }
@@ -3797,16 +3794,16 @@ class ui {
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s, SELECTOR_AREA_MAX_X_OFFSET: r } = this.ctx.config, o = s || this.ctx.maxColIndex - r, a = i;
     if (e) {
       this.ctx.setFocusCell(t);
-      const h = [a, o], c = [t.rowIndex, t.rowIndex];
-      this.setSelector(h, c);
+      const l = [a, o], c = [t.rowIndex, t.rowIndex];
+      this.setSelector(l, c);
     }
     if (this.ctx.focusCell && this.ctx.mousedown) {
-      const { rowIndex: h } = this.ctx.focusCell;
-      if (t.rowIndex >= h) {
-        const c = [a, o], d = [h, t.rowIndex];
+      const { rowIndex: l } = this.ctx.focusCell;
+      if (t.rowIndex >= l) {
+        const c = [a, o], d = [l, t.rowIndex];
         this.setSelector(c, d);
       } else {
-        const c = [a, o], d = [t.rowIndex, h];
+        const c = [a, o], d = [t.rowIndex, l];
         this.setSelector(c, d);
       }
     }
@@ -3816,7 +3813,7 @@ class ui {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [o, a], f = [h, c];
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), l = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [o, a], f = [l, c];
       this.setSelector(d, f);
     }
   }
@@ -3824,7 +3821,7 @@ class ui {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(a, r), f = Math.max(a, r), x = [h, c], u = [d, f];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, l = Math.min(o, s), c = Math.max(o, s), d = Math.min(a, r), f = Math.max(a, r), x = [l, c], u = [d, f];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3865,8 +3862,8 @@ class ui {
     let s = [];
     const r = /* @__PURE__ */ new Set();
     for (let a = 0; a <= e[1] - e[0]; a++)
-      for (let h = 0; h <= t[1] - t[0]; h++) {
-        const c = a + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
+      for (let l = 0; l <= t[1] - t[0]; l++) {
+        const c = a + e[0], d = l + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
         if (f) {
           const { rowKey: x, key: u } = f;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
@@ -3897,10 +3894,7 @@ 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(async (r) => {
-        console.log(typeof r);
-        let o = ti(r);
-        console.log(o);
-        let a = [];
+        let o = ti(r), a = [];
         for (let d = 0; d <= o.length - 1; d++) {
           const f = o[d].length;
           for (let x = 0; x <= f - 1; x++) {
@@ -3933,9 +3927,9 @@ class ui {
         }
         if (!a.length)
           return;
-        const { BEFORE_PASTE_CHANGE_METHOD: h } = this.ctx.config;
-        if (typeof h == "function") {
-          const d = h, f = a.map((x) => ({
+        const { BEFORE_PASTE_CHANGE_METHOD: l } = this.ctx.config;
+        if (typeof l == "function") {
+          const d = l, f = a.map((x) => ({
             rowKey: x.rowKey,
             key: x.key,
             value: x.value,
@@ -3964,7 +3958,7 @@ class ui {
     if (!e)
       return;
     let { colIndex: i = 0, rowIndex: s = 0 } = e;
-    const r = 0, o = 0, a = this.ctx.maxColIndex, h = this.ctx.maxRowIndex;
+    const r = 0, o = 0, a = this.ctx.maxColIndex, l = this.ctx.maxRowIndex;
     switch (t) {
       case "LEFT":
         i > r && i--;
@@ -3976,7 +3970,7 @@ class ui {
         i < a && i++;
         break;
       case "BOTTOM":
-        s < h && s++;
+        s < l && s++;
         break;
     }
     const c = [i, i], d = [s, s], f = this.getCell(s, i);
@@ -3993,8 +3987,8 @@ class ui {
       SELECTOR_AREA_MIN_Y: r,
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: a,
-      SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - h;
+      SELECTOR_AREA_MAX_Y_OFFSET: l
+    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - l;
     return !(e < c || e > d || t < f || t > x);
   }
   /**
@@ -4008,7 +4002,7 @@ class ui {
       let a = 10 * (s === "left" ? -1 : 1);
       this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerX = setInterval(() => {
         a *= 1.5;
-        const { scrollX: h } = this.ctx, c = h + a;
+        const { scrollX: l } = this.ctx, c = l + a;
         (c < 0 || c > this.ctx.body.width) && (clearInterval(this.timerX), this.timerX = 0), this.ctx.setScrollX(c);
       }, 100);
     }
@@ -4017,7 +4011,7 @@ class ui {
       let a = 10 * (r === "top" ? -1 : 1);
       this.timerY && (clearInterval(this.timerY), this.timerY = 0), this.timerY = setInterval(() => {
         a *= 1.5;
-        const { scrollY: h } = this.ctx, c = h + a;
+        const { scrollY: l } = this.ctx, c = l + a;
         (c < 0 || c > this.ctx.body.height) && (clearInterval(this.timerY), this.timerY = 0), this.ctx.setScrollY(c);
       }, 100);
     }
@@ -4034,21 +4028,21 @@ class ui {
       fixedLeftWidth: r,
       header: o,
       footer: a,
-      body: h,
+      body: l,
       scrollX: c,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: u }
     } = this.ctx;
     if (!i)
       return;
-    const u = r - i.drawX + 1, g = i.drawX + i.width - (e - s) + 1, w = o.height - i.drawY;
-    let p = i.height;
-    p > h.visibleHeight && (p = h.visibleHeight);
-    let y = 0;
-    x && (y = a.visibleHeight);
-    const b = i.drawY + p - (t - y - f);
-    let m = c, E = d;
-    g > 0 && !i.fixed ? m = Math.floor(c + g) : u > 0 && !i.fixed && (m = Math.floor(c - u)), w > 0 ? E = Math.floor(d - w) : b > 0 && (E = Math.floor(d + b)), (Math.abs(c - m) > 2 || Math.abs(d - E) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(m, E), this.ctx.emit("adjustBoundaryPosition", i));
+    const g = r - i.drawX + 1, w = i.drawX + i.width - (e - s) + 1;
+    let p = o.height - i.drawY, y = i.height;
+    y > l.visibleHeight && (y = l.visibleHeight);
+    let b = 0;
+    x && (u === "top" ? p = o.height + a.height - i.drawY : b = a.visibleHeight);
+    const m = i.drawY + y - (t - b - f);
+    let E = c, C = d;
+    w > 0 && !i.fixed ? E = Math.floor(c + w) : g > 0 && !i.fixed && (E = Math.floor(c - g)), p > 0 ? C = Math.floor(d - p) : m > 0 && (C = Math.floor(d + m)), (Math.abs(c - E) > 2 || Math.abs(d - C) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(E, C), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4056,14 +4050,14 @@ class ui {
 }
 class gi {
   constructor(t) {
-    l(this, "ctx");
+    h(this, "ctx");
     this.ctx = t, this.init();
   }
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
       this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default");
-      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: d, drawX: f, drawY: x, width: u, height: g } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && c === a && d === h) {
+      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], l = o[1], { colIndex: c, rowIndex: d, drawX: f, drawY: x, width: u, height: g } = t;
+      if (this.ctx.config.ENABLE_AUTOFILL && c === a && d === l) {
         const p = f + u - 6, y = x + g - 6;
         i > p && s > y && (this.ctx.stageElement.style.cursor = "crosshair");
       }
@@ -4096,22 +4090,22 @@ class gi {
       return;
     let o = t, a = e;
     if (!r) {
-      const [h] = a;
-      a = [h, h];
+      const [l] = a;
+      a = [l, l];
     }
     if (!s) {
-      const [h] = o;
-      o = [h, h];
+      const [l] = o;
+      o = [l, l];
     }
     if (JSON.stringify(this.ctx.autofill.xArr) !== JSON.stringify(o) || JSON.stringify(this.ctx.autofill.yArr) !== JSON.stringify(a)) {
       const {
-        SELECTOR_AREA_MIN_X: h,
+        SELECTOR_AREA_MIN_X: l,
         SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, g = h, w = c || this.ctx.maxColIndex - x, p = d, y = f || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, g = l, w = c || this.ctx.maxColIndex - x, p = d, y = f || this.ctx.maxRowIndex - u;
       let [b, m] = o, [E, C] = a;
       if (b < g || E < p)
         return;
@@ -4128,11 +4122,11 @@ class gi {
         const g = x + e.yArr[0], w = u + e.xArr[0];
         i.set(`${g}-${w}`, !0);
       }
-    const { value: s } = e, r = s[0].length, o = s.length, a = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr;
+    const { value: s } = e, r = s[0].length, o = s.length, a = this.ctx.autofill.xArr, l = this.ctx.autofill.yArr;
     let c = [];
-    for (let x = 0; x <= h[1] - h[0]; x++)
+    for (let x = 0; x <= l[1] - l[0]; x++)
       for (let u = 0; u <= a[1] - a[0]; u++) {
-        const g = u + a[0], w = x + h[0], p = s[x % o][u % r], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), b = `${w}-${g}`;
+        const g = u + a[0], w = x + l[0], p = s[x % o][u % r], y = this.ctx.database.getItemValueForRowIndexAndColIndex(w, g), b = `${w}-${g}`;
         if (y && !i.has(b)) {
           const { rowKey: m, key: E } = y;
           this.ctx.database.getReadonly(m, E) || (t.add(m), c.push({
@@ -4186,7 +4180,7 @@ const rt = Math.min, U = Math.max, ft = Math.round, V = (n) => ({
   start: "end",
   end: "start"
 };
-function It(n, t, e) {
+function Ot(n, t, e) {
   return U(n, rt(t, e));
 }
 function at(n, t) {
@@ -4195,7 +4189,7 @@ function at(n, t) {
 function q(n) {
   return n.split("-")[0];
 }
-function lt(n) {
+function ht(n) {
   return n.split("-")[1];
 }
 function re(n) {
@@ -4212,15 +4206,15 @@ function Mt(n) {
 }
 function yi(n, t, e) {
   e === void 0 && (e = !1);
-  const i = lt(n), s = Mt(n), r = Lt(s);
+  const i = ht(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(n) {
   const t = xt(n);
-  return [Ot(n), t, Ot(t)];
+  return [It(n), t, It(t)];
 }
-function Ot(n) {
+function It(n) {
   return n.replace(/start|end/g, (t) => pi[t]);
 }
 function Ei(n, t, e) {
@@ -4237,9 +4231,9 @@ function Ei(n, t, e) {
   }
 }
 function bi(n, t, e, i) {
-  const s = lt(n);
+  const s = ht(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;
+  return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(It)))), r;
 }
 function xt(n) {
   return n.replace(/left|right|bottom|top/g, (t) => wi[t]);
@@ -4284,9 +4278,9 @@ function Vt(n, t, e) {
     reference: i,
     floating: s
   } = n;
-  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
+  const r = J(t), o = Mt(t), a = Lt(o), l = q(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
   let u;
-  switch (h) {
+  switch (l) {
     case "top":
       u = {
         x: d,
@@ -4317,7 +4311,7 @@ function Vt(n, t, e) {
         y: i.y
       };
   }
-  switch (lt(t)) {
+  switch (ht(t)) {
     case "start":
       u[o] -= x * (e && c ? -1 : 1);
       break;
@@ -4333,7 +4327,7 @@ const vi = async (n, t, e) => {
     strategy: s = "absolute",
     middleware: r = [],
     platform: o
-  } = e, a = r.filter(Boolean), h = await (o.isRTL == null ? void 0 : o.isRTL(t));
+  } = e, a = r.filter(Boolean), l = await (o.isRTL == null ? void 0 : o.isRTL(t));
   let c = await o.getElementRects({
     reference: n,
     floating: t,
@@ -4341,7 +4335,7 @@ const vi = async (n, t, e) => {
   }), {
     x: d,
     y: f
-  } = Vt(c, i, h), x = i, u = {}, g = 0;
+  } = Vt(c, i, l), x = i, u = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
       name: p,
@@ -4378,7 +4372,7 @@ const vi = async (n, t, e) => {
     }) : C.rects), {
       x: d,
       y: f
-    } = Vt(c, x, h)), w = -1);
+    } = Vt(c, x, l)), w = -1);
   }
   return {
     x: d,
@@ -4397,7 +4391,7 @@ async function ne(n, t) {
     platform: r,
     rects: o,
     elements: a,
-    strategy: h
+    strategy: l
   } = n, {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
@@ -4408,7 +4402,7 @@ async function ne(n, t) {
     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: c,
     rootBoundary: d,
-    strategy: h
+    strategy: l
   })), b = f === "floating" ? {
     x: i,
     y: s,
@@ -4424,7 +4418,7 @@ async function ne(n, t) {
     elements: a,
     rect: b,
     offsetParent: m,
-    strategy: h
+    strategy: l
   }) : b);
   return {
     top: (y.top - C.top + g.top) / E.y,
@@ -4444,7 +4438,7 @@ const Ri = (n) => ({
       rects: r,
       platform: o,
       elements: a,
-      middlewareData: h
+      middlewareData: l
     } = t, {
       element: c,
       padding: d = 0
@@ -4455,14 +4449,14 @@ const Ri = (n) => ({
       x: e,
       y: i
     }, u = Mt(s), g = Lt(u), w = await o.getDimensions(c), p = u === "y", y = p ? "top" : "left", b = p ? "bottom" : "right", m = p ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[u] - x[u] - r.floating[g], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let A = R ? R[m] : 0;
-    (!A || !await (o.isElement == null ? void 0 : o.isElement(R))) && (A = a.floating[m] || r.floating[g]);
-    const S = E / 2 - C / 2, L = A / 2 - w[g] / 2 - 1, D = rt(f[y], L), B = rt(f[b], L), I = D, T = A - w[g] - B, O = A / 2 - w[g] / 2 + S, G = It(I, O, T), K = !h.arrow && lt(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = K ? O < I ? O - I : O - T : 0;
+    let O = R ? R[m] : 0;
+    (!O || !await (o.isElement == null ? void 0 : o.isElement(R))) && (O = a.floating[m] || r.floating[g]);
+    const S = E / 2 - C / 2, L = O / 2 - w[g] / 2 - 1, D = rt(f[y], L), B = rt(f[b], L), I = D, A = O - w[g] - B, T = O / 2 - w[g] / 2 + S, G = Ot(I, T, A), K = !l.arrow && ht(s) != null && T !== G && r.reference[g] / 2 - (T < I ? D : B) - w[g] / 2 < 0, k = K ? T < I ? T - I : T - A : 0;
     return {
       [u]: x[u] + k,
       data: {
         [u]: G,
-        centerOffset: O - G - k,
+        centerOffset: T - G - k,
         ...K && {
           alignmentOffset: k
         }
@@ -4481,7 +4475,7 @@ const Ri = (n) => ({
         middlewareData: r,
         rects: o,
         initialPlacement: a,
-        platform: h,
+        platform: l,
         elements: c
       } = t, {
         mainAxis: d = !0,
@@ -4494,24 +4488,24 @@ const Ri = (n) => ({
       } = at(n, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
+      const y = q(s), b = J(a), m = q(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
       !x && R && C.push(...bi(a, w, g, E));
-      const A = [a, ...C], S = await ne(t, p), L = [];
+      const O = [a, ...C], S = await ne(t, p), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && L.push(S[y]), f) {
-        const O = yi(s, o, E);
-        L.push(S[O[0]], S[O[1]]);
+        const T = yi(s, o, E);
+        L.push(S[T[0]], S[T[1]]);
       }
       if (D = [...D, {
         placement: s,
         overflows: L
-      }], !L.every((O) => O <= 0)) {
+      }], !L.every((T) => T <= 0)) {
         var B, I;
-        const O = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = A[O];
+        const T = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = O[T];
         if (G)
           return {
             data: {
-              index: O,
+              index: T,
               overflows: D
             },
             reset: {
@@ -4522,8 +4516,8 @@ const Ri = (n) => ({
         if (!K)
           switch (u) {
             case "bestFit": {
-              var T;
-              const k = (T = D.filter((W) => {
+              var A;
+              const k = (A = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === b || // Create a bias to the `y` side axis due to horizontal
@@ -4531,7 +4525,7 @@ const Ri = (n) => ({
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : T[0];
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : A[0];
               k && (K = k);
               break;
             }
@@ -4550,12 +4544,12 @@ const Ri = (n) => ({
     }
   };
 };
-async function Ii(n, t) {
+async function Oi(n, t) {
   const {
     placement: e,
     platform: i,
     elements: s
-  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, n);
+  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = ht(e), l = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && l ? -1 : 1, f = at(t, n);
   let {
     mainAxis: x,
     crossAxis: u,
@@ -4569,7 +4563,7 @@ async function Ii(n, t) {
     crossAxis: f.crossAxis || 0,
     alignmentAxis: f.alignmentAxis
   };
-  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), h ? {
+  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), l ? {
     x: u * d,
     y: x * c
   } : {
@@ -4577,7 +4571,7 @@ async function Ii(n, t) {
     y: u * d
   };
 }
-const Oi = function(n) {
+const Ii = function(n) {
   return n === void 0 && (n = 0), {
     name: "offset",
     options: n,
@@ -4588,18 +4582,18 @@ const Oi = function(n) {
         y: r,
         placement: o,
         middlewareData: a
-      } = t, h = await Ii(t, n);
+      } = t, l = await Oi(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,
+        x: s + l.x,
+        y: r + l.y,
         data: {
-          ...h,
+          ...l,
           placement: o
         }
       };
     }
   };
-}, Ai = function(n) {
+}, Ti = function(n) {
   return n === void 0 && (n = {}), {
     name: "shift",
     options: n,
@@ -4623,19 +4617,19 @@ const Oi = function(n) {
             };
           }
         },
-        ...h
+        ...l
       } = at(n, t), c = {
         x: e,
         y: i
-      }, d = await ne(t, h), f = J(q(s)), x = re(f);
+      }, d = await ne(t, l), f = J(q(s)), x = re(f);
       let u = c[x], g = c[f];
       if (r) {
         const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + d[p], m = u - d[y];
-        u = It(b, u, m);
+        u = Ot(b, u, m);
       }
       if (o) {
         const p = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", b = g + d[p], m = g - d[y];
-        g = It(b, g, m);
+        g = Ot(b, g, m);
       }
       const w = a.fn({
         ...t,
@@ -4682,7 +4676,7 @@ function N(n) {
 function zt(n) {
   return !gt() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof H(n).ShadowRoot;
 }
-function ht(n) {
+function lt(n) {
   const {
     overflow: t,
     overflowX: e,
@@ -4691,7 +4685,7 @@ function ht(n) {
   } = X(n);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Ti(n) {
+function Si(n) {
   return ["table", "td", "th"].includes(tt(n));
 }
 function wt(n) {
@@ -4707,7 +4701,7 @@ function Ht(n) {
   const t = Dt(), e = F(n) ? X(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 Si(n) {
+function Ai(n) {
   let t = z(n);
   for (; N(t) && !Q(t); ) {
     if (Ht(t))
@@ -4748,24 +4742,24 @@ function z(n) {
   );
   return zt(t) ? t.host : t;
 }
-function le(n) {
+function he(n) {
   const t = z(n);
-  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : le(t);
+  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && lt(t) ? t : he(t);
 }
-function At(n, t, e) {
+function Tt(n, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = le(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
+  const s = he(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
   if (r) {
-    const a = Tt(o);
-    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? At(a) : []);
+    const a = St(o);
+    return t.concat(o, o.visualViewport || [], lt(s) ? s : [], a && e ? Tt(a) : []);
   }
-  return t.concat(s, At(s, [], e));
+  return t.concat(s, Tt(s, [], e));
 }
-function Tt(n) {
+function St(n) {
   return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
-function he(n) {
+function le(n) {
   const t = X(n);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = N(n), r = s ? n.offsetWidth : e, o = s ? n.offsetHeight : i, a = ft(e) !== r || ft(i) !== o;
@@ -4786,7 +4780,7 @@ function Z(n) {
     width: i,
     height: s,
     $: r
-  } = he(t);
+  } = le(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,
@@ -4810,19 +4804,19 @@ function ot(n, t, e, i) {
   let o = V(1);
   t && (i ? F(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, c = (s.top + a.y) / o.y, d = s.width / o.x, f = s.height / o.y;
+  let l = (s.left + a.x) / o.x, c = (s.top + a.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
     const x = H(r), u = i && F(i) ? H(i) : i;
-    let g = x, w = Tt(g);
+    let g = x, w = St(g);
     for (; w && i && u !== g; ) {
       const p = Z(w), y = w.getBoundingClientRect(), b = X(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
-      h *= p.x, c *= p.y, d *= p.x, f *= p.y, h += m, c += E, g = H(w), w = Tt(g);
+      l *= p.x, c *= p.y, d *= p.x, f *= p.y, l += m, c += E, g = H(w), w = St(g);
     }
   }
   return ut({
     width: d,
     height: f,
-    x: h,
+    x: l,
     y: c
   });
 }
@@ -4836,32 +4830,32 @@ function Hi(n) {
   const r = s === "fixed", o = Y(i), a = t ? wt(t.floating) : !1;
   if (i === o || a && r)
     return e;
-  let h = {
+  let l = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = V(1);
   const d = V(0), f = N(i);
-  if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
+  if ((f || !f && !r) && ((tt(i) !== "body" || lt(o)) && (l = pt(i)), N(i))) {
     const x = ot(i);
     c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   return {
     width: e.width * c.x,
     height: e.height * c.y,
-    x: e.x * c.x - h.scrollLeft * c.x + d.x,
-    y: e.y * c.y - h.scrollTop * c.y + d.y
+    x: e.x * c.x - l.scrollLeft * c.x + d.x,
+    y: e.y * c.y - l.scrollTop * c.y + d.y
   };
 }
 function Di(n) {
   return Array.from(n.getClientRects());
 }
-function St(n, t) {
+function At(n, t) {
   const e = pt(n).scrollLeft;
   return t ? t.left + e : ot(Y(n)).left + e;
 }
 function Fi(n) {
   const t = Y(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 + St(n);
+  let o = -e.scrollLeft + At(n);
   const a = -e.scrollTop;
   return X(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -4872,25 +4866,25 @@ function Fi(n) {
 }
 function Xi(n, t) {
   const e = H(n), i = Y(n), s = e.visualViewport;
-  let r = i.clientWidth, o = i.clientHeight, a = 0, h = 0;
+  let r = i.clientWidth, o = i.clientHeight, a = 0, l = 0;
   if (s) {
     r = s.width, o = s.height;
     const c = Dt();
-    (!c || c && t === "fixed") && (a = s.offsetLeft, h = s.offsetTop);
+    (!c || c && t === "fixed") && (a = s.offsetLeft, l = s.offsetTop);
   }
   return {
     width: r,
     height: o,
     x: a,
-    y: h
+    y: l
   };
 }
 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, c = i * r.y;
+  const e = ot(n, !0, t === "fixed"), i = e.top + n.clientTop, s = e.left + n.clientLeft, r = N(n) ? Z(n) : V(1), o = n.clientWidth * r.x, a = n.clientHeight * r.y, l = s * r.x, c = i * r.y;
   return {
     width: o,
     height: a,
-    x: h,
+    x: l,
     y: c
   };
 }
@@ -4920,12 +4914,12 @@ function Ni(n, t) {
   const e = t.get(n);
   if (e)
     return e;
-  let i = At(n, [], !1).filter((a) => F(a) && tt(a) !== "body"), s = null;
+  let i = Tt(n, [], !1).filter((a) => F(a) && tt(a) !== "body"), s = null;
   const r = X(n).position === "fixed";
   let o = r ? z(n) : n;
   for (; F(o) && !Q(o); ) {
-    const a = X(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((d) => d !== o) : s = a, o = z(o);
+    const a = X(o), l = Ht(o);
+    !l && a.position === "fixed" && (s = null), (r ? !l && !s : !l && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(o) && !l && fe(n, o)) ? i = i.filter((d) => d !== o) : s = a, o = z(o);
   }
   return t.set(n, i), i;
 }
@@ -4936,22 +4930,22 @@ function Ki(n) {
     rootBoundary: i,
     strategy: s
   } = n;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((c, d) => {
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], l = o.reduce((c, d) => {
     const f = $t(t, d, s);
     return c.top = U(f.top, c.top), c.right = rt(f.right, c.right), c.bottom = rt(f.bottom, c.bottom), c.left = U(f.left, c.left), c;
   }, $t(t, a, s));
   return {
-    width: h.right - h.left,
-    height: h.bottom - h.top,
-    x: h.left,
-    y: h.top
+    width: l.right - l.left,
+    height: l.bottom - l.top,
+    x: l.left,
+    y: l.top
   };
 }
 function Yi(n) {
   const {
     width: t,
     height: e
-  } = he(n);
+  } = le(n);
   return {
     width: t,
     height: e
@@ -4963,19 +4957,19 @@ function Bi(n, t, e) {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const h = V(0);
+  const l = V(0);
   if (i || !i && !r)
-    if ((tt(t) !== "body" || ht(s)) && (a = pt(t)), i) {
+    if ((tt(t) !== "body" || lt(s)) && (a = pt(t)), i) {
       const u = ot(t, !0, r, t);
-      h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
-    } else s && (h.x = St(s));
+      l.x = u.x + t.clientLeft, l.y = u.y + t.clientTop;
+    } else s && (l.x = At(s));
   let c = 0, d = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
     d = u.top + a.scrollTop, c = u.left + a.scrollLeft - // RTL <body> scrollbar.
-    St(s, u);
+    At(s, u);
   }
-  const f = o.left + a.scrollLeft - h.x - c, x = o.top + a.scrollTop - h.y - d;
+  const f = o.left + a.scrollLeft - l.x - c, x = o.top + a.scrollTop - l.y - d;
   return {
     x: f,
     y: x,
@@ -5008,9 +5002,9 @@ function xe(n, t) {
     return e;
   }
   let i = qt(n, t);
-  for (; i && Ti(i) && mt(i); )
+  for (; i && Si(i) && mt(i); )
     i = qt(i, t);
-  return i && Q(i) && mt(i) && !Ht(i) ? e : i || Si(n) || e;
+  return i && Q(i) && mt(i) && !Ht(i) ? e : i || Ai(n) || e;
 }
 const Wi = async function(n) {
   const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(n.floating);
@@ -5038,7 +5032,7 @@ const Vi = {
   getScale: Z,
   isElement: F,
   isRTL: Pi
-}, ue = Oi, ge = Ai, we = _i, zi = Ri, pe = (n, t, e) => {
+}, ue = Ii, ge = Ti, we = _i, zi = Ri, pe = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Vi,
     ...e
@@ -5053,11 +5047,11 @@ const Vi = {
 };
 let $i = class {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "enable", !1);
-    l(this, "contentEl");
-    l(this, "floatingEl");
-    l(this, "arrowEl");
+    h(this, "ctx");
+    h(this, "enable", !1);
+    h(this, "contentEl");
+    h(this, "floatingEl");
+    h(this, "arrowEl");
     this.ctx = t;
     const { TOOLTIP_BG_COLOR: e, TOOLTIP_TEXT_COLOR: i, TOOLTIP_ZINDEX: s, TOOLTIP_CUSTOM_STYLE: r, CSS_PREFIX: o } = this.ctx.config;
     this.contentEl = document.createElement("div"), this.arrowEl = document.createElement("div"), this.floatingEl = document.createElement("div"), this.floatingEl.className = `${o}-tooltip`, this.contentEl.className = `${o}-tooltip-content`, this.arrowEl.className = `${o}-tooltip-arrow`;
@@ -5072,7 +5066,7 @@ let $i = class {
       borderRadius: "4px",
       fontSize: "12px",
       ...r
-    }, h = {
+    }, l = {
       position: "absolute",
       width: "10px",
       height: "10px",
@@ -5081,7 +5075,7 @@ let $i = class {
       transform: "rotate(45deg)",
       zIndex: a.zIndex
     };
-    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();
+    Object.assign(this.arrowEl.style, l), 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) => {
@@ -5125,10 +5119,10 @@ let $i = class {
       placement: t.overflowTooltipPlacement,
       middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
     }).then((a) => {
-      const { x: h, y: c, placement: d, middlewareData: f } = a;
+      const { x: l, y: c, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
         top: `${c}px`,
-        left: `${h}px`
+        left: `${l}px`
       }), f.arrow) {
         const x = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
@@ -5164,13 +5158,13 @@ let $i = class {
 };
 class qi {
   constructor(t) {
-    l(this, "editorEl");
-    l(this, "inputEl");
-    l(this, "enable", !1);
-    l(this, "cellTarget", null);
-    l(this, "ctx");
-    l(this, "drawY", 0);
-    l(this, "drawX", 0);
+    h(this, "editorEl");
+    h(this, "inputEl");
+    h(this, "enable", !1);
+    h(this, "cellTarget", null);
+    h(this, "ctx");
+    h(this, "drawY", 0);
+    h(this, "drawX", 0);
     this.ctx = t, this.initTextEditor(), this.init();
   }
   init() {
@@ -5257,12 +5251,12 @@ class qi {
     this.drawX = r, this.drawY = o;
     let { height: a } = t;
     const {
-      config: { CELL_PADDING: h },
+      config: { CELL_PADDING: l },
       header: c
     } = this.ctx;
     let d = this.ctx.body.visibleHeight;
     if (a > d && (a = d), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${r - 1}px`, this.editorEl.style.top = `${o - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${d}px`, s === "text") {
-      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${d}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${d}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${l}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
       const f = this.inputEl.value.length;
       this.inputEl.setSelectionRange(f, f);
     } else
@@ -5296,8 +5290,8 @@ class qi {
     const r = this.ctx.focusCell;
     if (!r || ["index", "index-selection", "selection"].includes(r.type) || this.enable)
       return;
-    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));
+    const { rowKey: o, key: a } = r, l = this.ctx.database.getReadonly(o, a);
+    r && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
     this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1);
@@ -5309,18 +5303,18 @@ class qi {
 }
 class Gi {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "emptyEl");
+    h(this, "ctx");
+    h(this, "emptyEl");
     this.ctx = t;
     const { EMPTY_TEXT: e, EMPTY_CUSTOM_STYLE: i } = this.ctx.config;
     this.ctx.emptyElement ? this.emptyEl = this.ctx.emptyElement : (this.emptyEl = document.createElement("div"), this.emptyEl.innerText = e), this.emptyEl.className = "e-virt-table-empty", this.emptyEl.style.display = "none", this.ctx.containerElement.appendChild(this.emptyEl), this.ctx.on("emptyChange", ({ type: s, headerHeight: r, bodyHeight: o, footerHeight: a }) => {
-      const h = r + (o + a) / 2, c = {
+      const l = r + (o + a) / 2, c = {
         display: s === "empty" ? "block" : "none",
         position: "absolute",
         fontSize: "14px",
         color: "#666",
         left: "50%",
-        top: `${h}px`,
+        top: `${l}px`,
         transform: "translate(-50%, -50%)",
         ...i
       };
@@ -5333,7 +5327,7 @@ class Gi {
 }
 class ji {
   constructor(t) {
-    l(this, "ctx");
+    h(this, "ctx");
     this.ctx = t;
   }
   draw() {
@@ -5348,9 +5342,9 @@ class ji {
   }
   getContainer() {
     const t = this.getHeader(), e = this.getBody(), i = this.getFooter();
-    let s = [t, e, i];
-    const { FOOTER_FIXED: r } = this.ctx.config;
-    return r || (s = [t, e]), {
+    let s = [];
+    const { FOOTER_FIXED: r, FOOTER_POSITION: o } = this.ctx.config;
+    return r ? o === "top" ? s = [t, i, e] : s = [t, e, i] : s = [t, e], {
       views: s
     };
   }
@@ -5360,9 +5354,9 @@ class ji {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: a } = this.ctx.header;
-    let h = [], c = [], d = [];
+    let l = [], c = [], d = [];
     a.forEach((p) => {
-      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? d.push(p) : h.push(p));
+      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? d.push(p) : l.push(p));
     });
     const f = e - i, x = {
       key: "left",
@@ -5385,7 +5379,7 @@ class ji {
         width: `${r - t - f + 1}px`,
         height: `${o}px`
       },
-      cells: h
+      cells: l
     }, g = {
       key: "right",
       style: {
@@ -5421,7 +5415,7 @@ class ji {
     const {
       fixedLeftWidth: r,
       fixedRightWidth: o,
-      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: h }
+      config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: l }
     } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - a, x = {
       key: "left",
       style: {
@@ -5458,7 +5452,7 @@ class ji {
     };
     return {
       type: "body",
-      class: `${h}-overlayer-body`,
+      class: `${l}-overlayer-body`,
       style: {
         position: "relative",
         overflow: "hidden",
@@ -5479,7 +5473,7 @@ class ji {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: h, visibleHeight: c } = this.ctx.footer, d = r - o, f = {
+    } = this.ctx, { visibleWidth: l, visibleHeight: c } = this.ctx.footer, d = r - o, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -5497,7 +5491,7 @@ class ji {
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${h - s - d}px`,
+        width: `${l - s - d}px`,
         height: `${c}px`
       },
       cells: t
@@ -5519,7 +5513,7 @@ class ji {
       style: {
         position: "relative",
         overflow: "hidden",
-        width: `${h}px`,
+        width: `${l}px`,
         height: `${c}px`
       },
       views: [f, x, u]
@@ -5528,17 +5522,17 @@ class ji {
 }
 class Ui {
   constructor(t) {
-    l(this, "ctx");
-    l(this, "contextMenuEl");
-    l(this, "custom", !1);
+    h(this, "ctx");
+    h(this, "contextMenuEl");
+    h(this, "custom", !1);
     this.ctx = t, this.ctx.contextMenuElement ? (this.custom = !0, this.contextMenuEl = this.ctx.contextMenuElement) : (this.custom = !1, this.contextMenuEl = document.createElement("div")), this.createContextMenu(), this.init();
   }
   init() {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, h] = s, { rowIndex: c, colIndex: d } = t;
-      c >= a && c <= h && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, l] = s, { rowIndex: c, colIndex: d } = t;
+      c >= a && c <= l && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5612,19 +5606,19 @@ class Ui {
 }
 class Qi {
   constructor(t, e) {
-    l(this, "options");
-    l(this, "scroller");
-    l(this, "header");
-    l(this, "body");
-    l(this, "footer");
-    l(this, "selector");
-    l(this, "autofill");
-    l(this, "tooltip");
-    l(this, "editor");
-    l(this, "empty");
-    l(this, "overlayer");
-    l(this, "contextMenu");
-    l(this, "ctx");
+    h(this, "options");
+    h(this, "scroller");
+    h(this, "header");
+    h(this, "body");
+    h(this, "footer");
+    h(this, "selector");
+    h(this, "autofill");
+    h(this, "tooltip");
+    h(this, "editor");
+    h(this, "empty");
+    h(this, "overlayer");
+    h(this, "contextMenu");
+    h(this, "ctx");
     this.options = e;
     const { overlayerElement: i, editorElement: s, emptyElement: r, contextMenuElement: o } = e, a = this.createContainer(
       t,
@@ -5633,7 +5627,7 @@ class Qi {
       r,
       o
     );
-    this.ctx = new hi(a, this.options), this.header = new di(this.ctx), this.body = new fi(this.ctx), this.footer = new xi(this.ctx), this.scroller = new ci(this.ctx), this.selector = new ui(this.ctx), this.autofill = new gi(this.ctx), this.tooltip = new $i(this.ctx), this.empty = new Gi(this.ctx), this.editor = new qi(this.ctx), this.overlayer = new ji(this.ctx), this.contextMenu = new Ui(this.ctx), this.ctx.on("draw", () => {
+    this.ctx = new li(a, this.options), this.header = new di(this.ctx), this.footer = new xi(this.ctx), this.body = new fi(this.ctx), this.scroller = new ci(this.ctx), this.selector = new ui(this.ctx), this.autofill = new gi(this.ctx), this.tooltip = new $i(this.ctx), this.empty = new Gi(this.ctx), this.editor = new qi(this.ctx), this.overlayer = new ji(this.ctx), this.contextMenu = new Ui(this.ctx), this.ctx.on("draw", () => {
       this.draw();
     }), this.ctx.on("drawView", () => {
       this.draw(!0);
@@ -5641,16 +5635,16 @@ class Qi {
   }
   createContainer(t, e, i, s, r) {
     t.className = "e-virt-table-container";
-    const o = document.createElement("div"), a = document.createElement("canvas"), h = e || document.createElement("div");
-    o.className = "e-virt-table-stage", a.className = "e-virt-table-canvas", h.className = "e-virt-table-overlayer";
+    const o = document.createElement("div"), a = document.createElement("canvas"), l = e || document.createElement("div");
+    o.className = "e-virt-table-stage", a.className = "e-virt-table-canvas", l.className = "e-virt-table-overlayer";
     const c = i || document.createElement("div");
     c.className = "e-virt-table-editor";
     const d = s, f = r;
-    return o.appendChild(a), o.appendChild(h), t.appendChild(o), {
+    return o.appendChild(a), o.appendChild(l), t.appendChild(o), {
       containerElement: t,
       stageElement: o,
       canvasElement: a,
-      overlayerElement: h,
+      overlayerElement: l,
       editorElement: c,
       emptyElement: d,
       contextMenuElement: f
@@ -5686,7 +5680,7 @@ class Qi {
     this.ctx.off(t, e);
   }
   filterMethod(t) {
-    this.ctx.setScrollY(0), this.ctx.setScrollX(0), this.ctx.database.init(), this.ctx.database.setFilterMethod(t), this.ctx.emit("draw");
+    this.ctx.setScrollY(0), this.ctx.setScrollX(0), this.ctx.database.init(), this.header.init(), this.ctx.database.setFilterMethod(t), this.ctx.emit("draw");
   }
   editCell(t, e) {
     this.editor.editCell(t, e);
@@ -5721,8 +5715,8 @@ class Qi {
         if (t && Array.isArray(s) && s.length) {
           const [r] = s;
           if (Array.isArray(r) && r.length) {
-            const [o] = r, { rowKey: a, key: h } = o;
-            this.scrollToRowkey(a), this.scrollToColkey(h);
+            const [o] = r, { rowKey: a, key: l } = o;
+            this.scrollToRowkey(a), this.scrollToColkey(l);
           }
         }
         i(s);
@@ -5747,7 +5741,7 @@ class Qi {
       let r = [];
       for (let o = 0; o < i.length; o++)
         for (let a = 0; a < s.length; a++) {
-          const h = this.ctx.database.getRowKeyByItem(i[o]), d = s[a].key, f = await this.ctx.database.getValidator(h, d);
+          const l = this.ctx.database.getRowKeyByItem(i[o]), d = s[a].key, f = await this.ctx.database.getValidator(l, d);
           Array.isArray(f) && f.length && r.push(f);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));