e-virt-table 1.3.17 → 1.3.19

package/dist/index.es.js

@@ -775,13 +775,17 @@ class vt extends qt {
   getOverlayerViewsStyle() {
     let e = this.drawX - this.ctx.fixedLeftWidth, i = this.drawY - this.ctx.body.y;
     if (this.fixed === "left" ? e = this.drawX : this.fixed === "right" && (e = this.drawX - (this.ctx.stageWidth - this.ctx.fixedRightWidth)), this.cellType === "footer" && this.ctx.config.FOOTER_FIXED && (i = this.drawY - this.ctx.footer.y), this.autoRowHeight && this.render && this.verticalAlign === "middle") {
-      const s = this.ctx.database.getOverlayerAutoHeight(this.rowIndex, this.colIndex);
-      if (s < this.visibleHeight && s > 0) {
-        const o = (this.visibleHeight - s) / 2;
-        i = i + o;
+      const o = this.ctx.database.getOverlayerAutoHeight(this.rowIndex, this.colIndex);
+      if (o < this.visibleHeight && o > 0) {
+        const r = (this.visibleHeight - o) / 2;
+        i = i + r;
       }
     }
-    return this.autoRowHeight && this.ctx.database.getOverlayerAutoHeight(this.rowIndex, this.colIndex) === 0 && (e = -99999, i = -99999), {
+    this.autoRowHeight && this.ctx.database.getOverlayerAutoHeight(this.rowIndex, this.colIndex) === 0 && (e = -99999, i = -99999);
+    let s = {};
+    return this.rowspan === 0 && (s = {
+      display: "none"
+    }), {
       position: "absolute",
       overflow: "hidden",
       left: `${Math.round(e - 1)}px`,
@@ -791,7 +795,8 @@ class vt extends qt {
       // height: `${this.visibleHeight}px`,
       // minHeight: `${this.visibleHeight}px`,
       pointerEvents: "initial",
-      userSelect: "none"
+      userSelect: "none",
+      ...s
     };
   }
   drawContainer() {
@@ -1929,37 +1934,39 @@ class be {
     return this.validationErrorMap.size !== 0;
   }
   getValidator(t, e) {
-    return new Promise((i) => {
-      const s = this.rowKeyMap.get(t), o = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: r } = this.ctx.config;
-      if (s === void 0 || o === void 0)
-        return i([]);
-      const a = o.column;
-      let l = a.rules;
-      if (typeof r == "function") {
-        const d = r({
-          row: s.item,
-          rowIndex: s.rowIndex,
-          colIndex: o.colIndex,
-          column: a,
+    return this.ctx.database.getReadonly(t, e) ? new Promise((s) => {
+      s([]);
+    }) : new Promise((s) => {
+      const o = this.rowKeyMap.get(t), r = this.headerMap.get(e), { BODY_CELL_RULES_METHOD: a } = this.ctx.config;
+      if (o === void 0 || r === void 0)
+        return s([]);
+      const l = r.column;
+      let h = l.rules;
+      if (typeof a == "function") {
+        const f = a({
+          row: o.item,
+          rowIndex: o.rowIndex,
+          colIndex: r.colIndex,
+          column: l,
           value: this.getItemValue(t, e)
         });
-        d && (l = d);
+        f && (h = f);
       }
-      if (l) {
-        const h = {
-          row: s.item,
-          rowIndex: s.rowIndex,
-          colIndex: o.colIndex,
-          column: a,
+      if (h) {
+        const d = {
+          row: o.item,
+          rowIndex: o.rowIndex,
+          colIndex: r.colIndex,
+          column: l,
           key: e,
           rowKey: t,
           value: this.getItemValue(t, e),
           field: e,
           fieldValue: this.getItemValue(t, e)
-        }, f = new ue(l).validate(h);
-        this.setValidationError(t, e, f), i(f);
+        }, u = new ue(h).validate(d);
+        this.setValidationError(t, e, u), s(u);
       } else
-        this.clearValidationError(t, e), i([]);
+        this.clearValidationError(t, e), s([]);
     });
   }
   getHeightByRowIndexRowSpan(t, e) {
@@ -3479,7 +3486,7 @@ class Le {
     });
   }
   hoverIconClick(t) {
-    t.hoverIconName && this.ctx.isPointer && this.ctx.emit("hoverIconClick", t);
+    t.hoverIconName && this.ctx.isPointer && !this.ctx.disableHoverIconClick && this.ctx.emit("hoverIconClick", t);
   }
   /**
    *选中点击
@@ -4640,7 +4647,7 @@ class Jt {
   updateCalculatedHeight() {
     const t = this.calculatedHeightCells.map((e) => {
       const i = e.getAutoHeight(), { key: s, height: o = -1 } = this.ctx.database.getMaxRowHeightItem(this.rowKey) || {};
-      return i > o ? this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i) : i !== 0 && e.key === s && i < o && this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i), i;
+      return i > o ? this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i) : e.key === s && i < o && this.ctx.database.setMaxRowHeightItem(this.rowKey, e.key, i), i;
     });
     return this.calculatedHeight = t.length ? Math.max(...t) : -1, this.calculatedHeight;
   }
@@ -5008,7 +5015,9 @@ class Be {
       }
       window.getComputedStyle(e.target).userSelect !== "text" && e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey), this.ctx.emit("selectorClick", t);
     }), this.ctx.on("mouseup", () => {
-      this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition(), this.ctx.adjustPositioning = !1, this.ctx.disableHoverIconClick = !1;
+      this.ctx.selectorMove = !1, this.ctx.stopAdjustPosition(), this.ctx.adjustPositioning = !1, setTimeout(() => {
+        this.ctx.disableHoverIconClick = !1;
+      }, 0);
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
     }), this.ctx.on("cellHoverChange", (t) => {
@@ -6732,13 +6741,13 @@ 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.ctx.disableHoverIconClick || this.editCell(t.rowIndex, t.colIndex);
+      this.editCell(t.rowIndex, t.colIndex);
     }), this.ctx.on("cellMousedown", () => {
       this.inputEl.focus({ preventScroll: !0 });
     }), this.ctx.on("keydown", (t) => {
@@ -6820,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;
@@ -6839,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;
@@ -6897,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");
@@ -7916,7 +7925,9 @@ class Xi {
     }
   }
   getValidations() {
-    return new Promise(async (t, e) => {
+    return this.ctx.config.DISABLED ? new Promise((t) => {
+      t([]);
+    }) : new Promise(async (t, e) => {
       const i = this.ctx.database.getAllRowsData(), s = this.ctx.header.leafCellHeaders;
       let o = [];
       for (let r = 0; r < i.length; r++)
@@ -8017,6 +8028,9 @@ class Xi {
   clearChangeData() {
     this.ctx.database.clearChangeData(), this.ctx.emit("draw");
   }
+  getReadonly(t, e) {
+    return this.ctx.database.getReadonly(t, e);
+  }
   /**
    * 销毁
    */