e-virt-table 1.3.18 → 1.3.20

package/dist/index.es.js

@@ -6741,29 +6741,28 @@ class Oi {
     this.ctx.on("outsideMousedown", () => {
       this.cellTarget && this.cellTarget.editorType === "text" && this.clearEditor();
     }), this.ctx.on("moveFocus", (t) => {
-      this.cellTarget = t;
+      this.cellTarget = t, this.resetEditorStyle();
       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("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.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) {
@@ -6848,6 +6854,8 @@ class Oi {
     this.inputEl = document.createElement("textarea"), this.inputEl.id = "e-virt-table-editor-textarea", this.inputEl.setAttribute("rows", "1"), this.inputEl.setAttribute("tabindex", "-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);
   }
   autoSize() {
+    if (!this.ctx.editing)
+      return;
     const t = this.inputEl.value;
     this.cellTarget && this.cellTarget.type === "number" && t !== "" && (this.ctx.emit("cellHideTooltip"), /^-?\d+(\.\d+)?$/.test(t) || this.ctx.emit("cellShowTooltip", this.cellTarget, this.ctx.config.NUMBER_ERROR_TIP)), this.inputEl.style.height = "auto";
     let e = this.inputEl.scrollHeight, i = this.ctx.body.visibleHeight;
@@ -6872,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.display = "inline-block", 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.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}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.position = "absolute"), (this.inputEl.scrollHeight > o || this.drawY < d.height) && this.autoSize();
   }
   doneEditByInput() {
     if (this.cellTarget && this.cellTarget.editorType === "text") {
@@ -6906,18 +6914,16 @@ class Oi {
     o && !l && (this.enable = !0, this.ctx.editing = !0, this.cellTarget = o, this.startEditByInput(this.cellTarget), this.ctx.emit("startEdit", this.cellTarget), this.ctx.emit("draw"));
   }
   doneEdit() {
-    if (!this.enable)
-      return;
-    const {
-      header: t,
-      config: { CELL_HEIGHT: e }
-    } = this.ctx;
-    this.doneEditByInput(), this.ctx.emit("cellHideTooltip"), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.inputEl.style.display = "inline-block", this.editorEl.style.left = "0px", this.editorEl.style.top = `${t.height}px`, this.editorEl.style.maxHeight = `${e}px`, this.editorEl.style.zIndex = "-1", setTimeout(() => {
+    this.enable && (this.doneEditByInput(), this.ctx.emit("cellHideTooltip"), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.editing = !1, this.resetEditorStyle(), setTimeout(() => {
       this.inputEl.focus({ preventScroll: !0 });
-    }, 0), this.ctx.emit("draw");
+    }, 0), this.ctx.emit("draw"));
+  }
+  resetEditorStyle() {
+    const t = this.cellTarget;
+    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;