e-virt-table 0.1.18 → 0.1.20

package/dist/index.es.js

@@ -662,17 +662,17 @@ function Zt(n, t) {
     }, t - o));
   };
 }
-function Jt(n) {
-  return n ? n.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
+function Jt(n = []) {
+  return n.length ? n.map((t) => Jt(t.children) + 1).sort((t, e) => e - t)[0] : 0;
 }
 function Je(n = []) {
   let t = [], e = [], i = [];
   return n.forEach((s) => {
     s.fixed === "left" ? t.push(s) : s.fixed === "right" ? i.push(s) : e.push(s);
   }), [
-    ...t.sort((s, r) => s.sort - r.sort),
-    ...e.sort((s, r) => s.sort - r.sort),
-    ...i.sort((s, r) => s.sort - r.sort)
+    ...t.sort((s, r) => (s.sort ?? 0) - (r.sort ?? 0)),
+    ...e.sort((s, r) => (s.sort ?? 0) - (r.sort ?? 0)),
+    ...i.sort((s, r) => (s.sort ?? 0) - (r.sort ?? 0))
   ];
 }
 function Qt(n = [], t = 1, e = 0) {
@@ -684,7 +684,7 @@ function Qt(n = [], t = 1, e = 0) {
       });
       const o = Qt(i.children, t - 1, e + 1);
       return o && o.forEach((a) => {
-        s += a.colspan;
+        s += a.colspan ?? 0;
       }), {
         ...i,
         width: i.width,
@@ -1959,7 +1959,7 @@ class te {
     l(this, "height", 0);
     l(this, "fixed");
     l(this, "cellType");
-    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = o, this.cellType = a;
+    this.ctx = t, this.x = e, this.y = i, this.width = s, this.height = r, this.fixed = a, this.cellType = o;
   }
   isHorizontalVisible() {
     if (this.fixed)
@@ -1998,7 +1998,7 @@ class te {
 }
 class ee extends te {
   constructor(e, i, s, r, o, a, h, c, f, d = "body") {
-    super(e, r, o, a, h, c.fixed, d);
+    super(e, r, o, a, h, d, c.fixed);
     l(this, "formatter");
     l(this, "formatterFooter");
     l(this, "hoverIconName", "");
@@ -2048,7 +2048,7 @@ class ee extends te {
     l(this, "overflowTooltipShow", !0);
     l(this, "overflowTooltipMaxWidth", 500);
     l(this, "overflowTooltipPlacement", "top");
-    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "text", this.editorType = c.editorType || "text", this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level, this.operation = c.operation || !1, this.column = c, this.rules = c.rules, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
+    this.visibleWidth = this.width, this.visibleHeight = this.height, this.colIndex = s, this.rowIndex = i, this.key = c.key, this.type = c.type || "", this.editorType = c.editorType || "text", this.cellType = d, this.align = c.align || "center", this.verticalAlign = c.verticalAlign || "middle", this.fixed = c.fixed, this.level = c.level || 0, this.operation = c.operation || !1, this.column = c, this.rules = c.rules || {}, this.row = f, this.rowKey = this.cellType === "body" ? this.ctx.database.getRowKeyForRowIndex(i) : `${this.cellType}_${this.rowIndex}`, this.value = this.getValue(), this.render = c.render, this.overflowTooltipShow = c.overflowTooltipShow !== !1, this.overflowTooltipMaxWidth = c.overflowTooltipMaxWidth || 500, this.overflowTooltipPlacement = c.overflowTooltipPlacement || "top", this.renderFooter = c.renderFooter, this.hoverIconName = c.hoverIconName, this.formatter = c.formatter, this.formatterFooter = c.formatterFooter, this.update();
   }
   getValidationMessage() {
     const e = this.ctx.database.getValidationError(this.rowKey, this.key);
@@ -2440,7 +2440,7 @@ class ee extends te {
 }
 class ie extends te {
   constructor(e, i, s, r, o, a, h) {
-    super(e, s, r, o, a, h.fixed, "header");
+    super(e, s, r, o, a, "header", h.fixed);
     l(this, "align");
     l(this, "verticalAlign", "middle");
     l(this, "fixed");
@@ -2453,6 +2453,7 @@ class ie extends te {
     l(this, "displayText", "");
     l(this, "colspan");
     l(this, "rowspan");
+    l(this, "row");
     l(this, "key");
     l(this, "required", !1);
     l(this, "readonly", !1);
@@ -2474,7 +2475,7 @@ class ie extends te {
     l(this, "drawImageHeight", 0);
     l(this, "drawImageName", "");
     l(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type, this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan, this.widthFillDisable = h.widthFillDisable, this.rowspan = h.rowspan, this.rules = h.rules, this.readonly = h.readonly, this.required = h.required, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
+    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = a, this.colIndex = i, this.key = h.key, this.type = h.type || "", this.editorType = h.editorType || "text", this.align = h.align || "center", this.verticalAlign = h.verticalAlign || "middle", this.fixed = h.fixed, this.level = h.level || 0, this.operation = h.operation || !1, this.text = h.title, this.column = h, this.colspan = h.colspan || 1, this.widthFillDisable = h.widthFillDisable || !1, this.rowspan = h.rowspan || 1, this.rules = h.rules, this.readonly = h.readonly || !1, this.required = h.required || !1, this.rowKey = Ut(), this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -2948,7 +2949,7 @@ class Pt {
     const { offsetX: e, offsetY: i, clientX: s, clientY: r } = t;
     if (!(s == this.clientX && r == this.clientY)) {
       if (this.isOnScrollbar(e, i))
-        this.clientX = s, this.clientY = r, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll;
+        this.clientX = s, this.clientY = r, this.isDragging = !0, this.ctx.scrollerMove = !0, this.isFocus = !0, this.dragStart = this.scroll, t.preventDefault();
       else if (this.isOnTrack(e, i)) {
         let o = 0;
         this.type === "vertical" ? o = (i - this.ctx.header.height - this.barHeight / 2) / (this.visibleDistance - this.barHeight) * this.distance : o = (e - this.barWidth / 2) / (this.visibleDistance - this.barWidth) * this.distance, this.scroll = Math.max(0, Math.min(o, this.distance));
@@ -3226,7 +3227,7 @@ class di {
     let s = e;
     const { HEADER_HEIGHT: r = 0 } = this.ctx.config;
     for (let o = 0; o < i; o++) {
-      const a = t[o], h = r * (a.rowspan || 1), c = r * a.level;
+      const a = t[o], h = r * (a.rowspan || 0), c = r * (a.level || 0);
       let f = a.width || 100;
       a.children && (f = _t(a.children).reduce((u, g) => u + ((g == null ? void 0 : g.width) || 100), 0));
       const d = new ie(this.ctx, this.columnIndex, s, c, f, h, a);
@@ -3390,7 +3391,7 @@ class fi {
     const { top: u } = t.getBoundingClientRect();
     this.width = e.width, this.visibleWidth = this.ctx.stageWidth - r;
     const g = this.ctx.footer.height;
-    this.data.length || (this.height = a);
+    !this.data.length && !o ? this.height = a : !this.data.length && o && (this.height = o - e.height - g - r);
     const w = this.data.length ? "not-empty" : "empty";
     this.ctx.emit("emptyChange", {
       isEmpty: w,
@@ -3645,7 +3646,7 @@ class ui {
           this.isMultipleRow = !0, this.selectRows(t);
           return;
         }
-        this.isMultipleRow = !1, this.click(e.shiftKey);
+        e.preventDefault(), this.isMultipleRow = !1, this.click(e.shiftKey);
       }
     }), this.ctx.on("mouseup", () => {
       this.mousedownHeader = !1;
@@ -3654,8 +3655,8 @@ class ui {
       }, 0);
     }), this.ctx.on("cellHeaderHoverChange", (t) => {
       this.ctx.mousedown && this.selectCols(t);
-    }), this.ctx.on("cellHeaderMousedown", (t) => {
-      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || (this.mousedownHeader = !0, this.selectCols(t)));
+    }), this.ctx.on("cellHeaderMousedown", (t, e) => {
+      this.ctx.stageElement.style.cursor !== "pointer" && (this.ctx.isPointer || (e.preventDefault(), this.mousedownHeader = !0, this.selectCols(t)));
     }), this.ctx.on("keydown", (t) => {
       if (t.ctrlKey && t.code === "KeyV" || t.metaKey && t.code === "KeyV") {
         t.preventDefault(), this.paste();
@@ -5083,7 +5084,7 @@ let $i = class {
     const i = this.ctx.containerElement.getBoundingClientRect();
     if (!i)
       return;
-    this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
+    this.enable = !0, this.contentEl.style.maxWidth = `${t.overflowTooltipMaxWidth || 500}px`, this.contentEl.style.minWidth = "100px", this.contentEl.style.width = "100%", this.contentEl.style.display = "inline-block", this.contentEl.style.wordBreak = "break-all", this.contentEl.style.lineHeight = "1.5", this.contentEl.innerText = e;
     const s = t.drawX + i.x, r = t.drawY + i.y;
     pe({
       getBoundingClientRect() {
@@ -5236,7 +5237,7 @@ class qi {
       header: c
     } = this.ctx;
     let f = this.ctx.body.visibleHeight;
-    if (a > f && (a = f), this.editorEl.style.left = `${r - 1}px`, this.editorEl.style.top = `${o - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
+    if (a > f && (a = f), this.editorEl.style.display = "inline-block", this.editorEl.style.left = `${r - 1}px`, this.editorEl.style.top = `${o - 1}px`, this.editorEl.style.bottom = "auto", this.editorEl.style.maxHeight = `${f}px`, s === "text") {
       this.inputEl.style.display = "block", this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${a - 1}px`, this.inputEl.style.maxHeight = `${f}px`, this.inputEl.style.width = `${i - 1}px`, this.inputEl.style.height = "auto", this.inputEl.style.padding = `${h}px`, e !== null && (this.inputEl.value = e), this.inputEl.focus();
       const d = this.inputEl.value.length;
       this.inputEl.setSelectionRange(d, d);
@@ -5245,7 +5246,7 @@ class qi {
     (this.inputEl.scrollHeight > a || o < c.height) && this.autoSize();
   }
   doneEditByInput() {
-    if (this.cellTarget && (this.editorEl.style.left = "-10000px", this.editorEl.style.top = "-10000px", this.editorEl.style.bottom = "atuo", this.cellTarget.editorType === "text")) {
+    if (this.cellTarget && (this.editorEl.style.display = "none", 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.ctx.database.setItemValue(t, e, s, !0, !0, !0), this.inputEl.value = "";
     }
@@ -5275,7 +5276,7 @@ class qi {
     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.stageElement.focus(), this.ctx.editing = !1, this.ctx.emit("draw"));
+    this.enable && (this.doneEditByInput(), this.ctx.emit("doneEdit", this.cellTarget), this.enable = !1, this.ctx.stageElement.focus(), this.ctx.editing = !1);
   }
   destroy() {
     var t;