e-virt-table 1.3.18 → 1.3.19

package/dist/index.es.js

@@ -6741,7 +6741,7 @@ 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", () => {
@@ -6829,7 +6829,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.resetEditorStyle(), this.ctx.config.ENABLE_EDIT_SINGLE_CLICK) {
         if (this.ctx.config.ENABLE_MERGE_CELL_LINK && this.ctx.onlyMergeCell) {
           this.startEdit();
           return;
@@ -6848,6 +6848,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;
@@ -6906,15 +6908,13 @@ 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.maxHeight = `${t.visibleHeight}px`, 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");