e-virt-table 1.2.9 → 1.2.10

package/dist/index.es.js

@@ -159,28 +159,28 @@ var Ft = /* @__PURE__ */ function(a) {
 }(/* @__PURE__ */ Ct(Error));
 function Ae(a, t, e, i, s) {
   if (t.first) {
-    var r = new Promise(function(x, g) {
+    var r = new Promise(function(u, g) {
       var m = function(p) {
-        return i(p), p.length ? g(new Ft(p, bt(p))) : x(s);
-      }, u = Te(a);
-      Nt(u, e, m);
+        return i(p), p.length ? g(new Ft(p, bt(p))) : u(s);
+      }, x = Te(a);
+      Nt(x, e, m);
     });
-    return r.catch(function(x) {
-      return x;
+    return r.catch(function(u) {
+      return u;
     }), 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(x, 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(u, g) {
     var m = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? g(new Ft(d, bt(d))) : x(s);
+        return i(d), d.length ? g(new Ft(d, bt(d))) : u(s);
     };
-    n.length || (i(d), x(s)), n.forEach(function(u) {
-      var w = a[u];
-      o.indexOf(u) !== -1 ? Nt(w, e, m) : Se(w, e, m);
+    n.length || (i(d), u(s)), n.forEach(function(x) {
+      var w = a[x];
+      o.indexOf(x) !== -1 ? Nt(w, e, m) : Se(w, e, m);
     });
   });
-  return f.catch(function(x) {
-    return x;
+  return f.catch(function(u) {
+    return u;
   }), 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, x = h.v6().source, g = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", m = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", u = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + g + m + u + ")" + w + p;
+  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]+)", m = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", x = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", w = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', C = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + u + "|" + g + m + x + ")" + w + p;
   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));
 }, Fe = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", m = Array.isArray(e);
-  if (x ? f = "number" : g ? f = "string" : m && (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, u = typeof e == "number", g = typeof e == "string", m = Array.isArray(e);
+  if (u ? f = "number" : g ? f = "string" : m && (f = "array"), !f)
     return !1;
   m && (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(u) {
+    function d(x) {
       var w = [], p = {};
       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 < u.length; y++)
-        C(u[y]);
+      for (var y = 0; y < x.length; y++)
+        C(x[y]);
       w.length ? (p = bt(w), c(w, p)) : c(null, n);
     }
     if (h.messages) {
@@ -554,25 +554,25 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       f === Rt && (f = vt()), kt(f, h.messages), h.messages = f;
     } else
       h.messages = this.messages();
-    var x = {}, g = h.keys || Object.keys(this.rules);
-    g.forEach(function(u) {
-      var w = o.rules[u], p = n[u];
+    var u = {}, g = h.keys || Object.keys(this.rules);
+    g.forEach(function(x) {
+      var w = o.rules[x], p = n[x];
       w.forEach(function(C) {
         var y = C;
-        typeof y.transform == "function" && (n === i && (n = q({}, n)), p = n[u] = y.transform(p)), typeof y == "function" ? y = {
+        typeof y.transform == "function" && (n === i && (n = q({}, n)), p = n[x] = y.transform(p)), typeof y == "function" ? y = {
           validator: y
-        } : 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({
+        } : 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({
           rule: y,
           value: p,
           source: n,
-          field: u
+          field: x
         }));
       });
     });
     var m = {};
-    return Ae(x, h, function(u, w) {
-      var p = u.rule, C = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
-      C = C && (p.required || !p.required && u.value), p.field = u.field;
+    return Ae(u, h, function(x, w) {
+      var p = x.rule, C = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
+      C = C && (p.required || !p.required && x.value), p.field = x.field;
       function y(R, O) {
         return q({}, O, {
           fullField: p.fullField + "." + R,
@@ -589,19 +589,19 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         if (!C)
           w(I);
         else {
-          if (p.required && !u.value)
+          if (p.required && !x.value)
             return p.message !== void 0 ? I = [].concat(p.message).map(Bt(p, n)) : h.error && (I = [h.error(p, D(h.messages.required, p.field))]), w(I);
           var _ = {};
-          p.defaultField && Object.keys(u.value).map(function(T) {
+          p.defaultField && Object.keys(x.value).map(function(T) {
             _[T] = p.defaultField;
-          }), _ = q({}, _, u.rule.fields);
+          }), _ = q({}, _, x.rule.fields);
           var v = {};
           Object.keys(_).forEach(function(T) {
             var M = _[T], A = Array.isArray(M) ? M : [M];
             v[T] = A.map(y.bind(null, T));
           });
           var S = new a(v);
-          S.messages(h.messages), u.rule.options && (u.rule.options.messages = h.messages, u.rule.options.error = h.error), S.validate(u.value, u.rule.options || h, function(T) {
+          S.messages(h.messages), x.rule.options && (x.rule.options.messages = h.messages, x.rule.options.error = h.error), S.validate(x.value, x.rule.options || h, function(T) {
             var M = [];
             I && I.length && M.push.apply(M, I), T && T.length && M.push.apply(M, T), w(M.length ? M : null);
           });
@@ -609,10 +609,10 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }
       var E;
       if (p.asyncValidator)
-        E = p.asyncValidator(p, u.value, b, u.source, h);
+        E = p.asyncValidator(p, x.value, b, x.source, h);
       else if (p.validator) {
         try {
-          E = p.validator(p, u.value, b, u.source, h);
+          E = p.validator(p, x.value, b, x.source, h);
         } catch (R) {
           console.error == null || console.error(R), h.suppressValidatorError || setTimeout(function() {
             throw R;
@@ -625,8 +625,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       }, function(R) {
         return b(R);
       });
-    }, function(u) {
-      d(u);
+    }, function(x) {
+      d(x);
     }, 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))
@@ -1019,19 +1019,19 @@ class At extends re {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, n = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: x = 0 } = h || {};
+      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: d = !1, expandLoading: f = !1, level: u = 0 } = h || {};
       if (this.rowExpand = c, this.rowHasChildren = d, f) {
-        const u = this.ctx.icons.get("loading");
-        n = "loading", r = u, o = x * 8;
+        const x = this.ctx.icons.get("loading");
+        n = "loading", r = x, o = u * 8;
       } else if (d) {
-        const u = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
-        r = c ? w : u, n = c ? "shrink" : "expand", o = x * 8;
+        const x = this.ctx.icons.get("expand"), w = this.ctx.icons.get("shrink");
+        r = c ? w : x, n = c ? "shrink" : "expand", o = u * 8;
       } else
-        o = x * 8;
+        o = u * 8;
       let g = 20, m = 20;
       if (r) {
-        let u = this.drawX + o + e, w = this.drawY + (this.visibleHeight - m) / 2;
-        this.ctx.paint.drawImage(r, u, w, g, m), this.drawImageX = u, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = m, this.drawImageName = n, this.drawImageSource = r;
+        let x = this.drawX + o + e, w = this.drawY + (this.visibleHeight - m) / 2;
+        this.ctx.paint.drawImage(r, x, w, g, m), this.drawImageX = x, this.drawImageY = w, this.drawImageWidth = g, this.drawImageHeight = m, this.drawImageName = n, this.drawImageSource = r;
       }
       this.align = "left", this.drawTextX = o + this.drawX + g - 0.5;
     }
@@ -1048,10 +1048,10 @@ class At extends re {
       FOOTER_BG_COLOR: c,
       HIGHLIGHT_SELECTED_ROW: d,
       HIGHLIGHT_SELECTED_ROW_COLOR: f,
-      HIGHLIGHT_HOVER_ROW: x,
+      HIGHLIGHT_HOVER_ROW: u,
       HIGHLIGHT_HOVER_ROW_COLOR: g,
       STRIPE: m,
-      STRIPE_COLOR: u
+      STRIPE_COLOR: x
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let O = c, I = h;
@@ -1071,13 +1071,13 @@ class At extends re {
     let w = "transparent";
     const p = this.ctx.focusCell, C = this.ctx.hoverCell;
     let y = this.rowIndex, b = this.rowIndex;
-    if (this.rowspan !== 1 && (x || d)) {
+    if (this.rowspan !== 1 && (u || d)) {
       const O = this.getSpanInfo(), { yArr: I } = O;
       y = I[0], b = I[1];
     }
-    x && C && (C.rowKey === this.rowKey && (w = g), C.rowIndex >= y && C.rowIndex <= b && (w = g)), d && p && (p.rowKey === this.rowKey && (w = f), p.rowIndex >= y && p.rowIndex <= b && (w = f)), this.drawCellSkyBgColor = w;
+    u && C && (C.rowKey === this.rowKey && (w = g), C.rowIndex >= y && C.rowIndex <= b && (w = g)), d && p && (p.rowKey === this.rowKey && (w = f), p.rowIndex >= y && p.rowIndex <= b && (w = f)), this.drawCellSkyBgColor = w;
     let E = e, R = n;
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (E = i, R = o), m && (this.rowIndex % 2 ? E = u : E = e), typeof s == "function") {
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (E = i, R = o), m && (this.rowIndex % 2 ? E = x : E = e), typeof s == "function") {
       const O = s, { backgroundColor: I, color: _ } = O({
         row: this.row,
         rowIndex: this.rowIndex,
@@ -1093,9 +1093,9 @@ class At extends re {
   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: x = 0 } = this.ctx.config, g = this.drawX + (e - x) / 2, m = 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 = m, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u) : u && n === "selection" && (this.drawImageX = g, this.drawImageY = m, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = w, this.drawImageSource = u);
+      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, m = 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 = m, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x) : x && n === "selection" && (this.drawImageX = g, this.drawImageY = m, this.drawImageWidth = u, this.drawImageHeight = u, this.drawImageName = w, this.drawImageSource = x);
     }
   }
   updateHoverIcon() {
@@ -1116,10 +1116,10 @@ class At 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: x } = f, g = x[0], m = x[1];
+        const f = this.getSpanInfo(), { yArr: u } = f, g = u[0], m = u[1];
         if (n.rowIndex >= g && n.rowIndex <= m) {
-          const { width: u, height: w, offsetTop: p, offsetLeft: C } = f;
-          h = this.drawX - C + u - s - r, c = this.drawY - p + (w - s) / 2;
+          const { width: x, height: w, offsetTop: p, offsetLeft: C } = f;
+          h = this.drawX - C + x - s - r, c = this.drawY - p + (w - s) / 2;
         }
       }
       const d = this.ctx.icons.get(this.hoverIconName);
@@ -1218,10 +1218,10 @@ class At extends re {
     const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i || this.ctx.editing)
       return;
-    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: x, drawY: g } = this;
+    const { xArr: o, yArr: n } = this.ctx.selector, h = o[1], c = n[1], { colIndex: d, rowIndex: f, drawX: u, drawY: g } = this;
     if (d === h && f === c) {
-      const u = d === this.ctx.maxColIndex || f === this.ctx.maxRowIndex || d === this.ctx.lastCenterColIndex ? 6 : 4;
-      this.ctx.paint.drawRect(x + this.width - u, g + this.height - u, 6, 6, {
+      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, {
         borderColor: r,
         fillColor: e
       });
@@ -1348,11 +1348,11 @@ class At 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: x, lineDash: g = [], borderWidth: m = 1, borderColor: u, fillColor: w } = e, p = f[0], C = f[1], y = x[0], b = x[1];
+    const { xArr: f, yArr: u, lineDash: g = [], borderWidth: m = 1, borderColor: x, fillColor: w } = e, p = f[0], C = f[1], y = u[0], b = u[1];
     if (o >= p && o <= C && r === y) {
       const E = o === C ? 1 : 0, R = o === p ? 1 : 0;
       this.ctx.paint.drawLine([c + R, d + 1, c + h - E, d + 1], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: m,
         lineCap: "round",
@@ -1363,7 +1363,7 @@ class At extends re {
     if (o === C && r >= y && r <= b) {
       const E = r === y ? 1 : 0, R = r === b ? 1 : 0;
       this.ctx.paint.drawLine([c + h - 1, d + E, c + h - 1, d + n - R], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: m,
         lineCap: "round",
@@ -1374,7 +1374,7 @@ class At extends re {
     if (o >= p && o <= C && r === b) {
       const E = o === C ? 1 : 0, R = o === p ? 1 : 0;
       this.ctx.paint.drawLine([c + R, d + n - 1, c + h - E, d + n - 1], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: m,
         lineCap: "round",
@@ -1385,7 +1385,7 @@ class At extends re {
     if (o === p && r >= y && r <= b) {
       const E = r === b ? 1 : 0, R = r === y ? 1 : 0;
       this.ctx.paint.drawLine([c + 1, d + R, c + 1, d + n - E], {
-        borderColor: u,
+        borderColor: x,
         fillColor: w,
         borderWidth: m,
         lineCap: "round",
@@ -1449,30 +1449,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], x = f != null ? `${f}` : Jt();
-      this.itemRowKeyMap.set(i, x);
+      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 g = i._height || h, m = i._readonly;
-      let u = !0;
-      if (typeof c == "function" && (u = c), d) {
+      let x = !0;
+      if (typeof c == "function" && (x = c), d) {
         const p = i[d];
         if (this.checkboxKeyMap.has(p)) {
           const C = this.checkboxKeyMap.get(p) || [];
-          C.push(x), this.checkboxKeyMap.set(p, C);
+          C.push(u), this.checkboxKeyMap.set(p, C);
         } else
-          this.checkboxKeyMap.set(p, [x]);
+          this.checkboxKeyMap.set(p, [u]);
       }
-      this.selectionMap.set(x, {
-        key: d ? i[d] : x,
+      this.selectionMap.set(u, {
+        key: d ? i[d] : u,
         row: i,
-        check: ((w = this.selectionMap.get(x)) == null ? void 0 : w.check) || !1
-      }), this.rowKeyMap.set(x, {
+        check: ((w = this.selectionMap.get(u)) == null ? void 0 : w.check) || !1
+      }), this.rowKeyMap.set(u, {
         readonly: m,
         index: s,
         rowIndex: s,
         level: e,
         height: g,
         check: !1,
-        selectable: u,
+        selectable: x,
         expand: n,
         expandLazy: !1,
         hasChildren: r,
@@ -1684,19 +1684,19 @@ class li {
     let i = [];
     const s = /* @__PURE__ */ new Set();
     let r = [], o = t.map((d) => {
-      const { rowKey: f, key: x } = d;
+      const { rowKey: f, key: u } = d;
       let g = d.value, m = g;
-      const u = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, x), p = this.getVirtualBodyCellByKey(f, x);
+      const x = this.getRowDataItemForRowKey(f), w = this.getItemValue(f, u), p = this.getVirtualBodyCellByKey(f, u);
       return (p == null ? void 0 : p.type) === "number" && (["", void 0, null].includes(g) ? m = null : /^-?\d+(\.\d+)?$/.test(`${g}`) ? m = Number(g) : (m = w, r.push({
         ...d,
         value: m,
         oldValue: w,
-        row: u
+        row: x
       }))), {
         ...d,
         value: m,
         oldValue: w,
-        row: u
+        row: x
       };
     });
     if (o = o.filter((d) => !r.some((f) => d.rowKey === f.rowKey && d.key === f.key)), r.length) {
@@ -1711,9 +1711,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: x, key: g, oldValue: m } = d;
-      s.add(x), this.setItemValue(x, g, f), i.push({
-        rowKey: x,
+      const { value: f, rowKey: u, key: g, oldValue: m } = d;
+      s.add(u), this.setItemValue(u, g, f), i.push({
+        rowKey: u,
         key: g,
         oldValue: m,
         newValue: f
@@ -1756,7 +1756,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), x = this.getRowDataItemForRowKey(t);
+    const f = this.originalDataMap.get(d), u = this.getRowDataItemForRowKey(t);
     if (o) {
       const g = this.getVirtualBodyCellByKey(t, e);
       if ((g == null ? void 0 : g.type) === "number")
@@ -1775,7 +1775,7 @@ class li {
                 key: e,
                 value: c,
                 oldValue: h,
-                row: x
+                row: u
               }
             ]
           };
@@ -1794,28 +1794,28 @@ class li {
             key: e,
             value: c,
             oldValue: n[e],
-            row: x
+            row: u
           }
         ]);
         p && p.length && (c = p[0].value);
       }
       this.changedDataMap.set(d, c), n[e] = c;
-      const u = {
+      const x = {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
-        row: x
+        row: u
       };
       this.getValidator(t, e).then(() => {
         this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
-      }), this.ctx.emit("change", [u], [x]), this.ctx.emit("editChange", {
+      }), this.ctx.emit("change", [x], [u]), this.ctx.emit("editChange", {
         rowKey: t,
         key: e,
         oldValue: h,
         value: c,
         originalValue: f,
-        row: x
+        row: u
       });
     } else
       this.changedDataMap.set(d, c), n[e] = c;
@@ -1825,7 +1825,7 @@ class li {
       oldValue: h,
       value: c,
       originalValue: this.originalDataMap.get(d),
-      row: x
+      row: u
     }), s && this.ctx.history.pushState({
       type: "single",
       scrollX: this.ctx.scrollX,
@@ -1954,14 +1954,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((x) => x.check);
-    this.rowKeyMap.forEach((x, g) => {
-      var u;
-      (u = this.selectionMap.get(g)) != null && u.check && (s += 1);
-      let m = x.selectable;
+    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 m = u.selectable;
       typeof m == "function" && (m = m({
-        row: x.item,
-        rowIndex: x.rowIndex
+        row: u.item,
+        rowIndex: u.rowIndex
       })), m && (r += 1);
     });
     const h = o > i && s === 0 && n, c = r && r > s && s > 0 || h, d = r !== 0, f = !!r && r === s;
@@ -2103,14 +2103,14 @@ class li {
       if (h) {
         let c = {}, d = {};
         if (d[e] = this.getItemValue(t, e), Array.isArray(h)) {
-          const x = h.map((g) => ({
+          const u = h.map((g) => ({
             ...g,
             row: s.item,
             column: n,
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           }));
-          c[e] = x;
+          c[e] = u;
         } else
           c[e] = {
             ...h,
@@ -2121,8 +2121,8 @@ class li {
           };
         new nt(c).validate(d).then(() => {
           this.clearValidationError(t, e), i([]);
-        }).catch(({ errors: x }) => {
-          const g = x.map((m) => ({
+        }).catch(({ errors: u }) => {
+          const g = u.map((m) => ({
             ...m,
             column: n,
             key: e,
@@ -2155,10 +2155,10 @@ class li {
       relationColKeys: c,
       rowspan: d,
       height: f,
-      width: x,
+      width: u,
       colspan: g,
       mergeRow: m,
-      mergeCol: u
+      mergeCol: x
     } = t;
     if (d === 1 && g === 1)
       return {
@@ -2167,7 +2167,7 @@ class li {
         rowspan: d,
         colspan: g,
         height: f,
-        width: x,
+        width: u,
         offsetTop: 0,
         offsetLeft: 0,
         dataList: [
@@ -2181,7 +2181,7 @@ class li {
       };
     let w = e, p = e, C = n, y = n, b = [], E = 0, R = 0, O = 0, I = 0;
     if (d !== 1 && m) {
-      I = x;
+      I = u;
       const _ = h.reduce((v, S) => {
         const T = this.getItemValue(s, S) ?? "";
         return `${v}${T}`;
@@ -2222,7 +2222,7 @@ class li {
         });
       }
     }
-    if (g !== 1 && u) {
+    if (g !== 1 && x) {
       O = f;
       for (let _ = n - 1; _ >= 0; _--) {
         const v = this.getColumnByColIndex(_);
@@ -2491,7 +2491,7 @@ class fi {
     this.ctx = e;
   }
   scale(t) {
-    this.ctx.scale(t, t);
+    this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.scale(t, t);
   }
   save() {
     this.ctx.save();
@@ -2558,8 +2558,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, 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);
+      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);
     }
     n !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -2583,12 +2583,12 @@ class fi {
       verticalAlign: f = "middle"
     } = o;
     this.ctx.font = n, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
-    let x = 0;
-    f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
+    let u = 0;
+    f === "top" ? u = i + d : f === "bottom" ? u = i + r - d : u = i + (r + 1) / 2;
     let g = 0;
     h === "left" ? g = e + d : h === "right" ? g = e + s - d : g = e + s / 2;
-    const { _text: m, ellipsis: u } = this.handleEllipsis(t, s, d, n);
-    return this.ctx.fillText(m, g, x), this.ctx.restore(), u;
+    const { _text: m, ellipsis: x } = this.handleEllipsis(t, s, d, n);
+    return this.ctx.fillText(m, g, u), this.ctx.restore(), x;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
     let r = !1, o = t;
@@ -2779,7 +2779,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 xi {
+class ui {
   constructor(t) {
     l(this, "ctx");
     l(this, "list", [
@@ -3010,8 +3010,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"), 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(
+      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(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -3040,7 +3040,7 @@ class oe extends re {
     };
   }
 }
-class ui {
+class xi {
   constructor(t) {
     l(this, "ctx");
     l(this, "visibleHoverCell");
@@ -3327,7 +3327,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 ui(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new xi(this);
+    this.containerElement = i, s.tabIndex = 0, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.editorElement = n, this.emptyElement = h, this.contextMenuElement = c, this.config = new Wt(e.config || {}), this.eventBus = new di(), this.eventBrowser = new ci(this), this.eventTable = new xi(this), this.paint = new fi(this.canvasElement), this.database = new li(this, e), this.history = new hi(this), this.icons = new ui(this);
   }
   setConfig(t) {
     this.config = new Wt(t);
@@ -3533,12 +3533,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, x = t.height, g = this.ctx.footer.height;
+    } = this.ctx, h = s, c = i, d = e.height, f = e.width, u = t.height, g = this.ctx.footer.height;
     if (this.type === "vertical") {
-      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 m = this.distance ? this.visibleDistance / (x + g) : 0;
-      let u = Math.floor(m * 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));
+      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 m = this.distance ? this.visibleDistance / (u + g) : 0;
+      let x = Math.floor(m * 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));
     } else {
       this.visibleDistance = h - r, this.distance = f - this.visibleDistance, this.splitPoints = [
         h - r,
@@ -3548,8 +3548,8 @@ class zt {
       ];
       const m = n ? 0 : 0.5;
       this.trackX = 0, this.trackY = c - r + m, this.trackWidth = h, this.trackHeight = r;
-      const u = this.distance ? this.visibleDistance / f : 0;
-      let w = Math.floor(u * this.visibleDistance);
+      const x = this.distance ? this.visibleDistance / f : 0;
+      let w = Math.floor(x * 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));
     }
   }
@@ -3688,7 +3688,7 @@ class pi {
     } = 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, x) => f + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
+    this.height = t * s, this.width = r.reduce((f, u) => f + ((u == null ? void 0 : u.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();
@@ -3699,9 +3699,9 @@ class pi {
       this.resizeAllColumn(f);
     }
     const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((f, x) => f + x.width, 0);
+    this.ctx.fixedLeftWidth = c.reduce((f, u) => f + u.width, 0);
     const d = this.fixedRightCellHeaders.filter((f) => !f.hasChildren);
-    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;
+    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;
   }
   // 调整表头的宽度
   initResizeColumn() {
@@ -3961,41 +3961,43 @@ class mi {
         MAX_HEIGHT: c = 0,
         ENABLE_OFFSET_HEIGHT: d = 0,
         OFFSET_HEIGHT: f = 0,
-        FOOTER_POSITION: x
+        FOOTER_POSITION: u
       }
     } = this.ctx;
     if (!e.width)
       return;
-    this.x = 0, x === "top" && r ? this.y = e.height + i.height : this.y = e.height;
+    this.x = 0, u === "top" && r ? this.y = e.height + i.height : this.y = e.height;
     const { data: g, sumHeight: m } = s.getData();
     this.height = m, this.data = g, this.width = e.width, this.visibleWidth = this.ctx.stageWidth - o;
-    const u = this.ctx.footer.height;
-    !this.data.length && !n ? this.height = h : !this.data.length && n && (this.height = n - e.height - u - 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);
     let w = this.height + e.height + o;
-    w += u;
+    w += x;
     let p = w;
     const C = window.innerHeight, { top: y } = this.containerRect || this.ctx.containerElement.getBoundingClientRect();
     if (C > y && d && !n) {
-      const v = C - y - f;
-      v > e.height + o ? p = v : w > c && (p = c);
+      const T = C - y - f;
+      T > e.height + o ? p = T : w > c && (p = c);
     } else this.data.length && n ? p = n : this.data.length && c && w > c && (p = c);
     p > 0 && (this.ctx.stageHeight = Math.floor(p), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let b = this.ctx.stageHeight - e.height - o;
-    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;
+    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, R = this.ctx.stageWidth * E, O = this.ctx.stageHeight * E;
-    t.width = Math.floor(R), t.height = Math.floor(O);
+    t.width = Math.round(R), t.height = Math.round(O);
     const I = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: I,
       type: I,
       headerHeight: e.height,
       bodyHeight: this.height,
-      footerHeight: u,
+      footerHeight: x,
       width: this.width,
-      height: this.data.length ? 0 : h + u
-    }), this.ctx.canvasElement.setAttribute(
+      height: this.data.length ? 0 : h + x
+    });
+    const _ = Math.round(t.width / E * 1e4) / 1e4, v = Math.round(t.height / E * 1e4) / 1e4;
+    this.ctx.canvasElement.setAttribute(
       "style",
-      ` height:${this.ctx.stageHeight}px;width:${this.ctx.stageWidth}px;`
+      `height:${v}px;width:${_}px;`
     ), this.ctx.paint.scale(E);
   }
   // 调整行的高度
@@ -4022,8 +4024,8 @@ class mi {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const f = this.resizeTarget.height;
-        let x = n - this.clientY;
-        x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
+        let u = n - this.clientY;
+        u + f < d && (u = -(f - d)), this.resizeDiff = u, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
           return;
@@ -4035,11 +4037,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 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 m = 0; m < x.cells.length; m++) {
-              const u = x.cells[m];
-              o > u.drawX + 10 && o < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = x);
+          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 m = 0; m < u.cells.length; m++) {
+              const x = u.cells[m];
+              o > x.drawX + 10 && o < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.stageElement.style.cursor = "row-resize", this.resizeTarget = u);
             }
         }
       }
@@ -4122,7 +4124,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 x = this.headIndex + f, g = this.visibleRows[f], { height: m, top: u } = this.ctx.database.getPositionForRowIndex(x), w = new ne(this.ctx, x, 0, u + this.y, t.width, m, g);
+      const u = this.headIndex + f, g = this.visibleRows[f], { height: m, top: x } = this.ctx.database.getPositionForRowIndex(u), w = new ne(this.ctx, u, 0, x + this.y, t.width, m, g);
       d.push(w);
     }
     this.renderRows = d, this.ctx.body.renderRows = d;
@@ -4339,16 +4341,16 @@ class Ei {
         SELECTOR_AREA_MIN_Y: c,
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: f,
-        SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, g = n, m = h || this.ctx.maxColIndex - f, u = c, w = d || this.ctx.maxRowIndex - x;
+        SELECTOR_AREA_MAX_Y_OFFSET: u
+      } = this.ctx.config, g = n, m = h || this.ctx.maxColIndex - f, x = c, w = d || this.ctx.maxRowIndex - u;
       let [p, C] = r, [y, b] = o;
-      if (p < g || C > m || y < u || b > w)
+      if (p < g || C > m || y < x || b > w)
         return;
       if (this.ctx.stageElement.focus({ preventScroll: !0 }), this.ctx.config.ENABLE_MERGE_CELL_LINK) {
         const R = this.adjustMergeCells(r, o);
         y = R.yArr[0], b = R.yArr[1], p = R.xArr[0], C = R.xArr[1], this.ctx.onlyMergeCell = R.onlyMergeCell;
       }
-      p === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, p), Math.min(m, C)], o = [Math.max(u, y), Math.min(w, b)];
+      p === C && y === b ? this.ctx.selectOnlyOne = !0 : this.ctx.selectOnlyOne = !1, r = [Math.max(g, p), Math.min(m, C)], o = [Math.max(x, y), Math.min(w, b)];
       const { BEFORE_SET_SELECTOR_METHOD: E } = this.ctx.config;
       if (typeof E == "function") {
         const O = E({
@@ -4367,38 +4369,38 @@ class Ei {
     var m;
     const [i, s] = e, [r, o] = t;
     let n = [], h = [];
-    for (let u = 0; u <= e[1] - e[0]; u++)
+    for (let x = 0; x <= e[1] - e[0]; x++)
       for (let w = 0; w <= t[1] - t[0]; w++) {
-        const p = u + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(p, C);
+        const p = x + e[0], C = w + t[0], y = this.ctx.database.getVirtualBodyCell(p, C);
         y && ((p === i || p === s) && n.push(y), (C === r || C === o) && h.push(y));
       }
     const c = n.reduce(
-      (u, w) => {
+      (x, w) => {
         const { yArr: p } = w.getSpanInfo(), [C, y] = p;
-        return u.minY = Math.min(u.minY, C), u.maxY = Math.max(u.maxY, y), u;
+        return x.minY = Math.min(x.minY, C), x.maxY = Math.max(x.maxY, y), x;
       },
       {
         minY: i,
         maxY: s
       }
     ), d = h.reduce(
-      (u, w) => {
+      (x, w) => {
         const { xArr: p } = w.getSpanInfo(), [C, y] = p;
-        return u.minX = Math.min(u.minX, C), u.maxX = Math.max(u.maxX, y), u;
+        return x.minX = Math.min(x.minX, C), x.maxX = Math.max(x.maxX, y), x;
       },
       {
         minX: r,
         maxX: o
       }
-    ), f = [d.minX, d.maxX], x = [c.minY, c.maxY];
+    ), f = [d.minX, d.maxX], u = [c.minY, c.maxY];
     let g = !1;
     if (d.minX !== d.maxX || c.minY !== c.maxY) {
-      const u = JSON.stringify(f) + JSON.stringify(x), w = (m = this.ctx.focusCell) == null ? void 0 : m.getSpanInfo();
-      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === u;
+      const x = JSON.stringify(f) + JSON.stringify(u), w = (m = this.ctx.focusCell) == null ? void 0 : m.getSpanInfo();
+      g = (w && JSON.stringify(w.xArr) + JSON.stringify(w.yArr)) === x;
     }
     return {
       xArr: f,
-      yArr: x,
+      yArr: u,
       onlyMergeCell: g
     };
   }
@@ -4436,7 +4438,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, x = o || this.ctx.maxRowIndex - h, g = [c, d], m = [f, x];
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - n, f = r, u = o || this.ctx.maxRowIndex - h, g = [c, d], m = [f, u];
       this.setSelector(g, m);
     }
   }
@@ -4475,8 +4477,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), x = [h, c], g = [d, f];
-        this.setSelector(x, 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), u = [h, c], g = [d, f];
+        this.setSelector(u, g);
       } else {
         this.ctx.emit("cellSelectedClick", e);
         const s = [e.colIndex, e.colIndex], r = [e.rowIndex, e.rowIndex];
@@ -4544,9 +4546,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: x, key: g } = f;
-          this.ctx.database.getReadonly(x, g) || (r.add(x), s.push({
-            rowKey: x,
+          const { rowKey: u, key: g } = f;
+          this.ctx.database.getReadonly(u, g) || (r.add(u), s.push({
+            rowKey: u,
             key: g,
             value: null,
             row: {}
@@ -4574,18 +4576,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, x] = n, g = d - this.ctx.maxRowIndex, m = x - this.ctx.maxColIndex;
+        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, m = u - this.ctx.maxColIndex;
         (g > 0 || m > 0) && this.ctx.emit("onPastedDataOverflow", {
           maxY: d,
-          maxX: x,
+          maxX: u,
           minY: c,
           minX: f,
           overflowRowCount: g,
           overflowColCount: m,
           textArr: o
         });
-        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 x = o.length === 1 && o[0].length === 1;
+        if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.database.hasMergeCell(n, h) && !x) {
           const y = {
             code: "ERR_MERGED_CELLS_PASTE",
             message: "Merged cells cannot span paste data"
@@ -4688,8 +4690,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, x = o || this.ctx.maxRowIndex - h;
-    return !(e < c || e > d || t < f || t > x);
+    } = 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);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4731,16 +4733,16 @@ class Ei {
       body: h,
       scrollX: c,
       scrollY: d,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: m }
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: u, FOOTER_POSITION: g, ENABLE_MERGE_CELL_LINK: m }
     } = this.ctx;
     if (!i)
       return;
     m && this.ctx.onlyMergeCell && i.updateSpanInfo();
-    const { drawX: u, drawY: w, width: p, height: C, fixed: y } = i, b = r - u + 1, E = i.drawX + p - (e - s) + 1;
+    const { drawX: x, drawY: w, width: p, height: C, fixed: y } = i, b = r - x + 1, E = i.drawX + p - (e - s) + 1;
     let R = o.height - w, O = C;
     O > h.visibleHeight && (O = h.visibleHeight);
     let I = 0;
-    x && (g === "top" ? R = o.height + n.height - w : I = n.visibleHeight);
+    u && (g === "top" ? R = o.height + n.height - w : I = n.visibleHeight);
     const _ = w + O - (t - I - f);
     let v = c, S = d;
     E > 0 && !y ? v = Math.floor(c + E) : b > 0 && !y && (v = Math.floor(c - b)), R > 0 ? S = Math.floor(d - R) : _ > 0 && (S = Math.floor(d + _)), (Math.abs(c - v) > 2 || Math.abs(d - S) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, S), this.ctx.emit("adjustBoundaryPosition", i));
@@ -4759,8 +4761,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, 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");
+      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");
     }), 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);
@@ -4805,13 +4807,13 @@ class Ci {
         SELECTOR_AREA_MAX_X: c,
         SELECTOR_AREA_MIN_Y: d,
         SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: x,
+        SELECTOR_AREA_MAX_X_OFFSET: u,
         SELECTOR_AREA_MAX_Y_OFFSET: g
-      } = this.ctx.config, m = h, u = c || this.ctx.maxColIndex - x, w = d, p = f || this.ctx.maxRowIndex - g;
+      } = this.ctx.config, m = h, x = c || this.ctx.maxColIndex - u, w = d, p = f || this.ctx.maxRowIndex - g;
       let [C, y] = o, [b, E] = n;
       if (C < m || b < w)
         return;
-      o = [Math.max(m, C), Math.min(u, y)], n = [Math.max(w, b), Math.min(p, E)];
+      o = [Math.max(m, C), Math.min(x, y)], n = [Math.max(w, b), Math.min(p, E)];
       const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
       if (typeof R == "function") {
         const I = R({
@@ -4833,8 +4835,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 m = 0; m <= e.xArr[1] - e.xArr[0]; m++) {
-        const u = g + e.yArr[0], w = m + e.xArr[0];
-        i.set(`${u}-${w}`, !0);
+        const x = g + e.yArr[0], w = m + e.xArr[0];
+        i.set(`${x}-${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) {
@@ -4848,7 +4850,7 @@ class Ci {
     let d = [];
     for (let g = 0; g <= h[1] - h[0]; g++)
       for (let m = 0; m <= n[1] - n[0]; m++) {
-        const u = m + n[0], w = g + h[0], p = s[g % o][m % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, u), y = `${w}-${u}`;
+        const x = m + n[0], w = g + h[0], p = s[g % o][m % r], C = this.ctx.database.getItemValueForRowIndexAndColIndex(w, x), y = `${w}-${x}`;
         if (C && !i.has(y)) {
           const { rowKey: b, key: E } = C;
           this.ctx.database.getReadonly(b, E) || (t.add(b), d.push({
@@ -4864,21 +4866,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, m = 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)
+      const g = f, m = 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)
       }));
       if (d = await g(m, n, h), d && !d.length)
         return;
     }
     this.ctx.batchSetItemValueByEditor(d, !0);
-    let x = [];
+    let u = [];
     t.forEach((g) => {
-      x.push(this.ctx.database.getRowDataItemForRowKey(g));
-    }), this.ctx.emit("autofillChange", d, x);
+      u.push(this.ctx.database.getRowDataItemForRowKey(g));
+    }), this.ctx.emit("autofillChange", d, u);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4932,10 +4934,10 @@ 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 = xt(o)), [o, xt(o)];
+  return t.reference[r] > t.floating[r] && (o = ut(o)), [o, ut(o)];
 }
 function _i(a) {
-  const t = xt(a);
+  const t = ut(a);
   return [Ot(a), t, Ot(t)];
 }
 function Ot(a) {
@@ -4959,7 +4961,7 @@ function Oi(a, t, e, i) {
   let r = Ii(G(a), e === "start", i);
   return s && (r = r.map((o) => o + "-" + s), t && (r = r.concat(r.map(Ot)))), r;
 }
-function xt(a) {
+function ut(a) {
   return a.replace(/left|right|bottom|top/g, (t) => bi[t]);
 }
 function Li(a) {
@@ -4979,7 +4981,7 @@ function le(a) {
     left: a
   };
 }
-function ut(a) {
+function xt(a) {
   const {
     x: t,
     y: e,
@@ -5002,7 +5004,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, x = 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, u = i[n] / 2 - s[n] / 2;
   let g;
   switch (h) {
     case "top":
@@ -5037,10 +5039,10 @@ function $t(a, t, e) {
   }
   switch (lt(t)) {
     case "start":
-      g[o] -= x * (e && c ? -1 : 1);
+      g[o] -= u * (e && c ? -1 : 1);
       break;
     case "end":
-      g[o] += x * (e && c ? -1 : 1);
+      g[o] += u * (e && c ? -1 : 1);
       break;
   }
   return g;
@@ -5059,12 +5061,12 @@ const Si = async (a, t, e) => {
   }), {
     x: d,
     y: f
-  } = $t(c, i, h), x = i, g = {}, m = 0;
-  for (let u = 0; u < n.length; u++) {
+  } = $t(c, i, h), u = i, g = {}, m = 0;
+  for (let x = 0; x < n.length; x++) {
     const {
       name: w,
       fn: p
-    } = n[u], {
+    } = n[x], {
       x: C,
       y,
       data: b,
@@ -5073,7 +5075,7 @@ const Si = async (a, t, e) => {
       x: d,
       y: f,
       initialPlacement: i,
-      placement: x,
+      placement: u,
       strategy: s,
       middlewareData: g,
       rects: c,
@@ -5089,19 +5091,19 @@ const Si = async (a, t, e) => {
         ...g[w],
         ...b
       }
-    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (x = E.placement), E.rects && (c = E.rects === !0 ? await o.getElementRects({
+    }, E && m <= 50 && (m++, typeof E == "object" && (E.placement && (u = 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, x, h)), u = -1);
+    } = $t(c, u, h)), x = -1);
   }
   return {
     x: d,
     y: f,
-    placement: x,
+    placement: u,
     strategy: s,
     middlewareData: g
   };
@@ -5120,9 +5122,9 @@ async function he(a, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: f = "floating",
-    altBoundary: x = !1,
+    altBoundary: u = !1,
     padding: g = 0
-  } = at(t, a), m = le(g), w = n[x ? f === "floating" ? "reference" : "floating" : f], p = ut(await r.getClippingRect({
+  } = at(t, a), m = le(g), w = n[u ? f === "floating" ? "reference" : "floating" : f], p = xt(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,
@@ -5138,7 +5140,7 @@ async function he(a, t) {
   } : {
     x: 1,
     y: 1
-  }, E = ut(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = xt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: n,
     rect: C,
     offsetParent: y,
@@ -5169,15 +5171,15 @@ const Ti = (a) => ({
     } = at(a, t) || {};
     if (c == null)
       return {};
-    const f = le(d), x = {
+    const f = le(d), u = {
       x: e,
       y: i
-    }, g = Ht(s), m = Mt(g), u = await o.getDimensions(c), w = g === "y", p = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[g] - x[g] - r.floating[m], E = x[g] - r.reference[g], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    }, g = Ht(s), m = Mt(g), x = await o.getDimensions(c), w = g === "y", p = w ? "top" : "left", C = w ? "bottom" : "right", y = w ? "clientHeight" : "clientWidth", b = r.reference[m] + r.reference[g] - u[g] - r.floating[m], E = u[g] - r.reference[g], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let O = R ? R[y] : 0;
     (!O || !await (o.isElement == null ? void 0 : o.isElement(R))) && (O = n.floating[y] || r.floating[m]);
-    const I = b / 2 - E / 2, _ = O / 2 - u[m] / 2 - 1, v = rt(f[p], _), S = rt(f[C], _), T = v, M = O - u[m] - S, A = O / 2 - u[m] / 2 + I, B = It(T, A, M), Y = !h.arrow && lt(s) != null && A !== B && r.reference[m] / 2 - (A < T ? v : S) - u[m] / 2 < 0, k = Y ? A < T ? A - T : A - M : 0;
+    const I = b / 2 - E / 2, _ = O / 2 - x[m] / 2 - 1, v = rt(f[p], _), S = rt(f[C], _), T = v, M = O - x[m] - S, A = O / 2 - x[m] / 2 + I, B = It(T, A, M), Y = !h.arrow && lt(s) != null && A !== B && r.reference[m] / 2 - (A < T ? v : S) - x[m] / 2 < 0, k = Y ? A < T ? A - T : A - M : 0;
     return {
-      [g]: x[g] + k,
+      [g]: u[g] + k,
       data: {
         [g]: B,
         centerOffset: A - B - k,
@@ -5204,16 +5206,16 @@ const Ti = (a) => ({
       } = t, {
         mainAxis: d = !0,
         crossAxis: f = !0,
-        fallbackPlacements: x,
+        fallbackPlacements: u,
         fallbackStrategy: g = "bestFit",
         fallbackAxisSideDirection: m = "none",
-        flipAlignment: u = !0,
+        flipAlignment: x = !0,
         ...w
       } = at(a, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const p = G(s), C = J(n), y = G(n) === n, b = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), E = x || (y || !u ? [xt(n)] : _i(n)), R = m !== "none";
-      !x && R && E.push(...Oi(n, u, m, b));
+      const p = 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)), R = m !== "none";
+      !u && R && E.push(...Oi(n, x, m, b));
       const O = [n, ...E], I = await he(t, w), _ = [];
       let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (d && _.push(I[p]), f) {
@@ -5275,7 +5277,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: x,
+    mainAxis: u,
     crossAxis: g,
     alignmentAxis: m
   } = typeof f == "number" ? {
@@ -5289,9 +5291,9 @@ async function Mi(a, t) {
   };
   return n && typeof m == "number" && (g = n === "end" ? m * -1 : m), h ? {
     x: g * d,
-    y: x * c
+    y: u * c
   } : {
-    x: x * c,
+    x: u * c,
     y: g * d
   };
 }
@@ -5345,28 +5347,28 @@ const Hi = function(a) {
       } = at(a, t), c = {
         x: e,
         y: i
-      }, d = await he(t, h), f = J(G(s)), x = ae(f);
-      let g = c[x], m = c[f];
+      }, d = await he(t, h), f = J(G(s)), u = ae(f);
+      let g = c[u], m = c[f];
       if (r) {
-        const w = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", C = g + d[w], y = g - d[p];
+        const w = u === "y" ? "top" : "left", p = u === "y" ? "bottom" : "right", C = g + d[w], y = g - d[p];
         g = It(C, g, y);
       }
       if (o) {
         const w = f === "y" ? "top" : "left", p = f === "y" ? "bottom" : "right", C = m + d[w], y = m - d[p];
         m = It(C, m, y);
       }
-      const u = n.fn({
+      const x = n.fn({
         ...t,
-        [x]: g,
+        [u]: g,
         [f]: m
       });
       return {
-        ...u,
+        ...x,
         data: {
-          x: u.x - e,
-          y: u.y - i,
+          x: x.x - e,
+          y: x.y - i,
           enabled: {
-            [x]: r,
+            [u]: r,
             [f]: o
           }
         }
@@ -5493,11 +5495,11 @@ function fe(a) {
     $: n
   };
 }
-function xe(a) {
+function ue(a) {
   return N(a) ? a : a.contextElement;
 }
 function Z(a) {
-  const t = xe(a);
+  const t = ue(a);
   if (!K(t))
     return z(1);
   const e = t.getBoundingClientRect(), {
@@ -5512,7 +5514,7 @@ function Z(a) {
   };
 }
 const Fi = /* @__PURE__ */ z(0);
-function ue(a) {
+function xe(a) {
   const t = X(a);
   return !Xt() || !t.visualViewport ? Fi : {
     x: t.visualViewport.offsetLeft,
@@ -5524,20 +5526,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 = xe(a);
+  const s = a.getBoundingClientRect(), r = ue(a);
   let o = z(1);
   t && (i ? N(i) && (o = Z(i)) : o = Z(a));
-  const n = Bi(r, e, i) ? ue(r) : z(0);
+  const n = Bi(r, e, i) ? xe(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 x = X(r), g = i && N(i) ? X(i) : i;
-    let m = x, u = St(m);
-    for (; u && i && g !== m; ) {
-      const w = Z(u), p = u.getBoundingClientRect(), C = F(u), y = p.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = p.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, m = X(u), u = St(m);
+    const u = X(r), g = i && N(i) ? X(i) : i;
+    let m = u, x = St(m);
+    for (; x && i && g !== m; ) {
+      const w = Z(x), p = x.getBoundingClientRect(), C = F(x), y = p.left + (x.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = p.top + (x.clientTop + parseFloat(C.paddingTop)) * w.y;
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, m = X(x), x = St(m);
     }
   }
-  return ut({
+  return xt({
     width: d,
     height: f,
     x: h,
@@ -5560,8 +5562,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 x = ot(i);
-    c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
+    const u = ot(i);
+    c = Z(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
   }
   return {
     width: e.width * c.x,
@@ -5621,14 +5623,14 @@ function Gt(a, t, e) {
   else if (N(t))
     i = Wi(t, e);
   else {
-    const s = ue(a);
+    const s = xe(a);
     i = {
       ...t,
       x: t.x - s.x,
       y: t.y - s.y
     };
   }
-  return ut(i);
+  return xt(i);
 }
 function ge(a, t) {
   const e = $(a);
@@ -5693,10 +5695,10 @@ function qi(a, t, e) {
     d = g.top + n.scrollTop, c = g.left + n.scrollLeft - // RTL <body> scrollbar.
     Tt(s, g);
   }
-  const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
+  const f = o.left + n.scrollLeft - h.x - c, u = o.top + n.scrollTop - h.y - d;
   return {
     x: f,
-    y: x,
+    y: u,
     width: o.width,
     height: o.height
   };
@@ -5848,26 +5850,26 @@ let Ji = class {
         top: `${c}px`,
         left: `${h}px`
       }), f.arrow) {
-        const x = f.arrow;
+        const u = f.arrow;
         ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
         }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
-          top: `${x.y}px`,
+          top: `${u.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
         }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
-          left: `${x.x}px`,
+          left: `${u.x}px`,
           right: ""
         });
       }
@@ -6031,8 +6033,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 x = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(x, x);
+      const u = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(u, u);
     } else
       this.inputEl.style.display = "none";
     (this.inputEl.scrollHeight > r || this.drawY < d.height) && this.autoSize();
@@ -6139,7 +6141,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, x = {
+    const f = e - i, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6182,7 +6184,7 @@ class es {
         width: `${r}px`,
         height: `${o}px`
       },
-      views: [x, g, m]
+      views: [u, g, m]
     };
   }
   getBody() {
@@ -6197,7 +6199,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, x = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - n, u = {
       key: "left",
       style: {
         position: "absolute",
@@ -6240,13 +6242,13 @@ class es {
         width: `${c}px`,
         height: `${d}px`
       },
-      views: [x, g, m]
+      views: [u, g, m]
     };
   }
   getFooter() {
     const t = [], e = [], i = [];
-    this.ctx.footer.renderRows.forEach((u) => {
-      u.cells.forEach((w) => {
+    this.ctx.footer.renderRows.forEach((x) => {
+      x.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));
       });
     });
@@ -6265,7 +6267,7 @@ class es {
         height: `${c}px`
       },
       cells: e
-    }, x = {
+    }, u = {
       key: "center",
       style: {
         position: "absolute",
@@ -6297,7 +6299,7 @@ class es {
         width: `${h}px`,
         height: `${c}px`
       },
-      views: [f, x, g]
+      views: [f, u, g]
     };
   }
 }
@@ -6314,7 +6316,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 x = {
+      const u = {
         getBoundingClientRect: () => ({
           width: 0,
           height: 0,
@@ -6327,7 +6329,7 @@ class is {
         }),
         contextElement: document.body
       };
-      Ee(x, this.contextMenuEl, {
+      Ee(u, this.contextMenuEl, {
         placement: "right-start",
         middleware: [pe(), me(), ye()]
       }).then(({ x: g, y: m }) => {