e-virt-table 1.3.19 → 1.3.21

package/dist/index.es.js

@@ -6748,22 +6748,21 @@ class Oi {
       this.enable && this.doneEdit();
     }), this.ctx.on("hoverIconClick", (t) => {
       this.editCell(t.rowIndex, t.colIndex);
-    }), this.ctx.on("cellMousedown", () => {
-      this.inputEl.focus({ preventScroll: !0 });
     }), this.ctx.on("keydown", (t) => {
       if (!this.ctx.isTarget(t) || !this.ctx.focusCell || this.ctx.finding)
         return;
-      if (t.code === "Escape" && this.ctx.editing) {
+      const { focusCell: e } = this.ctx;
+      if (e.isVerticalVisible() && e.isHorizontalVisible() || this.ctx.emit("scrollToIndex", e.rowIndex, e.colIndex), t.code === "Escape" && this.ctx.editing) {
         this.cancel = !0;
-        const { focusCell: l } = this.ctx;
-        l && (this.ctx.emit("setSelectorCell", l), this.cellTarget = l), this.doneEdit();
+        const { focusCell: f } = this.ctx;
+        f && (this.ctx.emit("setSelectorCell", f), this.cellTarget = f), this.doneEdit();
         return;
       }
       if ((t.altKey || t.metaKey) && t.key === "Enter" && this.ctx.editing && this.inputEl) {
         t.preventDefault();
-        const l = this.inputEl.selectionStart, h = this.inputEl.value.substring(0, l), d = this.inputEl.value.substring(l);
-        this.inputEl.value = h + `
-` + d, this.inputEl.selectionStart = this.inputEl.selectionEnd = l + 1, this.autoSize();
+        const f = this.inputEl.selectionStart, u = this.inputEl.value.substring(0, f), x = this.inputEl.value.substring(f);
+        this.inputEl.value = u + `
+` + x, this.inputEl.selectionStart = this.inputEl.selectionEnd = f + 1, this.autoSize();
         return;
       }
       if (t.code === "Tab" && this.ctx.editing) {
@@ -6786,8 +6785,8 @@ class Oi {
         t.preventDefault(), this.startEdit();
         return;
       }
-      const e = t.key, i = t.ctrlKey, s = t.altKey, o = t.shiftKey, r = t.metaKey;
-      i || s || o || r || [
+      const s = t.key, o = t.ctrlKey, r = t.altKey, a = t.shiftKey, l = t.metaKey;
+      if (o || r || a || l || [
         "Enter",
         "Escape",
         "Tab",
@@ -6814,7 +6813,14 @@ class Oi {
         "F10",
         "F11",
         "F12"
-      ].includes(e) || this.startEdit(!0);
+      ].includes(s))
+        return;
+      const d = document.activeElement === this.inputEl;
+      if (!this.ctx.selectOnlyOne || !d) {
+        t.preventDefault(), this.inputEl.blur();
+        return;
+      }
+      this.startEdit(!0);
     }), this.ctx.on("cellMouseup", (t) => {
       if (this.ctx.isPointer || !this.isInSelectorRange(t.rowIndex, t.colIndex))
         return;
@@ -6829,7 +6835,7 @@ class Oi {
           return;
         }
       }
-      if (this.selectorArrStr = s, this.doneEdit(), this.cellTarget = t, this.resetEditorStyle(), this.ctx.config.ENABLE_EDIT_SINGLE_CLICK) {
+      if (this.selectorArrStr = s, this.doneEdit(), this.cellTarget = t, this.ctx.selectOnlyOne && this.inputEl.focus({ preventScroll: !0 }), this.resetEditorStyle(), this.ctx.config.ENABLE_EDIT_SINGLE_CLICK) {
         if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.onlyMergeCell) {
           this.startEdit();
           return;
@@ -6837,7 +6843,7 @@ class Oi {
         this.ctx.selectOnlyOne && this.startEdit();
       }
     }), this.ctx.on("mousedownBodyOutside", () => {
-      this.enable && this.doneEdit(), this.cellTarget = null;
+      this.clearEditor();
     });
   }
   isInSelectorRange(t, e) {
@@ -6874,7 +6880,7 @@ class Oi {
       header: d
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    o > f && (o = f), this.editorEl.style.display = "inline-block", this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text" ? (this.inputEl.style.display = "inline-block", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i, this.inputEl.focus({ preventScroll: !0 }))) : this.inputEl.style.display = "none", (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
+    o > f && (o = f), this.editorEl.style.zIndex = "100", this.editorEl.style.left = `${this.drawX - 1}px`, this.editorEl.style.top = `${this.drawY}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxWidth = "none", this.editorEl.style.maxHeight = `${f}px`, ["text"].includes(s) ? (this.inputEl.style.opacity = "1", this.inputEl.style.position = "relative", this.inputEl.style.minWidth = `${r - 1}px`, this.inputEl.style.minHeight = `${o - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${r}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, this.inputEl.value = "", i !== null && (this.inputEl.value = i)) : (this.inputEl.style.opacity = "0", this.inputEl.style.width = "1px", this.inputEl.style.height = "1px", this.inputEl.style.position = "absolute", this.inputEl.style.left = "0px", this.inputEl.style.top = "0px"), (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -6914,10 +6920,10 @@ class Oi {
   }
   resetEditorStyle() {
     const t = this.cellTarget;
-    t && (this.editorEl.style.left = `${t.drawX}px`, this.editorEl.style.top = `${t.drawY}px`, this.editorEl.style.maxHeight = `${t.visibleHeight}px`, this.editorEl.style.zIndex = "-1");
+    t && (this.editorEl.style.left = `${t.drawX}px`, this.editorEl.style.top = `${t.drawY}px`, this.editorEl.style.maxWidth = "1px", this.editorEl.style.maxHeight = "1px", this.editorEl.style.zIndex = "-1");
   }
   clearEditor() {
-    this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.ctx.emit("draw");
+    this.doneEdit(), this.cellTarget = null, this.selectorArrStr = "", this.ctx.clearSelector(), this.ctx.focusCell = void 0, this.inputEl.blur(), this.ctx.emit("draw");
   }
   destroy() {
     var t;