e-virt-table 0.1.1 → 0.1.2

package/dist/index.es.js

@@ -69,9 +69,9 @@ function bt(n) {
     }), st(s, i);
   }, bt(n);
 }
-var Re = /%[sdj%]/g, Gt = function() {
+var Re = /%[sdj%]/g, Jt = function() {
 };
-typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (Gt = function(t, e) {
+typeof process < "u" && process.env && process.env.NODE_ENV !== "production" && typeof window < "u" && typeof document < "u" && (Jt = function(t, e) {
   typeof console < "u" && console.warn && typeof ASYNC_VALIDATOR_NO_WARNING > "u" && e.every(function(i) {
     return typeof i == "string";
   }) && console.warn(t, e);
@@ -131,7 +131,7 @@ function Ie(n, t, e) {
     t(a, o);
   });
 }
-function Xt(n, t, e) {
+function Yt(n, t, e) {
   var i = 0, s = n.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Oe(n) {
     t.push.apply(t, n[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(n) {
+var Kt = /* @__PURE__ */ function(n) {
   be(t, n);
   function t(e, i) {
     var s;
@@ -161,9 +161,9 @@ function Te(n, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var g = function(y) {
-        return i(y), y.length ? u(new Ft(y, Ct(y))) : x(s);
+        return i(y), y.length ? u(new Kt(y, Ct(y))) : x(s);
       }, w = Oe(n);
-      Xt(w, e, g);
+      Yt(w, e, g);
     });
     return r.catch(function(x) {
       return x;
@@ -172,11 +172,11 @@ function Te(n, t, e, i, s) {
   var o = t.firstFields === !0 ? Object.keys(n) : t.firstFields || [], a = Object.keys(n), h = a.length, l = 0, f = [], d = new Promise(function(x, u) {
     var g = function(p) {
       if (f.push.apply(f, p), l++, l === h)
-        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
+        return i(f), f.length ? u(new Kt(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);
+      o.indexOf(w) !== -1 ? Yt(p, e, g) : Ie(p, e, g);
     });
   });
   return d.catch(function(x) {
@@ -194,7 +194,7 @@ function Ae(n, t) {
   }
   return e;
 }
-function kt(n, t) {
+function Bt(n, t) {
   return function(e) {
     var i;
     return n.fullFields ? i = Ae(t, n.fullFields) : i = t[e.field || n.fullField], Se(e) ? (e.field = e.field || n.fullField, e.fieldValue = i, e) : {
@@ -204,7 +204,7 @@ function kt(n, t) {
     };
   };
 }
-function Nt(n, t) {
+function Wt(n, t) {
   if (t) {
     for (var e in t)
       if (t.hasOwnProperty(e)) {
@@ -214,7 +214,7 @@ function Nt(n, t) {
   }
   return n;
 }
-var jt = function(t, e, i, s, r, o) {
+var Qt = function(t, e, i, s, r, o) {
   t.required && (!i.hasOwnProperty(t.field) || _(e, o || t.type)) && s.push(M(r.messages.required, t.fullField));
 }, Le = function(t, e, i, s, r) {
   (/^\s+$/.test(e) || e === "") && s.push(M(r.messages.whitespace, t.fullField));
@@ -244,7 +244,7 @@ var jt = function(t, e, i, s, r, o) {
   };
   var l = "(?:(?:[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 = "(?:" + l + "|www\\.)" + f + "(?:localhost|" + d + "|" + x + "|" + u + g + w + ")" + p + y;
   return lt = new RegExp("(?:^" + b + "$)", "i"), lt;
-}, Yt = {
+}, Pt = {
   // http://emailregex.com/
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
   // url: new RegExp(
@@ -284,17 +284,17 @@ var jt = function(t, e, i, s, r, o) {
     return typeof t == "function";
   },
   email: function(t) {
-    return typeof t == "string" && t.length <= 320 && !!t.match(Yt.email);
+    return typeof t == "string" && t.length <= 320 && !!t.match(Pt.email);
   },
   url: function(t) {
     return typeof t == "string" && t.length <= 2048 && !!t.match(Me());
   },
   hex: function(t) {
-    return typeof t == "string" && !!t.match(Yt.hex);
+    return typeof t == "string" && !!t.match(Pt.hex);
   }
 }, He = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
-    jt(t, e, i, s, r);
+    Qt(t, e, i, s, r);
     return;
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], a = t.type;
@@ -316,7 +316,7 @@ var jt = function(t, e, i, s, r, o) {
     }
   }
 }, v = {
-  required: jt,
+  required: Qt,
   whitespace: Le,
   type: He,
   range: De,
@@ -528,7 +528,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       s.rules[r] = Array.isArray(o) ? o : [o];
     });
   }, t.messages = function(i) {
-    return i && (this._messages = Nt(vt(), i)), this._messages;
+    return i && (this._messages = Wt(vt(), i)), this._messages;
   }, t.validate = function(i, s, r) {
     var o = this;
     s === void 0 && (s = {}), r === void 0 && (r = function() {
@@ -551,7 +551,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
     }
     if (h.messages) {
       var d = this.messages();
-      d === Rt && (d = vt()), Nt(d, h.messages), h.messages = d;
+      d === Rt && (d = vt()), Wt(d, h.messages), h.messages = d;
     } else
       h.messages = this.messages();
     var x = {}, u = h.keys || Object.keys(this.rules);
@@ -583,14 +583,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         R === void 0 && (R = []);
         var T = Array.isArray(R) ? R : [R];
         !h.suppressWarning && T.length && n.warning("async-validator:", T), T.length && y.message !== void 0 && (T = [].concat(y.message));
-        var A = T.map(kt(y, a));
+        var A = T.map(Bt(y, a));
         if (h.first && A.length)
           return g[y.field] = 1, p(A);
         if (!b)
           p(A);
         else {
           if (y.required && !w.value)
-            return y.message !== void 0 ? A = [].concat(y.message).map(kt(y, a)) : h.error && (A = [h.error(y, M(h.messages.required, y.field))]), p(A);
+            return y.message !== void 0 ? A = [].concat(y.message).map(Bt(y, a)) : h.error && (A = [h.error(y, M(h.messages.required, y.field))]), p(A);
           var L = {};
           y.defaultField && Object.keys(w.value).map(function(I) {
             L[I] = y.defaultField;
@@ -644,16 +644,16 @@ nt.register = function(t, e) {
     throw new Error("Cannot register a validator by type, validator is not a function");
   it[t] = e;
 };
-nt.warning = Gt;
+nt.warning = Jt;
 nt.messages = Rt;
 nt.validators = it;
-function Ut() {
+function te() {
   return "xxxxxxxxxxxxxxxxxx".replace(/[x]/g, function(n) {
     const t = Math.random() * 16 | 0;
     return (n === "x" ? t : t & 3 | 8).toString(16);
   });
 }
-function Zt(n, t) {
+function ee(n, t) {
   let e = 0, i;
   return function(...s) {
     const r = (/* @__PURE__ */ new Date()).getTime(), o = r - e;
@@ -662,8 +662,8 @@ function Zt(n, t) {
     }, t - o));
   };
 }
-function Jt(n) {
-  return n ? n.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function ie(n) {
+  return n ? n.map((t) => ie(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
 function Je(n = []) {
   let t = [], e = [], i = [];
@@ -675,14 +675,14 @@ function Je(n = []) {
     ...i.sort((s, r) => s.sort - r.sort)
   ];
 }
-function Qt(n = [], t = 1, e = 0) {
+function se(n = [], t = 1, e = 0) {
   return n.map((i) => {
     if (i.children) {
       let s = 0, r = i.fixed;
       i.children.forEach((a) => {
         a.fixed = r;
       });
-      const o = Qt(i.children, t - 1, e + 1);
+      const o = se(i.children, t - 1, e + 1);
       return o && o.forEach((a) => {
         s += a.colspan;
       }), {
@@ -708,17 +708,17 @@ function _t(n = []) {
     e.children ? t = t.concat(_t(e.children)) : t.push(e);
   }), t;
 }
-const Kt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, Bt = /^\t/;
+const Vt = /^(\r\n|\n\r|\r|\n)/, Qe = /^[^\t\r\n]+/, zt = /^\t/;
 function ti(n) {
   let t = [[""]];
   if (n.length === 0)
     return t;
   let e = 0, i = 0, s;
   for (; n.length > 0 && s !== n.length; )
-    if (s = n.length, n.match(Bt))
-      n = n.replace(Bt, ""), e += 1, t[i][e] = "";
-    else if (n.match(Kt))
-      n = n.replace(Kt, ""), e = 0, i += 1, t[i] = [""];
+    if (s = n.length, n.match(zt))
+      n = n.replace(zt, ""), e += 1, t[i][e] = "";
+    else if (n.match(Vt))
+      n = n.replace(Vt, ""), e = 0, i += 1, t[i] = [""];
     else {
       let r = "";
       if (n.startsWith('"')) {
@@ -790,7 +790,7 @@ class ii {
     t.forEach((i, s) => {
       let r = !1;
       Array.isArray(i.children) && (r = !0, this.initData(i.children, e + 1));
-      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: l, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? Ut();
+      const { ROW_KEY: o = "", DEFAULT_EXPAND_ALL: a, CELL_HEIGHT: h, SELECTABLE_METHOD: l, CHECKBOX_KEY: f } = this.ctx.config, d = i[o], x = d ?? te();
       this.itemRowKeyMap.set(i, x);
       const u = i._height || h, g = i._readonly;
       let w = !0;
@@ -1652,7 +1652,7 @@ class ni {
     };
   }
 }
-class Wt {
+class $t {
   constructor(t) {
     c(this, "PROCESSOR_NUM", 50);
     c(this, "CSS_PREFIX", "e-virt-table");
@@ -1893,7 +1893,7 @@ class ai {
     return this.icons.get(t);
   }
 }
-class te {
+class re {
   constructor(t, e, i, s, r, o, a) {
     c(this, "ctx");
     c(this, "x", 0);
@@ -1939,7 +1939,7 @@ class te {
   getRightFixedX() {
   }
 }
-class ee extends te {
+class oe extends re {
   constructor(e, i, s, r, o, a, h, l, f, d = "body") {
     super(e, r, o, a, h, l.fixed, d);
     c(this, "formatter");
@@ -2370,7 +2370,7 @@ class ee extends te {
     });
   }
 }
-class ie extends te {
+class ne extends re {
   constructor(e, i, s, r, o, a, h) {
     super(e, s, r, o, a, h.fixed, "header");
     c(this, "align");
@@ -2406,7 +2406,7 @@ class ie extends te {
     c(this, "drawImageHeight", 0);
     c(this, "drawImageName", "");
     c(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = te(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2557,7 +2557,7 @@ class ci {
    */
   selectionClick(t) {
     if (["selection", "index-selection"].includes(t.type) && this.ctx.isPointer)
-      if (t instanceof ie)
+      if (t instanceof ne)
         t.drawImageName === "checkbox-uncheck" || t.drawImageName === "checkbox-indeterminate" ? this.ctx.database.toggleAllSelection() : t.drawImageName === "checkbox-check" && this.ctx.database.clearSelection();
       else {
         if (!this.ctx.database.getRowSelectable(t.rowKey))
@@ -2597,7 +2597,7 @@ class ci {
    */
   imageEnterAndLeave(t, e) {
     const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s;
-    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof ee && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
+    o > t.drawImageX && o < t.drawImageX + t.drawImageWidth && r > t.drawImageY && r < t.drawImageY + t.drawImageHeight ? (this.ctx.stageElement.style.cursor = "pointer", this.ctx.isPointer = !0, t instanceof oe && ["selection", "index-selection"].includes(t.type) && (this.ctx.database.getRowSelectable(t.rowKey) || (this.ctx.stageElement.style.cursor = "not-allowed"))) : (this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default"));
   }
   isBusy(t) {
     const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = e, r = i;
@@ -2732,10 +2732,10 @@ class hi {
     c(this, "history");
     c(this, "config");
     const { containerElement: i, stageElement: s, canvasElement: r, overlayerElement: o } = t;
-    this.containerElement = i, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.config = new Wt(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
+    this.containerElement = i, this.stageElement = s, this.canvasElement = r, this.overlayerElement = o, this.config = new $t(e.config || {}), this.eventBus = new oi(), this.eventBrowser = new ri(this), this.eventTable = new ci(this), this.paint = new ni(this.canvasElement), this.database = new ii(this, e), this.history = new si(this), this.icons = new ai(this);
   }
   setConfig(t) {
-    this.config = new Wt(t);
+    this.config = new $t(t);
   }
   setFocusCell(t) {
     var e;
@@ -2826,7 +2826,7 @@ class hi {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Pt {
+class qt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2942,7 +2942,7 @@ class li {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Pt(t, "vertical"), this.horizontalScrollbar = new Pt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new qt(t, "vertical"), this.horizontalScrollbar = new qt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -3032,7 +3032,7 @@ class di {
     c(this, "renderFixedCellHeaders", []);
     this.ctx = t, this.ctx.on(
       "resetHeader",
-      Zt(() => {
+      ee(() => {
         this.init(), this.ctx.emit("draw");
       }, 100)
     ), this.init(), this.initResizeColumn();
@@ -3042,9 +3042,9 @@ class di {
       config: { HEADER_HEIGHT: t, SCROLLER_TRACK_SIZE: e }
     } = this.ctx, i = this.ctx.database.getColumns();
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
-    const s = Jt(i), r = _t(i);
+    const s = ie(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;
-    const o = Je(Qt(i, s));
+    const o = Je(se(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;
@@ -3142,7 +3142,7 @@ class di {
       const a = t[o], h = r * (a.rowspan || 1), l = r * a.level;
       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, l, f, h, a);
+      const d = new ne(this.ctx, this.columnIndex, s, l, 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;
     }
   }
@@ -3202,7 +3202,7 @@ class di {
     }), this.drawTipLine();
   }
 }
-class se {
+class ae {
   constructor(t, e, i = 0, s = 0, r = 0, o = 0, a, h = "body") {
     c(this, "ctx");
     c(this, "x", 0);
@@ -3221,7 +3221,7 @@ class se {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
     t.renderLeafCellHeaders.forEach((r) => {
-      const o = new ee(
+      const o = new oe(
         this.ctx,
         this.rowIndex,
         r.colIndex,
@@ -3434,7 +3434,7 @@ class fi {
     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 l = [];
     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);
+      const d = this.headIndex + f, x = this.visibleRows[f], { height: u, top: g } = this.ctx.database.getPositionForRowIndex(d), w = new ae(this.ctx, d, 0, g + this.y, t.width, u, x);
       l.push(w);
     }
     this.renderRows = l, this.ctx.body.renderRows = l;
@@ -3502,7 +3502,7 @@ class xi {
     let e = this.y;
     const i = [];
     this.data.forEach((s, r) => {
-      const o = new se(
+      const o = new ae(
         this.ctx,
         r,
         0,
@@ -3540,7 +3540,7 @@ class ui {
   init() {
     this.ctx.on(
       "mousemove",
-      Zt((t) => {
+      ee((t) => {
         const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget() && i > 0 && i < this.ctx.body.visibleWidth && e > this.ctx.header.visibleHeight && e < this.ctx.header.visibleHeight + this.ctx.body.visibleHeight;
         (this.ctx.selectorMove || this.ctx.autofillMove) && (s ? this.stopAdjustPosition() : this.startAdjustPosition(t));
       }, 100)
@@ -3914,7 +3914,7 @@ class ui {
     d && (x = a.visibleHeight);
     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.adjustTimer && (clearTimeout(this.adjustTimer), this.adjustTimer = 0), this.adjustTimer = setTimeout(() => {
-      g > 0 && !i.fixed ? this.ctx.setScrollX(h + g) : u > 0 && !i.fixed && this.ctx.setScrollX(h - u), w > 0 ? this.ctx.setScrollY(l - w) : p > 0 && this.ctx.setScrollY(l + p);
+      this.ctx.editing || (g > 0 && !i.fixed ? this.ctx.setScrollX(h + g) : u > 0 && !i.fixed && this.ctx.setScrollX(h - u), w > 0 ? this.ctx.setScrollY(l - w) : p > 0 && this.ctx.setScrollY(l + p));
     }, 167);
   }
   destroy() {
@@ -4054,7 +4054,7 @@ function q(n) {
 function ct(n) {
   return n.split("-")[1];
 }
-function re(n) {
+function ce(n) {
   return n === "x" ? "y" : "x";
 }
 function Lt(n) {
@@ -4064,7 +4064,7 @@ function J(n) {
   return ["top", "bottom"].includes(q(n)) ? "y" : "x";
 }
 function Mt(n) {
-  return re(J(n));
+  return ce(J(n));
 }
 function yi(n, t, e) {
   e === void 0 && (e = !1);
@@ -4109,7 +4109,7 @@ function Ci(n) {
     ...n
   };
 }
-function oe(n) {
+function he(n) {
   return typeof n != "number" ? Ci(n) : {
     top: n,
     right: n,
@@ -4135,7 +4135,7 @@ function ut(n) {
     y: e
   };
 }
-function Vt(n, t, e) {
+function Gt(n, t, e) {
   let {
     reference: i,
     floating: s
@@ -4197,7 +4197,7 @@ const vi = async (n, t, e) => {
   }), {
     x: f,
     y: d
-  } = Vt(l, i, h), x = i, u = {}, g = 0;
+  } = Gt(l, i, h), x = i, u = {}, g = 0;
   for (let w = 0; w < a.length; w++) {
     const {
       name: p,
@@ -4234,7 +4234,7 @@ const vi = async (n, t, e) => {
     }) : C.rects), {
       x: f,
       y: d
-    } = Vt(l, x, h)), w = -1);
+    } = Gt(l, x, h)), w = -1);
   }
   return {
     x: f,
@@ -4244,7 +4244,7 @@ const vi = async (n, t, e) => {
     middlewareData: u
   };
 };
-async function ne(n, t) {
+async function le(n, t) {
   var e;
   t === void 0 && (t = {});
   const {
@@ -4260,7 +4260,7 @@ 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({
+  } = at(t, n), g = he(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)),
     boundary: l,
     rootBoundary: f,
@@ -4307,7 +4307,7 @@ const Ri = (n) => ({
     } = at(n, t) || {};
     if (l == null)
       return {};
-    const d = oe(f), x = {
+    const d = he(f), x = {
       x: e,
       y: i
     }, u = Mt(s), g = Lt(u), w = await o.getDimensions(l), 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(l));
@@ -4352,7 +4352,7 @@ const Ri = (n) => ({
         return {};
       const y = q(s), b = J(a), m = q(a) === a, E = await (h.isRTL == null ? void 0 : h.isRTL(l.floating)), C = x || (m || !w ? [xt(a)] : mi(a)), R = g !== "none";
       !x && R && C.push(...bi(a, w, g, E));
-      const T = [a, ...C], A = await ne(t, p), L = [];
+      const T = [a, ...C], A = await le(t, p), L = [];
       let D = ((i = r.flip) == null ? void 0 : i.overflows) || [];
       if (f && L.push(A[y]), d) {
         const O = yi(s, o, E);
@@ -4483,7 +4483,7 @@ const Oi = function(n) {
       } = at(n, t), l = {
         x: e,
         y: i
-      }, f = await ne(t, h), d = J(q(s)), x = re(d);
+      }, f = await le(t, h), d = J(q(s)), x = ce(d);
       let u = l[x], g = l[d];
       if (r) {
         const p = x === "y" ? "top" : "left", y = x === "y" ? "bottom" : "right", b = u + f[p], m = u - f[y];
@@ -4516,7 +4516,7 @@ function gt() {
   return typeof window < "u";
 }
 function tt(n) {
-  return ae(n) ? (n.nodeName || "").toLowerCase() : "#document";
+  return de(n) ? (n.nodeName || "").toLowerCase() : "#document";
 }
 function H(n) {
   var t;
@@ -4524,9 +4524,9 @@ function H(n) {
 }
 function K(n) {
   var t;
-  return (t = (ae(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
+  return (t = (de(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
 }
-function ae(n) {
+function de(n) {
   return gt() ? n instanceof Node || n instanceof H(n).Node : !1;
 }
 function X(n) {
@@ -4535,7 +4535,7 @@ function X(n) {
 function N(n) {
   return gt() ? n instanceof HTMLElement || n instanceof H(n).HTMLElement : !1;
 }
-function zt(n) {
+function jt(n) {
   return !gt() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof H(n).ShadowRoot;
 }
 function ht(n) {
@@ -4599,19 +4599,19 @@ function z(n) {
     // Step into the shadow DOM of the parent of a slotted node.
     n.assignedSlot || // DOM Element detected.
     n.parentNode || // ShadowRoot detected.
-    zt(n) && n.host || // Fallback.
+    jt(n) && n.host || // Fallback.
     K(n)
   );
-  return zt(t) ? t.host : t;
+  return jt(t) ? t.host : t;
 }
-function ce(n) {
+function fe(n) {
   const t = z(n);
-  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : ce(t);
+  return Q(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : N(t) && ht(t) ? t : fe(t);
 }
 function Tt(n, t, e) {
   var i;
   t === void 0 && (t = []), e === void 0 && (e = !0);
-  const s = ce(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
+  const s = fe(n), r = s === ((i = n.ownerDocument) == null ? void 0 : i.body), o = H(s);
   if (r) {
     const a = St(o);
     return t.concat(o, o.visualViewport || [], ht(s) ? s : [], a && e ? Tt(a) : []);
@@ -4621,7 +4621,7 @@ function Tt(n, t, e) {
 function St(n) {
   return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
-function he(n) {
+function xe(n) {
   const t = F(n);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = N(n), r = s ? n.offsetWidth : e, o = s ? n.offsetHeight : i, a = ft(e) !== r || ft(i) !== o;
@@ -4631,18 +4631,18 @@ function he(n) {
     $: a
   };
 }
-function le(n) {
+function ue(n) {
   return X(n) ? n : n.contextElement;
 }
 function Z(n) {
-  const t = le(n);
+  const t = ue(n);
   if (!N(t))
     return V(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
     $: r
-  } = he(t);
+  } = xe(t);
   let o = (r ? ft(e.width) : e.width) / i, a = (r ? ft(e.height) : e.height) / s;
   return (!o || !Number.isFinite(o)) && (o = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: o,
@@ -4650,7 +4650,7 @@ function Z(n) {
   };
 }
 const Li = /* @__PURE__ */ V(0);
-function de(n) {
+function ge(n) {
   const t = H(n);
   return !Dt() || !t.visualViewport ? Li : {
     x: t.visualViewport.offsetLeft,
@@ -4662,10 +4662,10 @@ function Mi(n, t, e) {
 }
 function ot(n, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
-  const s = n.getBoundingClientRect(), r = le(n);
+  const s = n.getBoundingClientRect(), r = ue(n);
   let o = V(1);
   t && (i ? X(i) && (o = Z(i)) : o = Z(n));
-  const a = Mi(r, e, i) ? de(r) : V(0);
+  const a = Mi(r, e, i) ? ge(r) : V(0);
   let h = (s.left + a.x) / o.x, l = (s.top + a.y) / o.y, f = s.width / o.x, d = s.height / o.y;
   if (r) {
     const x = H(r), u = i && X(i) ? H(i) : i;
@@ -4750,7 +4750,7 @@ function ki(n, t) {
     y: l
   };
 }
-function $t(n, t, e) {
+function Ut(n, t, e) {
   let i;
   if (t === "viewport")
     i = Fi(n, e);
@@ -4759,7 +4759,7 @@ function $t(n, t, e) {
   else if (X(t))
     i = ki(t, e);
   else {
-    const s = de(n);
+    const s = ge(n);
     i = {
       ...t,
       x: t.x - s.x,
@@ -4768,9 +4768,9 @@ function $t(n, t, e) {
   }
   return ut(i);
 }
-function fe(n, t) {
+function we(n, t) {
   const e = z(n);
-  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || fe(e, t);
+  return e === t || !X(e) || Q(e) ? !1 : F(e).position === "fixed" || we(e, t);
 }
 function Ni(n, t) {
   const e = t.get(n);
@@ -4781,7 +4781,7 @@ function Ni(n, t) {
   let o = r ? z(n) : n;
   for (; X(o) && !Q(o); ) {
     const a = F(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 && we(n, o)) ? i = i.filter((f) => f !== o) : s = a, o = z(o);
   }
   return t.set(n, i), i;
 }
@@ -4793,9 +4793,9 @@ function Yi(n) {
     strategy: s
   } = n;
   const o = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], a = o[0], h = o.reduce((l, f) => {
-    const d = $t(t, f, s);
+    const d = Ut(t, f, s);
     return l.top = U(d.top, l.top), l.right = rt(d.right, l.right), l.bottom = rt(d.bottom, l.bottom), l.left = U(d.left, l.left), l;
-  }, $t(t, a, s));
+  }, Ut(t, a, s));
   return {
     width: h.right - h.left,
     height: h.bottom - h.top,
@@ -4807,7 +4807,7 @@ function Ki(n) {
   const {
     width: t,
     height: e
-  } = he(n);
+  } = xe(n);
   return {
     width: t,
     height: e
@@ -4842,7 +4842,7 @@ function Bi(n, t, e) {
 function mt(n) {
   return F(n).position === "static";
 }
-function qt(n, t) {
+function Zt(n, t) {
   if (!N(n) || F(n).position === "fixed")
     return null;
   if (t)
@@ -4850,7 +4850,7 @@ function qt(n, t) {
   let e = n.offsetParent;
   return K(n) === e && (e = e.ownerDocument.body), e;
 }
-function xe(n, t) {
+function pe(n, t) {
   const e = H(n);
   if (wt(n))
     return e;
@@ -4863,13 +4863,13 @@ function xe(n, t) {
     }
     return e;
   }
-  let i = qt(n, t);
+  let i = Zt(n, t);
   for (; i && Si(i) && mt(i); )
-    i = qt(i, t);
+    i = Zt(i, t);
   return i && Q(i) && mt(i) && !Ht(i) ? e : i || Ai(n) || e;
 }
 const Wi = async function(n) {
-  const t = this.getOffsetParent || xe, e = this.getDimensions, i = await e(n.floating);
+  const t = this.getOffsetParent || pe, e = this.getDimensions, i = await e(n.floating);
   return {
     reference: Bi(n.reference, await t(n.floating), n.strategy),
     floating: {
@@ -4887,14 +4887,14 @@ const Vi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
   getDocumentElement: K,
   getClippingRect: Yi,
-  getOffsetParent: xe,
+  getOffsetParent: pe,
   getElementRects: Wi,
   getClientRects: Di,
   getDimensions: Ki,
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, ue = Oi, ge = Ti, we = _i, zi = Ri, pe = (n, t, e) => {
+}, Xt = Oi, Ft = Ti, kt = _i, zi = Ri, Nt = (n, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: Vi,
     ...e
@@ -4964,7 +4964,7 @@ let $i = class {
       return;
     this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
     const s = t.drawX + i.x, r = t.drawY + i.y;
-    pe({
+    Nt({
       getBoundingClientRect() {
         return {
           width: t.visibleWidth,
@@ -4979,7 +4979,7 @@ let $i = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
+      middleware: [Ft(), kt(), Xt(6), zi({ element: this.arrowEl })]
     }).then((a) => {
       const { x: h, y: l, placement: f, middlewareData: d } = a;
       if (Object.assign(this.floatingEl.style, {
@@ -5085,21 +5085,45 @@ class qi {
         }
         (t.code === "Escape" || t.code === "Enter") && (t.preventDefault(), this.inputEl.blur());
       }
-    }), this.inputEl.addEventListener("input", function() {
-      this.style.height = "auto", this.style.height = `${this.scrollHeight}px`;
-    }), this.inputEl.addEventListener("blur", () => {
+    }), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
       this.doneEdit();
     }), this.editorEl = document.createElement("div"), this.editorEl.className = "e-virt-table-editor", this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
+  autoSize() {
+    const t = this.inputEl.scrollHeight;
+    this.inputEl.style.height = "auto", this.inputEl.style.height = `${t}px`;
+  }
   startEditByInput(t) {
     if (t.editorType !== "text")
       return;
     const e = t.getValue(), { width: i } = t, s = t.getDrawX();
     let r = t.getDrawY(), { height: o } = t;
-    const { CELL_PADDING: a } = this.ctx.config;
-    this.editorEl.style.left = `${s - 1.5}px`, this.editorEl.style.top = `${r - 1.5}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${this.ctx.body.visibleHeight - 1}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${a}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
-    const h = this.inputEl.value.length;
-    this.inputEl.setSelectionRange(h, h), this.inputEl.scrollHeight > o && (this.inputEl.style.height = this.inputEl.scrollHeight + "px");
+    const {
+      config: { CELL_PADDING: a }
+    } = this.ctx;
+    let h = window.innerHeight / 2;
+    h > this.ctx.body.visibleHeight && (h = this.ctx.body.visibleHeight), this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${h}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = `${o - 1}px`, this.inputEl.style.padding = `${a}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
+    const l = this.inputEl.value.length;
+    this.inputEl.setSelectionRange(l, l);
+    const { left: f, top: d } = this.ctx.containerElement.getBoundingClientRect(), x = {
+      getBoundingClientRect: () => ({
+        width: 0,
+        height: 0,
+        top: d + r,
+        left: f + s,
+        right: f + s,
+        bottom: d + r,
+        x: s,
+        y: r
+      }),
+      contextElement: document.body
+    };
+    Nt(x, this.editorEl, {
+      placement: "right-start",
+      middleware: [Xt(), Ft(), kt()]
+    }).then(({ x: u, y: g }) => {
+      this.editorEl.style.left = `${u}px`, this.editorEl.style.top = `${g}px`;
+    }), this.inputEl.scrollHeight > o && this.autoSize();
   }
   doneEditByInput() {
     if (!this.cellTarget || this.cellTarget.editorType !== "text")
@@ -5400,9 +5424,9 @@ class Ui {
         }),
         contextElement: document.body
       };
-      pe(x, this.contextMenuEl, {
+      Nt(x, this.contextMenuEl, {
         placement: "right-start",
-        middleware: [ue(), ge(), we()]
+        middleware: [Xt(), Ft(), kt()]
       }).then(({ x: u, y: g }) => {
         this.show(u, g);
       });