e-virt-table 0.0.13 → 0.0.15

package/dist/index.es.js

@@ -149,7 +149,7 @@ function Oe(a) {
     t.push.apply(t, a[e] || []);
   }), t;
 }
-var Ft = /* @__PURE__ */ function(a) {
+var Nt = /* @__PURE__ */ function(a) {
   be(t, a);
   function t(e, i) {
     var s;
@@ -161,7 +161,7 @@ function Se(a, t, e, i, s) {
   if (t.first) {
     var o = new Promise(function(x, u) {
       var y = function(p) {
-        return i(p), p.length ? u(new Ft(p, Ct(p))) : x(s);
+        return i(p), p.length ? u(new Nt(p, Ct(p))) : x(s);
       }, g = Oe(a);
       kt(g, e, y);
     });
@@ -172,7 +172,7 @@ function Se(a, t, e, i, s) {
   var r = t.firstFields === !0 ? Object.keys(a) : t.firstFields || [], n = Object.keys(a), l = n.length, h = 0, f = [], d = new Promise(function(x, u) {
     var y = function(w) {
       if (f.push.apply(f, w), h++, h === l)
-        return i(f), f.length ? u(new Ft(f, Ct(f))) : x(s);
+        return i(f), f.length ? u(new Nt(f, Ct(f))) : x(s);
     };
     n.length || (i(f), x(s)), n.forEach(function(g) {
       var w = a[g];
@@ -194,7 +194,7 @@ function Le(a, t) {
   }
   return e;
 }
-function Nt(a, t) {
+function Ft(a, t) {
   return function(e) {
     var i;
     return a.fullFields ? i = Le(t, a.fullFields) : i = t[e.field || a.fullField], Te(e) ? (e.field = e.field || a.fullField, e.fieldValue = i, e) : {
@@ -322,7 +322,7 @@ var Ut = function(t, e, i, s, o, r) {
   range: De,
   enum: Xe,
   pattern: ke
-}, Fe = function(t, e, i, s, o) {
+}, Ne = function(t, e, i, s, o) {
   var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e, "string") && !t.required)
@@ -330,7 +330,7 @@ var Ut = function(t, e, i, s, o, r) {
     v.required(t, e, s, r, o, "string"), I(e, "string") || (v.type(t, e, s, r, o), v.range(t, e, s, r, o), v.pattern(t, e, s, r, o), t.whitespace === !0 && v.whitespace(t, e, s, r, o));
   }
   i(r);
-}, Ne = function(t, e, i, s, o) {
+}, Fe = function(t, e, i, s, o) {
   var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (I(e) && !t.required)
@@ -441,8 +441,8 @@ var Ut = function(t, e, i, s, o, r) {
   }
   i(r);
 }, it = {
-  string: Fe,
-  method: Ne,
+  string: Ne,
+  method: Fe,
   number: Ye,
   boolean: Ke,
   regexp: Be,
@@ -583,14 +583,14 @@ var Rt = vt(), nt = /* @__PURE__ */ function() {
         R === void 0 && (R = []);
         var T = Array.isArray(R) ? R : [R];
         !l.suppressWarning && T.length && a.warning("async-validator:", T), T.length && p.message !== void 0 && (T = [].concat(p.message));
-        var L = T.map(Nt(p, n));
+        var L = T.map(Ft(p, n));
         if (l.first && L.length)
           return y[p.field] = 1, w(L);
         if (!E)
           w(L);
         else {
           if (p.required && !g.value)
-            return p.message !== void 0 ? L = [].concat(p.message).map(Nt(p, n)) : l.error && (L = [l.error(p, M(l.messages.required, p.field))]), w(L);
+            return p.message !== void 0 ? L = [].concat(p.message).map(Ft(p, n)) : l.error && (L = [l.error(p, M(l.messages.required, p.field))]), w(L);
           var A = {};
           p.defaultField && Object.keys(g.value).map(function(_) {
             A[_] = p.defaultField;
@@ -1436,7 +1436,7 @@ class ri {
     this.ctx = t, this.init();
   }
   init() {
-    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mousedown", this.handleMouseDown.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(this.ctx.target, "click", this.handleClick.bind(this)), this.bind(this.ctx.target, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.target, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.target, "contextmenu", this.handleContextMenu.bind(this));
+    this.bind(window, "resize", this.handleResize.bind(this)), this.bind(window, "mousedown", this.handleMouseDown.bind(this)), this.bind(window, "mouseup", this.handleMouseUp.bind(this)), this.bind(window, "mousemove", this.handleMousemove.bind(this)), this.bind(window, "scroll", this.handleScroll.bind(this)), this.bind(this.ctx.target, "click", this.handleClick.bind(this)), this.bind(this.ctx.target, "keydown", this.handleKeydown.bind(this)), this.bind(this.ctx.target, "wheel", this.handleWheel.bind(this)), this.bind(this.ctx.target, "contextmenu", this.handleContextMenu.bind(this));
   }
   destroy() {
     this.eventTasks.forEach((t, e) => {
@@ -1468,6 +1468,9 @@ class ri {
   handleContextMenu(t) {
     this.ctx.emit("contextMenu", t);
   }
+  handleScroll(t) {
+    this.ctx.emit("scroll", t);
+  }
   bind(t, e, i) {
     t instanceof HTMLCanvasElement && e === "keydown" && (t.tabIndex = 0), t.addEventListener(e, i), this.eventTasks.set(e, i);
   }
@@ -1676,6 +1679,8 @@ class Pt {
     c(this, "ENABLE_OFFSET_HEIGHT", !1);
     c(this, "OFFSET_HEIGHT", 0);
     c(this, "HEADER_HEIGHT", 36);
+    c(this, "ENABLE_HEADER_STICKY", !1);
+    // 启用头部固定,需要外面实现覆盖层，或者所有表头都要是元素
     c(this, "HEADER_BG_COLOR", "#F8FAFF");
     c(this, "BODY_BG_COLOR", "#FFF");
     c(this, "HEADER_TEXT_COLOR", "#1D2129");
@@ -2468,7 +2473,7 @@ class ie extends te {
       left: e,
       top: `${this.drawY + 1}px`,
       width: `${this.width}px`,
-      height: `${this.height}px`,
+      height: `${this.height - 2}px`,
       pointerEvents: "none"
     };
   }
@@ -4260,14 +4265,14 @@ const Ri = (a) => ({
     }, u = Ht(s), y = Mt(u), g = await r.getDimensions(h), w = u === "y", p = w ? "top" : "left", E = w ? "bottom" : "right", m = w ? "clientHeight" : "clientWidth", b = o.reference[y] + o.reference[u] - x[u] - o.floating[y], C = x[u] - o.reference[u], R = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(h));
     let T = R ? R[m] : 0;
     (!T || !await (r.isElement == null ? void 0 : r.isElement(R))) && (T = n.floating[m] || o.floating[y]);
-    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(d[p], A), B = rt(d[E], A), _ = D, S = T - g[y] - B, O = T / 2 - g[y] / 2 + L, G = _t(_, O, S), Y = !l.arrow && ct(s) != null && O !== G && o.reference[y] / 2 - (O < _ ? D : B) - g[y] / 2 < 0, F = Y ? O < _ ? O - _ : O - S : 0;
+    const L = b / 2 - C / 2, A = T / 2 - g[y] / 2 - 1, D = rt(d[p], A), B = rt(d[E], A), _ = D, S = T - g[y] - B, O = T / 2 - g[y] / 2 + L, G = _t(_, O, S), Y = !l.arrow && ct(s) != null && O !== G && o.reference[y] / 2 - (O < _ ? D : B) - g[y] / 2 < 0, N = Y ? O < _ ? O - _ : O - S : 0;
     return {
-      [u]: x[u] + F,
+      [u]: x[u] + N,
       data: {
         [u]: G,
-        centerOffset: O - G - F,
+        centerOffset: O - G - N,
         ...Y && {
-          alignmentOffset: F
+          alignmentOffset: N
         }
       },
       reset: Y
@@ -4321,12 +4326,12 @@ const Ri = (a) => ({
               placement: G
             }
           };
-        let Y = (_ = D.filter((F) => F.overflows[0] <= 0).sort((F, W) => F.overflows[1] - W.overflows[1])[0]) == null ? void 0 : _.placement;
+        let Y = (_ = D.filter((N) => N.overflows[0] <= 0).sort((N, W) => N.overflows[1] - W.overflows[1])[0]) == null ? void 0 : _.placement;
         if (!Y)
           switch (u) {
             case "bestFit": {
               var S;
-              const F = (S = D.filter((W) => {
+              const N = (S = D.filter((W) => {
                 if (R) {
                   const P = J(W.placement);
                   return P === E || // Create a bias to the `y` side axis due to horizontal
@@ -4335,7 +4340,7 @@ const Ri = (a) => ({
                 }
                 return !0;
               }).map((W) => [W.placement, W.overflows.filter((P) => P > 0).reduce((P, ye) => P + ye, 0)]).sort((W, P) => W[1] - P[1])[0]) == null ? void 0 : S[0];
-              F && (Y = F);
+              N && (Y = N);
               break;
             }
             case "initialPlacement":
@@ -4479,7 +4484,7 @@ function ae(a) {
 function X(a) {
   return gt() ? a instanceof Element || a instanceof H(a).Element : !1;
 }
-function N(a) {
+function F(a) {
   return gt() ? a instanceof HTMLElement || a instanceof H(a).HTMLElement : !1;
 }
 function $t(a) {
@@ -4512,7 +4517,7 @@ function Dt(a) {
 }
 function Li(a) {
   let t = V(a);
-  for (; N(t) && !Q(t); ) {
+  for (; F(t) && !Q(t); ) {
     if (Dt(t))
       return t;
     if (wt(t))
@@ -4553,7 +4558,7 @@ function V(a) {
 }
 function ce(a) {
   const t = V(a);
-  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ce(t);
+  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : F(t) && lt(t) ? t : ce(t);
 }
 function St(a, t, e) {
   var i;
@@ -4571,7 +4576,7 @@ function Tt(a) {
 function le(a) {
   const t = k(a);
   let e = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const s = N(a), o = s ? a.offsetWidth : e, r = s ? a.offsetHeight : i, n = ft(e) !== o || ft(i) !== r;
+  const s = F(a), o = s ? a.offsetWidth : e, r = s ? a.offsetHeight : i, n = ft(e) !== o || ft(i) !== r;
   return n && (e = o, i = r), {
     width: e,
     height: i,
@@ -4583,7 +4588,7 @@ function he(a) {
 }
 function Z(a) {
   const t = he(a);
-  if (!N(t))
+  if (!F(t))
     return z(1);
   const e = t.getBoundingClientRect(), {
     width: i,
@@ -4643,8 +4648,8 @@ function Hi(a) {
     scrollLeft: 0,
     scrollTop: 0
   }, h = z(1);
-  const f = z(0), d = N(i);
-  if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), N(i))) {
+  const f = z(0), d = F(i);
+  if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), F(i))) {
     const x = ot(i);
     h = Z(i), f.x = x.x + i.clientLeft, f.y = x.y + i.clientTop;
   }
@@ -4688,8 +4693,8 @@ function ki(a, t) {
     y: l
   };
 }
-function Fi(a, t) {
-  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = N(a) ? Z(a) : z(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
+function Ni(a, t) {
+  const e = ot(a, !0, t === "fixed"), i = e.top + a.clientTop, s = e.left + a.clientLeft, o = F(a) ? Z(a) : z(1), r = a.clientWidth * o.x, n = a.clientHeight * o.y, l = s * o.x, h = i * o.y;
   return {
     width: r,
     height: n,
@@ -4704,7 +4709,7 @@ function qt(a, t, e) {
   else if (t === "document")
     i = Xi(K(a));
   else if (X(t))
-    i = Fi(t, e);
+    i = Ni(t, e);
   else {
     const s = de(a);
     i = {
@@ -4719,7 +4724,7 @@ function fe(a, t) {
   const e = V(a);
   return e === t || !X(e) || Q(e) ? !1 : k(e).position === "fixed" || fe(e, t);
 }
-function Ni(a, t) {
+function Fi(a, t) {
   const e = t.get(a);
   if (e)
     return e;
@@ -4739,7 +4744,7 @@ function Yi(a) {
     rootBoundary: i,
     strategy: s
   } = a;
-  const r = [...e === "clippingAncestors" ? wt(t) ? [] : Ni(t, this._c) : [].concat(e), i], n = r[0], l = r.reduce((h, f) => {
+  const r = [...e === "clippingAncestors" ? wt(t) ? [] : Fi(t, this._c) : [].concat(e), i], n = r[0], l = r.reduce((h, f) => {
     const d = qt(t, f, s);
     return h.top = U(d.top, h.top), h.right = rt(d.right, h.right), h.bottom = rt(d.bottom, h.bottom), h.left = U(d.left, h.left), h;
   }, qt(t, n, s));
@@ -4761,7 +4766,7 @@ function Ki(a) {
   };
 }
 function Bi(a, t, e) {
-  const i = N(t), s = K(t), o = e === "fixed", r = ot(a, !0, o, t);
+  const i = F(t), s = K(t), o = e === "fixed", r = ot(a, !0, o, t);
   let n = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4790,7 +4795,7 @@ function mt(a) {
   return k(a).position === "static";
 }
 function Gt(a, t) {
-  if (!N(a) || k(a).position === "fixed")
+  if (!F(a) || k(a).position === "fixed")
     return null;
   if (t)
     return t(a);
@@ -4801,7 +4806,7 @@ function xe(a, t) {
   const e = H(a);
   if (wt(a))
     return e;
-  if (!N(a)) {
+  if (!F(a)) {
     let s = V(a);
     for (; s && !Q(s); ) {
       if (X(s) && !mt(s))
@@ -5077,8 +5082,11 @@ class qi {
   startEditByInput(t) {
     if (t.editorType !== "text")
       return;
-    const e = t.getValue(), { width: i, height: s } = t, o = t.getDrawX(), r = t.getDrawY(), { CELL_PADDING: n } = this.ctx.config;
-    this.editorEl.style.left = `${o}px`, this.editorEl.style.top = `${r}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${s - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.textContent = e), this.inputEl.focus();
+    const e = t.getValue(), { width: i } = t, s = t.getDrawX();
+    let o = t.getDrawY(), { height: r } = t;
+    t.height > this.ctx.body.visibleHeight && (r = this.ctx.body.visibleHeight, o = this.ctx.header.visibleHeight);
+    const { CELL_PADDING: n } = this.ctx.config;
+    this.editorEl.style.left = `${s}px`, this.editorEl.style.top = `${o}px`, this.inputEl.style.minWidth = `${i - 1}px`, this.inputEl.style.minHeight = `${r - 1}px`, this.inputEl.style.padding = `${n}px`, e !== null && (this.inputEl.textContent = e), this.inputEl.focus();
     const l = window.getSelection();
     l == null || l.selectAllChildren(this.inputEl), l == null || l.collapseToEnd();
   }
@@ -5147,7 +5155,28 @@ class Gi {
 class ji {
   constructor(t) {
     c(this, "ctx");
-    this.ctx = t;
+    this.ctx = t, this.ctx.on("scroll", () => {
+      if (!this.ctx.config.ENABLE_HEADER_STICKY)
+        return;
+      const e = this.ctx.targetContainer.getBoundingClientRect();
+      let i = !1, s = this.getHeader();
+      e.top < 0 && e.top < -this.ctx.header.visibleHeight && e.top > -this.ctx.body.visibleHeight ? i = !0 : i = !1;
+      const {
+        config: { CSS_PREFIX: o }
+      } = this.ctx, { visibleWidth: r } = this.ctx.body, n = {
+        type: "header-sticky",
+        class: `${o}-overlayer-header-sticky`,
+        style: {
+          position: "sticky",
+          top: "0px",
+          "z-index": 10,
+          width: `${r}px`,
+          display: i ? "block" : "none"
+        },
+        views: s.views
+      };
+      this.ctx.emit("headerStickyChange", n);
+    });
   }
   draw() {
     const t = this.getContainer();
@@ -5193,8 +5222,8 @@ class ji {
       key: "left",
       style: {
         position: "absolute",
-        top: `${0.5}px`,
-        left: `${0.5}px`,
+        top: "0px",
+        left: "0px",
         overflow: "hidden",
         width: `${t}px`,
         height: `${r}px`
@@ -5204,10 +5233,10 @@ class ji {
       key: "center",
       style: {
         position: "absolute",
-        top: `${0.5}px`,
+        top: "0px",
         left: `${t}px`,
         overflow: "hidden",
-        width: `${o - t - d}px`,
+        width: `${o - t - d + 1}px`,
         height: `${r}px`
       },
       cells: l
@@ -5215,10 +5244,10 @@ class ji {
       key: "right",
       style: {
         position: "absolute",
-        top: `${0.5}px`,
-        right: `${0.5}px`,
+        top: "0px",
+        right: "0px",
         overflow: "hidden",
-        width: `${d}px`,
+        width: `${d + 1}px`,
         height: `${r}px`
       },
       cells: f