e-virt-table 0.1.23 → 0.1.25

package/dist/index.es.js

@@ -157,7 +157,7 @@ var Xt = /* @__PURE__ */ function(n) {
   }
   return t;
 }(/* @__PURE__ */ bt(Error));
-function Se(n, t, e, i, s) {
+function Ae(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var g = function(y) {
@@ -169,24 +169,24 @@ function Se(n, t, e, i, s) {
       return x;
     }), r;
   }
-  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, c = 0, f = [], d = new Promise(function(x, u) {
+  var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, c = 0, d = [], f = new Promise(function(x, u) {
     var g = function(p) {
-      if (f.push.apply(f, p), c++, c === h)
-        return i(f), f.length ? u(new Xt(f, Ct(f))) : x(s);
+      if (d.push.apply(d, p), c++, c === h)
+        return i(d), d.length ? u(new Xt(d, Ct(d))) : x(s);
     };
-    a.length || (i(f), x(s)), a.forEach(function(w) {
+    a.length || (i(d), x(s)), a.forEach(function(w) {
       var p = n[w];
       o.indexOf(w) !== -1 ? Ft(p, e, g) : Ie(p, e, g);
     });
   });
-  return d.catch(function(x) {
+  return f.catch(function(x) {
     return x;
-  }), d;
+  }), f;
 }
-function Ae(n) {
+function Te(n) {
   return !!(n && n.message !== void 0);
 }
-function Te(n, t) {
+function Se(n, t) {
   for (var e = n, i = 0; i < t.length; i++) {
     if (e == null)
       return e;
@@ -197,7 +197,7 @@ function Te(n, t) {
 function kt(n, t) {
   return function(e) {
     var i;
-    return n.fullFields ? i = Te(t, n.fullFields) : i = t[e.field || n.fullField], Ae(e) ? (e.field = e.field || n.fullField, e.fieldValue = i, e) : {
+    return n.fullFields ? i = Se(t, n.fullFields) : i = t[e.field || n.fullField], Te(e) ? (e.field = e.field || n.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || n.fullField
@@ -242,7 +242,7 @@ var jt = function(t, e, i, s, r, o) {
   }, h.v6 = function(m) {
     return m && m.exact ? a : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
+  var c = "(?:(?:[a-z]+:)?//)", d = "(?:\\S+(?::\\S*)?@)?", f = h.v4().source, x = h.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + d + "(?:localhost|" + f + "|" + x + "|" + u + g + w + ")" + p + y;
   return ct = new RegExp("(?:^" + b + "$)", "i"), ct;
 }, Kt = {
   // http://emailregex.com/
@@ -300,10 +300,10 @@ var jt = function(t, e, i, s, r, o) {
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], a = t.type;
   o.indexOf(a) > -1 ? et[a](e) || s.push(M(r.messages.types[a], t.fullField, t.type)) : a && typeof e !== t.type && s.push(M(r.messages.types[a], t.fullField, t.type));
 }, De = function(t, e, i, s, r) {
-  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, f = e, d = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
-  if (x ? d = "number" : u ? d = "string" : g && (d = "array"), !d)
+  var o = typeof t.len == "number", a = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", u = typeof e == "string", g = Array.isArray(e);
+  if (x ? f = "number" : u ? f = "string" : g && (f = "array"), !f)
     return !1;
-  g && (f = e.length), u && (f = e.replace(c, "_").length), o ? f !== t.len && s.push(M(r.messages[d].len, t.fullField, t.len)) : a && !h && f < t.min ? s.push(M(r.messages[d].min, t.fullField, t.min)) : h && !a && f > t.max ? s.push(M(r.messages[d].max, t.fullField, t.max)) : a && h && (f < t.min || f > t.max) && s.push(M(r.messages[d].range, t.fullField, t.min, t.max));
+  g && (d = e.length), u && (d = e.replace(c, "_").length), o ? d !== t.len && s.push(M(r.messages[f].len, t.fullField, t.len)) : a && !h && d < t.min ? s.push(M(r.messages[f].min, t.fullField, t.min)) : h && !a && d > t.max ? s.push(M(r.messages[f].max, t.fullField, t.max)) : a && h && (d < t.min || d > t.max) && s.push(M(r.messages[f].range, t.fullField, t.min, t.max));
 }, j = "enum", Fe = function(t, e, i, s, r) {
   t[j] = Array.isArray(t[j]) ? t[j] : [], t[j].indexOf(e) === -1 && s.push(M(r.messages[j], t.fullField, t[j].join(", ")));
 }, Xe = function(t, e, i, s, r) {
@@ -536,7 +536,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     var a = i, h = s, c = r;
     if (typeof h == "function" && (c = h, h = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, a), Promise.resolve(a);
-    function f(w) {
+    function d(w) {
       var p = [], y = {};
       function b(E) {
         if (Array.isArray(E)) {
@@ -550,8 +550,8 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       p.length ? (y = Ct(p), c(p, y)) : c(null, a);
     }
     if (h.messages) {
-      var d = this.messages();
-      d === Rt && (d = vt()), Nt(d, h.messages), h.messages = d;
+      var f = this.messages();
+      f === Rt && (f = vt()), Nt(f, h.messages), h.messages = f;
     } else
       h.messages = this.messages();
     var x = {}, u = h.keys || Object.keys(this.rules);
@@ -570,40 +570,40 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var g = {};
-    return Se(x, h, function(w, p) {
+    return Ae(x, h, function(w, p) {
       var y = w.rule, b = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
       b = b && (y.required || !y.required && w.value), y.field = w.field;
-      function m(R, S) {
-        return $({}, S, {
+      function m(R, A) {
+        return $({}, A, {
           fullField: y.fullField + "." + R,
           fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
         });
       }
       function E(R) {
         R === void 0 && (R = []);
-        var S = Array.isArray(R) ? R : [R];
-        !h.suppressWarning && S.length && n.warning("async-validator:", S), S.length && y.message !== void 0 && (S = [].concat(y.message));
-        var T = S.map(kt(y, a));
-        if (h.first && T.length)
-          return g[y.field] = 1, p(T);
+        var A = Array.isArray(R) ? R : [R];
+        !h.suppressWarning && A.length && n.warning("async-validator:", A), A.length && y.message !== void 0 && (A = [].concat(y.message));
+        var S = A.map(kt(y, a));
+        if (h.first && S.length)
+          return g[y.field] = 1, p(S);
         if (!b)
-          p(T);
+          p(S);
         else {
           if (y.required && !w.value)
-            return y.message !== void 0 ? T = [].concat(y.message).map(kt(y, a)) : h.error && (T = [h.error(y, M(h.messages.required, y.field))]), p(T);
+            return y.message !== void 0 ? S = [].concat(y.message).map(kt(y, a)) : h.error && (S = [h.error(y, M(h.messages.required, y.field))]), p(S);
           var L = {};
           y.defaultField && Object.keys(w.value).map(function(I) {
             L[I] = y.defaultField;
           }), L = $({}, L, w.rule.fields);
           var D = {};
           Object.keys(L).forEach(function(I) {
-            var A = L[I], O = Array.isArray(A) ? A : [A];
+            var T = L[I], O = Array.isArray(T) ? T : [T];
             D[I] = O.map(m.bind(null, I));
           });
           var B = new n(D);
           B.messages(h.messages), w.rule.options && (w.rule.options.messages = h.messages, w.rule.options.error = h.error), B.validate(w.value, w.rule.options || h, function(I) {
-            var A = [];
-            T && T.length && A.push.apply(A, T), I && I.length && A.push.apply(A, I), p(A.length ? A : null);
+            var T = [];
+            S && S.length && T.push.apply(T, S), I && I.length && T.push.apply(T, I), p(T.length ? T : null);
           });
         }
       }
@@ -626,7 +626,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         return E(R);
       });
     }, function(w) {
-      f(w);
+      d(w);
     }, a);
   }, t.getType = function(i) {
     if (i.type === void 0 && i.pattern instanceof RegExp && (i.type = "pattern"), typeof i.validator != "function" && i.type && !it.hasOwnProperty(i.type))
@@ -790,12 +790,12 @@ class ii {
     t.forEach((i, s) => {
       let r = i._hasChildren || !1;
       Array.isArray(i.children) && i.children.length && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d != null ? `${d}` : Ut();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: c, CHECKBOX_KEY: d } = this.ctx.config, f = i[o], x = f != null ? `${f}` : Ut();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || h, g = i._readonly;
       let w = !0;
-      if (typeof c == "function" && (w = c), f) {
-        const p = i[f];
+      if (typeof c == "function" && (w = c), d) {
+        const p = i[d];
         if (this.checkboxKeyMap.has(p)) {
           const y = this.checkboxKeyMap.get(p);
           y.push(x), this.checkboxKeyMap.set(p, y);
@@ -874,10 +874,10 @@ class ii {
     const i = (r) => {
       r.forEach((o) => {
         t.push(o);
-        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: f } = this.rowKeyMap.get(a), d = this.sumHeight;
-        this.sumHeight += f, this.rowIndexRowKeyMap.set(e, a), this.positions.push({
-          top: d,
-          height: f,
+        const a = this.itemRowKeyMap.get(o), { expand: h, hasChildren: c, height: d } = this.rowKeyMap.get(a), f = this.sumHeight;
+        this.sumHeight += d, this.rowIndexRowKeyMap.set(e, a), this.positions.push({
+          top: f,
+          height: d,
           bottom: this.sumHeight
         }), e += 1, h && c && i(o.children);
       });
@@ -1016,38 +1016,38 @@ class ii {
     let r = t;
     const { BEFORE_VALUE_CHANGE_METHOD: o } = this.ctx.config;
     if (typeof o == "function") {
-      const f = o, d = t.map((u) => ({
+      const d = o, f = t.map((u) => ({
         rowKey: u.rowKey,
         key: u.key,
         value: u.value,
         oldValue: this.getItemValue(u.rowKey, u.key),
         row: this.ctx.database.getRowDataItemForRowKey(u.rowKey)
       }));
-      r = await f(d);
+      r = await d(f);
     }
-    r.forEach((f) => {
-      const { value: d, rowKey: x, key: u } = f, g = this.getItemValue(x, u);
-      this.setItemValue(x, u, d), s.add(x), i.push({
+    r.forEach((d) => {
+      const { value: f, rowKey: x, key: u } = d, g = this.getItemValue(x, u);
+      this.setItemValue(x, u, f), s.add(x), i.push({
         rowKey: x,
         key: u,
         oldValue: g,
-        newValue: d
+        newValue: f
       });
     });
     let a = [];
-    const h = i.map((f) => {
-      const d = this.ctx.database.getRowDataItemForRowKey(f.rowKey);
+    const h = i.map((d) => {
+      const f = this.ctx.database.getRowDataItemForRowKey(d.rowKey);
       return {
-        rowKey: f.rowKey,
-        key: f.key,
-        value: f.newValue,
-        row: d
+        rowKey: d.rowKey,
+        key: d.key,
+        value: d.newValue,
+        row: f
       };
     });
-    s.forEach((f) => {
-      a.push(this.ctx.database.getRowDataItemForRowKey(f));
+    s.forEach((d) => {
+      a.push(this.ctx.database.getRowDataItemForRowKey(d));
     });
-    const c = h.map(({ rowKey: f, key: d }) => this.getValidator(f, d));
+    const c = h.map(({ rowKey: d, key: f }) => this.getValidator(d, f));
     Promise.all(c).then(() => {
       this.validationErrorMap.size === 0 && this.changedDataMap.size > 0 && this.ctx.emit("validateChangedData", this.getChangedData());
     }), this.ctx.emit("change", h, a), e && this.ctx.history.pushState({
@@ -1080,8 +1080,8 @@ class ii {
     a[e] !== null && typeof a[e] == "object" && (h = JSON.parse(JSON.stringify(a[e])));
     const c = `${t}​_${e}`;
     this.originalDataMap.has(c) || this.originalDataMap.set(c, h);
-    const f = this.originalDataMap.get(c);
-    let d = i;
+    const d = this.originalDataMap.get(c);
+    let f = i;
     if (o) {
       const { BEFORE_VALUE_CHANGE_METHOD: x } = this.ctx.config;
       if (typeof x == "function") {
@@ -1094,13 +1094,13 @@ class ii {
             row: this.ctx.database.getRowDataItemForRowKey(t)
           }
         ]);
-        p && p.length && (d = p[0].value);
+        p && p.length && (f = p[0].value);
       }
-      this.changedDataMap.set(c, d), a[e] = d;
+      this.changedDataMap.set(c, f), a[e] = f;
       const u = this.ctx.database.getRowDataItemForRowKey(t), g = {
         rowKey: t,
         key: e,
-        value: d,
+        value: f,
         row: u
       };
       this.getValidator(t, e).then(() => {
@@ -1109,17 +1109,17 @@ class ii {
         rowKey: t,
         key: e,
         oldValue: h,
-        value: d,
-        originalValue: f,
+        value: f,
+        originalValue: d,
         row: u
       });
     } else
-      this.changedDataMap.set(c, d), a[e] = d;
+      this.changedDataMap.set(c, f), a[e] = f;
     return this.ctx.hasEvent("iterationChange") && this.ctx.emit("iterationChange", {
       rowKey: t,
       key: e,
       oldValue: h,
-      value: d,
+      value: f,
       originalValue: this.originalDataMap.get(c),
       row: this.ctx.database.getRowDataItemForRowKey(t)
     }), s && this.ctx.history.pushState({
@@ -1131,12 +1131,12 @@ class ii {
           rowKey: t,
           key: e,
           oldValue: h,
-          newValue: d
+          newValue: f
         }
       ]
     }), r && this.ctx.emit("draw"), {
       oldValue: h,
-      newValue: d
+      newValue: f
     };
   }
   /**
@@ -1323,19 +1323,22 @@ class ii {
     return t ? (this.headerMap.set(t, e), !0) : !1;
   }
   getReadonly(t, e) {
-    const i = this.rowKeyMap.get(t), s = this.headerMap.get(e), r = i == null ? void 0 : i.readonly, o = s == null ? void 0 : s.readonly, { BODY_CELL_READONLY_METHOD: a } = this.ctx.config;
-    if (typeof a == "function") {
-      const c = a({
-        row: i.item,
-        rowIndex: i.rowIndex,
-        colIndex: s.colIndex,
-        column: s.column,
+    const { DISABLED: i } = this.ctx.config;
+    if (i)
+      return !0;
+    const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), o = s == null ? void 0 : s.readonly, a = r == null ? void 0 : r.readonly, { BODY_CELL_READONLY_METHOD: h } = this.ctx.config;
+    if (typeof h == "function") {
+      const d = h({
+        row: s.item,
+        rowIndex: s.rowIndex,
+        colIndex: r.colIndex,
+        column: r.column,
         value: this.getItemValue(t, e)
       });
-      if (c !== void 0)
-        return c;
+      if (d !== void 0)
+        return d;
     }
-    return o || r;
+    return a || o;
   }
   clearValidate() {
     this.validationErrorMap.clear();
@@ -1348,18 +1351,18 @@ class ii {
       const s = this.rowKeyMap.get(t), r = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: o } = this.ctx.config, a = r.column;
       let h = a.rules;
       if (typeof o == "function") {
-        const f = o({
+        const d = o({
           row: s.item,
           rowIndex: s.rowIndex,
           colIndex: r.colIndex,
           column: a,
           value: this.getItemValue(t, e)
         });
-        f && (h = f);
+        d && (h = d);
       }
       if (h) {
-        let c = {}, f = {};
-        if (f[e] = this.getItemValue(t, e), Array.isArray(h) && h.length) {
+        let c = {}, d = {};
+        if (d[e] = this.getItemValue(t, e), Array.isArray(h) && h.length) {
           const x = h.map((u) => ({
             ...u,
             row: s.item,
@@ -1376,7 +1379,7 @@ class ii {
             rowIndex: s.rowIndex,
             colIndex: r.colIndex
           };
-        new nt(c).validate(f).then(() => {
+        new nt(c).validate(d).then(() => {
           this.clearValidationError(t, e), i([]);
         }).catch(({ errors: x }) => {
           const u = x.map((g) => ({
@@ -1489,7 +1492,7 @@ class ri {
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "mouseenter", this.handleMouseEnter.bind(this)), this.bind(this.ctx.stageElement, "mouseleave", this.handleMouseLeave.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this));
+    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(this.ctx.stageElement, "click", this.handleClick.bind(this)), this.bind(window, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.stageElement, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.stageElement, "contextmenu", this.handleContextMenu.bind(this)), this.bind(this.ctx.stageElement, "mousedown", this.handleMouseDown.bind(this)), this.bind(this.ctx.stageElement, "dblclick", this.handleDblclick.bind(this)), this.bind(this.ctx.stageElement, "mouseover", this.handleMouseover.bind(this)), this.bind(this.ctx.stageElement, "mouseout", this.handleMouseout.bind(this));
   }
   destroy() {
     this.eventTasks.forEach((t, e) => {
@@ -1521,11 +1524,11 @@ class ri {
   handleContextMenu(t) {
     this.ctx.emit("contextMenu", t);
   }
-  handleMouseEnter(t) {
-    this.ctx.isInsideTargetContainer = !0, this.ctx.emit("mouseenter", t);
+  handleMouseover(t) {
+    this.ctx.isInsideTargetContainer = !0, this.ctx.emit("mouseover", t);
   }
-  handleMouseLeave(t) {
-    this.ctx.editing || (this.ctx.isInsideTargetContainer = !1, this.ctx.emit("mouseleave", t));
+  handleMouseout(t) {
+    this.ctx.isInsideTargetContainer = !1, this.ctx.emit("mouseout", t);
   }
   handleDblclick(t) {
     this.ctx.emit("dblclick", t);
@@ -1611,21 +1614,21 @@ class ni {
    * @param {string} color - 阴影的颜色
    */
   drawShadow(t, e, i, s, r) {
-    const { fillColor: o, side: a, shadowWidth: h, colorStart: c, colorEnd: f } = r;
+    const { fillColor: o, side: a, shadowWidth: h, colorStart: c, colorEnd: d } = r;
     this.ctx.save(), o && (this.ctx.fillStyle = o, this.ctx.fillRect(t, e, i, s));
-    let d;
+    let f;
     switch (a) {
       case "left":
-        d = this.ctx.createLinearGradient(t - h, e, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t - h, e, h, s);
+        f = this.ctx.createLinearGradient(t - h, e, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t - h, e, h, s);
         break;
       case "right":
-        d = this.ctx.createLinearGradient(t + i, e, t + i + h, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t + i, e, h, s);
+        f = this.ctx.createLinearGradient(t + i, e, t + i + h, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t + i, e, h, s);
         break;
       case "top":
-        d = this.ctx.createLinearGradient(t, e - h, t, e), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e - h, i, h);
+        f = this.ctx.createLinearGradient(t, e - h, t, e), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e - h, i, h);
         break;
       case "bottom":
-        d = this.ctx.createLinearGradient(t, e + s, t, e + s + h), d.addColorStop(0, c), d.addColorStop(1, f), this.ctx.fillStyle = d, this.ctx.fillRect(t, e + s, i, h);
+        f = this.ctx.createLinearGradient(t, e + s, t, e + s + h), f.addColorStop(0, c), f.addColorStop(1, d), this.ctx.fillStyle = f, this.ctx.fillRect(t, e + s, i, h);
         break;
       default:
         console.error("Invalid side specified for shadow");
@@ -1650,8 +1653,8 @@ class ni {
     if (this.ctx.save(), this.ctx.beginPath(), a !== void 0 && (this.ctx.fillStyle = a), o !== void 0 && (this.ctx.lineWidth = r, this.ctx.strokeStyle = o), h === 0)
       this.ctx.rect(t - 0.5, e - 0.5, i, s);
     else {
-      const [c, f, d, x] = typeof h == "number" ? [h, h, h, h] : h;
-      this.ctx.moveTo(t + c, e), this.ctx.arcTo(t + i, e, t + i, e + f, f), this.ctx.arcTo(t + i, e + s, t + i - d, e + s, d), this.ctx.arcTo(t, e + s, t, e + s - x, x), this.ctx.arcTo(t, e, t + 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);
     }
     a !== void 0 && this.ctx.fill(), o !== void 0 && this.ctx.stroke(), this.ctx.restore();
   }
@@ -1671,15 +1674,15 @@ class ni {
       font: a = "12px Arial",
       align: h = "center",
       color: c = "#495060",
-      padding: f = 0,
-      verticalAlign: d = "middle"
+      padding: d = 0,
+      verticalAlign: f = "middle"
     } = o;
-    this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textBaseline = d, this.ctx.textAlign = h;
+    this.ctx.font = a, this.ctx.fillStyle = c, this.ctx.textBaseline = f, this.ctx.textAlign = h;
     let x = 0;
-    d === "top" ? x = i + f : d === "bottom" ? x = i + r - f : x = i + (r + 1) / 2;
+    f === "top" ? x = i + d : f === "bottom" ? x = i + r - d : x = i + (r + 1) / 2;
     let u = 0;
-    h === "left" ? u = e + f : h === "right" ? u = e + s - f : u = e + s / 2;
-    const { _text: g, ellipsis: w } = this.handleEllipsis(t, s, f, a);
+    h === "left" ? u = e + d : h === "right" ? u = e + s - d : u = e + s / 2;
+    const { _text: g, ellipsis: w } = this.handleEllipsis(t, s, d, a);
     return this.ctx.fillText(g, u, x), this.ctx.restore(), w;
   }
   handleEllipsis(t, e, i = 0, s = "12px Arial") {
@@ -1693,9 +1696,9 @@ class ni {
     if (h && h + a >= e - i * 2) {
       r = !0;
       let c = 0;
-      for (let f = 0; f < t.length; f++)
-        if (c += this.ctx.measureText(t[f]).width, c >= e - i * 2 - a) {
-          o = t.slice(0, f) + "...";
+      for (let d = 0; d < t.length; d++)
+        if (c += this.ctx.measureText(t[d]).width, c >= e - i * 2 - a) {
+          o = t.slice(0, d) + "...";
           break;
         }
     }
@@ -1707,10 +1710,11 @@ class ni {
 }
 class Wt {
   constructor(t) {
-    l(this, "PROCESSOR_NUM", 50);
     l(this, "CSS_PREFIX", "e-virt-table");
     l(this, "ICONS", []);
     l(this, "ROW_KEY", "");
+    l(this, "DISABLED", !1);
+    //禁用编辑,优先等级最高
     l(this, "HEADER_FONT", "12px normal Arial");
     l(this, "BODY_FONT", "12px normal Arial");
     l(this, "BORDER_COLOR", "#e1e6eb");
@@ -1752,6 +1756,7 @@ class Wt {
     l(this, "SELECT_BORDER_COLOR", "rgb(82,146,247)");
     l(this, "SELECT_AREA_COLOR", "rgba(82,146,247,0.1)");
     l(this, "SELECT_BG_COLOR", "rgba(82,146,247,0.1)");
+    l(this, "AUTOFILL_POINT_BORDER_COLOR", "#fff");
     l(this, "EDIT_BG_COLOR", "#fcf6ed");
     l(this, "CHECKBOX_KEY", "");
     l(this, "CHECKBOX_COLOR", "rgb(82,146,247)");
@@ -1938,8 +1943,8 @@ class ai {
     const o = new Image(), a = new Blob([new XMLSerializer().serializeToString(r)], {
       type: "image/svg+xml"
     }), h = URL.createObjectURL(a);
-    return o.src = h, new Promise((c, f) => {
-      o.onerror = () => f(new Error("Failed to load image")), o.onload = () => {
+    return o.src = h, new Promise((c, d) => {
+      o.onerror = () => d(new Error("Failed to load image")), o.onload = () => {
         c(o);
       };
     });
@@ -1995,8 +2000,8 @@ class te {
   }
 }
 class ee extends te {
-  constructor(e, i, s, r, o, a, h, c, f, d = "body") {
-    super(e, r, o, a, h, d, c.fixed);
+  constructor(e, i, s, r, o, a, h, c, d, f = "body") {
+    super(e, r, o, a, h, f, c.fixed);
     l(this, "formatter");
     l(this, "formatterFooter");
     l(this, "hoverIconName", "");
@@ -2047,7 +2052,7 @@ class ee extends te {
     l(this, "overflowTooltipShow", !0);
     l(this, "overflowTooltipMaxWidth", 500);
     l(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.editorProps = c.editorProps || {}, this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || {}, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.editorProps = c.editorProps || {}, this.cellType = f, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || {}, this.row = d, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2144,19 +2149,21 @@ class ee extends te {
     const { CELL_PADDING: e = 0 } = this.ctx.config, { rowKey: i, cellType: s } = this;
     let r, o = 0, a = "";
     if (this.type === "tree" && s === "body") {
-      const h = this.ctx.database.getRowForRowKey(i), { expand: c = !1, hasChildren: f = !1, expandLoading: d = !1, level: x = 0 } = h || {};
-      if (this.rowExpand = c, this.rowHasChildren = f, d) {
-        const u = this.ctx.icons.get("loading");
-        a = "loading", r = u, o = x * 8;
-      } else if (f) {
-        const u = this.ctx.icons.get("expand"), g = this.ctx.icons.get("shrink");
-        r = c ? g : u, a = c ? "shrink" : "expand", o = x * 8;
+      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 w = this.ctx.icons.get("loading");
+        a = "loading", r = w, o = x * 8;
+      } else if (d) {
+        const w = this.ctx.icons.get("expand"), p = this.ctx.icons.get("shrink");
+        r = c ? p : w, a = c ? "shrink" : "expand", o = x * 8;
       } else
         o = x * 8;
+      let u = 20, g = 20;
       if (r) {
-        let u = 20, g = 20, w = this.drawX + o + e, p = this.drawY + (this.visibleHeight - g) / 2;
-        this.ctx.paint.drawImage(r, w, p, u, g), this.drawImageX = w, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = g, this.drawImageName = a, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u - 0.5;
+        let w = this.drawX + o + e, p = this.drawY + (this.visibleHeight - g) / 2;
+        this.ctx.paint.drawImage(r, w, p, u, g), this.drawImageX = w, this.drawImageY = p, this.drawImageWidth = u, this.drawImageHeight = g, this.drawImageName = a, this.drawImageSource = r;
       }
+      this.align = "left", this.drawTextX = o + this.drawX + u - 0.5;
     }
   }
   updateContainer() {
@@ -2169,8 +2176,8 @@ class ee extends te {
       FOOTER_BG_COLOR: a,
       HIGHLIGHT_SELECTED_ROW: h,
       HIGHLIGHT_SELECTED_ROW_COLOR: c,
-      HIGHLIGHT_HOVER_ROW: f,
-      HIGHLIGHT_HOVER_ROW_COLOR: d
+      HIGHLIGHT_HOVER_ROW: d,
+      HIGHLIGHT_HOVER_ROW_COLOR: f
     } = this.ctx.config;
     if (this.cellType === "footer") {
       let y = a, b = o;
@@ -2189,7 +2196,7 @@ class ee extends te {
     }
     let x = "transparent";
     const u = this.ctx.focusCell, g = this.ctx.hoverCell;
-    f && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = d), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
+    d && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = f), h && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
     let w = e, p = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
@@ -2211,9 +2218,9 @@ class ee extends te {
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: h, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(a)) {
-      const f = this.ctx.database.getRowSelection(c), d = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
+      const d = this.ctx.database.getRowSelection(c), f = this.ctx.database.getRowSelectable(c), { CHECKBOX_SIZE: x = 0 } = this.ctx.config, u = this.drawX + (e - x) / 2, g = this.drawY + (i - x) / 2;
       let w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck";
-      f && d ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : f && d ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !f && d ? (w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled"), w && a == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w);
+      d && f ? (w = this.ctx.icons.get("checkbox-check"), p = "checkbox-check") : d && f ? (w = this.ctx.icons.get("checkbox-check-disabled"), p = "checkbox-check-disabled") : !d && f ? (w = this.ctx.icons.get("checkbox-uncheck"), p = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), p = "checkbox-disabled"), w && a == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === h || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w);
     }
   }
   updateHoverIcon() {
@@ -2347,12 +2354,12 @@ class ee extends te {
   drawAutofillPiont() {
     if (this.cellType === "footer")
       return;
-    const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s } = this.ctx.config;
+    const { SELECT_BORDER_COLOR: e, ENABLE_AUTOFILL: i, ENABLE_SELECTOR: s, AUTOFILL_POINT_BORDER_COLOR: r } = this.ctx.config;
     if (!s || !i)
       return;
-    const { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: f, drawX: d, drawY: x } = this;
-    c === a && f === h && this.ctx.paint.drawRect(d + this.width - 6, x + this.height - 6, 6, 6, {
-      borderColor: "#fff",
+    const { xArr: o, yArr: a } = this.ctx.selector, h = o[1], c = a[1], { colIndex: d, rowIndex: f, drawX: x, drawY: u } = this;
+    d === h && f === c && this.ctx.paint.drawRect(x + this.width - 6, u + this.height - 6, 6, 6, {
+      borderColor: r,
       fillColor: e
     });
   }
@@ -2406,9 +2413,9 @@ class ee extends te {
   }
   drawBorder(e) {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: a } = this;
-    let h = i + 0.5, c = s + 0.5, f = this.height;
-    o === 0 && (c = this.y + 1, f = f - 1), a === this.ctx.maxColIndex && (h = h - 1);
-    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = d[0], b = d[1], m = x[0], E = x[1];
+    let h = i + 0.5, c = s + 0.5, d = this.height;
+    o === 0 && (c = this.y + 1, d = d - 1), a === this.ctx.maxColIndex && (h = h - 1);
+    const { xArr: f, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = f[0], b = f[1], m = x[0], E = x[1];
     a >= y && a <= b && o === m && this.ctx.paint.drawLine([h, c, h + r - 2, c], {
       borderColor: w,
       fillColor: p,
@@ -2416,21 +2423,21 @@ class ee extends te {
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, c + f - 1.5, h + r, c + f - 1.5], {
+    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([h, c + d - 1.5, h + r, c + d - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, c, h, c + f - 1], {
+    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([h, c, h, c + d - 1], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + f - 1.5], {
+    }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([h + r - 1.5, c, h + r - 1.5, c + d - 1.5], {
       borderColor: w,
       fillColor: p,
       borderWidth: g,
@@ -2527,9 +2534,9 @@ class ie extends te {
   drawSelection() {
     const { width: e, height: i, type: s } = this;
     if (["index-selection", "selection"].includes(s)) {
-      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, f = this.drawY + (i - h) / 2;
-      let d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
-      r ? (d = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (d = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (d = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (d = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (d = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), d && (this.drawImageX = c, this.drawImageY = f, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = d, this.ctx.paint.drawImage(
+      const { indeterminate: r, check: o, selectable: a } = this.ctx.database.getCheckedState(), { CHECKBOX_SIZE: h = 0 } = this.ctx.config, c = this.drawX + (e - h) / 2, d = this.drawY + (i - h) / 2;
+      let f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck";
+      r ? (f = this.ctx.icons.get("checkbox-indeterminate"), x = "checkbox-indeterminate") : o && a ? (f = this.ctx.icons.get("checkbox-check"), x = "checkbox-check") : o && a ? (f = this.ctx.icons.get("checkbox-check-disabled"), x = "checkbox-check-disabled") : !o && a ? (f = this.ctx.icons.get("checkbox-uncheck"), x = "checkbox-uncheck") : (f = this.ctx.icons.get("checkbox-disabled"), x = "checkbox-disabled"), f && (this.drawImageX = c, this.drawImageY = d, this.drawImageWidth = h, this.drawImageHeight = h, this.drawImageName = x, this.drawImageSource = f, this.ctx.paint.drawImage(
         this.drawImageSource,
         this.drawImageX,
         this.drawImageY,
@@ -2683,13 +2690,13 @@ class li {
     for (const o of i) {
       const a = o.fixedCells.concat(o.noFixedCells);
       for (const h of a) {
-        const c = h.getDrawX(), f = h.getDrawY();
+        const c = h.getDrawX(), d = h.getDrawY();
         if (r) {
-          if (t > c && t < c + h.visibleWidth && e > f && e < f + h.visibleHeight) {
+          if (t > c && t < c + h.visibleWidth && e > d && e < d + h.visibleHeight) {
             s(h);
             return;
           }
-        } else if (t > c && t < c + h.width && e > f && e < f + h.height) {
+        } else if (t > c && t < c + h.width && e > d && e < d + h.height) {
           s(h);
           return;
         }
@@ -2853,8 +2860,8 @@ class hi {
     for (let r = 0; r <= e[1] - e[0]; r++) {
       const o = [];
       for (let a = 0; a <= i[1] - i[0]; a++) {
-        const h = r + e[0], c = a + i[0], f = this.database.getItemValueForRowIndexAndColIndex(h, c);
-        f && o.push(f.value);
+        const h = r + e[0], c = a + i[0], d = this.database.getItemValueForRowIndexAndColIndex(h, c);
+        d && o.push(d.value);
       }
       s += `${o.join("	")}\r`, t.push(o);
     }
@@ -2993,20 +3000,20 @@ class Pt {
       stageHeight: i,
       stageWidth: s,
       config: { SCROLLER_TRACK_SIZE: r = 0, SCROLLER_SIZE: o = 0 }
-    } = this.ctx, a = s, h = i, c = e.height, f = e.width, d = t.height, x = this.ctx.footer.height;
+    } = this.ctx, a = s, h = i, c = e.height, d = e.width, f = t.height, x = this.ctx.footer.height;
     if (this.type === "vertical") {
-      this.visibleDistance = h - r - c, this.distance = d - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, c, this.trackX + r, c], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
-      const u = this.distance ? this.visibleDistance / d : 0;
+      this.visibleDistance = h - r - c, this.distance = f - this.visibleDistance + x, this.trackX = a - r, this.trackY = 0, this.splitPoints = [this.trackX, c, this.trackX + r, c], this.trackWidth = r, this.trackHeight = h, this.barX = this.trackX - 0.5 + (r - o) / 2, this.barWidth = o;
+      const u = this.distance ? this.visibleDistance / f : 0;
       let g = Math.floor(u * this.visibleDistance);
       g < 30 ? g = 30 : g > this.visibleDistance && (g = 0), this.barHeight = g, this.barY = c + this.scroll / this.distance * (this.visibleDistance - this.barHeight), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     } else {
-      this.visibleDistance = a - r, this.distance = f - this.visibleDistance, this.splitPoints = [
+      this.visibleDistance = a - r, this.distance = d - this.visibleDistance, this.splitPoints = [
         a - r,
         h - r,
         a - r,
         h
       ], this.trackX = 0, this.trackY = h - r, this.trackWidth = a, this.trackHeight = r;
-      const u = this.distance ? this.visibleDistance / f : 0;
+      const u = this.distance ? this.visibleDistance / d : 0;
       let g = Math.floor(u * this.visibleDistance);
       this.barY = this.trackY - 0.5 + (r - o) / 2, g < 30 ? g = 30 : g >= this.visibleDistance && (g = 0), this.barWidth = g, this.barHeight = o, this.barX = this.scroll / this.distance * (this.visibleDistance - this.barWidth), this.scroll = Math.max(0, Math.min(this.scroll, this.distance));
     }
@@ -3133,20 +3140,20 @@ class di {
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = Jt(i), r = _t(i);
-    this.height = t * s, this.width = r.reduce((d, x) => d + ((x == null ? void 0 : x.width) || 100), 0), this.visibleHeight = this.height;
+    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 = Je(Qt(i, s));
     this.columnIndex = 0, this.resizeNum = 0, this.render(o, 0), this.ctx.database.updateColIndexKeyMap(this.leafCellHeaders);
     const a = this.ctx.containerElement.getBoundingClientRect();
     this.resizeNum > 0 ? this.ctx.stageWidth = Math.floor(a.width) : this.ctx.stageWidth = Math.floor(this.width + e), this.ctx.stageElement.style.width = this.ctx.stageWidth - 0.5 + "px", this.visibleWidth = this.ctx.stageWidth - e;
     const h = this.visibleWidth - this.width;
     if (this.resizeNum && h > 0) {
-      const d = Math.floor(h / this.resizeNum * 100) / 100;
-      this.resizeAllColumn(d);
+      const f = Math.floor(h / this.resizeNum * 100) / 100;
+      this.resizeAllColumn(f);
     }
-    const c = this.fixedLeftCellHeaders.filter((d) => !d.hasChildren);
-    this.ctx.fixedLeftWidth = c.reduce((d, x) => d + x.width, 0);
-    const f = this.fixedRightCellHeaders.filter((d) => !d.hasChildren);
-    this.ctx.fixedRightWidth = f.reduce((d, x) => d + x.width, e), this.ctx.maxColIndex = this.leafCellHeaders.length - 1, this.ctx.header.x = this.x, this.ctx.header.y = this.y, this.ctx.header.width = this.width, this.ctx.header.height = this.height, this.ctx.header.visibleWidth = this.visibleWidth, this.ctx.header.visibleHeight = this.visibleHeight;
+    const c = this.fixedLeftCellHeaders.filter((f) => !f.hasChildren);
+    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, 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() {
@@ -3173,8 +3180,8 @@ class di {
         this.ctx.stageElement.style.cursor === "col-resize" && (this.ctx.stageElement.style.cursor = "default");
         const r = [...this.renderFixedCellHeaders, ...this.renderCenterCellHeaders];
         for (const o of r) {
-          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), c = a, f = o.getDrawX();
-          c > f + o.width - 5 && c < f + o.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
+          const { offsetX: a, offsetY: h } = this.ctx.getOffset(e), c = a, d = o.getDrawX();
+          c > d + o.width - 5 && c < d + o.width + 4 && c < i - 4 && // 视窗中最后一列不允许调整宽
           o.colspan <= 1 && this.ctx.isTarget() && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
@@ -3230,10 +3237,10 @@ class di {
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
       const a = t[o], h = r * (a.rowspan || 0), c = r * (a.level || 0);
-      let f = a.width || 100;
-      a.children && (f = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
-      const d = new ie(this.ctx, this.columnIndex, s, c, f, h, a);
-      this.ctx.database.setHeader(a.key, d), this.allCellHeaders.push(d), a.children || (this.leafCellHeaders.push(d), d.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(d) : a.fixed === "right" ? this.fixedRightCellHeaders.push(d) : this.centerCellHeaders.push(d), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += f;
+      let d = a.width || 100;
+      a.children && (d = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
+      const f = new ie(this.ctx, this.columnIndex, s, c, d, h, a);
+      this.ctx.database.setHeader(a.key, f), this.allCellHeaders.push(f), a.children || (this.leafCellHeaders.push(f), f.column.widthFillDisable || this.resizeNum++), a.fixed === "left" ? this.fixedLeftCellHeaders.push(f) : a.fixed === "right" ? this.fixedRightCellHeaders.push(f) : this.centerCellHeaders.push(f), !a.children && this.columnIndex++, a.children && this.render(a.children, s), s += d;
     }
   }
   drawTipLine() {
@@ -3382,14 +3389,14 @@ class fi {
         EMPTY_BODY_HEIGHT: a = 0,
         MAX_HEIGHT: h = 0,
         ENABLE_OFFSET_HEIGHT: c = 0,
-        OFFSET_HEIGHT: f = 0
+        OFFSET_HEIGHT: d = 0
       }
     } = this.ctx;
     if (!e.width)
       return;
     this.x = 0, this.y = e.height;
-    const { data: d, sumHeight: x } = i.getData();
-    this.height = x, this.data = d;
+    const { data: f, sumHeight: x } = i.getData();
+    this.height = x, this.data = f;
     const { top: u } = t.getBoundingClientRect();
     this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
     const g = this.ctx.footer.height;
@@ -3407,11 +3414,11 @@ class fi {
     let p = this.height + e.height + r;
     p += g;
     let y = 0;
-    this.data.length && c ? (y = window.innerHeight - u - f, y < 0 && (y = 32, console.error(
+    this.data.length && c ? (y = window.innerHeight - u - d, y < 0 && (y = 32, console.error(
       "There is an error in the height calculation ENABLE_OFFSET_HEIGHT and OFFSET_HEIGHT are invalid"
     ))) : this.data.length && o ? y = o : this.data.length && h && p > h ? y = h : y = p, y > 0 && (this.ctx.stageHeight = Math.floor(y), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
     let b = this.ctx.stageHeight - e.height - r;
-    s ? this.visibleHeight = b - g : this.visibleHeight = b, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = d;
+    s ? this.visibleHeight = b - g : this.visibleHeight = b, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = f;
     const m = window.devicePixelRatio || 1, E = this.ctx.stageWidth * m, C = this.ctx.stageHeight * m;
     t.width = Math.floor(E), t.height = Math.floor(C), this.ctx.canvasElement.setAttribute(
       "style",
@@ -3434,18 +3441,18 @@ class fi {
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, a = e.clientY, {
         stageHeight: h,
         scrollY: c,
-        config: { RESIZE_ROW_MIN_HEIGHT: f = 0 }
+        config: { RESIZE_ROW_MIN_HEIGHT: d = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const d = this.resizeTarget.height;
+        const f = this.resizeTarget.height;
         let x = a - this.clientY;
-        x + d < f && (x = -(d - f)), this.resizeDiff = x, this.ctx.emit("draw");
+        x + f < d && (x = -(f - d)), this.resizeDiff = x, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown || this.ctx.stageElement.style.cursor === "crosshair")
           return;
         this.ctx.stageElement.style.cursor === "row-resize" && (this.ctx.stageElement.style.cursor = "default");
-        for (let d = 0; d < this.renderRows.length; d++) {
-          const x = this.renderRows[d];
+        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 g = 0; g < x.cells.length; g++) {
               const w = x.cells[g];
@@ -3523,8 +3530,8 @@ class fi {
     let h = this.binarySearch(o, s + this.visibleHeight);
     h === -1 && (h = r.length), this.headIndex = Math.max(0, a), this.tailIndex = Math.min(this.ctx.maxRowIndex, h + 1), this.visibleRows = r.slice(this.headIndex, this.tailIndex + 1), this.ctx.body.headIndex = this.headIndex, this.ctx.body.tailIndex = this.tailIndex, this.ctx.body.visibleRows = this.visibleRows;
     const c = [];
-    for (let f = 0; f < this.visibleRows.length; f++) {
-      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(d), w = new se(this.ctx, d, 0, g + this.y, t.width, u, x);
+    for (let d = 0; d < this.visibleRows.length; d++) {
+      const f = this.headIndex + d, x = this.visibleRows[d], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(f), w = new se(this.ctx, f, 0, g + this.y, t.width, u, x);
       c.push(w);
     }
     this.renderRows = c, this.ctx.body.renderRows = c;
@@ -3728,10 +3735,10 @@ class ui {
         SELECTOR_AREA_MIN_X: a,
         SELECTOR_AREA_MAX_X: h,
         SELECTOR_AREA_MIN_Y: c,
-        SELECTOR_AREA_MAX_Y: f,
-        SELECTOR_AREA_MAX_X_OFFSET: d,
+        SELECTOR_AREA_MAX_Y: d,
+        SELECTOR_AREA_MAX_X_OFFSET: f,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - d, w = c, p = f || this.ctx.maxRowIndex - x;
+      } = this.ctx.config, u = a, g = h || this.ctx.maxColIndex - f, w = c, p = d || this.ctx.maxRowIndex - x;
       let [y, b] = r, [m, E] = o;
       if (y < u || b > g || m < w || E > p)
         return;
@@ -3772,7 +3779,7 @@ class ui {
         SELECTOR_AREA_MAX_Y: o,
         SELECTOR_AREA_MAX_X_OFFSET: a,
         SELECTOR_AREA_MAX_Y_OFFSET: h
-      } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h, u = [c, f], g = [d, x];
+      } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - h, u = [c, d], g = [f, x];
       this.setSelector(u, g);
     }
   }
@@ -3788,11 +3795,11 @@ class ui {
     if (this.ctx.focusCell && this.ctx.mousedown) {
       const { rowIndex: h } = this.ctx.focusCell;
       if (t.rowIndex >= h) {
-        const c = [a, o], f = [h, t.rowIndex];
-        this.setSelector(c, f);
+        const c = [a, o], d = [h, t.rowIndex];
+        this.setSelector(c, d);
       } else {
-        const c = [a, o], f = [t.rowIndex, h];
-        this.setSelector(c, f);
+        const c = [a, o], d = [t.rowIndex, h];
+        this.setSelector(c, d);
       }
     }
   }
@@ -3801,15 +3808,15 @@ class ui {
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
-      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), f = [o, a], d = [h, c];
-      this.setSelector(f, d);
+      const { rowIndex: s, colIndex: r } = e, o = Math.min(i.colIndex, r), a = Math.max(i.colIndex, r), h = Math.min(i.rowIndex, s), c = Math.max(i.rowIndex, s), d = [o, a], f = [h, c];
+      this.setSelector(d, f);
     }
   }
   click(t = !1) {
     const { focusCell: e, clickCell: i } = this.ctx;
     if (e && this.isInSettingRange(e.rowIndex, e.colIndex))
       if (this.ctx.selector.enable = !0, i && t) {
-        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), c = Math.max(o, s), f = Math.min(a, r), d = Math.max(a, r), x = [h, c], u = [f, d];
+        const { colIndex: s, rowIndex: r } = i, { colIndex: o, rowIndex: a } = e, h = Math.min(o, s), c = Math.max(o, s), d = Math.min(a, r), f = Math.max(a, r), x = [h, c], u = [d, f];
         this.setSelector(x, u);
       } else {
         this.ctx.emit("cellSelectedClick", e);
@@ -3851,9 +3858,9 @@ class ui {
     const r = /* @__PURE__ */ new Set();
     for (let a = 0; a <= e[1] - e[0]; a++)
       for (let h = 0; h <= t[1] - t[0]; h++) {
-        const c = a + e[0], f = h + t[0], d = this.ctx.database.getItemValueForRowIndexAndColIndex(c, f);
-        if (d) {
-          const { rowKey: x, key: u } = d;
+        const c = a + e[0], d = h + t[0], f = this.ctx.database.getItemValueForRowIndexAndColIndex(c, d);
+        if (f) {
+          const { rowKey: x, key: u } = f;
           this.ctx.database.getReadonly(x, u) || (r.add(x), s.push({
             rowKey: x,
             key: u,
@@ -3883,10 +3890,10 @@ class ui {
       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 = ti(r), a = [];
-        for (let f = 0; f <= o.length - 1; f++) {
-          const d = o[f].length;
-          for (let x = 0; x <= d - 1; x++) {
-            const u = f + e, g = x + i, w = o[f][x], p = this.ctx.database.getItemValueForRowIndexAndColIndex(
+        for (let d = 0; d <= o.length - 1; d++) {
+          const f = o[d].length;
+          for (let x = 0; x <= f - 1; x++) {
+            const u = d + e, g = x + i, w = o[d][x], p = this.ctx.database.getItemValueForRowIndexAndColIndex(
               u,
               g
             );
@@ -3903,33 +3910,33 @@ class ui {
           }
         }
         if (this.isCut) {
-          const f = this.clearSelectedData(
+          const d = this.clearSelectedData(
             this.ctx.selector.xArrCopy,
             this.ctx.selector.yArrCopy,
             !0
             // 忽略设置，只返回数据，用于cut，实现历史回退需要返回两次问题
-          ), d = a.map((x) => `${x.rowKey}-${x.key}`);
-          f.forEach((x) => {
-            d.includes(`${x.rowKey}-${x.key}`) || a.unshift(x);
+          ), f = a.map((x) => `${x.rowKey}-${x.key}`);
+          d.forEach((x) => {
+            f.includes(`${x.rowKey}-${x.key}`) || a.unshift(x);
           }), this.isCut = !1;
         }
         if (!a.length)
           return;
         const { BEFORE_PASTE_CHANGE_METHOD: h } = this.ctx.config;
         if (typeof h == "function") {
-          const f = h, d = a.map((x) => ({
+          const d = h, f = a.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)
           }));
-          a = await f(d);
+          a = await d(f);
         }
         this.clearCopyLine(), this.ctx.database.batchSetItemValue(a, !0);
         let c = [];
-        s.forEach((f) => {
-          c.push(this.ctx.database.getRowDataItemForRowKey(f));
+        s.forEach((d) => {
+          c.push(this.ctx.database.getRowDataItemForRowKey(d));
         }), this.ctx.emit("pasteChange", a, c);
       }).catch((r) => {
         console.error("获取剪贴板内容失败：", r);
@@ -3961,8 +3968,8 @@ class ui {
         s < h && s++;
         break;
     }
-    const c = [i, i], f = [s, s], d = this.getCell(s, i);
-    d && (d.operation || this.isInSettingRange(d.rowIndex, d.colIndex) && (this.ctx.setFocusCell(d), this.setSelector(c, f), this.adjustBoundaryPosition(), this.ctx.emit("draw")));
+    const c = [i, i], d = [s, s], f = this.getCell(s, i);
+    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(c, d), this.adjustBoundaryPosition(), this.ctx.emit("draw")));
   }
   stopAdjustPosition() {
     this.adjustPositionX = "", this.adjustPositionY = "", this.timerX && (clearInterval(this.timerX), this.timerX = 0), this.timerY && (clearInterval(this.timerY), this.timerY = 0);
@@ -3976,8 +3983,8 @@ class ui {
       SELECTOR_AREA_MAX_Y: o,
       SELECTOR_AREA_MAX_X_OFFSET: a,
       SELECTOR_AREA_MAX_Y_OFFSET: h
-    } = this.ctx.config, c = i, f = s || this.ctx.maxColIndex - a, d = r, x = o || this.ctx.maxRowIndex - h;
-    return !(e < c || e > f || t < d || t > x);
+    } = this.ctx.config, c = i, d = s || this.ctx.maxColIndex - a, f = r, x = o || this.ctx.maxRowIndex - h;
+    return !(e < c || e > d || t < f || t > x);
   }
   /**
    * 调整滚动条位置，让到达边界时自动滚动
@@ -4018,8 +4025,8 @@ class ui {
       footer: a,
       body: h,
       scrollX: c,
-      scrollY: f,
-      config: { SCROLLER_TRACK_SIZE: d, FOOTER_FIXED: x }
+      scrollY: d,
+      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: x }
     } = this.ctx;
     if (!i)
       return;
@@ -4028,9 +4035,9 @@ class ui {
     p > h.visibleHeight && (p = h.visibleHeight);
     let y = 0;
     x && (y = a.visibleHeight);
-    const b = i.drawY + p - (t - y - d);
-    let m = c, E = f;
-    g > 0 && !i.fixed ? m = Math.floor(c + g) : u > 0 && !i.fixed && (m = Math.floor(c - u)), w > 0 ? E = Math.floor(f - w) : b > 0 && (E = Math.floor(f + b)), (Math.abs(c - m) > 2 || Math.abs(f - E) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(m, E), this.ctx.emit("adjustBoundaryPosition", i));
+    const b = i.drawY + p - (t - y - f);
+    let m = c, E = d;
+    g > 0 && !i.fixed ? m = Math.floor(c + g) : u > 0 && !i.fixed && (m = Math.floor(c - u)), w > 0 ? E = Math.floor(d - w) : b > 0 && (E = Math.floor(d + b)), (Math.abs(c - m) > 2 || Math.abs(d - E) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(m, E), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4044,9 +4051,9 @@ class gi {
   init() {
     this.ctx.on("cellMouseenter", (t, e) => {
       this.ctx.stageElement.style.cursor === "crosshair" && (this.ctx.stageElement.style.cursor = "default");
-      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: f, drawX: d, drawY: x, width: u, height: g } = t;
-      if (this.ctx.config.ENABLE_AUTOFILL && c === a && f === h) {
-        const p = d + u - 6, y = x + g - 6;
+      const { offsetX: i, offsetY: s } = this.ctx.getOffset(e), { xArr: r, yArr: o } = this.ctx.selector, a = r[1], h = o[1], { colIndex: c, rowIndex: d, drawX: f, drawY: x, width: u, height: g } = t;
+      if (this.ctx.config.ENABLE_AUTOFILL && c === a && d === h) {
+        const p = f + u - 6, y = x + g - 6;
         i > p && s > y && (this.ctx.stageElement.style.cursor = "crosshair");
       }
       this.mouseenter(t);
@@ -4089,11 +4096,11 @@ class gi {
       const {
         SELECTOR_AREA_MIN_X: h,
         SELECTOR_AREA_MAX_X: c,
-        SELECTOR_AREA_MIN_Y: f,
-        SELECTOR_AREA_MAX_Y: d,
+        SELECTOR_AREA_MIN_Y: d,
+        SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, g = h, w = c || this.ctx.maxColIndex - x, p = f, y = d || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, g = h, w = c || this.ctx.maxColIndex - x, p = d, y = f || this.ctx.maxRowIndex - u;
       let [b, m] = o, [E, C] = a;
       if (b < g || E < p)
         return;
@@ -4127,9 +4134,9 @@ class gi {
       }
     if (!c.length)
       return;
-    const { BEFORE_AUTOFILL_CHANGE_METHOD: f } = this.ctx.config;
-    if (typeof f == "function") {
-      const x = f, u = c.map((g) => ({
+    const { BEFORE_AUTOFILL_CHANGE_METHOD: d } = this.ctx.config;
+    if (typeof d == "function") {
+      const x = d, u = c.map((g) => ({
         rowKey: g.rowKey,
         key: g.key,
         value: g.value,
@@ -4139,10 +4146,10 @@ class gi {
       c = await x(u);
     }
     this.ctx.selector.xArr = this.ctx.autofill.xArr, this.ctx.selector.yArr = this.ctx.autofill.yArr, this.ctx.database.batchSetItemValue(c, !0);
-    let d = [];
+    let f = [];
     t.forEach((x) => {
-      d.push(this.ctx.database.getRowDataItemForRowKey(x));
-    }), this.ctx.emit("autofillChange", c, d);
+      f.push(this.ctx.database.getRowDataItemForRowKey(x));
+    }), this.ctx.emit("autofillChange", c, f);
   }
   mouseenter(t) {
     if (["index", "selection", "index-selection"].includes(t.type))
@@ -4266,31 +4273,31 @@ function Vt(n, t, e) {
     reference: i,
     floating: s
   } = n;
-  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), c = r === "y", f = i.x + i.width / 2 - s.width / 2, d = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
+  const r = J(t), o = Mt(t), a = Lt(o), h = q(t), c = r === "y", d = i.x + i.width / 2 - s.width / 2, f = i.y + i.height / 2 - s.height / 2, x = i[a] / 2 - s[a] / 2;
   let u;
   switch (h) {
     case "top":
       u = {
-        x: f,
+        x: d,
         y: i.y - s.height
       };
       break;
     case "bottom":
       u = {
-        x: f,
+        x: d,
         y: i.y + i.height
       };
       break;
     case "right":
       u = {
         x: i.x + i.width,
-        y: d
+        y: f
       };
       break;
     case "left":
       u = {
         x: i.x - s.width,
-        y: d
+        y: f
       };
       break;
     default:
@@ -4321,8 +4328,8 @@ const vi = async (n, t, e) => {
     floating: t,
     strategy: s
   }), {
-    x: f,
-    y: d
+    x: d,
+    y: f
   } = Vt(c, i, h), x = i, u = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
@@ -4334,8 +4341,8 @@ const vi = async (n, t, e) => {
       data: E,
       reset: C
     } = await y({
-      x: f,
-      y: d,
+      x: d,
+      y: f,
       initialPlacement: i,
       placement: x,
       strategy: s,
@@ -4347,7 +4354,7 @@ const vi = async (n, t, e) => {
         floating: t
       }
     });
-    f = b ?? f, d = m ?? d, u = {
+    d = b ?? d, f = m ?? f, u = {
       ...u,
       [p]: {
         ...u[p],
@@ -4358,13 +4365,13 @@ const vi = async (n, t, e) => {
       floating: t,
       strategy: s
     }) : C.rects), {
-      x: f,
-      y: d
+      x: d,
+      y: f
     } = Vt(c, x, h)), w = -1);
   }
   return {
-    x: f,
-    y: d,
+    x: d,
+    y: f,
     placement: x,
     strategy: s,
     middlewareData: u
@@ -4382,16 +4389,16 @@ async function ne(n, t) {
     strategy: h
   } = n, {
     boundary: c = "clippingAncestors",
-    rootBoundary: f = "viewport",
-    elementContext: d = "floating",
+    rootBoundary: d = "viewport",
+    elementContext: f = "floating",
     altBoundary: x = !1,
     padding: u = 0
-  } = at(t, n), g = oe(u), p = a[x ? d === "floating" ? "reference" : "floating" : d], y = ut(await r.getClippingRect({
+  } = at(t, n), g = oe(u), p = a[x ? f === "floating" ? "reference" : "floating" : f], y = ut(await r.getClippingRect({
     element: (e = await (r.isElement == null ? void 0 : r.isElement(p))) == null || e ? p : p.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
-    rootBoundary: f,
+    rootBoundary: d,
     strategy: h
-  })), b = d === "floating" ? {
+  })), b = f === "floating" ? {
     x: i,
     y: s,
     width: o.floating.width,
@@ -4429,17 +4436,17 @@ const Ri = (n) => ({
       middlewareData: h
     } = t, {
       element: c,
-      padding: f = 0
+      padding: d = 0
     } = at(n, t) || {};
     if (c == null)
       return {};
-    const d = oe(f), x = {
+    const f = oe(d), x = {
       x: e,
       y: i
     }, u = Mt(s), g = Lt(u), w = await o.getDimensions(c), p = u === "y", y = p ? "top" : "left", b = p ? "bottom" : "right", m = p ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[u] - x[u] - r.floating[g], C = x[u] - r.reference[u], R = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let S = R ? R[m] : 0;
-    (!S || !await (o.isElement == null ? void 0 : o.isElement(R))) && (S = a.floating[m] || r.floating[g]);
-    const T = E / 2 - C / 2, L = S / 2 - w[g] / 2 - 1, D = rt(d[y], L), B = rt(d[b], L), I = D, A = S - w[g] - B, O = S / 2 - w[g] / 2 + T, G = It(I, O, A), K = !h.arrow && lt(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = K ? O < I ? O - I : O - A : 0;
+    let A = R ? R[m] : 0;
+    (!A || !await (o.isElement == null ? void 0 : o.isElement(R))) && (A = a.floating[m] || r.floating[g]);
+    const S = E / 2 - C / 2, L = A / 2 - w[g] / 2 - 1, D = rt(f[y], L), B = rt(f[b], L), I = D, T = A - w[g] - B, O = A / 2 - w[g] / 2 + S, G = It(I, O, T), K = !h.arrow && lt(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = K ? O < I ? O - I : O - T : 0;
     return {
       [u]: x[u] + k,
       data: {
@@ -4466,8 +4473,8 @@ const Ri = (n) => ({
         platform: h,
         elements: c
       } = t, {
-        mainAxis: f = !0,
-        crossAxis: d = !0,
+        mainAxis: d = !0,
+        crossAxis: f = !0,
         fallbackPlacements: x,
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: g = "none",
@@ -4478,18 +4485,18 @@ const Ri = (n) => ({
         return {};
       const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
       !x && R && C.push(...bi(a, w, g, E));
-      const S = [a, ...C], T = await ne(t, p), L = [];
+      const A = [a, ...C], S = await ne(t, p), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (f && L.push(T[y]), d) {
+      if (d && L.push(S[y]), f) {
         const O = yi(s, o, E);
-        L.push(T[O[0]], T[O[1]]);
+        L.push(S[O[0]], S[O[1]]);
       }
       if (D = [...D, {
         placement: s,
         overflows: L
       }], !L.every((O) => O <= 0)) {
         var B, I;
-        const O = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = S[O];
+        const O = (((B = r.flip) == null ? void 0 : B.index) || 0) + 1, G = A[O];
         if (G)
           return {
             data: {
@@ -4504,8 +4511,8 @@ const Ri = (n) => ({
         if (!K)
           switch (u) {
             case "bestFit": {
-              var A;
-              const k = (A = D.filter((W) => {
+              var T;
+              const k = (T = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === b || // Create a bias to the `y` side axis due to horizontal
@@ -4513,7 +4520,7 @@ const Ri = (n) => ({
                   P === "y";
                 }
                 return !0;
-              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : A[0];
+              }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : T[0];
               k && (K = k);
               break;
             }
@@ -4537,26 +4544,26 @@ async function Ii(n, t) {
     placement: e,
     platform: i,
     elements: s
-  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, f = r && h ? -1 : 1, d = at(t, n);
+  } = n, r = await (i.isRTL == null ? void 0 : i.isRTL(s.floating)), o = q(e), a = lt(e), h = J(e) === "y", c = ["left", "top"].includes(o) ? -1 : 1, d = r && h ? -1 : 1, f = at(t, n);
   let {
     mainAxis: x,
     crossAxis: u,
     alignmentAxis: g
-  } = typeof d == "number" ? {
-    mainAxis: d,
+  } = typeof f == "number" ? {
+    mainAxis: f,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: d.mainAxis || 0,
-    crossAxis: d.crossAxis || 0,
-    alignmentAxis: d.alignmentAxis
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
   };
   return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), h ? {
-    x: u * f,
+    x: u * d,
     y: x * c
   } : {
     x: x * c,
-    y: u * f
+    y: u * d
   };
 }
 const Oi = function(n) {
@@ -4581,7 +4588,7 @@ const Oi = function(n) {
       };
     }
   };
-}, Si = function(n) {
+}, Ai = function(n) {
   return n === void 0 && (n = {}), {
     name: "shift",
     options: n,
@@ -4609,20 +4616,20 @@ const Oi = function(n) {
       } = at(n, t), c = {
         x: e,
         y: i
-      }, f = await ne(t, h), d = J(q(s)), x = re(d);
-      let u = c[x], g = c[d];
+      }, d = await ne(t, h), f = J(q(s)), x = re(f);
+      let u = c[x], g = c[f];
       if (r) {
-        const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + f[p], m = u - f[y];
+        const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + d[p], m = u - d[y];
         u = It(b, u, m);
       }
       if (o) {
-        const p = d === "y" ? "top" : "left", y = d === "y" ? "bottom" : "right", b = g + f[p], m = g - f[y];
+        const p = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", b = g + d[p], m = g - d[y];
         g = It(b, g, m);
       }
       const w = a.fn({
         ...t,
         [x]: u,
-        [d]: g
+        [f]: g
       });
       return {
         ...w,
@@ -4631,7 +4638,7 @@ const Oi = function(n) {
           y: w.y - i,
           enabled: {
             [x]: r,
-            [d]: o
+            [f]: o
           }
         }
       };
@@ -4673,7 +4680,7 @@ function ht(n) {
   } = X(n);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
-function Ai(n) {
+function Ti(n) {
   return ["table", "td", "th"].includes(tt(n));
 }
 function wt(n) {
@@ -4689,7 +4696,7 @@ function Ht(n) {
   const t = Dt(), e = F(n) ? X(n) : n;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Ti(n) {
+function Si(n) {
   let t = z(n);
   for (; N(t) && !Q(t); ) {
     if (Ht(t))
@@ -4734,17 +4741,17 @@ function le(n) {
   const t = z(n);
   return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : le(t);
 }
-function St(n, t, e) {
+function At(n, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = le(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
   if (r) {
-    const a = At(o);
-    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? St(a) : []);
+    const a = Tt(o);
+    return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? At(a) : []);
   }
-  return t.concat(s, St(s, [], e));
+  return t.concat(s, At(s, [], e));
 }
-function At(n) {
+function Tt(n) {
   return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
 function he(n) {
@@ -4792,18 +4799,18 @@ function ot(n, t, e, i) {
   let o = V(1);
   t && (i ? F(i) && (o = Z(i)) : o = Z(n));
   const a = Mi(r, e, i) ? de(r) : V(0);
-  let h = (s.left + a.x) / o.x, c = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
+  let h = (s.left + a.x) / o.x, c = (s.top + a.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
     const x = H(r), u = i && F(i) ? H(i) : i;
-    let g = x, w = At(g);
+    let g = x, w = Tt(g);
     for (; w && i && u !== g; ) {
       const p = Z(w), y = w.getBoundingClientRect(), b = X(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
-      h *= p.x, c *= p.y, f *= p.x, d *= p.y, h += m, c += E, g = H(w), w = At(g);
+      h *= p.x, c *= p.y, d *= p.x, f *= p.y, h += m, c += E, g = H(w), w = Tt(g);
     }
   }
   return ut({
-    width: f,
-    height: d,
+    width: d,
+    height: f,
     x: h,
     y: c
   });
@@ -4822,28 +4829,28 @@ function Hi(n) {
     scrollLeft: 0,
     scrollTop: 0
   }, c = V(1);
-  const f = V(0), d = N(i);
-  if ((d || !d && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
+  const d = V(0), f = N(i);
+  if ((f || !f && !r) && ((tt(i) !== "body" || ht(o)) && (h = pt(i)), N(i))) {
     const x = ot(i);
-    c = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
+    c = Z(i), d.x = x.x + i.clientLeft, d.y = x.y + i.clientTop;
   }
   return {
     width: e.width * c.x,
     height: e.height * c.y,
-    x: e.x * c.x - h.scrollLeft * c.x + f.x,
-    y: e.y * c.y - h.scrollTop * c.y + f.y
+    x: e.x * c.x - h.scrollLeft * c.x + d.x,
+    y: e.y * c.y - h.scrollTop * c.y + d.y
   };
 }
 function Di(n) {
   return Array.from(n.getClientRects());
 }
-function Tt(n, t) {
+function St(n, t) {
   const e = pt(n).scrollLeft;
   return t ? t.left + e : ot(Y(n)).left + e;
 }
 function Fi(n) {
   const t = Y(n), e = pt(n), i = n.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
-  let o = -e.scrollLeft + Tt(n);
+  let o = -e.scrollLeft + St(n);
   const a = -e.scrollTop;
   return X(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -4902,12 +4909,12 @@ function Ni(n, t) {
   const e = t.get(n);
   if (e)
     return e;
-  let i = St(n, [], !1).filter((a) => F(a) && tt(a) !== "body"), s = null;
+  let i = At(n, [], !1).filter((a) => F(a) && tt(a) !== "body"), s = null;
   const r = X(n).position === "fixed";
   let o = r ? z(n) : n;
   for (; F(o) && !Q(o); ) {
     const a = X(o), h = Ht(o);
-    !h && a.position === "fixed" && (s = null), (r ? !h && !s : !h && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && fe(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
+    !h && a.position === "fixed" && (s = null), (r ? !h && !s : !h && a.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && fe(n, o)) ? i = i.filter((d) => d !== o) : s = a, o = z(o);
   }
   return t.set(n, i), i;
 }
@@ -4918,9 +4925,9 @@ function Ki(n) {
     rootBoundary: i,
     strategy: s
   } = n;
-  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((c, f) => {
-    const d = $t(t, f, s);
-    return c.top = U(d.top, c.top), c.right = rt(d.right, c.right), c.bottom = rt(d.bottom, c.bottom), c.left = U(d.left, c.left), c;
+  const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((c, d) => {
+    const f = $t(t, d, s);
+    return c.top = U(f.top, c.top), c.right = rt(f.right, c.right), c.bottom = rt(f.bottom, c.bottom), c.left = U(f.left, c.left), c;
   }, $t(t, a, s));
   return {
     width: h.right - h.left,
@@ -4950,16 +4957,16 @@ function Bi(n, t, e) {
     if ((tt(t) !== "body" || ht(s)) && (a = pt(t)), i) {
       const u = ot(t, !0, r, t);
       h.x = u.x + t.clientLeft, h.y = u.y + t.clientTop;
-    } else s && (h.x = Tt(s));
-  let c = 0, f = 0;
+    } else s && (h.x = St(s));
+  let c = 0, d = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
-    f = u.top + a.scrollTop, c = u.left + a.scrollLeft - // RTL <body> scrollbar.
-    Tt(s, u);
+    d = u.top + a.scrollTop, c = u.left + a.scrollLeft - // RTL <body> scrollbar.
+    St(s, u);
   }
-  const d = o.left + a.scrollLeft - h.x - c, x = o.top + a.scrollTop - h.y - f;
+  const f = o.left + a.scrollLeft - h.x - c, x = o.top + a.scrollTop - h.y - d;
   return {
-    x: d,
+    x: f,
     y: x,
     width: o.width,
     height: o.height
@@ -4990,9 +4997,9 @@ function xe(n, t) {
     return e;
   }
   let i = qt(n, t);
-  for (; i && Ai(i) && mt(i); )
+  for (; i && Ti(i) && mt(i); )
     i = qt(i, t);
-  return i && Q(i) && mt(i) && !Ht(i) ? e : i || Ti(n) || e;
+  return i && Q(i) && mt(i) && !Ht(i) ? e : i || Si(n) || e;
 }
 const Wi = async function(n) {
   const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(n.floating);
@@ -5020,7 +5027,7 @@ const Vi = {
   getScale: Z,
   isElement: F,
   isRTL: Pi
-}, ue = Oi, ge = Si, we = _i, zi = Ri, pe = (n, t, e) => {
+}, ue = Oi, ge = Ai, we = _i, zi = Ri, pe = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Vi,
     ...e
@@ -5107,28 +5114,28 @@ let $i = class {
       placement: t.overflowTooltipPlacement,
       middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
     }).then((a) => {
-      const { x: h, y: c, placement: f, middlewareData: d } = a;
+      const { x: h, y: c, placement: d, middlewareData: f } = a;
       if (Object.assign(this.floatingEl.style, {
         top: `${c}px`,
         left: `${h}px`
-      }), d.arrow) {
-        const x = d.arrow;
-        ["left", "left-start", "left-end"].includes(f) ? Object.assign(this.arrowEl.style, {
+      }), f.arrow) {
+        const x = f.arrow;
+        ["left", "left-start", "left-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: `${x.y}px`,
           bottom: "",
           left: "",
           right: "-5px"
-        }) : ["right", "right-start", "right-end"].includes(f) ? Object.assign(this.arrowEl.style, {
+        }) : ["right", "right-start", "right-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: `${x.y}px`,
           bottom: "",
           left: "-5px",
           right: ""
-        }) : ["bottom", "bottom-start", "bottom-end"].includes(f) ? Object.assign(this.arrowEl.style, {
+        }) : ["bottom", "bottom-start", "bottom-end"].includes(d) ? Object.assign(this.arrowEl.style, {
           top: "-5px",
           bottom: "",
           left: `${x.x}px`,
           right: ""
-        }) : ["top", "top-start", "top-end"].includes(f) && Object.assign(this.arrowEl.style, {
+        }) : ["top", "top-start", "top-end"].includes(d) && Object.assign(this.arrowEl.style, {
           top: "",
           bottom: "-5px",
           left: `${x.x}px`,
@@ -5240,11 +5247,11 @@ class qi {
       config: { CELL_PADDING: h },
       header: c
     } = this.ctx;
-    let f = this.ctx.body.visibleHeight;
-    if (a > f && (a = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${r - 1}px`, this.editorEl.style.top = `${o - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
-      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
-      const d = this.inputEl.value.length;
-      this.inputEl.setSelectionRange(d, d);
+    let d = this.ctx.body.visibleHeight;
+    if (a > d && (a = d), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${r - 1}px`, this.editorEl.style.top = `${o - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${d}px`, s === "text") {
+      this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${d}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+      const f = this.inputEl.value.length;
+      this.inputEl.setSelectionRange(f, f);
     } else
       this.inputEl.style.display = "none";
     (this.inputEl.scrollHeight > a || o < c.height) && this.autoSize();
@@ -5280,7 +5287,7 @@ class qi {
     r && !h && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
-    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1);
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1);
   }
   destroy() {
     var t;
@@ -5340,11 +5347,11 @@ class ji {
       fixedRightWidth: e,
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: a } = this.ctx.header;
-    let h = [], c = [], f = [];
+    let h = [], c = [], d = [];
     a.forEach((p) => {
-      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? f.push(p) : h.push(p));
+      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? d.push(p) : h.push(p));
     });
-    const d = e - i, x = {
+    const f = e - i, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5362,7 +5369,7 @@ class ji {
         top: "0px",
         left: `${t}px`,
         overflow: "hidden",
-        width: `${r - t - d + 1}px`,
+        width: `${r - t - f + 1}px`,
         height: `${o}px`
       },
       cells: h
@@ -5373,10 +5380,10 @@ class ji {
         top: "0px",
         right: "0px",
         overflow: "hidden",
-        width: `${d + 1}px`,
+        width: `${f + 1}px`,
         height: `${o}px`
       },
-      cells: f
+      cells: d
     };
     return {
       type: "header",
@@ -5402,7 +5409,7 @@ class ji {
       fixedLeftWidth: r,
       fixedRightWidth: o,
       config: { SCROLLER_TRACK_SIZE: a, CSS_PREFIX: h }
-    } = this.ctx, { visibleWidth: c, visibleHeight: f } = this.ctx.body, d = o - a, x = {
+    } = this.ctx, { visibleWidth: c, visibleHeight: d } = this.ctx.body, f = o - a, x = {
       key: "left",
       style: {
         position: "absolute",
@@ -5410,7 +5417,7 @@ class ji {
         left: `${0.5}px`,
         overflow: "hidden",
         width: `${r}px`,
-        height: `${f}px`
+        height: `${d}px`
       },
       cells: e
     }, u = {
@@ -5420,8 +5427,8 @@ class ji {
         top: `${0.5}px`,
         left: `${r - 0.5}px`,
         overflow: "hidden",
-        width: `${c - r - d}px`,
-        height: `${f}px`
+        width: `${c - r - f}px`,
+        height: `${d}px`
       },
       cells: t
     }, g = {
@@ -5431,8 +5438,8 @@ class ji {
         top: "0px",
         right: "0px",
         overflow: "hidden",
-        width: `${d}px`,
-        height: `${f}px`
+        width: `${f}px`,
+        height: `${d}px`
       },
       cells: i
     };
@@ -5443,7 +5450,7 @@ class ji {
         position: "relative",
         overflow: "hidden",
         width: `${c}px`,
-        height: `${f}px`
+        height: `${d}px`
       },
       views: [x, u, g]
     };
@@ -5459,7 +5466,7 @@ class ji {
       fixedLeftWidth: s,
       fixedRightWidth: r,
       config: { SCROLLER_TRACK_SIZE: o, CSS_PREFIX: a }
-    } = this.ctx, { visibleWidth: h, visibleHeight: c } = this.ctx.footer, f = r - o, d = {
+    } = this.ctx, { visibleWidth: h, visibleHeight: c } = this.ctx.footer, d = r - o, f = {
       key: "left",
       style: {
         position: "absolute",
@@ -5477,7 +5484,7 @@ class ji {
         top: `${0.5}px`,
         left: `${s - 0.5}px`,
         overflow: "hidden",
-        width: `${h - s - f}px`,
+        width: `${h - s - d}px`,
         height: `${c}px`
       },
       cells: t
@@ -5488,7 +5495,7 @@ class ji {
         top: `${0.5}px`,
         right: `${0.5}px`,
         overflow: "hidden",
-        width: `${f}px`,
+        width: `${d}px`,
         height: `${c}px`
       },
       cells: i
@@ -5502,7 +5509,7 @@ class ji {
         width: `${h}px`,
         height: `${c}px`
       },
-      views: [d, x, u]
+      views: [f, x, u]
     };
   }
 }
@@ -5517,8 +5524,8 @@ class Ui {
     this.ctx.on("cellContextMenuClick", (t, e) => {
       if (!this.ctx.config.ENABLE_CONTEXT_MENU) return;
       e.preventDefault();
-      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, h] = s, { rowIndex: c, colIndex: f } = t;
-      c >= a && c <= h && f >= r && f <= o || this.ctx.emit("setSelectorCell", t, e);
+      const { xArr: i, yArr: s } = this.ctx.selector, [r, o] = i, [a, h] = s, { rowIndex: c, colIndex: d } = t;
+      c >= a && c <= h && d >= r && d <= o || this.ctx.emit("setSelectorCell", t, e);
       const x = {
         getBoundingClientRect: () => ({
           width: 0,
@@ -5625,15 +5632,15 @@ class Qi {
     o.className = "e-virt-table-stage", a.className = "e-virt-table-canvas", h.className = "e-virt-table-overlayer";
     const c = i || document.createElement("div");
     c.className = "e-virt-table-editor";
-    const f = s, d = r;
+    const d = s, f = r;
     return o.appendChild(a), o.appendChild(h), t.appendChild(o), {
       containerElement: t,
       stageElement: o,
       canvasElement: a,
       overlayerElement: h,
       editorElement: c,
-      emptyElement: f,
-      contextMenuElement: d
+      emptyElement: d,
+      contextMenuElement: f
     };
   }
   draw(t = !1) {
@@ -5727,8 +5734,8 @@ class Qi {
       let r = [];
       for (let o = 0; o < i.length; o++)
         for (let a = 0; a < s.length; a++) {
-          const h = this.ctx.database.getRowKeyByItem(i[o]), f = s[a].key, d = await this.ctx.database.getValidator(h, f);
-          Array.isArray(d) && d.length && r.push(d);
+          const h = this.ctx.database.getRowKeyByItem(i[o]), d = s[a].key, f = await this.ctx.database.getValidator(h, d);
+          Array.isArray(f) && f.length && r.push(f);
         }
       r.length ? (e(r), this.ctx.emit("draw")) : (t([]), this.ctx.emit("draw"));
     });