e-virt-table 1.2.6 → 1.2.7

package/dist/index.es.js

@@ -25,7 +25,7 @@ function st(a, t) {
     return i.__proto__ = s, i;
   }, st(a, t);
 }
-function _e() {
+function Ie() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
   if (typeof Proxy == "function") return !0;
   try {
@@ -36,20 +36,20 @@ function _e() {
   }
 }
 function dt(a, t, e) {
-  return _e() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
+  return Ie() ? dt = Reflect.construct.bind() : dt = function(s, r, o) {
     var n = [null];
     n.push.apply(n, r);
     var h = Function.bind.apply(s, n), c = new h();
     return o && st(c, o.prototype), c;
   }, dt.apply(null, arguments);
 }
-function Ie(a) {
+function _e(a) {
   return Function.toString.call(a).indexOf("[native code]") !== -1;
 }
 function Ct(a) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
   return Ct = function(i) {
-    if (i === null || !Ie(i)) return i;
+    if (i === null || !_e(i)) return i;
     if (typeof i != "function")
       throw new TypeError("Super expression must either be null or a function");
     if (typeof t < "u") {
@@ -159,28 +159,28 @@ var Xt = /* @__PURE__ */ function(a) {
 }(/* @__PURE__ */ Ct(Error));
 function Te(a, t, e, i, s) {
   if (t.first) {
-    var r = new Promise(function(u, g) {
+    var r = new Promise(function(x, g) {
       var p = function(m) {
-        return i(m), m.length ? g(new Xt(m, bt(m))) : u(s);
-      }, x = Ae(a);
-      Ft(x, e, p);
+        return i(m), m.length ? g(new Xt(m, bt(m))) : x(s);
+      }, u = Ae(a);
+      Ft(u, e, p);
     });
-    return r.catch(function(u) {
-      return u;
+    return r.catch(function(x) {
+      return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, c = 0, d = [], f = new Promise(function(u, g) {
+  var o = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), h = n.length, c = 0, d = [], f = new Promise(function(x, g) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? g(new Xt(d, bt(d))) : u(s);
+        return i(d), d.length ? g(new Xt(d, bt(d))) : x(s);
     };
-    n.length || (i(d), u(s)), n.forEach(function(x) {
-      var w = a[x];
-      o.indexOf(x) !== -1 ? Ft(w, e, p) : Se(w, e, p);
+    n.length || (i(d), x(s)), n.forEach(function(u) {
+      var w = a[u];
+      o.indexOf(u) !== -1 ? Ft(w, e, p) : Se(w, e, p);
     });
   });
-  return f.catch(function(u) {
-    return u;
+  return f.catch(function(x) {
+    return x;
   }), f;
 }
 function Me(a) {
@@ -242,7 +242,7 @@ var Zt = function(t, e, i, s, r, o) {
   }, h.v6 = function(y) {
     return y && y.exact ? n : new RegExp("" + t(y) + s + t(y), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, u = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", x = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + u + "|" + g + p + x + ")" + w + m;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", p = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", m = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + p + u + ")" + w + m;
   return ct = new RegExp("(?:^" + C + "$)", "i"), ct;
 }, Kt = {
   // http://emailregex.com/
@@ -300,8 +300,8 @@ var Zt = function(t, e, i, s, r, o) {
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
 }, Xe = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, u = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
-  if (u ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
+  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
+  if (x ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
     return !1;
   p && (d = e.length), g && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(D(r.messages[f].len, t.fullField, t.len)) : n && !h && d < t.min ? s.push(D(r.messages[f].min, t.fullField, t.min)) : h && !n && d > t.max ? s.push(D(r.messages[f].max, t.fullField, t.max)) : n && h && (d < t.min || d > t.max) && s.push(D(r.messages[f].range, t.fullField, t.min, t.max));
 }, j = "enum", Be = function(t, e, i, s, r) {
@@ -536,7 +536,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var n = i, h = s, c = r;
     if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, n), Promise.resolve(n);
-    function d(x) {
+    function d(u) {
       var w = [], m = {};
       function C(b) {
         if (Array.isArray(b)) {
@@ -545,8 +545,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         } else
           w.push(b);
       }
-      for (var y = 0; y < x.length; y++)
-        C(x[y]);
+      for (var y = 0; y < u.length; y++)
+        C(u[y]);
       w.length ? (m = bt(w), c(w, m)) : c(null, n);
     }
     if (h.messages) {
@@ -554,54 +554,54 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       f === Rt && (f = vt()), kt(f, h.messages), h.messages = f;
     } else
       h.messages = this.messages();
-    var u = {}, g = h.keys || Object.keys(this.rules);
-    g.forEach(function(x) {
-      var w = o.rules[x], m = n[x];
+    var x = {}, g = h.keys || Object.keys(this.rules);
+    g.forEach(function(u) {
+      var w = o.rules[u], m = n[u];
       w.forEach(function(C) {
         var y = C;
-        typeof y.transform == "function" && (n === i && (n = q({}, n)), m = n[x] = y.transform(m)), typeof y == "function" ? y = {
+        typeof y.transform == "function" && (n === i && (n = q({}, n)), m = n[u] = y.transform(m)), typeof y == "function" ? y = {
           validator: y
-        } : y = q({}, y), y.validator = o.getValidationMethod(y), y.validator && (y.field = x, y.fullField = y.fullField || x, y.type = o.getType(y), u[x] = u[x] || [], u[x].push({
+        } : y = q({}, y), y.validator = o.getValidationMethod(y), y.validator && (y.field = u, y.fullField = y.fullField || u, y.type = o.getType(y), x[u] = x[u] || [], x[u].push({
           rule: y,
           value: m,
           source: n,
-          field: x
+          field: u
         }));
       });
     });
     var p = {};
-    return Te(u, h, function(x, w) {
-      var m = x.rule, C = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
-      C = C && (m.required || !m.required && x.value), m.field = x.field;
-      function y(v, I) {
-        return q({}, I, {
+    return Te(x, h, function(u, w) {
+      var m = u.rule, C = (m.type === "object" || m.type === "array") && (typeof m.fields == "object" || typeof m.defaultField == "object");
+      C = C && (m.required || !m.required && u.value), m.field = u.field;
+      function y(v, _) {
+        return q({}, _, {
           fullField: m.fullField + "." + v,
           fullFields: m.fullFields ? [].concat(m.fullFields, [v]) : [v]
         });
       }
       function b(v) {
         v === void 0 && (v = []);
-        var I = Array.isArray(v) ? v : [v];
-        !h.suppressWarning && I.length && a.warning("async-validator:", I), I.length && m.message !== void 0 && (I = [].concat(m.message));
-        var L = I.map(Bt(m, n));
+        var _ = Array.isArray(v) ? v : [v];
+        !h.suppressWarning && _.length && a.warning("async-validator:", _), _.length && m.message !== void 0 && (_ = [].concat(m.message));
+        var L = _.map(Bt(m, n));
         if (h.first && L.length)
           return p[m.field] = 1, w(L);
         if (!C)
           w(L);
         else {
-          if (m.required && !x.value)
+          if (m.required && !u.value)
             return m.message !== void 0 ? L = [].concat(m.message).map(Bt(m, n)) : h.error && (L = [h.error(m, D(h.messages.required, m.field))]), w(L);
-          var _ = {};
-          m.defaultField && Object.keys(x.value).map(function(S) {
-            _[S] = m.defaultField;
-          }), _ = q({}, _, x.rule.fields);
+          var I = {};
+          m.defaultField && Object.keys(u.value).map(function(S) {
+            I[S] = m.defaultField;
+          }), I = q({}, I, u.rule.fields);
           var R = {};
-          Object.keys(_).forEach(function(S) {
-            var M = _[S], T = Array.isArray(M) ? M : [M];
+          Object.keys(I).forEach(function(S) {
+            var M = I[S], T = Array.isArray(M) ? M : [M];
             R[S] = T.map(y.bind(null, S));
           });
           var A = new a(R);
-          A.messages(h.messages), x.rule.options && (x.rule.options.messages = h.messages, x.rule.options.error = h.error), A.validate(x.value, x.rule.options || h, function(S) {
+          A.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), A.validate(u.value, u.rule.options || h, function(S) {
             var M = [];
             L && L.length && M.push.apply(M, L), S && S.length && M.push.apply(M, S), w(M.length ? M : null);
           });
@@ -609,10 +609,10 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       var E;
       if (m.asyncValidator)
-        E = m.asyncValidator(m, x.value, b, x.source, h);
+        E = m.asyncValidator(m, u.value, b, u.source, h);
       else if (m.validator) {
         try {
-          E = m.validator(m, x.value, b, x.source, h);
+          E = m.validator(m, u.value, b, u.source, h);
         } catch (v) {
           console.error == null || console.error(v), h.suppressValidatorError || setTimeout(function() {
             throw v;
@@ -625,8 +625,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }, function(v) {
         return b(v);
       });
-    }, function(x) {
-      d(x);
+    }, function(u) {
+      d(u);
     }, n);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
@@ -702,10 +702,10 @@ function ee(a = [], t = 1, e = 0) {
     };
   });
 }
-function _t(a = []) {
+function It(a = []) {
   let t = [];
   return a.forEach((e) => {
-    e.children ? t = t.concat(_t(e.children)) : t.push(e);
+    e.children ? t = t.concat(It(e.children)) : t.push(e);
   }), t;
 }
 const Yt = /^(\r\n|\n\r|\r|\n)/, ii = /^[^\t\r\n]+/, Vt = /^\t/;
@@ -1019,19 +1019,19 @@ class Tt extends re {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = h || {};
+      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
       if (this.rowExpand = c, this.rowHasChildren = d, f) {
-        const x = this.ctx.icons.get("loading");
-        n = "loading", r = x, o = u * 8;
+        const u = this.ctx.icons.get("loading");
+        n = "loading", r = u, o = x * 8;
       } else if (d) {
-        const x = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
-        r = c ? w : x, n = c ? "shrink" : "expand", o = u * 8;
+        const u = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
+        r = c ? w : u, n = c ? "shrink" : "expand", o = x * 8;
       } else
-        o = u * 8;
+        o = x * 8;
       let g = 20, p = 20;
       if (r) {
-        let x = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2;
-        this.ctx.paint.drawImage(r, x, w, g, p), this.drawImageX = x, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r;
+        let u = this.drawX + o + e, w = this.drawY + (this.visibleHeight - p) / 2;
+        this.ctx.paint.drawImage(r, u, w, g, p), this.drawImageX = u, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = p, this.drawImageName = n, this.drawImageSource = r;
       }
       this.align = "left", this.drawTextX = o + this.drawX + g - 0.5;
     }
@@ -1048,35 +1048,35 @@ class Tt extends re {
       HIGHLIGHT_SELECTED_ROW_COLOR: c,
       HIGHLIGHT_HOVER_ROW: d,
       HIGHLIGHT_HOVER_ROW_COLOR: f,
-      STRIPE: u,
+      STRIPE: x,
       STRIPE_COLOR: g
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let E = n, v = o;
       if (typeof r == "function") {
-        const I = r, { backgroundColor: L, color: _ } = I({
+        const _ = r, { backgroundColor: L, color: I } = _({
           row: this.row,
           rowIndex: this.rowIndex,
           colIndex: this.colIndex,
           column: this.column,
           value: this.getValue()
         }) || {};
-        L && (E = L), _ && (v = _);
+        L && (E = L), I && (v = I);
       }
       this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = E, this.drawTextColor = v;
       return;
     }
     let p = "transparent";
-    const x = this.ctx.focusCell, w = this.ctx.hoverCell;
+    const u = this.ctx.focusCell, w = this.ctx.hoverCell;
     let m = this.rowIndex, C = this.rowIndex;
     if (this.rowspan !== 1 && (d || h)) {
       const E = this.getSpanInfo(), { yArr: v } = E;
       m = v[0], C = v[1];
     }
-    d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= m && w.rowIndex <= C && (p = f)), h && x && (x.rowKey === this.rowKey && (p = c), x.rowIndex >= m && x.rowIndex <= C && (p = c)), this.drawCellSkyBgColor = p;
+    d && w && (w.rowKey === this.rowKey && (p = f), w.rowIndex >= m && w.rowIndex <= C && (p = f)), h && u && (u.rowKey === this.rowKey && (p = c), u.rowIndex >= m && u.rowIndex <= C && (p = c)), this.drawCellSkyBgColor = p;
     let y = e, b = o;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, b = o), u && (this.rowIndex % 2 ? y = g : y = e), typeof s == "function") {
-      const E = s, { backgroundColor: v, color: I } = E({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (y = i, b = o), x && (this.rowIndex % 2 ? y = g : y = e), typeof s == "function") {
+      const E = s, { backgroundColor: v, color: _ } = E({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
@@ -1084,16 +1084,16 @@ class Tt extends re {
         isHasChanged: this.isHasChanged,
         value: this.getValue()
       }) || {};
-      v && (y = v), I && (b = I);
+      v && (y = v), _ && (b = _);
     }
     this.drawCellBgColor = y, this.drawTextColor = b;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: n, rowIndex: h, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(n)) {
-      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: u = 0 } = this.ctx.config, g = this.drawX + (e - u) / 2, p = this.drawY + (i - u) / 2;
-      let x = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
-      d && f ? (x = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (x = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (x = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (x = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), x && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x) : x && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x);
+      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, g = this.drawX + (e - x) / 2, p = this.drawY + (i - x) / 2;
+      let u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck";
+      d && f ? (u = this.ctx.icons.get("checkbox-check"), w = "checkbox-check") : d && f ? (u = this.ctx.icons.get("checkbox-check-disabled"), w = "checkbox-check-disabled") : !d && f ? (u = this.ctx.icons.get("checkbox-uncheck"), w = "checkbox-uncheck") : (u = this.ctx.icons.get("checkbox-disabled"), w = "checkbox-disabled"), u && n == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(w)) && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u) : u && n === "selection" && (this.drawImageX = g, this.drawImageY = p, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u);
     }
   }
   updateHoverIcon() {
@@ -1114,10 +1114,10 @@ class Tt extends re {
     if (this.hoverIconName && !this.ctx.editing && n) {
       let h = 0, c = 0;
       if (n.rowKey === this.rowKey && (h = this.drawX + this.width - s - r, c = this.drawY + (this.height - s) / 2), this.rowspan !== 1 && o) {
-        const f = this.getSpanInfo(), { yArr: u } = f, g = u[0], p = u[1];
+        const f = this.getSpanInfo(), { yArr: x } = f, g = x[0], p = x[1];
         if (n.rowIndex >= g && n.rowIndex <= p) {
-          const { width: x, height: w, offsetTop: m, offsetLeft: C } = f;
-          h = this.drawX - C + x - s - r, c = this.drawY - m + (w - s) / 2;
+          const { width: u, height: w, offsetTop: m, offsetLeft: C } = f;
+          h = this.drawX - C + u - s - r, c = this.drawY - m + (w - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
@@ -1216,10 +1216,10 @@ class Tt extends re {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: u, drawY: g } = this;
+    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: x, drawY: g } = this;
     if (d === h && f === c) {
-      const x = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(u + this.width - x, g + this.height - x, 6, 6, {
+      const u = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
+      this.ctx.paint.drawRect(x + this.width - u, g + this.height - u, 6, 6, {
         borderColor: r,
         fillColor: e
       });
@@ -1340,11 +1340,11 @@ class Tt extends re {
   drawBorder(e) {
     const { drawX: i, drawY: s, rowIndex: r, colIndex: o, height: n, width: h } = this;
     let c = i, d = s;
-    const { xArr: f, yArr: u, lineDash: g = [], borderWidth: p = 1, borderColor: x, fillColor: w } = e, m = f[0], C = f[1], y = u[0], b = u[1];
+    const { xArr: f, yArr: x, lineDash: g = [], borderWidth: p = 1, borderColor: u, fillColor: w } = e, m = f[0], C = f[1], y = x[0], b = x[1];
     if (o >= m && o <= C && r === y) {
       const E = o === C ? 1 : 0, v = o === m ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + 1, c + h - E, d + 1], {
-        borderColor: x,
+        borderColor: u,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1355,7 +1355,7 @@ class Tt extends re {
     if (o === C && r >= y && r <= b) {
       const E = r === y ? 1 : 0, v = r === b ? 1 : 0;
       this.ctx.paint.drawLine([c + h - 1, d + E, c + h - 1, d + n - v], {
-        borderColor: x,
+        borderColor: u,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1366,7 +1366,7 @@ class Tt extends re {
     if (o >= m && o <= C && r === b) {
       const E = o === C ? 1 : 0, v = o === m ? 1 : 0;
       this.ctx.paint.drawLine([c + v, d + n - 1, c + h - E, d + n - 1], {
-        borderColor: x,
+        borderColor: u,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1377,7 +1377,7 @@ class Tt extends re {
     if (o === m && r >= y && r <= b) {
       const E = r === b ? 1 : 0, v = r === y ? 1 : 0;
       this.ctx.paint.drawLine([c + 1, d + v, c + 1, d + n - E], {
-        borderColor: x,
+        borderColor: u,
         fillColor: w,
         borderWidth: p,
         lineCap: "round",
@@ -1399,6 +1399,7 @@ class li {
     l(this, "colIndexKeyMap", /* @__PURE__ */ new Map());
     l(this, "headerMap", /* @__PURE__ */ new Map());
     l(this, "rowIndexRowKeyMap", /* @__PURE__ */ new Map());
+    l(this, "rowKeyRowIndexMap", /* @__PURE__ */ new Map());
     l(this, "checkboxKeyMap", /* @__PURE__ */ new Map());
     l(this, "selectionMap", /* @__PURE__ */ new Map());
     l(this, "originalDataMap", /* @__PURE__ */ new Map());
@@ -1420,7 +1421,7 @@ class li {
     this.data = i, this.footerData = r, this.columns = s, this.setLoading(!0), this.init();
   }
   init() {
-    this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear(), this.itemRowKeyMap = /* @__PURE__ */ new WeakMap();
+    this.clearBufferData(), this.rowKeyMap.clear(), this.checkboxKeyMap.clear(), this.colIndexKeyMap.clear(), this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear(), this.originalDataMap.clear(), this.changedDataMap.clear(), this.validationErrorMap.clear(), this.itemRowKeyMap = /* @__PURE__ */ new WeakMap();
     const { ROW_KEY: t, ENABLE_RESERVE_SELECTION: e } = this.ctx.config;
     e && t || this.selectionMap.clear(), this.initData(this.data), this.getData(), this.bufferCheckState.buffer = !1;
   }
@@ -1440,30 +1441,30 @@ class li {
       var w;
       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: n, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], u = f != null ? `${f}` : Jt();
-      this.itemRowKeyMap.set(i, u);
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: n, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Jt();
+      this.itemRowKeyMap.set(i, x);
       const g = i._height || h, p = i._readonly;
-      let x = !0;
-      if (typeof c == "function" && (x = c), d) {
+      let u = !0;
+      if (typeof c == "function" && (u = c), d) {
         const m = i[d];
         if (this.checkboxKeyMap.has(m)) {
           const C = this.checkboxKeyMap.get(m) || [];
-          C.push(u), this.checkboxKeyMap.set(m, C);
+          C.push(x), this.checkboxKeyMap.set(m, C);
         } else
-          this.checkboxKeyMap.set(m, [u]);
+          this.checkboxKeyMap.set(m, [x]);
       }
-      this.selectionMap.set(u, {
-        key: d ? i[d] : u,
+      this.selectionMap.set(x, {
+        key: d ? i[d] : x,
         row: i,
-        check: ((w = this.selectionMap.get(u)) == null ? void 0 : w.check) || !1
-      }), this.rowKeyMap.set(u, {
+        check: ((w = this.selectionMap.get(x)) == null ? void 0 : w.check) || !1
+      }), this.rowKeyMap.set(x, {
         readonly: p,
         index: s,
         rowIndex: s,
         level: e,
         height: g,
         check: !1,
-        selectable: x,
+        selectable: u,
         expand: n,
         expandLazy: !1,
         hasChildren: r,
@@ -1532,14 +1533,14 @@ class li {
       r.forEach((o) => {
         t.push(o);
         const n = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: d } = this.rowKeyMap.get(n), f = this.sumHeight;
-        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, n), this.positions.push({
+        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, n), this.rowKeyRowIndexMap.set(n, e), this.positions.push({
           top: f,
           height: d,
           bottom: this.sumHeight
         }), e += 1, h && c && i(o.children);
       });
     };
-    this.rowIndexRowKeyMap.clear();
+    this.rowIndexRowKeyMap.clear(), this.rowKeyRowIndexMap.clear();
     let s = this.data;
     return typeof this.filterMethod == "function" && (s = this.filterMethod(s)), i(s), this.bufferData = t, {
       data: t,
@@ -1637,7 +1638,7 @@ class li {
     return this.itemRowKeyMap.get(t);
   }
   getRowIndexForRowKey(t) {
-    return this.rowKeyMap.get(t).index;
+    return this.rowKeyRowIndexMap.get(t);
   }
   /**
    * 根据rowIndex和colIndex获取单元格数据
@@ -1675,19 +1676,19 @@ class li {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     let r = [], o = t.map((d) => {
-      const { rowKey: f, key: u } = d;
+      const { rowKey: f, key: x } = d;
       let g = d.value, p = g;
-      const x = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, u), m = this.getVirtualBodyCellByKey(f, u);
+      const u = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, x), m = this.getVirtualBodyCellByKey(f, x);
       return (m == null ? void 0 : m.type) === "number" && (["", void 0, null].includes(g) ? p = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? p = Number(g) : (p = w, r.push({
         ...d,
         value: p,
         oldValue: w,
-        row: x
+        row: u
       }))), {
         ...d,
         value: p,
         oldValue: w,
-        row: x
+        row: u
       };
     });
     if (o = o.filter((d) => !r.some((f) => d.rowKey === f.rowKey && d.key === f.key)), r.length) {
@@ -1702,9 +1703,9 @@ class li {
       return;
     const { BEFORE_VALUE_CHANGE_METHOD: n } = this.ctx.config;
     typeof n == "function" && (o = await n(o)), o.forEach((d) => {
-      const { value: f, rowKey: u, key: g, oldValue: p } = d;
-      s.add(u), this.setItemValue(u, g, f), i.push({
-        rowKey: u,
+      const { value: f, rowKey: x, key: g, oldValue: p } = d;
+      s.add(x), this.setItemValue(x, g, f), i.push({
+        rowKey: x,
         key: g,
         oldValue: p,
         newValue: f
@@ -1747,7 +1748,7 @@ class li {
     n[e] !== null && typeof n[e] == "object" && (h = JSON.parse(JSON.stringify(n[e])));
     const d = `${t}​_${e}`;
     this.originalDataMap.has(d) || this.originalDataMap.set(d, h);
-    const f = this.originalDataMap.get(d), u = this.getRowDataItemForRowKey(t);
+    const f = this.originalDataMap.get(d), x = this.getRowDataItemForRowKey(t);
     if (o) {
       const g = this.getVirtualBodyCellByKey(t, e);
       if ((g == null ? void 0 : g.type) === "number")
@@ -1766,7 +1767,7 @@ class li {
                 key: e,
                 value: c,
                 oldValue: h,
-                row: u
+                row: x
               }
             ]
           };
@@ -1785,28 +1786,28 @@ class li {
             key: e,
             value: c,
             oldValue: n[e],
-            row: u
+            row: x
           }
         ]);
         m && m.length && (c = m[0].value);
       }
       this.changedDataMap.set(d, c), n[e] = c;
-      const x = {
+      const u = {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
-        row: u
+        row: x
       };
       this.getValidator(t, e).then(() => {
         this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-      }), this.ctx.emit("change", [x], [u]), this.ctx.emit("editChange", {
+      }), this.ctx.emit("change", [u], [x]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
         originalValue: f,
-        row: u
+        row: x
       });
     } else
       this.changedDataMap.set(d, c), n[e] = c;
@@ -1816,7 +1817,7 @@ class li {
       oldValue: h,
       value: c,
       originalValue: this.originalDataMap.get(d),
-      row: u
+      row: x
     }), s && this.ctx.history.pushState({
       type: "single",
       scrollX: this.ctx.scrollX,
@@ -1945,14 +1946,14 @@ class li {
       return e;
     const i = this.rowKeyMap.size;
     let s = 0, r = 0;
-    const o = this.selectionMap.size, n = Array.from(this.selectionMap.values()).some((u) => u.check);
-    this.rowKeyMap.forEach((u, g) => {
-      var x;
-      (x = this.selectionMap.get(g)) != null && x.check && (s += 1);
-      let p = u.selectable;
+    const o = this.selectionMap.size, n = Array.from(this.selectionMap.values()).some((x) => x.check);
+    this.rowKeyMap.forEach((x, g) => {
+      var u;
+      (u = this.selectionMap.get(g)) != null && u.check && (s += 1);
+      let p = x.selectable;
       typeof p == "function" && (p = p({
-        row: u.item,
-        rowIndex: u.rowIndex
+        row: x.item,
+        rowIndex: x.rowIndex
       })), p && (r += 1);
     });
     const h = o > i && s === 0 && n, c = r && r > s && s > 0 || h, d = r !== 0, f = !!r && r === s;
@@ -2094,14 +2095,14 @@ class li {
       if (h) {
         let c = {}, d = {};
         if (d[e] = this.getItemValue(t, e), Array.isArray(h)) {
-          const u = h.map((g) => ({
+          const x = h.map((g) => ({
             ...g,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          c[e] = u;
+          c[e] = x;
         } else
           c[e] = {
             ...h,
@@ -2112,8 +2113,8 @@ class li {
           };
         new nt(c).validate(d).then(() => {
           this.clearValidationError(t, e), i([]);
-        }).catch(({ errors: u }) => {
-          const g = u.map((p) => ({
+        }).catch(({ errors: x }) => {
+          const g = x.map((p) => ({
             ...p,
             column: n,
             key: e,
@@ -2146,10 +2147,10 @@ class li {
       relationColKeys: c,
       rowspan: d,
       height: f,
-      width: u,
+      width: x,
       colspan: g,
       mergeRow: p,
-      mergeCol: x
+      mergeCol: u
     } = t;
     if (d === 1 && g === 1)
       return {
@@ -2158,7 +2159,7 @@ class li {
         rowspan: d,
         colspan: g,
         height: f,
-        width: u,
+        width: x,
         offsetTop: 0,
         offsetLeft: 0,
         dataList: [
@@ -2170,10 +2171,10 @@ class li {
           }
         ]
       };
-    let w = e, m = e, C = n, y = n, b = [], E = 0, v = 0, I = 0, L = 0;
+    let w = e, m = e, C = n, y = n, b = [], E = 0, v = 0, _ = 0, L = 0;
     if (d !== 1 && p) {
-      L = u;
-      const _ = h.reduce((R, A) => {
+      L = x;
+      const I = h.reduce((R, A) => {
         const S = this.getItemValue(s, A) ?? "";
         return `${R}${S}`;
       }, "");
@@ -2182,7 +2183,7 @@ class li {
           const B = this.getItemValue(A, T) ?? "";
           return `${M}${B}`;
         }, "");
-        if (_ === S)
+        if (I === S)
           w = R;
         else
           break;
@@ -2192,7 +2193,7 @@ class li {
           const B = this.getItemValue(A, T) ?? "";
           return `${M}${B}`;
         }, "");
-        if (_ === S)
+        if (I === S)
           m = R;
         else
           break;
@@ -2203,7 +2204,7 @@ class li {
       }
       for (let R = w; R <= m; R++) {
         const { height: A } = this.positions[R];
-        I += A;
+        _ += A;
         const S = this.rowIndexRowKeyMap.get(R) || "", { item: M } = this.rowKeyMap.get(S), T = this.getItemValue(S, i);
         b.push({
           rowKey: S,
@@ -2213,36 +2214,36 @@ class li {
         });
       }
     }
-    if (g !== 1 && x) {
-      I = f;
-      for (let _ = n - 1; _ >= 0; _--) {
-        const R = this.getColumnByColIndex(_);
+    if (g !== 1 && u) {
+      _ = f;
+      for (let I = n - 1; I >= 0; I--) {
+        const R = this.getColumnByColIndex(I);
         if (!R)
           break;
         const A = this.getItemValue(s, i), S = this.getItemValue(s, R.key);
         if (A === S && c.includes(R.key))
-          C = _;
+          C = I;
         else
           break;
       }
-      for (let _ = n; _ <= this.ctx.maxColIndex; _++) {
-        const R = this.getColumnByColIndex(_);
+      for (let I = n; I <= this.ctx.maxColIndex; I++) {
+        const R = this.getColumnByColIndex(I);
         if (!R)
           break;
         const A = this.getItemValue(s, i), S = this.getItemValue(s, R.key);
         if (A === S && c.includes(R.key))
-          y = _;
+          y = I;
         else
           break;
       }
-      for (let _ = C; _ < n; _++) {
-        const R = this.getColumnByColIndex(_);
+      for (let I = C; I < n; I++) {
+        const R = this.getColumnByColIndex(I);
         if (!R)
           break;
         v += R.width || 100;
       }
-      for (let _ = C; _ <= y; _++) {
-        const R = this.getColumnByColIndex(_);
+      for (let I = C; I <= y; I++) {
+        const R = this.getColumnByColIndex(I);
         if (!R)
           break;
         L += R.width || 100, b.push({
@@ -2258,7 +2259,7 @@ class li {
       yArr: [w, m],
       rowspan: d,
       colspan: g,
-      height: I,
+      height: _,
       width: L,
       offsetTop: E,
       offsetLeft: v,
@@ -2549,8 +2550,8 @@ class fi {
     if (this.ctx.save(), this.ctx.beginPath(), n !== void 0 && (this.ctx.fillStyle = n), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, d, f, u] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - u, u), this.ctx.arcTo(t, e, t + c, e, c);
+      const [c, d, f, x] = typeof h == "number" ? [h, h, h, h] : h;
+      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + d, d), this.ctx.arcTo(t + i, e + s, t + i - f, e + s, f), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + c, e, c);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2574,12 +2575,12 @@ class fi {
       verticalAlign: f = "middle"
     } = o;
     this.ctx.font = n, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
-    let u = 0;
-    f === "top" ? u = i + d : f === "bottom" ? u = i + r - d : u = i + (r + 1) / 2;
+    let x = 0;
+    f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
     let g = 0;
     h === "left" ? g = e + d : h === "right" ? g = e + s - d : g = e + s / 2;
-    const { _text: p, ellipsis: x } = this.handleEllipsis(t, s, d, n);
-    return this.ctx.fillText(p, g, u), this.ctx.restore(), x;
+    const { _text: p, ellipsis: u } = this.handleEllipsis(t, s, d, n);
+    return this.ctx.fillText(p, g, x), this.ctx.restore(), u;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let r = !1, o = t;
@@ -2767,7 +2768,7 @@ class Wt {
   }
 }
 const Pt = '<svg t="1724122044148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4551" width="32" height="32"><path d="M707.648 401.28L489.28 560.704l22.656 30.976 22.656-30.976L316.16 401.216q-3.072-2.24-6.464-3.84-3.456-1.536-7.104-2.432-3.712-0.896-7.488-1.088-3.776-0.128-7.488 0.448-3.776 0.64-7.296 1.92-3.584 1.28-6.784 3.2-3.2 1.984-6.016 4.544-2.816 2.56-5.056 5.632-2.176 3.072-3.84 6.464-1.536 3.456-2.432 7.104-0.896 3.712-1.088 7.488-0.128 3.776 0.448 7.488 0.64 3.776 1.92 7.296 1.28 3.584 3.2 6.784 1.984 3.2 4.544 6.016 2.56 2.752 5.632 4.992l218.368 159.552q4.928 3.584 10.752 5.504 5.76 1.92 11.904 1.92 6.08 0 11.904-1.92 5.76-1.92 10.752-5.504l218.368-159.552q3.008-2.24 5.568-4.992 2.56-2.816 4.544-6.016 1.92-3.2 3.264-6.784 1.28-3.52 1.92-7.296 0.576-3.712 0.384-7.488-0.128-3.84-1.024-7.488-0.896-3.648-2.496-7.04-1.6-3.456-3.84-6.528-2.24-3.072-4.992-5.632-2.816-2.56-6.016-4.48-3.2-1.984-6.784-3.328-3.584-1.28-7.296-1.856-3.712-0.64-7.488-0.448-3.84 0.192-7.488 1.088-3.648 0.896-7.04 2.496-3.456 1.536-6.528 3.84z m61.056 30.976q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.472-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.72-3.584-3.456-1.408-7.168-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.656 3.584-3.136 2.112-5.76 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.584 6.656-1.408 3.52-2.176 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.176 7.168 1.472 3.52 3.584 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.168-2.176 3.52-1.408 6.656-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.048-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z m-436.736 0q0-3.84-0.768-7.488-0.704-3.712-2.176-7.232-1.408-3.456-3.52-6.656-2.112-3.136-4.8-5.76-2.688-2.688-5.76-4.8-3.2-2.112-6.656-3.584-3.52-1.408-7.232-2.176-3.712-0.704-7.488-0.704-3.84 0-7.488 0.704-3.712 0.768-7.232 2.176-3.456 1.472-6.592 3.584-3.2 2.112-5.824 4.8-2.688 2.624-4.8 5.76-2.112 3.2-3.52 6.656-1.472 3.52-2.24 7.232-0.704 3.712-0.704 7.488 0 3.776 0.704 7.488 0.768 3.712 2.24 7.168 1.408 3.52 3.52 6.656 2.112 3.2 4.8 5.824 2.624 2.688 5.76 4.8 3.2 2.112 6.656 3.52 3.52 1.472 7.232 2.176 3.712 0.768 7.488 0.768 3.776 0 7.488-0.768 3.712-0.704 7.232-2.176 3.456-1.408 6.592-3.52 3.2-2.112 5.824-4.8 2.688-2.688 4.8-5.76 2.112-3.2 3.52-6.72 1.472-3.456 2.176-7.168 0.768-3.712 0.768-7.488z" p-id="4552"></path></svg>';
-class ui {
+class xi {
   constructor(t) {
     l(this, "ctx");
     l(this, "list", [
@@ -2998,8 +2999,8 @@ class oe extends re {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
       const { indeterminate: r, check: o, selectable: n } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
-      let f = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck";
-      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), u = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), u = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), u = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), u = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), u = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = u, this.drawImageSource = f, this.ctx.paint.drawImage(
+      let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
+      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && n ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && n ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && n ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -3028,7 +3029,7 @@ class oe extends re {
     };
   }
 }
-class xi {
+class ui {
   constructor(t) {
     l(this, "ctx");
     l(this, "visibleHoverCell");
@@ -3315,7 +3316,7 @@ class gi {
       emptyElement: h,
       contextMenuElement: c
     } = t;
-    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new xi(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new ui(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new ui(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new xi(this);
   }
   setConfig(t) {
     this.config = new Wt(t);
@@ -3521,12 +3522,12 @@ class zt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0, BORDER: n }
-    } = this.ctx, h = s, c = i, d = e.height, f = e.width, u = t.height, g = this.ctx.footer.height;
+    } = this.ctx, h = s, c = i, d = e.height, f = e.width, x = t.height, g = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = c - r - d, this.distance = u - this.visibleDistance + g, this.trackX = h - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
-      const p = this.distance ? this.visibleDistance / (u + g) : 0;
-      let x = Math.floor(p * this.visibleDistance);
-      x < 30 ? x = 30 : x > this.visibleDistance && (x = 0), this.barHeight = x, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
+      this.visibleDistance = c - r - d, this.distance = x - this.visibleDistance + g, this.trackX = h - r, this.trackY = 0, this.splitPoints = [this.trackX, d, this.trackX + r, d], this.trackWidth = r, this.trackHeight = c, this.barX = this.trackX - 1 + (r - o) / 2, this.barWidth = o;
+      const p = this.distance ? this.visibleDistance / (x + g) : 0;
+      let u = Math.floor(p * this.visibleDistance);
+      u < 30 ? u = 30 : u > this.visibleDistance && (u = 0), this.barHeight = u, this.barY = d + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
       this.visibleDistance = h - r, this.distance = f - this.visibleDistance, this.splitPoints = [
         h - r,
@@ -3536,8 +3537,8 @@ class zt {
       ];
       const p = n ? 0 : 0.5;
       this.trackX = 0, this.trackY = c - r + p, this.trackWidth = h, this.trackHeight = r;
-      const x = this.distance ? this.visibleDistance / f : 0;
-      let w = Math.floor(x * this.visibleDistance);
+      const u = this.distance ? this.visibleDistance / f : 0;
+      let w = Math.floor(u * this.visibleDistance);
       this.barY = this.trackY - 1 + (r - o) / 2, w < 30 ? w = 30 : w >= this.visibleDistance && (w = 0), this.barWidth = w, this.barHeight = o, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
   }
@@ -3619,7 +3620,10 @@ class wi {
     s > e.visibleHeight && this.setScrollY(s - e.visibleHeight / 2);
   }
   scrollToRowKey(t) {
-    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t), { top: r } = i.getPositionForRowIndex(s);
+    const { body: e, database: i } = this.ctx, s = i.getRowIndexForRowKey(t);
+    if (s === void 0)
+      return;
+    const { top: r } = i.getPositionForRowIndex(s);
     this.setScrollY(r - e.visibleHeight / 2);
   }
 }
@@ -3672,8 +3676,8 @@ class pi {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = te(i), r = _t(i);
-    this.height = t * s, this.width = r.reduce((f, u) => f + ((u == null ? void 0 : u.width) || 100), 0), this.visibleHeight = this.height;
+    const s = te(i), r = It(i);
+    this.height = t * s, this.width = r.reduce((f, x) => f + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
     const o = ei(ee(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const n = this.ctx.containerElement.getBoundingClientRect();
@@ -3684,9 +3688,9 @@ class pi {
       this.resizeAllColumn(f);
     }
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((f, u) => f + u.width, 0);
+    this.ctx.fixedLeftWidth = c.reduce((f, x) => f + x.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedRightWidth = d.reduce((f, u) => f + u.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    this.ctx.fixedRightWidth = d.reduce((f, x) => f + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -3775,7 +3779,7 @@ class pi {
     for (let o = 0; o < i; o++) {
       const n = t[o], h = r * (n.rowspan || 0), c = r * (n.level || 0);
       let d = n.width || 100;
-      n.children && (d = _t(n.children).reduce((g, p) => g + ((p == null ? void 0 : p.width) || 100), 0));
+      n.children && (d = It(n.children).reduce((g, p) => g + ((p == null ? void 0 : p.width) || 100), 0));
       const f = new oe(this.ctx, this.columnIndex, s, c, d, h, n);
       this.ctx.database.setHeader(n.key, f), this.allCellHeaders.push(f), n.children || (this.leafCellHeaders.push(f), f.column.widthFillDisable || this.resizeNum++), n.fixed === "left" ? this.fixedLeftCellHeaders.push(f) : n.fixed === "right" ? this.fixedRightCellHeaders.push(f) : this.centerCellHeaders.push(f), !n.children && this.columnIndex++, n.children && this.render(n.children, s), s += d;
     }
@@ -3946,18 +3950,18 @@ class mi {
         MAX_HEIGHT: c = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
-        FOOTER_POSITION: u
+        FOOTER_POSITION: x
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, u === "top" && r ? this.y = e.height + i.height : this.y = e.height;
+    this.x = 0, x === "top" && r ? this.y = e.height + i.height : this.y = e.height;
     const { data: g, sumHeight: p } = s.getData();
     this.height = p, this.data = g, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
-    const x = this.ctx.footer.height;
-    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - x - o);
+    const u = this.ctx.footer.height;
+    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - u - o);
     let w = this.height + e.height + o;
-    w += x;
+    w += u;
     let m = w;
     const C = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (C > y && d && !n) {
@@ -3966,18 +3970,18 @@ class mi {
     } else this.data.length && n ? m = n : this.data.length && c && w > c && (m = c);
     m > 0 && (this.ctx.stageHeight = Math.floor(m), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let b = this.ctx.stageHeight - e.height - o;
-    r ? this.visibleHeight = b - x : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), 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 = g;
-    const E = window.devicePixelRatio || 1, v = this.ctx.stageWidth * E, I = this.ctx.stageHeight * E;
-    t.width = Math.floor(v), t.height = Math.floor(I);
+    r ? this.visibleHeight = b - u : this.visibleHeight = b, this.data.length || (this.height = this.visibleHeight), 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 = g;
+    const E = window.devicePixelRatio || 1, v = this.ctx.stageWidth * E, _ = this.ctx.stageHeight * E;
+    t.width = Math.floor(v), t.height = Math.floor(_);
     const L = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: L,
       type: L,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: x,
+      footerHeight: u,
       width: this.width,
-      height: this.data.length ? 0 : h + x
+      height: this.data.length ? 0 : h + u
     }), this.ctx.canvasElement.setAttribute(
       "style",
       ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
@@ -4007,8 +4011,8 @@ class mi {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const f = this.resizeTarget.height;
-        let u = n - this.clientY;
-        u + f < d && (u = -(f - d)), this.resizeDiff = u, this.ctx.emit("draw");
+        let x = n - this.clientY;
+        x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -4020,11 +4024,11 @@ class mi {
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
         for (let f = 0; f < this.renderRows.length; f++) {
-          const u = this.renderRows[f];
-          if (r > u.y - c + u.height - 1.5 && r < u.y - c + u.height + 1.5 && r < h - 4)
-            for (let p = 0; p < u.cells.length; p++) {
-              const x = u.cells[p];
-              o > x.drawX + 10 && o < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
+          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)
+            for (let p = 0; p < x.cells.length; p++) {
+              const u = x.cells[p];
+              o > u.drawX + 10 && o < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
             }
         }
       }
@@ -4107,7 +4111,7 @@ class mi {
     this.headIndex = Math.max(0, h), this.tailIndex = Math.min(this.ctx.maxRowIndex, c + 1), this.visibleRows = o.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const d = [];
     for (let f = 0; f < this.visibleRows.length; f++) {
-      const u = this.headIndex + f, g = this.visibleRows[f], { height: p, top: x } = this.ctx.database.getPositionForRowIndex(u), w = new ne(this.ctx, u, 0, x + this.y, t.width, p, g);
+      const x = this.headIndex + f, g = this.visibleRows[f], { height: p, top: u } = this.ctx.database.getPositionForRowIndex(x), w = new ne(this.ctx, x, 0, u + this.y, t.width, p, g);
       d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -4324,26 +4328,26 @@ class Ei {
         SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
-        SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, x = c, w = d || this.ctx.maxRowIndex - u;
+        SELECTOR_AREA_MAX_Y_OFFSET: x
+      } = this.ctx.config, g = n, p = h || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
       let [m, C] = r, [y, b] = o;
-      if (m < g || C > p || y < x || b > w)
+      if (m < g || C > p || y < u || b > w)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const v = this.adjustMergeCells(r, o);
         y = v.yArr[0], b = v.yArr[1], m = v.xArr[0], C = v.xArr[1], this.ctx.onlyMergeCell = v.onlyMergeCell;
       }
-      m === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, m), Math.min(p, C)], o = [Math.max(x, y), Math.min(w, b)];
+      m === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, m), Math.min(p, C)], o = [Math.max(u, y), Math.min(w, b)];
       const { BEFORE_SET_SELECTOR_METHOD: E } = this.ctx.config;
       if (typeof E == "function") {
-        const I = E({
+        const _ = E({
           focusCell: this.ctx.focusCell,
           xArr: r,
           yArr: o
         });
-        if (!I)
+        if (!_)
           return;
-        r = I.xArr, o = I.yArr;
+        r = _.xArr, o = _.yArr;
       }
       this.ctx.selector.xArr = r, this.ctx.selector.yArr = o, this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
@@ -4352,38 +4356,38 @@ class Ei {
     var p;
     const [i, s] = e, [r, o] = t;
     let n = [], h = [];
-    for (let x = 0; x <= e[1] - e[0]; x++)
+    for (let u = 0; u <= e[1] - e[0]; u++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const m = x + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(m, C);
+        const m = u + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(m, C);
         y && ((m === i || m === s) && n.push(y), (C === r || C === o) && h.push(y));
       }
     const c = n.reduce(
-      (x, w) => {
+      (u, w) => {
         const { yArr: m } = w.getSpanInfo(), [C, y] = m;
-        return x.minY = Math.min(x.minY, C), x.maxY = Math.max(x.maxY, y), x;
+        return u.minY = Math.min(u.minY, C), u.maxY = Math.max(u.maxY, y), u;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = h.reduce(
-      (x, w) => {
+      (u, w) => {
         const { xArr: m } = w.getSpanInfo(), [C, y] = m;
-        return x.minX = Math.min(x.minX, C), x.maxX = Math.max(x.maxX, y), x;
+        return u.minX = Math.min(u.minX, C), u.maxX = Math.max(u.maxX, y), u;
       },
       {
         minX: r,
         maxX: o
       }
-    ), f = [d.minX, d.maxX], u = [c.minY, c.maxY];
+    ), f = [d.minX, d.maxX], x = [c.minY, c.maxY];
     let g = !1;
     if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const x = JSON.stringify(f) + JSON.stringify(u), w = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
-      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === x;
+      const u = JSON.stringify(f) + JSON.stringify(x), w = (p = this.ctx.focusCell) == null ? void 0 : p.getSpanInfo();
+      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === u;
     }
     return {
       xArr: f,
-      yArr: u,
+      yArr: x,
       onlyMergeCell: g
     };
   }
@@ -4421,7 +4425,7 @@ class Ei {
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: n,
         SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, u = o || this.ctx.maxRowIndex - h, g = [c, d], p = [f, u];
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h, g = [c, d], p = [f, x];
       this.setSelector(g, p);
     }
   }
@@ -4460,8 +4464,8 @@ class Ei {
       if (this.ctx.selector.enable = !0, i && t) {
         if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
           return;
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), u = [h, c], g = [d, f];
-        this.setSelector(u, g);
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: n } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(n, r), f = Math.max(n, r), x = [h, c], g = [d, f];
+        this.setSelector(x, g);
       } else {
         this.ctx.emit("cellSelectedClick", e);
         const s = [e.colIndex, e.colIndex], r = [e.rowIndex, e.rowIndex];
@@ -4529,9 +4533,9 @@ class Ei {
       for (let h = 0; h <= t[1] - t[0]; h++) {
         const c = n + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
         if (f) {
-          const { rowKey: u, key: g } = f;
-          this.ctx.database.getReadonly(u, g) || (r.add(u), s.push({
-            rowKey: u,
+          const { rowKey: x, key: g } = f;
+          this.ctx.database.getReadonly(x, g) || (r.add(x), s.push({
+            rowKey: x,
             key: g,
             value: null,
             row: {}
@@ -4559,18 +4563,18 @@ class Ei {
       const e = this.ctx.selector.yArr[0], i = this.ctx.selector.xArr[0], s = /* @__PURE__ */ new Set();
       navigator.clipboard.readText().then(async (r) => {
         let o = si(r);
-        const n = [i, i + o[0].length - 1], h = [e, e + o.length - 1], [c, d] = h, [f, u] = n, g = d - this.ctx.maxRowIndex, p = u - this.ctx.maxColIndex;
+        const n = [i, i + o[0].length - 1], h = [e, e + o.length - 1], [c, d] = h, [f, x] = n, g = d - this.ctx.maxRowIndex, p = x - this.ctx.maxColIndex;
         (g > 0 || p > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
-          maxX: u,
+          maxX: x,
           minY: c,
           minX: f,
           overflowRowCount: g,
           overflowColCount: p,
           textArr: o
         });
-        const x = o.length === 1 && o[0].length === 1;
-        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !x) {
+        const u = o.length === 1 && o[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !u) {
           const y = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
@@ -4582,12 +4586,12 @@ class Ei {
         for (let y = 0; y <= o.length - 1; y++) {
           const b = o[y].length;
           for (let E = 0; E <= b - 1; E++) {
-            const v = y + e, I = E + i, L = o[y][E], _ = this.ctx.database.getItemValueForRowIndexAndColIndex(
+            const v = y + e, _ = E + i, L = o[y][E], I = this.ctx.database.getItemValueForRowIndexAndColIndex(
               v,
-              I
+              _
             );
-            if (_) {
-              const { rowKey: R, key: A } = _;
+            if (I) {
+              const { rowKey: R, key: A } = I;
               this.ctx.database.getReadonly(R, A) || (s.add(R), w.push({
                 rowKey: R,
                 key: A,
@@ -4673,8 +4677,8 @@ class Ei {
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: n,
       SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, u = o || this.ctx.maxRowIndex - h;
-    return !(e < c || e > d || t < f || t > u);
+    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, x = o || this.ctx.maxRowIndex - h;
+    return !(e < c || e > d || t < f || t > x);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4716,19 +4720,19 @@ class Ei {
       body: h,
       scrollX: c,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: p }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: p }
     } = this.ctx;
     if (!i)
       return;
     p && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: x, drawY: w, width: m, height: C, fixed: y } = i, b = r - x + 1, E = i.drawX + m - (e - s) + 1;
-    let v = o.height - w, I = C;
-    I > h.visibleHeight && (I = h.visibleHeight);
+    const { drawX: u, drawY: w, width: m, height: C, fixed: y } = i, b = r - u + 1, E = i.drawX + m - (e - s) + 1;
+    let v = o.height - w, _ = C;
+    _ > h.visibleHeight && (_ = h.visibleHeight);
     let L = 0;
-    u && (g === "top" ? v = o.height + n.height - w : L = n.visibleHeight);
-    const _ = w + I - (t - L - f);
+    x && (g === "top" ? v = o.height + n.height - w : L = n.visibleHeight);
+    const I = w + _ - (t - L - f);
     let R = c, A = d;
-    E > 0 && !y ? R = Math.floor(c + E) : b > 0 && !y && (R = Math.floor(c - b)), v > 0 ? A = Math.floor(d - v) : _ > 0 && (A = Math.floor(d + _)), (Math.abs(c - R) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, A), this.ctx.emit("adjustBoundaryPosition", i));
+    E > 0 && !y ? R = Math.floor(c + E) : b > 0 && !y && (R = Math.floor(c - b)), v > 0 ? A = Math.floor(d - v) : I > 0 && (A = Math.floor(d + I)), (Math.abs(c - R) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(R, A), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4744,8 +4748,8 @@ class Ci {
     this.ctx.on("mousemove", (t) => {
       if (this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default"), this.ctx.editing || !this.ctx.focusCell || !this.maxColRowCell)
         return;
-      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: r, drawX: o, drawY: n, width: h, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, u = o + h - d + f, g = n + c - d + f;
-      e > u && i > g && e < u + d && i < g + d && (this.ctx.stageElement.style.cursor = "crosshair");
+      const { offsetX: e, offsetY: i } = this.ctx.getOffset(t), { colIndex: s, rowIndex: r, drawX: o, drawY: n, width: h, height: c } = this.maxColRowCell, d = 6, f = s === this.ctx.maxColIndex || r === this.ctx.maxRowIndex ? 0 : 2, x = o + h - d + f, g = n + c - d + f;
+      e > x && i > g && e < x + d && i < g + d && (this.ctx.stageElement.style.cursor = "crosshair");
     }), this.ctx.on("cellMouseenter", (t) => {
       const { xArr: e, yArr: i } = this.ctx.selector, s = e[1], r = i[1], { colIndex: o, rowIndex: n } = t;
       this.ctx.config.ENABLE_AUTOFILL && o === s && n === r && (this.maxColRowCell = t), this.mouseenter(t);
@@ -4790,13 +4794,13 @@ class Ci {
         SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: u,
+        SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: g
-      } = this.ctx.config, p = h, x = c || this.ctx.maxColIndex - u, w = d, m = f || this.ctx.maxRowIndex - g;
+      } = this.ctx.config, p = h, u = c || this.ctx.maxColIndex - x, w = d, m = f || this.ctx.maxRowIndex - g;
       let [C, y] = o, [b, E] = n;
       if (C < p || b < w)
         return;
-      o = [Math.max(p, C), Math.min(x, y)], n = [Math.max(w, b), Math.min(m, E)];
+      o = [Math.max(p, C), Math.min(u, y)], n = [Math.max(w, b), Math.min(m, E)];
       const { BEFORE_SET_AUTOFILL_METHOD: v } = this.ctx.config;
       if (typeof v == "function") {
         const L = v({
@@ -4818,8 +4822,8 @@ class Ci {
     const t = /* @__PURE__ */ new Set(), e = this.ctx.getSelectedData(), i = /* @__PURE__ */ new Map();
     for (let g = 0; g <= e.yArr[1] - e.yArr[0]; g++)
       for (let p = 0; p <= e.xArr[1] - e.xArr[0]; p++) {
-        const x = g + e.yArr[0], w = p + e.xArr[0];
-        i.set(`${x}-${w}`, !0);
+        const u = g + e.yArr[0], w = p + e.xArr[0];
+        i.set(`${u}-${w}`, !0);
       }
     const { value: s } = e, r = s[0].length, o = s.length, n = this.ctx.autofill.xArr, h = this.ctx.autofill.yArr, c = r === 1 && o === 1;
     if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !c) {
@@ -4833,7 +4837,7 @@ class Ci {
     let d = [];
     for (let g = 0; g <= h[1] - h[0]; g++)
       for (let p = 0; p <= n[1] - n[0]; p++) {
-        const x = p + n[0], w = g + h[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, x), y = `${w}-${x}`;
+        const u = p + n[0], w = g + h[0], m = s[g % o][p % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), y = `${w}-${u}`;
         if (C && !i.has(y)) {
           const { rowKey: b, key: E } = C;
           this.ctx.database.getReadonly(b, E) || (t.add(b), d.push({
@@ -4849,21 +4853,21 @@ class Ci {
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr;
     const { BEFORE_AUTOFILL_DATA_METHOD: f } = this.ctx.config;
     if (typeof f == "function") {
-      const g = f, p = d.map((x) => ({
-        rowKey: x.rowKey,
-        key: x.key,
-        value: x.value,
-        oldValue: this.ctx.database.getItemValue(x.rowKey, x.key),
-        row: this.ctx.database.getRowDataItemForRowKey(x.rowKey)
+      const g = f, p = d.map((u) => ({
+        rowKey: u.rowKey,
+        key: u.key,
+        value: u.value,
+        oldValue: this.ctx.database.getItemValue(u.rowKey, u.key),
+        row: this.ctx.database.getRowDataItemForRowKey(u.rowKey)
       }));
       if (d = await g(p, n, h), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
-    let u = [];
+    let x = [];
     t.forEach((g) => {
-      u.push(this.ctx.database.getRowDataItemForRowKey(g));
-    }), this.ctx.emit("autofillChange", d, u);
+      x.push(this.ctx.database.getRowDataItemForRowKey(g));
+    }), this.ctx.emit("autofillChange", d, x);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4889,7 +4893,7 @@ const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   start: "end",
   end: "start"
 };
-function It(a, t, e) {
+function _t(a, t, e) {
   return U(a, rt(t, e));
 }
 function at(a, t) {
@@ -4917,16 +4921,16 @@ function Ri(a, t, e) {
   e === void 0 && (e = !1);
   const i = lt(a), s = Ht(a), r = Mt(s);
   let o = s === "x" ? i === (e ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (o = ut(o)), [o, ut(o)];
+  return t.reference[r] > t.floating[r] && (o = xt(o)), [o, xt(o)];
 }
-function _i(a) {
-  const t = ut(a);
+function Ii(a) {
+  const t = xt(a);
   return [Ot(a), t, Ot(t)];
 }
 function Ot(a) {
   return a.replace(/start|end/g, (t) => vi[t]);
 }
-function Ii(a, t, e) {
+function _i(a, t, e) {
   const i = ["left", "right"], s = ["right", "left"], r = ["top", "bottom"], o = ["bottom", "top"];
   switch (a) {
     case "top":
@@ -4941,10 +4945,10 @@ function Ii(a, t, e) {
 }
 function Oi(a, t, e, i) {
   const s = lt(a);
-  let r = Ii(G(a), e === "start", i);
+  let r = _i(G(a), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
-function ut(a) {
+function xt(a) {
   return a.replace(/left|right|bottom|top/g, (t) => bi[t]);
 }
 function Li(a) {
@@ -4964,7 +4968,7 @@ function le(a) {
     left: a
   };
 }
-function xt(a) {
+function ut(a) {
   const {
     x: t,
     y: e,
@@ -4987,7 +4991,7 @@ function $t(a, t, e) {
     reference: i,
     floating: s
   } = a;
-  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, u = i[n] / 2 - s[n] / 2;
+  const r = J(t), o = Ht(t), n = Mt(o), h = G(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[n] / 2 - s[n] / 2;
   let g;
   switch (h) {
     case "top":
@@ -5022,10 +5026,10 @@ function $t(a, t, e) {
   }
   switch (lt(t)) {
     case "start":
-      g[o] -= u * (e && c ? -1 : 1);
+      g[o] -= x * (e && c ? -1 : 1);
       break;
     case "end":
-      g[o] += u * (e && c ? -1 : 1);
+      g[o] += x * (e && c ? -1 : 1);
       break;
   }
   return g;
@@ -5044,12 +5048,12 @@ const Si = async (a, t, e) => {
   }), {
     x: d,
     y: f
-  } = $t(c, i, h), u = i, g = {}, p = 0;
-  for (let x = 0; x < n.length; x++) {
+  } = $t(c, i, h), x = i, g = {}, p = 0;
+  for (let u = 0; u < n.length; u++) {
     const {
       name: w,
       fn: m
-    } = n[x], {
+    } = n[u], {
       x: C,
       y,
       data: b,
@@ -5058,7 +5062,7 @@ const Si = async (a, t, e) => {
       x: d,
       y: f,
       initialPlacement: i,
-      placement: u,
+      placement: x,
       strategy: s,
       middlewareData: g,
       rects: c,
@@ -5074,19 +5078,19 @@ const Si = async (a, t, e) => {
         ...g[w],
         ...b
       }
-    }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (u = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
+    }, E && p <= 50 && (p++, typeof E == "object" && (E.placement && (x = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
       reference: a,
       floating: t,
       strategy: s
     }) : E.rects), {
       x: d,
       y: f
-    } = $t(c, u, h)), x = -1);
+    } = $t(c, x, h)), u = -1);
   }
   return {
     x: d,
     y: f,
-    placement: u,
+    placement: x,
     strategy: s,
     middlewareData: g
   };
@@ -5105,9 +5109,9 @@ async function he(a, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: u = !1,
+    altBoundary: x = !1,
     padding: g = 0
-  } = at(t, a), p = le(g), w = n[u ? f === "floating" ? "reference" : "floating" : f], m = xt(await r.getClippingRect({
+  } = at(t, a), p = le(g), w = n[x ? f === "floating" ? "reference" : "floating" : f], m = ut(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(w))) == null || e ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(n.floating)),
     boundary: c,
     rootBoundary: d,
@@ -5123,7 +5127,7 @@ async function he(a, t) {
   } : {
     x: 1,
     y: 1
-  }, E = xt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: C,
     offsetParent: y,
@@ -5154,15 +5158,15 @@ const Ai = (a) => ({
     } = at(a, t) || {};
     if (c == null)
       return {};
-    const f = le(d), u = {
+    const f = le(d), x = {
       x: e,
       y: i
-    }, g = Ht(s), p = Mt(g), x = await o.getDimensions(c), w = g === "y", m = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[g] - u[g] - r.floating[p], E = u[g] - r.reference[g], v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let I = v ? v[y] : 0;
-    (!I || !await (o.isElement == null ? void 0 : o.isElement(v))) && (I = n.floating[y] || r.floating[p]);
-    const L = b / 2 - E / 2, _ = I / 2 - x[p] / 2 - 1, R = rt(f[m], _), A = rt(f[C], _), S = R, M = I - x[p] - A, T = I / 2 - x[p] / 2 + L, B = It(S, T, M), Y = !h.arrow && lt(s) != null && T !== B && r.reference[p] / 2 - (T < S ? R : A) - x[p] / 2 < 0, k = Y ? T < S ? T - S : T - M : 0;
+    }, g = Ht(s), p = Mt(g), u = await o.getDimensions(c), w = g === "y", m = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[p] + r.reference[g] - x[g] - r.floating[p], E = x[g] - r.reference[g], v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let _ = v ? v[y] : 0;
+    (!_ || !await (o.isElement == null ? void 0 : o.isElement(v))) && (_ = n.floating[y] || r.floating[p]);
+    const L = b / 2 - E / 2, I = _ / 2 - u[p] / 2 - 1, R = rt(f[m], I), A = rt(f[C], I), S = R, M = _ - u[p] - A, T = _ / 2 - u[p] / 2 + L, B = _t(S, T, M), Y = !h.arrow && lt(s) != null && T !== B && r.reference[p] / 2 - (T < S ? R : A) - u[p] / 2 < 0, k = Y ? T < S ? T - S : T - M : 0;
     return {
-      [g]: u[g] + k,
+      [g]: x[g] + k,
       data: {
         [g]: B,
         centerOffset: T - B - k,
@@ -5189,28 +5193,28 @@ const Ai = (a) => ({
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: u,
+        fallbackPlacements: x,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: p = "none",
-        flipAlignment: x = !0,
+        flipAlignment: u = !0,
         ...w
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const m = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = u || (y || !x ? [ut(n)] : _i(n)), v = p !== "none";
-      !u && v && E.push(...Oi(n, x, p, b));
-      const I = [n, ...E], L = await he(t, w), _ = [];
+      const m = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = x || (y || !u ? [xt(n)] : Ii(n)), v = p !== "none";
+      !x && v && E.push(...Oi(n, u, p, b));
+      const _ = [n, ...E], L = await he(t, w), I = [];
       let R = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (d && _.push(L[m]), f) {
+      if (d && I.push(L[m]), f) {
         const T = Ri(s, o, b);
-        _.push(L[T[0]], L[T[1]]);
+        I.push(L[T[0]], L[T[1]]);
       }
       if (R = [...R, {
         placement: s,
-        overflows: _
-      }], !_.every((T) => T <= 0)) {
+        overflows: I
+      }], !I.every((T) => T <= 0)) {
         var A, S;
-        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, B = I[T];
+        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, B = _[T];
         if (B)
           return {
             data: {
@@ -5260,7 +5264,7 @@ async function Mi(a, t) {
     elements: s
   } = a, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = G(e), n = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, a);
   let {
-    mainAxis: u,
+    mainAxis: x,
     crossAxis: g,
     alignmentAxis: p
   } = typeof f == "number" ? {
@@ -5274,9 +5278,9 @@ async function Mi(a, t) {
   };
   return n && typeof p == "number" && (g = n === "end" ? p * -1 : p), h ? {
     x: g * d,
-    y: u * c
+    y: x * c
   } : {
-    x: u * c,
+    x: x * c,
     y: g * d
   };
 }
@@ -5330,28 +5334,28 @@ const Hi = function(a) {
       } = at(a, t), c = {
         x: e,
         y: i
-      }, d = await he(t, h), f = J(G(s)), u = ae(f);
-      let g = c[u], p = c[f];
+      }, d = await he(t, h), f = J(G(s)), x = ae(f);
+      let g = c[x], p = c[f];
       if (r) {
-        const w = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", C = g + d[w], y = g - d[m];
-        g = It(C, g, y);
+        const w = x === "y" ? "top" : "left", m = x === "y" ? "bottom" : "right", C = g + d[w], y = g - d[m];
+        g = _t(C, g, y);
       }
       if (o) {
         const w = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", C = p + d[w], y = p - d[m];
-        p = It(C, p, y);
+        p = _t(C, p, y);
       }
-      const x = n.fn({
+      const u = n.fn({
         ...t,
-        [u]: g,
+        [x]: g,
         [f]: p
       });
       return {
-        ...x,
+        ...u,
         data: {
-          x: x.x - e,
-          y: x.y - i,
+          x: u.x - e,
+          y: u.y - i,
           enabled: {
-            [u]: r,
+            [x]: r,
             [f]: o
           }
         }
@@ -5478,11 +5482,11 @@ function fe(a) {
     $: n
   };
 }
-function ue(a) {
+function xe(a) {
   return F(a) ? a : a.contextElement;
 }
 function Z(a) {
-  const t = ue(a);
+  const t = xe(a);
   if (!K(t))
     return z(1);
   const e = t.getBoundingClientRect(), {
@@ -5497,7 +5501,7 @@ function Z(a) {
   };
 }
 const Xi = /* @__PURE__ */ z(0);
-function xe(a) {
+function ue(a) {
   const t = N(a);
   return !Nt() || !t.visualViewport ? Xi : {
     x: t.visualViewport.offsetLeft,
@@ -5509,20 +5513,20 @@ function Bi(a, t, e) {
 }
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = a.getBoundingClientRect(), r = ue(a);
+  const s = a.getBoundingClientRect(), r = xe(a);
   let o = z(1);
   t && (i ? F(i) && (o = Z(i)) : o = Z(a));
-  const n = Bi(r, e, i) ? xe(r) : z(0);
+  const n = Bi(r, e, i) ? ue(r) : z(0);
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
-    const u = N(r), g = i && F(i) ? N(i) : i;
-    let p = u, x = St(p);
-    for (; x && i && g !== p; ) {
-      const w = Z(x), m = x.getBoundingClientRect(), C = X(x), y = m.left + (x.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (x.clientTop + parseFloat(C.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = N(x), x = St(p);
+    const x = N(r), g = i && F(i) ? N(i) : i;
+    let p = x, u = St(p);
+    for (; u && i && g !== p; ) {
+      const w = Z(u), m = u.getBoundingClientRect(), C = X(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = N(u), u = St(p);
     }
   }
-  return xt({
+  return ut({
     width: d,
     height: f,
     x: h,
@@ -5545,8 +5549,8 @@ function ki(a) {
   }, c = z(1);
   const d = z(0), f = K(i);
   if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), K(i))) {
-    const u = ot(i);
-    c = Z(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
+    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,
@@ -5606,14 +5610,14 @@ function Gt(a, t, e) {
   else if (F(t))
     i = Wi(t, e);
   else {
-    const s = xe(a);
+    const s = ue(a);
     i = {
       ...t,
       x: t.x - s.x,
       y: t.y - s.y
     };
   }
-  return xt(i);
+  return ut(i);
 }
 function ge(a, t) {
   const e = $(a);
@@ -5678,10 +5682,10 @@ function qi(a, t, e) {
     d = g.top + n.scrollTop, c = g.left + n.scrollLeft - // RTL <body> scrollbar.
     At(s, g);
   }
-  const f = o.left + n.scrollLeft - h.x - c, u = o.top + n.scrollTop - h.y - d;
+  const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
   return {
     x: f,
-    y: u,
+    y: x,
     width: o.width,
     height: o.height
   };
@@ -5833,26 +5837,26 @@ let Ji = class {
         top: `${c}px`,
         left: `${h}px`
       }), f.arrow) {
-        const u = f.arrow;
+        const x = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${u.y}px`,
+          top: `${x.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${u.x}px`,
+          left: `${x.x}px`,
           right: ""
         });
       }
@@ -6016,8 +6020,8 @@ class Qi {
     let f = this.ctx.body.visibleHeight;
     if (r > f && (r = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
       this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${o - 1}px`, this.inputEl.style.minHeight = `${r - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${o - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${c}px`, i !== null && (this.inputEl.value = i), this.inputEl.focus({ preventScroll: !0 });
-      const u = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(u, u);
+      const x = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(x, x);
     } else
       this.inputEl.style.display = "none";
     (this.inputEl.scrollHeight > r || this.drawY < d.height) && this.autoSize();
@@ -6124,7 +6128,7 @@ class es {
     n.forEach((w) => {
       w.render && (w.fixed === "left" ? c.push(w) : w.fixed === "right" ? d.push(w) : h.push(w));
     });
-    const f = e - i, u = {
+    const f = e - i, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -6167,7 +6171,7 @@ class es {
         width: `${r}px`,
         height: `${o}px`
       },
-      views: [u, g, p]
+      views: [x, g, p]
     };
   }
   getBody() {
@@ -6182,7 +6186,7 @@ class es {
       fixedLeftWidth: r,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: n, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, u = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -6225,13 +6229,13 @@ class es {
         width: `${c}px`,
         height: `${d}px`
       },
-      views: [u, g, p]
+      views: [x, g, p]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((x) => {
-      x.cells.forEach((w) => {
+    this.ctx.footer.renderRows.forEach((u) => {
+      u.cells.forEach((w) => {
         w.cellType === "footer" && w.renderFooter && (w.render = w.renderFooter, w.fixed === "left" ? e.push(w) : w.fixed === "right" ? i.push(w) : t.push(w));
       });
     });
@@ -6250,7 +6254,7 @@ class es {
         height: `${c}px`
       },
       cells: e
-    }, u = {
+    }, x = {
       key: "center",
       style: {
         position: "absolute",
@@ -6282,7 +6286,7 @@ class es {
         width: `${h}px`,
         height: `${c}px`
       },
-      views: [f, u, g]
+      views: [f, x, g]
     };
   }
 }
@@ -6299,7 +6303,7 @@ class is {
       e.preventDefault();
       const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [n, h] = s, { rowIndex: c, colIndex: d } = t;
       c >= n && c <= h && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
-      const u = {
+      const x = {
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
@@ -6312,7 +6316,7 @@ class is {
         }),
         contextElement: document.body
       };
-      Ee(u, this.contextMenuEl, {
+      Ee(x, this.contextMenuEl, {
         placement: "right-start",
         middleware: [pe(), me(), ye()]
       }).then(({ x: g, y: p }) => {
@@ -6446,7 +6450,7 @@ class os {
     this.ctx.off(t, e);
   }
   filterMethod(t) {
-    this.scrollTo(0, 0), this.ctx.database.setFilterMethod(t), this.ctx.database.init(), this.ctx.emit("draw");
+    this.scrollTo(0, 0), this.ctx.database.setFilterMethod(t), this.ctx.database.init(), this.header.init(), this.ctx.emit("draw");
   }
   editCell(t, e) {
     this.editor.editCell(t, e);