e-virt-table 1.2.14 → 1.2.15

package/dist/index.es.js

@@ -131,7 +131,7 @@ function Le(l, t, e) {
     t(n, o);
   });
 }
-function Bt(l, t, e) {
+function Ft(l, t, e) {
   var i = 0, s = l.length;
   function r(o) {
     if (o && o.length) {
@@ -149,7 +149,7 @@ function Te(l) {
     t.push.apply(t, l[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(l) {
+var Bt = /* @__PURE__ */ function(l) {
   Re(t, l);
   function t(e, i) {
     var s;
@@ -161,9 +161,9 @@ function Ae(l, t, e, i, s) {
   if (t.first) {
     var r = new Promise(function(x, g) {
       var p = function(m) {
-        return i(m), m.length ? g(new Ft(m, bt(m))) : x(s);
+        return i(m), m.length ? g(new Bt(m, bt(m))) : x(s);
       }, u = Te(l);
-      Bt(u, e, p);
+      Ft(u, e, p);
     });
     return r.catch(function(x) {
       return x;
@@ -172,11 +172,11 @@ function Ae(l, t, e, i, s) {
   var o = t.firstFields === !0 ? Object.keys(l) : t.firstFields || [], n = Object.keys(l), h = n.length, c = 0, d = [], f = new Promise(function(x, g) {
     var p = function(w) {
       if (d.push.apply(d, w), c++, c === h)
-        return i(d), d.length ? g(new Ft(d, bt(d))) : x(s);
+        return i(d), d.length ? g(new Bt(d, bt(d))) : x(s);
     };
     n.length || (i(d), x(s)), n.forEach(function(u) {
       var w = l[u];
-      o.indexOf(u) !== -1 ? Bt(w, e, p) : Le(w, e, p);
+      o.indexOf(u) !== -1 ? Ft(w, e, p) : Le(w, e, p);
     });
   });
   return f.catch(function(x) {
@@ -292,14 +292,14 @@ var Zt = function(t, e, i, s, r, o) {
   hex: function(t) {
     return typeof t == "string" && !!t.match(Kt.hex);
   }
-}, Be = function(t, e, i, s, r) {
+}, Fe = function(t, e, i, s, r) {
   if (t.required && e === void 0) {
     Zt(t, e, i, s, r);
     return;
   }
   var o = ["integer", "float", "array", "regexp", "object", "method", "email", "number", "date", "url", "hex"], n = t.type;
   o.indexOf(n) > -1 ? et[n](e) || s.push(D(r.messages.types[n], t.fullField, t.type)) : n && typeof e !== t.type && s.push(D(r.messages.types[n], t.fullField, t.type));
-}, Fe = function(t, e, i, s, r) {
+}, Be = function(t, e, i, s, r) {
   var o = typeof t.len == "number", n = typeof t.min == "number", h = typeof t.max == "number", c = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, d = e, f = null, x = typeof e == "number", g = typeof e == "string", p = Array.isArray(e);
   if (x ? f = "number" : g ? f = "string" : p && (f = "array"), !f)
     return !1;
@@ -318,8 +318,8 @@ var Zt = function(t, e, i, s, r, o) {
 }, S = {
   required: Zt,
   whitespace: De,
-  type: Be,
-  range: Fe,
+  type: Fe,
+  range: Be,
   enum: Ne,
   pattern: ke
 }, Ke = function(t, e, i, s, r) {
@@ -2945,6 +2945,8 @@ class oe extends re {
     a(this, "key");
     a(this, "required", !1);
     a(this, "readonly", !1);
+    a(this, "ellipsis", !1);
+    a(this, "overflowTooltipShow", !0);
     a(this, "children", []);
     a(this, "column");
     a(this, "colIndex");
@@ -2955,6 +2957,8 @@ class oe extends re {
     a(this, "style", {});
     a(this, "drawX", 0);
     a(this, "drawY", 0);
+    a(this, "visibleWidth", 0);
+    a(this, "visibleHeight", 0);
     a(this, "drawCellBgColor", "");
     a(this, "drawTextColor", "");
     a(this, "drawImageX", 0);
@@ -2963,7 +2967,7 @@ class oe extends re {
     a(this, "drawImageHeight", 0);
     a(this, "drawImageName", "");
     a(this, "drawImageSource");
-    this.ctx = e, this.x = s, this.y = r, this.width = o, this.height = n, this.colIndex = i, this.key = h.key, this.minWidth = h.minWidth, this.maxWidth = h.maxWidth, 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 = Jt(), 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 = n, this.visibleWidth = o, this.visibleHeight = n, this.colIndex = i, this.key = h.key, this.minWidth = h.minWidth, this.maxWidth = h.maxWidth, 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 = Jt(), this.overflowTooltipShow = h.overflowTooltipHeaderShow !== !1, this.hasChildren = h.children && h.children.length > 0 || !1, this.render = h.renderHeader;
   }
   /**
    * 是否可见，覆盖基类方法，表头是跟y滚动条没有关系的所以不需要加滚动参数
@@ -3002,7 +3006,7 @@ class oe extends re {
     e.drawRect(n, h, this.width, this.height, {
       borderColor: o ? i : "transparent",
       fillColor: this.drawCellBgColor
-    }), e.drawText(c, n, h, this.width, this.height, {
+    }), this.ellipsis = e.drawText(c, n, h, this.width, this.height, {
       font: r,
       padding: s,
       color: this.drawTextColor,
@@ -3116,13 +3120,13 @@ class ui {
       this.ctx.isPointer = !1, this.ctx.stageElement.style.cursor === "pointer" && (this.ctx.stageElement.style.cursor = "default");
       const e = this.ctx.getOffset(t).offsetY, i = this.ctx.getOffset(t).offsetX;
       this.handleHeaderEvent(i, e, this.ctx.header.renderCellHeaders, (s) => {
-        this.ctx.emit("cellHeaderMouseenter", s, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== s && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(s, t), this.ctx.hoverCellHeader !== s && (this.ctx.hoverCellHeader = s, this.ctx.emit("cellHeaderHoverChange", s));
+        this.ctx.emit("cellHeaderMouseenter", s, t), this.ctx.hoverCellHeader && this.ctx.hoverCellHeader !== s && this.ctx.emit("cellHeaderMouseleave", this.ctx.hoverCellHeader, t), this.imageEnterAndLeave(s, t), this.ctx.hoverCellHeader !== s && (this.ctx.hoverCellHeader = s, this.visibleHoverCell = void 0, this.ctx.emit("cellHeaderHoverChange", s, t));
       }), this.handleBodyEvent(
         i,
         e,
         this.ctx.body.renderRows,
         (s) => {
-          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.emit("visibleCellHoverChange", s, t));
+          this.selectionEnterAndLeave(s, t), this.visibleHoverCell !== s && (this.ctx.emit("visibleCellMouseleave", s, t), this.visibleHoverCell = s, this.ctx.hoverCellHeader = void 0, this.ctx.emit("visibleCellHoverChange", s, t));
         },
         !0
       ), this.handleBodyEvent(i, e, this.ctx.body.renderRows, (s) => {
@@ -3716,7 +3720,7 @@ class pi {
     this.columns = i, this.allCellHeaders = [], this.leafCellHeaders = [], this.fixedLeftCellHeaders = [], this.fixedRightCellHeaders = [], this.centerCellHeaders = [];
     const s = te(i), r = _t(i);
     this.height = t * s, this.width = r.reduce((f, x) => {
-      const { width: g = 100, maxWidth: p, minWidth: u } = x;
+      const g = x.width || 100, { maxWidth: p, minWidth: u } = x;
       return p && g > p ? f + p : u && g < u ? f + u : f + g;
     }, 0), this.visibleHeight = this.height;
     const o = ei(ee(i, s));
@@ -5422,7 +5426,7 @@ function V(l) {
 function ce(l) {
   return gt() ? l instanceof Node || l instanceof X(l).Node : !1;
 }
-function B(l) {
+function F(l) {
   return gt() ? l instanceof Element || l instanceof X(l).Element : !1;
 }
 function K(l) {
@@ -5437,7 +5441,7 @@ function ht(l) {
     overflowX: e,
     overflowY: i,
     display: s
-  } = F(l);
+  } = B(l);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + e) && !["inline", "contents"].includes(s);
 }
 function Xi(l) {
@@ -5453,10 +5457,10 @@ function wt(l) {
   });
 }
 function Dt(l) {
-  const t = Xt(), e = B(l) ? F(l) : l;
+  const t = Xt(), e = F(l) ? B(l) : l;
   return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (e.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (e.contain || "").includes(i));
 }
-function Bi(l) {
+function Fi(l) {
   let t = $(l);
   for (; K(t) && !Q(t); ) {
     if (Dt(t))
@@ -5473,11 +5477,11 @@ function Xt() {
 function Q(l) {
   return ["html", "body", "#document"].includes(tt(l));
 }
-function F(l) {
+function B(l) {
   return X(l).getComputedStyle(l);
 }
 function pt(l) {
-  return B(l) ? {
+  return F(l) ? {
     scrollLeft: l.scrollLeft,
     scrollTop: l.scrollTop
   } : {
@@ -5515,7 +5519,7 @@ function Lt(l) {
   return l.parent && Object.getPrototypeOf(l.parent) ? l.frameElement : null;
 }
 function fe(l) {
-  const t = F(l);
+  const t = B(l);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
   const s = K(l), r = s ? l.offsetWidth : e, o = s ? l.offsetHeight : i, n = ft(e) !== r || ft(i) !== o;
   return n && (e = r, i = o), {
@@ -5525,7 +5529,7 @@ function fe(l) {
   };
 }
 function xe(l) {
-  return B(l) ? l : l.contextElement;
+  return F(l) ? l : l.contextElement;
 }
 function Z(l) {
   const t = xe(l);
@@ -5542,10 +5546,10 @@ function Z(l) {
     y: n
   };
 }
-const Fi = /* @__PURE__ */ z(0);
+const Bi = /* @__PURE__ */ z(0);
 function ue(l) {
   const t = X(l);
-  return !Xt() || !t.visualViewport ? Fi : {
+  return !Xt() || !t.visualViewport ? Bi : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
@@ -5557,14 +5561,14 @@ function ot(l, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = l.getBoundingClientRect(), r = xe(l);
   let o = z(1);
-  t && (i ? B(i) && (o = Z(i)) : o = Z(l));
+  t && (i ? F(i) && (o = Z(i)) : o = Z(l));
   const n = Ni(r, e, i) ? ue(r) : z(0);
   let h = (s.left + n.x) / o.x, c = (s.top + n.y) / o.y, d = s.width / o.x, f = s.height / o.y;
   if (r) {
-    const x = X(r), g = i && B(i) ? X(i) : i;
+    const x = X(r), g = i && F(i) ? X(i) : i;
     let p = x, u = Lt(p);
     for (; u && i && g !== p; ) {
-      const w = Z(u), m = u.getBoundingClientRect(), C = F(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
+      const w = Z(u), m = u.getBoundingClientRect(), C = B(u), y = m.left + (u.clientLeft + parseFloat(C.paddingLeft)) * w.x, b = m.top + (u.clientTop + parseFloat(C.paddingTop)) * w.y;
       h *= w.x, c *= w.y, d *= w.x, f *= w.y, h += y, c += b, p = X(u), u = Lt(p);
     }
   }
@@ -5612,7 +5616,7 @@ function Yi(l) {
   const t = V(l), e = pt(l), i = l.ownerDocument.body, s = U(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = U(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let o = -e.scrollLeft + Tt(l);
   const n = -e.scrollTop;
-  return F(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
+  return B(i).direction === "rtl" && (o += U(t.clientWidth, i.clientWidth) - s), {
     width: s,
     height: r,
     x: o,
@@ -5649,7 +5653,7 @@ function Gt(l, t, e) {
     i = Vi(l, e);
   else if (t === "document")
     i = Yi(V(l));
-  else if (B(t))
+  else if (F(t))
     i = Wi(t, e);
   else {
     const s = ue(l);
@@ -5663,17 +5667,17 @@ function Gt(l, t, e) {
 }
 function ge(l, t) {
   const e = $(l);
-  return e === t || !B(e) || Q(e) ? !1 : F(e).position === "fixed" || ge(e, t);
+  return e === t || !F(e) || Q(e) ? !1 : B(e).position === "fixed" || ge(e, t);
 }
 function Pi(l, t) {
   const e = t.get(l);
   if (e)
     return e;
-  let i = St(l, [], !1).filter((n) => B(n) && tt(n) !== "body"), s = null;
-  const r = F(l).position === "fixed";
+  let i = St(l, [], !1).filter((n) => F(n) && tt(n) !== "body"), s = null;
+  const r = B(l).position === "fixed";
   let o = r ? $(l) : l;
-  for (; B(o) && !Q(o); ) {
-    const n = F(o), h = Dt(o);
+  for (; F(o) && !Q(o); ) {
+    const n = B(o), h = Dt(o);
     !h && n.position === "fixed" && (s = null), (r ? !h && !s : !h && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || ht(o) && !h && ge(l, o)) ? i = i.filter((d) => d !== o) : s = n, o = $(o);
   }
   return t.set(l, i), i;
@@ -5733,10 +5737,10 @@ function qi(l, t, e) {
   };
 }
 function yt(l) {
-  return F(l).position === "static";
+  return B(l).position === "static";
 }
 function jt(l, t) {
-  if (!K(l) || F(l).position === "fixed")
+  if (!K(l) || B(l).position === "fixed")
     return null;
   if (t)
     return t(l);
@@ -5750,7 +5754,7 @@ function we(l, t) {
   if (!K(l)) {
     let s = $(l);
     for (; s && !Q(s); ) {
-      if (B(s) && !yt(s))
+      if (F(s) && !yt(s))
         return s;
       s = $(s);
     }
@@ -5759,7 +5763,7 @@ function we(l, t) {
   let i = jt(l, t);
   for (; i && Xi(i) && yt(i); )
     i = jt(i, t);
-  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Bi(l) || e;
+  return i && Q(i) && yt(i) && !Dt(i) ? e : i || Fi(l) || e;
 }
 const Gi = async function(l) {
   const t = this.getOffsetParent || we, e = this.getDimensions, i = await e(l.floating);
@@ -5774,7 +5778,7 @@ const Gi = async function(l) {
   };
 };
 function ji(l) {
-  return F(l).direction === "rtl";
+  return B(l).direction === "rtl";
 }
 const Ui = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ki,
@@ -5785,7 +5789,7 @@ const Ui = {
   getClientRects: Ki,
   getDimensions: $i,
   getScale: Z,
-  isElement: B,
+  isElement: F,
   isRTL: ji
 }, pe = Hi, me = Di, ye = Ai, Zi = Ti, Ee = (l, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
@@ -5833,17 +5837,22 @@ let Ji = class {
     Object.assign(this.arrowEl.style, h), Object.assign(this.floatingEl.style, n), this.floatingEl.appendChild(this.contentEl), this.floatingEl.appendChild(this.arrowEl), this.ctx.containerElement.appendChild(this.floatingEl), this.init();
   }
   init() {
-    this.ctx.on("mousemove", (t) => {
-      if (!this.ctx.isTarget(t))
-        return;
-      const e = this.ctx.containerElement.getBoundingClientRect();
-      e && (t.clientX < e.x || t.clientX > e.x + e.width || t.clientY < e.y || t.clientY > e.y + e.height) && this.hide();
+    this.floatingEl.addEventListener("mouseleave", () => {
+      this.hide();
+    }), this.ctx.on("mouseout", (t) => {
+      this.floatingEl.contains(t.relatedTarget) || this.hide();
+    }), this.ctx.on("onScroll", () => {
+      this.hide();
     }), this.ctx.on("startEdit", () => {
       this.hide();
     }), this.ctx.on("visibleCellHoverChange", (t, e) => {
       this.floatingEl.contains(e.target) || (t.ellipsis || t.message) && this.show(t);
     }), this.ctx.on("visibleCellMouseleave", (t, e) => {
       this.floatingEl.contains(e.target) || this.hide();
+    }), this.ctx.on("cellHeaderMouseleave", (t, e) => {
+      this.floatingEl.contains(e.target) || this.hide();
+    }), this.ctx.on("cellHeaderHoverChange", (t, e) => {
+      this.floatingEl.contains(e.target) || t.ellipsis && this.show(t);
     });
   }
   show(t) {