e-virt-table 1.1.0 → 1.1.1

package/dist/index.es.js

@@ -143,7 +143,7 @@ function Xt(a, t, e) {
   }
   r([]);
 }
-function Le(a) {
+function Ae(a) {
   var t = [];
   return Object.keys(a).forEach(function(e) {
     t.push.apply(t, a[e] || []);
@@ -157,12 +157,12 @@ var kt = /* @__PURE__ */ function(a) {
   }
   return t;
 }(/* @__PURE__ */ Ct(Error));
-function Ae(a, t, e, i, s) {
+function Te(a, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, u) {
       var p = function(y) {
         return i(y), y.length ? u(new kt(y, bt(y))) : x(s);
-      }, g = Le(a);
+      }, g = Ae(a);
       Xt(g, e, p);
     });
     return r.catch(function(x) {
@@ -183,7 +183,7 @@ function Ae(a, t, e, i, s) {
     return x;
   }), f;
 }
-function Te(a) {
+function Le(a) {
   return !!(a && a.message !== void 0);
 }
 function Me(a, t) {
@@ -197,7 +197,7 @@ function Me(a, t) {
 function Nt(a, t) {
   return function(e) {
     var i;
-    return a.fullFields ? i = Me(t, a.fullFields) : i = t[e.field || a.fullField], Te(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
+    return a.fullFields ? i = Me(t, a.fullFields) : i = t[e.field || a.fullField], Le(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
       message: typeof e == "function" ? e() : e,
       fieldValue: i,
       field: e.field || a.fullField
@@ -570,7 +570,7 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
       });
     });
     var p = {};
-    return Ae(x, h, function(g, w) {
+    return Te(x, h, function(g, w) {
       var y = g.rule, E = (y.type === "object" || y.type === "array") && (typeof y.fields == "object" || typeof y.defaultField == "object");
       E = E && (y.required || !y.required && g.value), y.field = g.field;
       function m(R, S) {
@@ -583,27 +583,27 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         R === void 0 && (R = []);
         var S = Array.isArray(R) ? R : [R];
         !h.suppressWarning && S.length && a.warning("async-validator:", S), S.length && y.message !== void 0 && (S = [].concat(y.message));
-        var L = S.map(Nt(y, n));
-        if (h.first && L.length)
-          return p[y.field] = 1, w(L);
+        var A = S.map(Nt(y, n));
+        if (h.first && A.length)
+          return p[y.field] = 1, w(A);
         if (!E)
-          w(L);
+          w(A);
         else {
           if (y.required && !g.value)
-            return y.message !== void 0 ? L = [].concat(y.message).map(Nt(y, n)) : h.error && (L = [h.error(y, D(h.messages.required, y.field))]), w(L);
+            return y.message !== void 0 ? A = [].concat(y.message).map(Nt(y, n)) : h.error && (A = [h.error(y, D(h.messages.required, y.field))]), w(A);
           var I = {};
           y.defaultField && Object.keys(g.value).map(function(O) {
             I[O] = y.defaultField;
           }), I = G({}, I, g.rule.fields);
           var v = {};
           Object.keys(I).forEach(function(O) {
-            var M = I[O], T = Array.isArray(M) ? M : [M];
-            v[O] = T.map(m.bind(null, O));
+            var M = I[O], L = Array.isArray(M) ? M : [M];
+            v[O] = L.map(m.bind(null, O));
           });
-          var A = new a(v);
-          A.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), A.validate(g.value, g.rule.options || h, function(O) {
+          var T = new a(v);
+          T.messages(h.messages), g.rule.options && (g.rule.options.messages = h.messages, g.rule.options.error = h.error), T.validate(g.value, g.rule.options || h, function(O) {
             var M = [];
-            L && L.length && M.push.apply(M, L), O && O.length && M.push.apply(M, O), w(M.length ? M : null);
+            A && A.length && M.push.apply(M, A), O && O.length && M.push.apply(M, O), w(M.length ? M : null);
           });
         }
       }
@@ -843,7 +843,7 @@ class se {
   getRightFixedX() {
   }
 }
-class Tt extends se {
+class Lt extends se {
   constructor(e, i, s, r, o, n, h, c, d, f = "body") {
     super(e, r, o, n, h, f, c.fixed);
     l(this, "formatter");
@@ -1630,6 +1630,7 @@ class ni {
         rowKey: d.rowKey,
         key: d.key,
         value: d.newValue,
+        oldValue: d.oldValue,
         row: f
       };
     });
@@ -1689,6 +1690,7 @@ class ni {
       const u = this.ctx.database.getRowDataItemForRowKey(t), p = {
         rowKey: t,
         key: e,
+        oldValue: h,
         value: f,
         row: u
       };
@@ -2047,16 +2049,16 @@ class ni {
           }
         ]
       };
-    let w = e, y = e, E = n, m = n, C = [], b = 0, R = 0, S = 0, L = 0;
+    let w = e, y = e, E = n, m = n, C = [], b = 0, R = 0, S = 0, A = 0;
     if (d !== 1 && p) {
-      L = x;
-      const I = h.reduce((v, A) => {
-        const O = this.getItemValue(s, A) ?? "";
+      A = x;
+      const I = h.reduce((v, T) => {
+        const O = this.getItemValue(s, T) ?? "";
         return `${v}${O}`;
       }, "");
       for (let v = e - 1; v >= 0; v--) {
-        const A = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
-          const N = this.getItemValue(A, T) ?? "";
+        const T = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, L) => {
+          const N = this.getItemValue(T, L) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2065,8 +2067,8 @@ class ni {
           break;
       }
       for (let v = e; v <= this.ctx.maxRowIndex; v++) {
-        const A = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, T) => {
-          const N = this.getItemValue(A, T) ?? "";
+        const T = this.rowIndexRowKeyMap.get(v) || "", O = h.reduce((M, L) => {
+          const N = this.getItemValue(T, L) ?? "";
           return `${M}${N}`;
         }, "");
         if (I === O)
@@ -2075,17 +2077,17 @@ class ni {
           break;
       }
       for (let v = w; v < e; v++) {
-        const { height: A } = this.positions[v];
-        b += A;
+        const { height: T } = this.positions[v];
+        b += T;
       }
       for (let v = w; v <= y; v++) {
-        const { height: A } = this.positions[v];
-        S += A;
-        const O = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(O), T = this.getItemValue(O, i);
+        const { height: T } = this.positions[v];
+        S += T;
+        const O = this.rowIndexRowKeyMap.get(v) || "", { item: M } = this.rowKeyMap.get(O), L = this.getItemValue(O, i);
         C.push({
           rowKey: O,
           key: i,
-          value: T,
+          value: L,
           row: M
         });
       }
@@ -2096,8 +2098,8 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const A = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (A === O && c.includes(v.key))
+        const T = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (T === O && c.includes(v.key))
           E = I;
         else
           break;
@@ -2106,8 +2108,8 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        const A = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
-        if (A === O && c.includes(v.key))
+        const T = this.getItemValue(s, i), O = this.getItemValue(s, v.key);
+        if (T === O && c.includes(v.key))
           m = I;
         else
           break;
@@ -2122,7 +2124,7 @@ class ni {
         const v = this.getColumnByColIndex(I);
         if (!v)
           break;
-        L += v.width || 100, C.push({
+        A += v.width || 100, C.push({
           rowKey: s,
           key: v.key,
           value: this.getItemValue(s, v.key),
@@ -2136,7 +2138,7 @@ class ni {
       rowspan: d,
       colspan: u,
       height: S,
-      width: L,
+      width: A,
       offsetTop: b,
       offsetLeft: R,
       dataList: C
@@ -2171,7 +2173,7 @@ class ni {
   // 获取虚拟单元格
   getVirtualBodyCell(t, e) {
     const i = this.getColumnByColIndex(e), s = this.getRowForRowIndex(t);
-    return !i || !s ? void 0 : new Tt(this.ctx, t, e, 0, 0, 0, 0, i, s, "body");
+    return !i || !s ? void 0 : new Lt(this.ctx, t, e, 0, 0, 0, 0, i, s, "body");
   }
   hasMergeCell(t, e) {
     let i = !1;
@@ -2248,7 +2250,9 @@ class li {
     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, "touchstart", this.handleTouchstart.bind(this)), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.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)), this.bind(this.ctx.containerElement, "focusin", this.handleFocusin.bind(this)), this.bind(this.ctx.containerElement, "focusout", this.handleFocusout.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(window, "mousedown", (t) => {
+      this.ctx.containerElement.contains(t.target) || this.ctx.emit("outsideMousedown", t);
+    }), 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, "touchstart", this.handleTouchstart.bind(this)), this.bind(this.ctx.stageElement, "touchend", this.handleTouchend.bind(this)), this.bind(this.ctx.stageElement, "touchmove", this.handleTouchmove.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) => {
@@ -2272,7 +2276,7 @@ class li {
   }
   handleKeydown(t) {
     const { ENABLE_KEYBOARD: e } = this.ctx.config;
-    e && this.ctx.isTarget() && this.ctx.emit("keydown", t);
+    e && this.ctx.isTarget(t) && this.ctx.emit("keydown", t);
   }
   handleWheel(t) {
     this.ctx.emit("wheel", t);
@@ -2290,20 +2294,14 @@ class li {
     this.ctx.emit("contextMenu", t);
   }
   handleMouseover(t) {
-    this.ctx.isInsideTargetContainer = !0, this.ctx.emit("mouseover", t);
+    this.ctx.isMouseoverTargetContainer = !0, this.ctx.emit("mouseover", t);
   }
   handleMouseout(t) {
-    this.ctx.emit("mouseout", t);
+    this.ctx.isMouseoverTargetContainer = !1, this.ctx.emit("mouseout", t);
   }
   handleDblclick(t) {
     this.ctx.emit("dblclick", t);
   }
-  handleFocusin(t) {
-    this.ctx.isInsideTargetContainer = !0, this.ctx.emit("focusin", t);
-  }
-  handleFocusout(t) {
-    this.ctx.isInsideTargetContainer = !1, this.ctx.emit("focusout", t);
-  }
   bind(t, e, i, s) {
     t.addEventListener(e, i, s), this.eventTasks.set(e, i);
   }
@@ -2974,11 +2972,11 @@ class fi {
    */
   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 Tt && ["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 Lt && ["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;
-    if (!this.ctx.isTarget() || this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
+    if (!this.ctx.isTarget(t) || this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize" || this.ctx.columnResizing || this.ctx.rowResizing)
       return !0;
     const { SCROLLER_TRACK_SIZE: o } = this.ctx.config;
     return !!(this.ctx.scrollerMove || this.ctx.scrollerFocus || s > this.ctx.stageHeight - o || r > this.ctx.stageWidth - o);
@@ -3033,7 +3031,7 @@ class xi {
     l(this, "stageHeight", 0);
     l(this, "paint");
     l(this, "icons");
-    l(this, "isInsideTargetContainer", !1);
+    l(this, "isMouseoverTargetContainer", !1);
     l(this, "mousedown", !1);
     l(this, "isPointer", !1);
     l(this, "rowResizing", !1);
@@ -3167,7 +3165,7 @@ class xi {
     this.focusCell !== t && (((e = this.focusCell) == null ? void 0 : e.rowKey) !== t.rowKey && (this.focusCell = t, this.emit("rowFocusChange", t)), this.focusCell = t, this.emit("cellFocusChange", t));
   }
   clearSelector() {
-    this.selector.enable = !1, this.selector.xArr = [-1, -1], this.selector.yArr = [-1, -1];
+    this.selector.enable = !1, this.selector.xArr = [-1, -1], this.selector.yArr = [-1, -1], this.emit("clearSelector");
   }
   clearSelectorCopy() {
     this.selector.xArrCopy = [-1, -1], this.selector.yArrCopy = [-1, -1];
@@ -3219,8 +3217,8 @@ class xi {
     const s = this.body.height - this.body.visibleHeight + i;
     e < 0 ? e = 0 : e > s && (e = s), this.emit("setScrollY", e);
   }
-  isTarget() {
-    return this.isInsideTargetContainer;
+  isTarget(t) {
+    return !!this.containerElement.contains(t.target);
   }
   getOffset(t) {
     const { left: e, top: i } = this.containerElement.getBoundingClientRect();
@@ -3288,7 +3286,7 @@ class Pt {
     this.clientX = i, this.clientY = e, this.dragStart = this.scroll;
   }
   onMouseDown(t) {
-    if (!(t.target instanceof Element) || !this.ctx.isTarget())
+    if (!(t.target instanceof Element) || !this.ctx.isTarget(t))
       return;
     if (this.ctx.stageElement.style.cursor === "row-resize" || this.ctx.stageElement.style.cursor === "col-resize")
       return !0;
@@ -3510,7 +3508,7 @@ class gi {
       config: { ENABLE_RESIZE_COLUMN: t }
     } = this.ctx;
     t && (this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget() && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget(e) && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
     }), this.ctx.on("mouseup", () => {
       this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.clientX = 0;
     }), this.ctx.on("mousemove", (e) => {
@@ -3531,7 +3529,7 @@ class gi {
         for (const o of r) {
           const { offsetX: n, offsetY: h } = this.ctx.getOffset(e), c = n, 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);
+          o.colspan <= 1 && this.ctx.isTarget(e) && h <= this.height && (this.ctx.stageElement.style.cursor = "col-resize", this.resizeTarget = o);
         }
       }
     }));
@@ -3667,7 +3665,7 @@ class oe {
   update() {
     const { header: t } = this.ctx, e = [], i = [], s = [];
     t.renderLeafCellHeaders.forEach((r) => {
-      const o = new Tt(
+      const o = new Lt(
         this.ctx,
         this.rowIndex,
         r.colIndex,
@@ -3786,7 +3784,7 @@ class wi {
         this.ctx.rowResizing = !1;
       }, 0), this.clientY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget() && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
+      this.ctx.isTarget(e) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const { offsetY: i, offsetX: s } = this.ctx.getOffset(e), r = i, o = s, n = e.clientY, {
@@ -3985,14 +3983,12 @@ class yi {
     this.ctx = t, this.init();
   }
   init() {
-    this.ctx.on("focusout", () => {
-      this.ctx.clearSelector(), this.ctx.emit("drawView");
-    }), this.ctx.on("setMoveFocus", (t) => {
+    this.ctx.on("setMoveFocus", (t) => {
       this.moveFocus(t);
     }), this.ctx.on(
       "mousemove",
       Jt((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;
+        const { offsetY: e, offsetX: i } = this.ctx.getOffset(t), s = this.ctx.isTarget(t) && 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.mousedownHeader ? this.startAdjustPosition(t) : this.stopAdjustPosition());
       }, 100)
     ), this.ctx.on("cellHoverChange", (t) => {
@@ -4004,7 +4000,7 @@ class yi {
         this.isMultipleRow || this.mouseenter();
       }
     }), this.ctx.on("cellMousedown", (t, e) => {
-      if (this.ctx.isTarget() && this.ctx.stageElement.style.cursor !== "pointer" && !this.ctx.isPointer && this.ctx.stageElement.style.cursor !== "crosshair") {
+      if (this.ctx.isTarget(e) && this.ctx.stageElement.style.cursor !== "pointer" && !this.ctx.isPointer && this.ctx.stageElement.style.cursor !== "crosshair") {
         if (t.operation) {
           this.isMultipleRow = !0, this.selectRows(t);
           return;
@@ -4414,7 +4410,7 @@ class yi {
         break;
     }
     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")));
+    f && (f.operation || this.isInSettingRange(f.rowIndex, f.colIndex) && (this.ctx.setFocusCell(f), this.setSelector(c, d), this.adjustBoundaryPosition(), this.ctx.emit("moveFocus", f), 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);
@@ -4479,11 +4475,11 @@ class yi {
     const { drawX: g, drawY: w, width: y, height: E, fixed: m } = i, C = r - g + 1, b = i.drawX + y - (e - s) + 1;
     let R = o.height - w, S = E;
     S > h.visibleHeight && (S = h.visibleHeight);
-    let L = 0;
-    x && (u === "top" ? R = o.height + n.height - w : L = n.visibleHeight);
-    const I = w + S - (t - L - f);
-    let v = c, A = d;
-    b > 0 && !m ? v = Math.floor(c + b) : C > 0 && !m && (v = Math.floor(c - C)), R > 0 ? A = Math.floor(d - R) : I > 0 && (A = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - A) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, A), this.ctx.emit("adjustBoundaryPosition", i));
+    let A = 0;
+    x && (u === "top" ? R = o.height + n.height - w : A = n.visibleHeight);
+    const I = w + S - (t - A - f);
+    let v = c, T = d;
+    b > 0 && !m ? v = Math.floor(c + b) : C > 0 && !m && (v = Math.floor(c - C)), R > 0 ? T = Math.floor(d - R) : I > 0 && (T = Math.floor(d + I)), (Math.abs(c - v) > 2 || Math.abs(d - T) > 2) && (this.ctx.adjustPositioning = !0, this.ctx.setScroll(v, T), this.ctx.emit("adjustBoundaryPosition", i));
   }
   destroy() {
     this.timerX && (clearTimeout(this.timerX), this.timerX = 0), this.timerY && (clearTimeout(this.timerY), this.timerY = 0);
@@ -4553,14 +4549,14 @@ class mi {
       o = [Math.max(p, E), Math.min(g, m)], n = [Math.max(w, C), Math.min(y, b)];
       const { BEFORE_SET_AUTOFILL_METHOD: R } = this.ctx.config;
       if (typeof R == "function") {
-        const L = R({
+        const A = R({
           focusCell: this.ctx.focusCell,
           xArr: o,
           yArr: n
         });
-        if (!L)
+        if (!A)
           return;
-        o = L.xArr, n = L.yArr;
+        o = A.xArr, n = A.yArr;
       }
       this.ctx.autofill.xArr = o, this.ctx.autofill.yArr = n, this.ctx.emit("setAutofill", this.ctx.autofill), this.ctx.emit("draw");
     }
@@ -4914,12 +4910,12 @@ const Si = (a) => ({
     }, u = Ht(s), p = Mt(u), g = await o.getDimensions(c), w = u === "y", y = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", C = r.reference[p] + r.reference[u] - x[u] - r.floating[p], b = 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 = n.floating[m] || r.floating[p]);
-    const L = C / 2 - b / 2, I = S / 2 - g[p] / 2 - 1, v = rt(f[y], I), A = rt(f[E], I), O = v, M = S - g[p] - A, T = S / 2 - g[p] / 2 + L, N = _t(O, T, M), Y = !h.arrow && lt(s) != null && T !== N && r.reference[p] / 2 - (T < O ? v : A) - g[p] / 2 < 0, K = Y ? T < O ? T - O : T - M : 0;
+    const A = C / 2 - b / 2, I = S / 2 - g[p] / 2 - 1, v = rt(f[y], I), T = rt(f[E], I), O = v, M = S - g[p] - T, L = S / 2 - g[p] / 2 + A, N = _t(O, L, M), Y = !h.arrow && lt(s) != null && L !== N && r.reference[p] / 2 - (L < O ? v : T) - g[p] / 2 < 0, K = Y ? L < O ? L - O : L - M : 0;
     return {
       [u]: x[u] + K,
       data: {
         [u]: N,
-        centerOffset: T - N - K,
+        centerOffset: L - N - K,
         ...Y && {
           alignmentOffset: K
         }
@@ -4927,7 +4923,7 @@ const Si = (a) => ({
       reset: Y
     };
   }
-}), Li = function(a) {
+}), Ai = function(a) {
   return a === void 0 && (a = {}), {
     name: "flip",
     options: a,
@@ -4953,22 +4949,22 @@ const Si = (a) => ({
         return {};
       const y = q(s), E = J(n), m = q(n) === n, C = await (h.isRTL == null ? void 0 : h.isRTL(c.floating)), b = x || (m || !g ? [xt(n)] : vi(n)), R = p !== "none";
       !x && R && b.push(...Ii(n, g, p, C));
-      const S = [n, ...b], L = await le(t, w), I = [];
+      const S = [n, ...b], A = await le(t, w), I = [];
       let v = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (d && I.push(L[y]), f) {
-        const T = bi(s, o, C);
-        I.push(L[T[0]], L[T[1]]);
+      if (d && I.push(A[y]), f) {
+        const L = bi(s, o, C);
+        I.push(A[L[0]], A[L[1]]);
       }
       if (v = [...v, {
         placement: s,
         overflows: I
-      }], !I.every((T) => T <= 0)) {
-        var A, O;
-        const T = (((A = r.flip) == null ? void 0 : A.index) || 0) + 1, N = S[T];
+      }], !I.every((L) => L <= 0)) {
+        var T, O;
+        const L = (((T = r.flip) == null ? void 0 : T.index) || 0) + 1, N = S[L];
         if (N)
           return {
             data: {
-              index: T,
+              index: L,
               overflows: v
             },
             reset: {
@@ -5007,7 +5003,7 @@ const Si = (a) => ({
     }
   };
 };
-async function Ai(a, t) {
+async function Ti(a, t) {
   const {
     placement: e,
     platform: i,
@@ -5034,7 +5030,7 @@ async function Ai(a, t) {
     y: u * d
   };
 }
-const Ti = function(a) {
+const Li = function(a) {
   return a === void 0 && (a = 0), {
     name: "offset",
     options: a,
@@ -5045,7 +5041,7 @@ const Ti = function(a) {
         y: r,
         placement: o,
         middlewareData: n
-      } = t, h = await Ai(t, a);
+      } = t, h = await Ti(t, a);
       return o === ((e = n.offset) == null ? void 0 : e.placement) && (i = n.arrow) != null && i.alignmentOffset ? {} : {
         x: s + h.x,
         y: r + h.y,
@@ -5214,12 +5210,12 @@ function St(a, t, e) {
   t === void 0 && (t = []), e === void 0 && (e = !0);
   const s = ce(a), r = s === ((i = a.ownerDocument) == null ? void 0 : i.body), o = F(s);
   if (r) {
-    const n = Lt(o);
+    const n = At(o);
     return t.concat(o, o.visualViewport || [], ht(s) ? s : [], n && e ? St(n) : []);
   }
   return t.concat(s, St(s, [], e));
 }
-function Lt(a) {
+function At(a) {
   return a.parent && Object.getPrototypeOf(a.parent) ? a.frameElement : null;
 }
 function de(a) {
@@ -5270,10 +5266,10 @@ function ot(a, t, e, i) {
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
     const x = F(r), u = i && X(i) ? F(i) : i;
-    let p = x, g = Lt(p);
+    let p = x, g = At(p);
     for (; g && i && u !== p; ) {
       const w = Z(g), y = g.getBoundingClientRect(), E = k(g), m = y.left + (g.clientLeft + parseFloat(E.paddingLeft)) * w.x, C = y.top + (g.clientTop + parseFloat(E.paddingTop)) * w.y;
-      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += C, p = F(g), g = Lt(p);
+      h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += m, c += C, p = F(g), g = At(p);
     }
   }
   return ut({
@@ -5312,13 +5308,13 @@ function ki(a) {
 function Ni(a) {
   return Array.from(a.getClientRects());
 }
-function At(a, t) {
+function Tt(a, t) {
   const e = pt(a).scrollLeft;
   return t ? t.left + e : ot(V(a)).left + e;
 }
 function Ki(a) {
   const t = V(a), e = pt(a), i = a.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 + At(a);
+  let o = -e.scrollLeft + Tt(a);
   const n = -e.scrollTop;
   return k(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
@@ -5425,12 +5421,12 @@ function zi(a, t, e) {
     if ((tt(t) !== "body" || ht(s)) && (n = 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 = At(s));
+    } else s && (h.x = Tt(s));
   let c = 0, d = 0;
   if (s && !i && !r) {
     const u = s.getBoundingClientRect();
     d = u.top + n.scrollTop, c = u.left + n.scrollLeft - // RTL <body> scrollbar.
-    At(s, u);
+    Tt(s, u);
   }
   const f = o.left + n.scrollLeft - h.x - c, x = o.top + n.scrollTop - h.y - d;
   return {
@@ -5495,7 +5491,7 @@ const qi = {
   getScale: Z,
   isElement: X,
   isRTL: Gi
-}, we = Ti, pe = Mi, ye = Li, ji = Si, me = (a, t, e) => {
+}, we = Li, pe = Mi, ye = Ai, ji = Si, me = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
     platform: qi,
     ...e
@@ -5542,7 +5538,7 @@ let Ui = class {
   }
   init() {
     this.ctx.on("mousemove", (t) => {
-      if (!this.ctx.isTarget())
+      if (!this.ctx.isTarget(t))
         return;
       const e = this.ctx.containerElement.getBoundingClientRect();
       e && (t.clientX < e.x || t.clientX > e.x + e.width || t.clientY < e.y || t.clientY > e.y + e.height) && this.hide();
@@ -5633,14 +5629,18 @@ class Zi {
     this.ctx = t, this.initTextEditor(), this.init();
   }
   init() {
-    this.ctx.on("focusout", (t) => {
-      t.target !== this.ctx.stageElement && (this.ctx.editing && this.doneEdit(), this.cellTarget = null);
+    this.ctx.on("outsideMousedown", () => {
+      this.cellTarget && this.cellTarget.editorType === "text" && this.clearEditor();
+    }), this.ctx.on("moveFocus", (t) => {
+      this.cellTarget = t;
+      const { xArr: e, yArr: i } = this.ctx.selector;
+      this.selectorArrStr = JSON.stringify(e) + JSON.stringify(i);
     }), this.ctx.on("onScroll", () => {
       this.enable && this.doneEdit();
     }), this.ctx.on("cellHeaderMousedown", () => {
       this.enable && this.doneEdit(), this.cellTarget = null;
     }), this.ctx.on("keydown", (t) => {
-      if (!this.ctx.isTarget())
+      if (!this.ctx.isTarget(t))
         return;
       if (t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
@@ -5656,9 +5656,7 @@ class Zi {
         return;
       }
       if (t.code === "Enter" && this.ctx.editing) {
-        t.preventDefault(), this.doneEdit();
-        const { focusCell: h } = this.ctx;
-        if (h && (this.ctx.emit("setSelectorCell", h), this.cellTarget = h), t.shiftKey) {
+        if (t.preventDefault(), this.doneEdit(), t.shiftKey) {
           this.ctx.emit("setMoveFocus", "TOP");
           return;
         }
@@ -5726,7 +5724,9 @@ class Zi {
     return !(e < r || e > o || t < n || t > h);
   }
   initTextEditor() {
-    this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.editorEl = this.ctx.editorElement, this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
+    this.inputEl = document.createElement("textarea"), this.inputEl.setAttribute("rows", "1"), this.inputEl.addEventListener("input", this.autoSize.bind(this)), this.inputEl.addEventListener("blur", () => {
+      this.doneEdit(), this.cellTarget = null;
+    }), this.editorEl = this.ctx.editorElement, this.inputEl.className = "e-virt-table-editor-textarea", this.editorEl.appendChild(this.inputEl), this.ctx.containerElement.appendChild(this.editorEl);
   }
   autoSize() {
     this.inputEl.style.height = "auto";
@@ -5759,7 +5759,7 @@ class Zi {
     (this.inputEl.scrollHeight > n || o < d.height) && this.autoSize();
   }
   doneEditByInput() {
-    if (this.cellTarget && (this.editorEl.style.display = "none", this.cellTarget.editorType === "text")) {
+    if (this.cellTarget && this.cellTarget.editorType === "text") {
       const { rowKey: t, key: e } = this.cellTarget, i = this.cellTarget.getValue(), s = this.inputEl.value;
       s !== i && !(s === "" && i === null) && !this.cancel && this.ctx.setItemValueByEditor(t, e, s, !0), this.inputEl.value = "";
     }
@@ -5793,7 +5793,10 @@ class Zi {
     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.editing = !1, this.ctx.emit("drawView"));
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.ctx.containerElement.focus(), this.editorEl.style.display = "none", this.ctx.emit("drawView"));
+  }
+  clearEditor() {
+    this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.emit("drawView");
   }
   destroy() {
     var t;
@@ -6193,6 +6196,9 @@ class ss {
   setItemValueByEditor(t, e, i, s = !0, r = !0) {
     this.ctx.setItemValueByEditor(t, e, i, s, r), this.editor.doneEdit();
   }
+  clearEditor() {
+    this.editor.clearEditor();
+  }
   doLayout() {
     this.ctx.emit("draw");
   }
@@ -6205,6 +6211,26 @@ class ss {
   clearValidate() {
     this.ctx.database.clearValidate(), this.ctx.emit("draw");
   }
+  validateFields(t, e = !0) {
+    return new Promise(async (i, s) => {
+      let r = [];
+      for (let o = 0; o < t.length; o++) {
+        const { rowKey: n, key: h } = t[o], c = await this.ctx.database.getValidator(n, h);
+        Array.isArray(c) && c.length && r.push(c);
+      }
+      if (r.length) {
+        if (s(r), e) {
+          const [o] = r;
+          if (Array.isArray(o) && o.length) {
+            const [n] = o, { rowKey: h, key: c } = n;
+            this.scrollToRowkey(h), this.scrollToColkey(c);
+          }
+        }
+        this.ctx.emit("draw");
+      } else
+        i([]), this.ctx.emit("draw");
+    });
+  }
   async validate(t = !0) {
     return this.editor.doneEdit(), new Promise(async (e, i) => {
       try {