e-virt-table 0.1.5 → 0.1.7

package/dist/index.es.js

@@ -160,8 +160,8 @@ var Ft = /* @__PURE__ */ function(n) {
 function Se(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
-      var g = function(y) {
-        return i(y), y.length ? u(new Ft(y, Ct(y))) : x(s);
+      var g = function(p) {
+        return i(p), p.length ? u(new Ft(p, Ct(p))) : x(s);
       }, w = Oe(n);
       Xt(w, e, g);
     });
@@ -170,13 +170,13 @@ function Se(n, t, e, i, s) {
     }), r;
   }
   var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), l = a.length, c = 0, f = [], d = new Promise(function(x, u) {
-    var g = function(p) {
-      if (f.push.apply(f, p), c++, c === l)
+    var g = function(y) {
+      if (f.push.apply(f, y), c++, c === l)
         return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
     };
     a.length || (i(f), x(s)), a.forEach(function(w) {
-      var p = n[w];
-      o.indexOf(w) !== -1 ? Xt(p, e, g) : Ie(p, e, g);
+      var y = n[w];
+      o.indexOf(w) !== -1 ? Xt(y, e, g) : Ie(y, e, g);
     });
   });
   return d.catch(function(x) {
@@ -242,7 +242,7 @@ var jt = function(t, e, i, s, r, o) {
   }, l.v6 = function(m) {
     return m && m.exact ? a : new RegExp("" + t(m) + s + t(m), "g");
   };
-  var c = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", p = "(?::\\d{2,5})?", y = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
+  var c = "(?:(?:[a-z]+:)?//)", f = "(?:\\S+(?::\\S*)?@)?", d = l.v4().source, x = l.v6().source, u = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)", g = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*", w = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))", y = "(?::\\d{2,5})?", p = '(?:[/?#][^\\s"]*)?', b = "(?:" + c + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + y + p;
   return ct = new RegExp("(?:^" + b + "$)", "i"), ct;
 }, Yt = {
   // http://emailregex.com/
@@ -537,17 +537,17 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     if (typeof l == "function" && (c = l, l = {}), !this.rules || Object.keys(this.rules).length === 0)
       return c && c(null, a), Promise.resolve(a);
     function f(w) {
-      var p = [], y = {};
+      var y = [], p = {};
       function b(E) {
         if (Array.isArray(E)) {
           var C;
-          p = (C = p).concat.apply(C, E);
+          y = (C = y).concat.apply(C, E);
         } else
-          p.push(E);
+          y.push(E);
       }
       for (var m = 0; m < w.length; m++)
         b(w[m]);
-      p.length ? (y = Ct(p), c(p, y)) : c(null, a);
+      y.length ? (p = Ct(y), c(y, p)) : c(null, a);
     }
     if (l.messages) {
       var d = this.messages();
@@ -556,44 +556,44 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       l.messages = this.messages();
     var x = {}, u = l.keys || Object.keys(this.rules);
     u.forEach(function(w) {
-      var p = o.rules[w], y = a[w];
-      p.forEach(function(b) {
+      var y = o.rules[w], p = a[w];
+      y.forEach(function(b) {
         var m = b;
-        typeof m.transform == "function" && (a === i && (a = $({}, a)), y = a[w] = m.transform(y)), typeof m == "function" ? m = {
+        typeof m.transform == "function" && (a === i && (a = $({}, a)), p = a[w] = m.transform(p)), typeof m == "function" ? m = {
           validator: m
         } : m = $({}, m), m.validator = o.getValidationMethod(m), m.validator && (m.field = w, m.fullField = m.fullField || w, m.type = o.getType(m), x[w] = x[w] || [], x[w].push({
           rule: m,
-          value: y,
+          value: p,
           source: a,
           field: w
         }));
       });
     });
     var g = {};
-    return Se(x, l, function(w, p) {
-      var y = w.rule, b = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
-      b = b && (y.required || !y.required && w.value), y.field = w.field;
+    return Se(x, l, function(w, y) {
+      var p = w.rule, b = (p.type === "object" || p.type === "array") && (typeof p.fields == "object" || typeof p.defaultField == "object");
+      b = b && (p.required || !p.required && w.value), p.field = w.field;
       function m(R, S) {
         return $({}, S, {
-          fullField: y.fullField + "." + R,
-          fullFields: y.fullFields ? [].concat(y.fullFields, [R]) : [R]
+          fullField: p.fullField + "." + R,
+          fullFields: p.fullFields ? [].concat(p.fullFields, [R]) : [R]
         });
       }
       function E(R) {
         R === void 0 && (R = []);
         var S = Array.isArray(R) ? R : [R];
-        !l.suppressWarning && S.length && n.warning("async-validator:", S), S.length && y.message !== void 0 && (S = [].concat(y.message));
-        var A = S.map(kt(y, a));
+        !l.suppressWarning && S.length && n.warning("async-validator:", S), S.length && p.message !== void 0 && (S = [].concat(p.message));
+        var A = S.map(kt(p, a));
         if (l.first && A.length)
-          return g[y.field] = 1, p(A);
+          return g[p.field] = 1, y(A);
         if (!b)
-          p(A);
+          y(A);
         else {
-          if (y.required && !w.value)
-            return y.message !== void 0 ? A = [].concat(y.message).map(kt(y, a)) : l.error && (A = [l.error(y, M(l.messages.required, y.field))]), p(A);
+          if (p.required && !w.value)
+            return p.message !== void 0 ? A = [].concat(p.message).map(kt(p, a)) : l.error && (A = [l.error(p, M(l.messages.required, p.field))]), y(A);
           var L = {};
-          y.defaultField && Object.keys(w.value).map(function(I) {
-            L[I] = y.defaultField;
+          p.defaultField && Object.keys(w.value).map(function(I) {
+            L[I] = p.defaultField;
           }), L = $({}, L, w.rule.fields);
           var D = {};
           Object.keys(L).forEach(function(I) {
@@ -603,22 +603,22 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
           var B = new n(D);
           B.messages(l.messages), w.rule.options && (w.rule.options.messages = l.messages, w.rule.options.error = l.error), B.validate(w.value, w.rule.options || l, function(I) {
             var T = [];
-            A && A.length && T.push.apply(T, A), I && I.length && T.push.apply(T, I), p(T.length ? T : null);
+            A && A.length && T.push.apply(T, A), I && I.length && T.push.apply(T, I), y(T.length ? T : null);
           });
         }
       }
       var C;
-      if (y.asyncValidator)
-        C = y.asyncValidator(y, w.value, E, w.source, l);
-      else if (y.validator) {
+      if (p.asyncValidator)
+        C = p.asyncValidator(p, w.value, E, w.source, l);
+      else if (p.validator) {
         try {
-          C = y.validator(y, w.value, E, w.source, l);
+          C = p.validator(p, w.value, E, w.source, l);
         } catch (R) {
           console.error == null || console.error(R), l.suppressValidatorError || setTimeout(function() {
             throw R;
           }, 0), E(R.message);
         }
-        C === !0 ? E() : C === !1 ? E(typeof y.message == "function" ? y.message(y.fullField || y.field) : y.message || (y.fullField || y.field) + " fails") : C instanceof Array ? E(C) : C instanceof Error && E(C.message);
+        C === !0 ? E() : C === !1 ? E(typeof p.message == "function" ? p.message(p.fullField || p.field) : p.message || (p.fullField || p.field) + " fails") : C instanceof Array ? E(C) : C instanceof Error && E(C.message);
       }
       C && C.then && C.then(function() {
         return E();
@@ -795,12 +795,12 @@ class ii {
       const u = i._height || l, g = i._readonly;
       let w = !0;
       if (typeof c == "function" && (w = c), f) {
-        const p = i[f];
-        if (this.checkboxKeyMap.has(p)) {
-          const y = this.checkboxKeyMap.get(p);
-          y.push(x), this.checkboxKeyMap.set(p, y);
+        const y = i[f];
+        if (this.checkboxKeyMap.has(y)) {
+          const p = this.checkboxKeyMap.get(y);
+          p.push(x), this.checkboxKeyMap.set(y, p);
         } else
-          this.checkboxKeyMap.set(p, [x]);
+          this.checkboxKeyMap.set(y, [x]);
       }
       this.rowKeyMap.set(x, {
         readonly: g,
@@ -2093,8 +2093,8 @@ class ee extends te {
       } else
         o = x * 8;
       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 u = 20, g = 20, w = this.drawX + o + e, y = this.drawY + (this.visibleHeight - g) / 2;
+        this.ctx.paint.drawImage(r, w, y, u, g), this.drawImageX = w, this.drawImageY = y, this.drawImageWidth = u, this.drawImageHeight = g, this.drawImageName = a, this.drawImageSource = r, this.align = "left", this.drawTextX = o + this.drawX + u - 0.5;
       }
     }
   }
@@ -2112,7 +2112,7 @@ class ee extends te {
       HIGHLIGHT_HOVER_ROW_COLOR: d
     } = this.ctx.config;
     if (this.cellType === "footer") {
-      let y = a, b = o;
+      let p = a, b = o;
       if (typeof r == "function") {
         const m = r, { backgroundColor: E, color: C } = m({
           row: this.row,
@@ -2121,37 +2121,37 @@ class ee extends te {
           column: this.column,
           value: this.getValue()
         }) || {};
-        E && (y = E), C && (b = C);
+        E && (p = E), C && (b = C);
       }
-      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = y, this.drawTextColor = b;
+      this.drawCellSkyBgColor = "transparent", this.drawCellBgColor = p, this.drawTextColor = b;
       return;
     }
     let x = "transparent";
     const u = this.ctx.focusCell, g = this.ctx.hoverCell;
     f && (g == null ? void 0 : g.rowKey) === this.rowKey && (x = d), l && (u == null ? void 0 : u.rowKey) === this.rowKey && (x = c), this.drawCellSkyBgColor = x;
-    let w = e, p = o;
+    let w = e, y = o;
     if (["index", "index-selection", "selection"].includes(this.type)) {
       this.drawCellBgColor = e, this.drawTextColor = o;
       return;
     }
-    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (w = i, p = o), typeof s == "function") {
-      const y = s, { backgroundColor: b, color: m } = y({
+    if (this.ctx.database.getReadonly(this.rowKey, this.key) || (w = i, y = o), typeof s == "function") {
+      const p = s, { backgroundColor: b, color: m } = p({
         row: this.row,
         rowIndex: this.rowIndex,
         colIndex: this.colIndex,
         column: this.column,
         value: this.getValue()
       }) || {};
-      b && (w = b), m && (p = m);
+      b && (w = b), m && (y = m);
     }
-    this.drawCellBgColor = w, this.drawTextColor = p;
+    this.drawCellBgColor = w, this.drawTextColor = y;
   }
   updateSelection() {
     const { visibleWidth: e, visibleHeight: i, rowspan: s, colspan: r, cellType: o, type: a, rowIndex: l, rowKey: c } = this;
     if (!(s === 0 || r === 0) && o !== "footer" && ["index-selection", "selection"].includes(a)) {
       const 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;
-      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 === l || ["checkbox-disabled", "checkbox-check"].includes(p)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = p, this.drawImageSource = w);
+      let w = this.ctx.icons.get("checkbox-uncheck"), y = "checkbox-uncheck";
+      f && d ? (w = this.ctx.icons.get("checkbox-check"), y = "checkbox-check") : f && d ? (w = this.ctx.icons.get("checkbox-check-disabled"), y = "checkbox-check-disabled") : !f && d ? (w = this.ctx.icons.get("checkbox-uncheck"), y = "checkbox-uncheck") : (w = this.ctx.icons.get("checkbox-disabled"), y = "checkbox-disabled"), w && a == "index-selection" ? (this.ctx.hoverCell && this.ctx.hoverCell.rowIndex === l || ["checkbox-disabled", "checkbox-check"].includes(y)) && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = y, this.drawImageSource = w) : w && a === "selection" && (this.drawImageX = u, this.drawImageY = g, this.drawImageWidth = x, this.drawImageHeight = x, this.drawImageName = y, this.drawImageSource = w);
     }
   }
   updateHoverIcon() {
@@ -2338,31 +2338,31 @@ class ee extends te {
     const { drawX: i, drawY: s, width: r, rowIndex: o, colIndex: a } = this;
     let l = i + 0.5, c = s + 0.5, f = this.height;
     o === 0 && (c = this.y + 1, f = f - 1), a === this.ctx.maxColIndex && (l = l - 1);
-    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: p } = e, y = d[0], b = d[1], m = x[0], E = x[1];
-    a >= y && a <= b && o === m && this.ctx.paint.drawLine([l, c, l + r - 2, c], {
+    const { xArr: d, yArr: x, lineDash: u = [], borderWidth: g = 1, borderColor: w, fillColor: y } = e, p = d[0], b = d[1], m = x[0], E = x[1];
+    a >= p && a <= b && o === m && this.ctx.paint.drawLine([l, c, l + r - 2, c], {
       borderColor: w,
-      fillColor: p,
+      fillColor: y,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a >= y && a <= b && o === E && this.ctx.paint.drawLine([l, c + f - 1.5, l + r, c + f - 1.5], {
+    }), a >= p && a <= b && o === E && this.ctx.paint.drawLine([l, c + f - 1.5, l + r, c + f - 1.5], {
       borderColor: w,
-      fillColor: p,
+      fillColor: y,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
-    }), a === y && o >= m && o <= E && this.ctx.paint.drawLine([l, c, l, c + f - 1], {
+    }), a === p && o >= m && o <= E && this.ctx.paint.drawLine([l, c, l, c + f - 1], {
       borderColor: w,
-      fillColor: p,
+      fillColor: y,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
       lineDash: u
     }), a === b && o >= m && o <= E && this.ctx.paint.drawLine([l + r - 1.5, c, l + r - 1.5, c + f - 1.5], {
       borderColor: w,
-      fillColor: p,
+      fillColor: y,
       borderWidth: g,
       lineCap: "round",
       lineJoin: "round",
@@ -3315,12 +3315,12 @@ class fi {
       width: this.width,
       height: this.data.length ? 0 : a + g
     });
-    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(
+    let y = this.height + e.height + r;
+    y += g;
+    let p = 0;
+    this.data.length && c ? (p = window.innerHeight - u - f, p < 0 && (p = 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 && l && p > l ? y = l : y = p, y > 0 && (this.ctx.stageHeight = Math.floor(y), this.ctx.stageElement.style.height = `${this.ctx.stageHeight - 0.5}px`);
+    ))) : this.data.length && o ? p = o : this.data.length && l && y > l ? p = l : p = y, 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 - r;
     s ? this.visibleHeight = b - g : this.visibleHeight = b, this.ctx.body.x = this.x, this.ctx.body.y = this.y, this.ctx.body.width = this.width, this.ctx.body.height = this.height, this.ctx.body.visibleWidth = this.visibleWidth, this.ctx.body.visibleHeight = this.visibleHeight, this.ctx.body.data = d;
     const m = window.devicePixelRatio || 1, E = this.ctx.stageWidth * m, C = this.ctx.stageHeight * m;
@@ -3634,11 +3634,11 @@ class ui {
         SELECTOR_AREA_MAX_Y: f,
         SELECTOR_AREA_MAX_X_OFFSET: d,
         SELECTOR_AREA_MAX_Y_OFFSET: x
-      } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - d, w = c, p = f || this.ctx.maxRowIndex - x;
-      let [y, b] = r, [m, E] = o;
-      if (y < u || b > g || m < w || E > p)
+      } = this.ctx.config, u = a, g = l || this.ctx.maxColIndex - d, w = c, y = f || this.ctx.maxRowIndex - x;
+      let [p, b] = r, [m, E] = o;
+      if (p < u || b > g || m < w || E > y)
         return;
-      this.ctx.selector.xArr = [Math.max(u, y), Math.min(g, b)], this.ctx.selector.yArr = [Math.max(w, m), Math.min(p, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
+      this.ctx.selector.xArr = [Math.max(u, p), Math.min(g, b)], this.ctx.selector.yArr = [Math.max(w, m), Math.min(y, E)], this.ctx.emit("setSelector", this.ctx.selector), this.ctx.emit("drawView");
     }
   }
   selectCols(t) {
@@ -3790,10 +3790,10 @@ class ui {
               u
             );
             if (w) {
-              const { rowKey: p, key: y } = w;
-              this.ctx.database.getReadonly(p, y) || (s.add(p), a.push({
-                rowKey: p,
-                key: y,
+              const { rowKey: y, key: p } = w;
+              this.ctx.database.getReadonly(y, p) || (s.add(y), a.push({
+                rowKey: y,
+                key: p,
                 value: g,
                 row: {}
                 //内部有设置
@@ -3904,17 +3904,18 @@ class ui {
       fixedLeftWidth: r,
       header: o,
       footer: a,
-      scrollX: l,
-      scrollY: c,
-      config: { SCROLLER_TRACK_SIZE: f, FOOTER_FIXED: d }
+      body: l,
+      scrollX: c,
+      scrollY: f,
+      config: { SCROLLER_TRACK_SIZE: d, FOOTER_FIXED: x }
     } = this.ctx;
-    if (!i || i.height > t)
+    if (!i || i.height > l.visibleHeight || i.width > l.visibleWidth - r - s)
       return;
-    let x = 0;
-    if (d && (x = a.visibleHeight), i.fixed || !(i.drawX < r || i.drawX + i.width > e - s || i.drawY < this.ctx.header.height || i.drawY + i.height > t - x - f))
+    let u = 0;
+    if (x && (u = a.visibleHeight), i.fixed || !(i.drawX < r || i.drawX + i.width > e - s || i.drawY < this.ctx.header.height || i.drawY + i.height > t - u - d))
       return;
-    const u = r - i.drawX + 1, g = i.drawX + i.width - (e - s) + 1, w = o.height - i.drawY, p = i.drawY + i.height - (t - x - f);
-    this.ctx.editing || (g > 0 && !i.fixed ? this.ctx.setScrollX(l + g) : u > 0 && !i.fixed && this.ctx.setScrollX(l - u), w > 0 ? this.ctx.setScrollY(c - w) : p > 0 && this.ctx.setScrollY(c + p));
+    const g = r - i.drawX + 1, w = i.drawX + i.width - (e - s) + 1, y = o.height - i.drawY, p = i.drawY + i.height - (t - u - d);
+    w > 0 && !i.fixed ? this.ctx.setScrollX(c + w) : g > 0 && !i.fixed && this.ctx.setScrollX(c - g), y > 0 ? this.ctx.setScrollY(f - y) : p > 0 && this.ctx.setScrollY(f + p), this.ctx.emit("adjustBoundaryPosition", i);
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -3930,8 +3931,8 @@ class gi {
       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], l = o[1], { colIndex: c, rowIndex: f, drawX: d, drawY: x, width: u, height: g } = t;
       if (this.ctx.config.ENABLE_AUTOFILL && c === a && f === l) {
-        const p = d + u - 6, y = x + g - 6;
-        i > p && s > y && (this.ctx.stageElement.style.cursor = "crosshair");
+        const y = d + u - 6, p = x + g - 6;
+        i > y && s > p && (this.ctx.stageElement.style.cursor = "crosshair");
       }
       this.mouseenter(t);
     }), this.ctx.on("cellMousedown", () => {
@@ -3977,11 +3978,11 @@ class gi {
         SELECTOR_AREA_MAX_Y: d,
         SELECTOR_AREA_MAX_X_OFFSET: x,
         SELECTOR_AREA_MAX_Y_OFFSET: u
-      } = this.ctx.config, g = l, w = c || this.ctx.maxColIndex - x, p = f, y = d || this.ctx.maxRowIndex - u;
+      } = this.ctx.config, g = l, w = c || this.ctx.maxColIndex - x, y = f, p = d || this.ctx.maxRowIndex - u;
       let [b, m] = o, [E, C] = a;
-      if (b < g || E < p)
+      if (b < g || E < y)
         return;
-      this.ctx.autofill.xArr = [Math.max(g, b), Math.min(w, m)], this.ctx.autofill.yArr = [Math.max(p, E), Math.min(y, C)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
+      this.ctx.autofill.xArr = [Math.max(g, b), Math.min(w, m)], this.ctx.autofill.yArr = [Math.max(y, E), Math.min(p, C)], this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
   }
   /**
@@ -3998,9 +3999,9 @@ class gi {
     let c = [];
     for (let d = 0; d <= l[1] - l[0]; d++)
       for (let x = 0; x <= a[1] - a[0]; x++) {
-        const u = x + a[0], g = d + l[0], w = s[d % o][x % r], p = this.ctx.database.getItemValueForRowIndexAndColIndex(g, u), y = `${g}-${u}`;
-        if (p && !i.has(y)) {
-          const { rowKey: b, key: m } = p;
+        const u = x + a[0], g = d + l[0], w = s[d % o][x % r], y = this.ctx.database.getItemValueForRowIndexAndColIndex(g, u), p = `${g}-${u}`;
+        if (y && !i.has(p)) {
+          const { rowKey: b, key: m } = y;
           this.ctx.database.getReadonly(b, m) || (t.add(b), c.push({
             rowKey: b,
             key: m,
@@ -4199,14 +4200,14 @@ const vi = async (n, t, e) => {
   } = Vt(c, i, l), x = i, u = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
-      name: p,
-      fn: y
+      name: y,
+      fn: p
     } = a[w], {
       x: b,
       y: m,
       data: E,
       reset: C
-    } = await y({
+    } = await p({
       x: f,
       y: d,
       initialPlacement: i,
@@ -4222,8 +4223,8 @@ const vi = async (n, t, e) => {
     });
     f = b ?? f, d = m ?? d, u = {
       ...u,
-      [p]: {
-        ...u[p],
+      [y]: {
+        ...u[y],
         ...E
       }
     }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (x = C.placement), C.rects && (c = C.rects === !0 ? await o.getElementRects({
@@ -4259,8 +4260,8 @@ async function ne(n, t) {
     elementContext: d = "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({
-    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)),
+  } = at(t, n), g = oe(u), y = a[x ? d === "floating" ? "reference" : "floating" : d], p = ut(await r.getClippingRect({
+    element: (e = await (r.isElement == null ? void 0 : r.isElement(y))) == null || e ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: f,
     strategy: l
@@ -4282,10 +4283,10 @@ async function ne(n, t) {
     strategy: l
   }) : b);
   return {
-    top: (y.top - C.top + g.top) / E.y,
-    bottom: (C.bottom - y.bottom + g.bottom) / E.y,
-    left: (y.left - C.left + g.left) / E.x,
-    right: (C.right - y.right + g.right) / E.x
+    top: (p.top - C.top + g.top) / E.y,
+    bottom: (C.bottom - p.bottom + g.bottom) / E.y,
+    left: (p.left - C.left + g.left) / E.x,
+    right: (C.right - p.right + g.right) / E.x
   };
 }
 const Ri = (n) => ({
@@ -4309,10 +4310,10 @@ const Ri = (n) => ({
     const d = oe(f), 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));
+    }, u = Mt(s), g = Lt(u), w = await o.getDimensions(c), y = u === "y", p = y ? "top" : "left", b = y ? "bottom" : "right", m = y ? "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 A = E / 2 - C / 2, L = S / 2 - w[g] / 2 - 1, D = rt(d[y], L), B = rt(d[b], L), I = D, T = S - w[g] - B, O = S / 2 - w[g] / 2 + A, G = It(I, O, T), Y = !l.arrow && ht(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = Y ? O < I ? O - I : O - T : 0;
+    const A = E / 2 - C / 2, L = S / 2 - w[g] / 2 - 1, D = rt(d[p], L), B = rt(d[b], L), I = D, T = S - w[g] - B, O = S / 2 - w[g] / 2 + A, G = It(I, O, T), Y = !l.arrow && ht(s) != null && O !== G && r.reference[g] / 2 - (O < I ? D : B) - w[g] / 2 < 0, k = Y ? O < I ? O - I : O - T : 0;
     return {
       [u]: x[u] + k,
       data: {
@@ -4345,15 +4346,15 @@ const Ri = (n) => ({
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: w = !0,
-        ...p
+        ...y
       } = at(n, t);
       if ((e = r.arrow) != null && e.alignmentOffset)
         return {};
-      const y = q(s), b = J(a), m = q(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
+      const p = q(s), b = J(a), m = q(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
       !x && R && C.push(...bi(a, w, g, E));
-      const S = [a, ...C], A = await ne(t, p), L = [];
+      const S = [a, ...C], A = await ne(t, y), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (f && L.push(A[y]), d) {
+      if (f && L.push(A[p]), d) {
         const O = yi(s, o, E);
         L.push(A[O[0]], A[O[1]]);
       }
@@ -4467,13 +4468,13 @@ const Oi = function(n) {
         mainAxis: r = !0,
         crossAxis: o = !1,
         limiter: a = {
-          fn: (p) => {
+          fn: (y) => {
             let {
-              x: y,
+              x: p,
               y: b
-            } = p;
+            } = y;
             return {
-              x: y,
+              x: p,
               y: b
             };
           }
@@ -4485,11 +4486,11 @@ const Oi = function(n) {
       }, f = await ne(t, l), d = J(q(s)), x = re(d);
       let u = c[x], g = c[d];
       if (r) {
-        const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + f[p], m = u - f[y];
+        const y = x === "y" ? "top" : "left", p = x === "y" ? "bottom" : "right", b = u + f[y], m = u - f[p];
         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 y = d === "y" ? "top" : "left", p = d === "y" ? "bottom" : "right", b = g + f[y], m = g - f[p];
         g = It(b, g, m);
       }
       const w = a.fn({
@@ -4670,8 +4671,8 @@ function ot(n, t, e, i) {
     const x = H(r), u = i && X(i) ? H(i) : i;
     let g = x, w = Tt(g);
     for (; w && i && u !== g; ) {
-      const p = Z(w), y = w.getBoundingClientRect(), b = F(w), m = y.left + (w.clientLeft + parseFloat(b.paddingLeft)) * p.x, E = y.top + (w.clientTop + parseFloat(b.paddingTop)) * p.y;
-      l *= p.x, c *= p.y, f *= p.x, d *= p.y, l += m, c += E, g = H(w), w = Tt(g);
+      const y = Z(w), p = w.getBoundingClientRect(), b = F(w), m = p.left + (w.clientLeft + parseFloat(b.paddingLeft)) * y.x, E = p.top + (w.clientTop + parseFloat(b.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, f *= y.x, d *= y.y, l += m, c += E, g = H(w), w = Tt(g);
     }
   }
   return ut({
@@ -5101,7 +5102,7 @@ class qi {
       header: r,
       config: { SCROLLER_TRACK_SIZE: o }
     } = this.ctx, a = i - s.height - o;
-    this.editorEl.style.bottom = "auto", (this.drawY + t > a || this.drawY < r.height) && (this.editorEl.style.left = `${this.drawX}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${i - a}px`), this.inputEl.style.height = `${t}px`;
+    this.editorEl.style.bottom = "auto", (this.drawY + t > a || this.drawY < r.height) && (this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = "auto", this.editorEl.style.bottom = `${i - a}px`), this.inputEl.style.height = `${t}px`;
   }
   startEditByInput(t) {
     const e = t.getValue(), { width: i, editorType: s } = t, r = t.getDrawX();
@@ -5113,7 +5114,7 @@ class qi {
       header: c
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    if (a > f && (a = f), this.editorEl.style.left = `${r}px`, this.editorEl.style.top = `${o}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
+    if (a > f && (a = f), 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 = `${l}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
       const d = this.inputEl.value.length;
       this.inputEl.setSelectionRange(d, d);
@@ -5152,7 +5153,7 @@ class qi {
     r && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = r, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget));
   }
   doneEdit() {
-    this.enable && this.cellTarget && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1, this.cellTarget = null, this.ctx.emit("draw"));
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1, this.ctx.emit("draw"));
   }
   destroy() {
     var t;
@@ -5215,8 +5216,8 @@ class ji {
       config: { SCROLLER_TRACK_SIZE: i, CSS_PREFIX: s }
     } = this.ctx, { visibleWidth: r, visibleHeight: o, renderCellHeaders: a } = this.ctx.header;
     let l = [], c = [], f = [];
-    a.forEach((p) => {
-      p.render && (p.fixed === "left" ? c.push(p) : p.fixed === "right" ? f.push(p) : l.push(p));
+    a.forEach((y) => {
+      y.render && (y.fixed === "left" ? c.push(y) : y.fixed === "right" ? f.push(y) : l.push(y));
     });
     const d = e - i, x = {
       key: "left",
@@ -5267,9 +5268,9 @@ class ji {
   getBody() {
     const t = [], e = [], i = [];
     let s = this.ctx.body.renderRows;
-    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((p) => {
-      p.cells.forEach((y) => {
-        y.cellType === "footer" && (y.render = y.renderFooter), y.render && (y.fixed === "left" ? e.push(y) : y.fixed === "right" ? i.push(y) : t.push(y));
+    this.ctx.config.FOOTER_FIXED || (s = s.concat(this.ctx.footer.renderRows)), s.forEach((y) => {
+      y.cells.forEach((p) => {
+        p.cellType === "footer" && (p.render = p.renderFooter), p.render && (p.fixed === "left" ? e.push(p) : p.fixed === "right" ? i.push(p) : t.push(p));
       });
     });
     const {
@@ -5325,8 +5326,8 @@ class ji {
   getFooter() {
     const t = [], e = [], i = [];
     this.ctx.footer.renderRows.forEach((w) => {
-      w.cells.forEach((p) => {
-        p.cellType === "footer" && p.renderFooter && (p.render = p.renderFooter, p.fixed === "left" ? e.push(p) : p.fixed === "right" ? i.push(p) : t.push(p));
+      w.cells.forEach((y) => {
+        y.cellType === "footer" && y.renderFooter && (y.render = y.renderFooter, y.fixed === "left" ? e.push(y) : y.fixed === "right" ? i.push(y) : t.push(y));
       });
     });
     const {