e-virt-table 0.0.12 → 0.0.14

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)
@@ -378,7 +378,7 @@ var Ut = function(t, e, i, s, o, r) {
     v.required(t, e, s, r, o), e !== void 0 && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
   i(r);
-}, Ve = function(t, e, i, s, o) {
+}, ze = function(t, e, i, s, o) {
   var r = [], n = t.required || !t.required && s.hasOwnProperty(t.field);
   if (n) {
     if (e == null && !t.required)
@@ -386,7 +386,7 @@ var Ut = function(t, e, i, s, o, r) {
     v.required(t, e, s, r, o, "array"), e != null && (v.type(t, e, s, r, o), v.range(t, e, s, r, o));
   }
   i(r);
-}, ze = function(t, e, i, s, o) {
+}, Ve = 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,15 +441,15 @@ 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,
   integer: We,
   float: Pe,
-  array: Ve,
-  object: ze,
+  array: ze,
+  object: Ve,
   enum: qe,
   pattern: Ge,
   date: je,
@@ -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"
     };
   }
@@ -2816,7 +2821,7 @@ class li {
     this.eventTable.destroy(), this.eventBrowser.destroy(), this.eventBus.destroy();
   }
 }
-class Vt {
+class zt {
   constructor(t, e) {
     c(this, "ctx");
     c(this, "type");
@@ -2849,6 +2854,8 @@ class Vt {
   onMouseDown(t) {
     if (!(t.target instanceof HTMLCanvasElement) || !this.ctx.isTarget(t.target))
       return;
+    if (this.ctx.target.style.cursor === "row-resize" || this.ctx.target.style.cursor === "col-resize")
+      return !0;
     const { offsetX: e, offsetY: i, clientX: s, clientY: o } = t;
     if (!(s == this.clientX && o == this.clientY)) {
       if (this.isOnScrollbar(e, i))
@@ -2928,7 +2935,7 @@ class hi {
     c(this, "ctx");
     c(this, "verticalScrollbar");
     c(this, "horizontalScrollbar");
-    this.ctx = t, this.verticalScrollbar = new Vt(t, "vertical"), this.horizontalScrollbar = new Vt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
+    this.ctx = t, this.verticalScrollbar = new zt(t, "vertical"), this.horizontalScrollbar = new zt(t, "horizontal"), this.ctx.on("wheel", (e) => this.onWheel(e)), this.ctx.on("mousedown", (e) => this.onMouseDown(e)), this.ctx.on("mousemove", (e) => this.onMouseMove(e)), this.ctx.on("mouseup", () => this.onMouseUp()), this.ctx.on("setScroll", (e, i) => {
       this.setScroll(e, i);
     }), this.ctx.on("setScrollX", (e) => {
       this.setScrollX(e);
@@ -2997,7 +3004,7 @@ class di {
     // 调整列的数量
     c(this, "isResizing", !1);
     // 是否移动中
-    c(this, "offsetX", 0);
+    c(this, "clientX", 0);
     // 鼠标按下时的x轴位置
     c(this, "resizeDiff", 0);
     // 是否移动中
@@ -3050,9 +3057,9 @@ class di {
       config: { ENABLE_RESIZE_COLUMN: t }
     } = this.ctx;
     t && (this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetX = e.offsetX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.clientX = e.clientX, this.resizeTarget ? (this.isResizing = !0, this.ctx.columnResizing = !0) : this.isResizing = !1, this.isMouseDown = !0);
     }), this.ctx.on("mouseup", () => {
-      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.offsetX = 0;
+      this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeColumn(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.isResizing = !1, this.ctx.columnResizing = !1, this.clientX = 0;
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
       const {
@@ -3061,7 +3068,7 @@ class di {
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
         const o = this.resizeTarget.width;
-        let r = e.offsetX - this.offsetX;
+        let r = e.clientX - this.clientX;
         r + o < s && (r = -(o - s)), this.resizeDiff = r, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown)
@@ -3248,7 +3255,7 @@ class fi {
     // 是否按下
     c(this, "resizeDiff", 0);
     // 是否移动中
-    c(this, "offsetY", 0);
+    c(this, "clientY", 0);
     // 鼠标按下时的y轴位置
     c(this, "ctx");
     c(this, "x", 0);
@@ -3322,30 +3329,30 @@ class fi {
     t && (this.ctx.on("mouseup", () => {
       this.isMouseDown = !1, this.resizeDiff !== 0 && this.resizeTarget && this.resizeRow(this.resizeTarget, this.resizeDiff), this.resizeTarget = null, this.resizeDiff = 0, this.isResizing = !1, setTimeout(() => {
         this.ctx.rowResizing = !1;
-      }, 0), this.offsetY = 0;
+      }, 0), this.clientY = 0;
     }), this.ctx.on("mousedown", (e) => {
-      this.ctx.isTarget(e.target) && (this.offsetY = e.offsetY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
+      this.ctx.isTarget(e.target) && (this.clientY = e.clientY, this.resizeTarget ? (this.isResizing = !0, this.ctx.rowResizing = !0) : (this.isResizing = !1, this.ctx.rowResizing = !1), this.isMouseDown = !0);
     }), this.ctx.on("mousemove", (e) => {
       if (this.ctx.editing) return;
-      const i = e.offsetY, s = e.offsetX, {
-        target: o,
-        scrollY: r,
-        config: { RESIZE_ROW_MIN_HEIGHT: n = 0 }
+      const i = e.offsetY, s = e.offsetX, o = e.clientY, {
+        target: r,
+        scrollY: n,
+        config: { RESIZE_ROW_MIN_HEIGHT: l = 0 }
       } = this.ctx;
       if (this.isResizing && this.resizeTarget) {
-        const l = this.resizeTarget.height;
-        let h = i - this.offsetY;
-        h + l < n && (h = -(l - n)), this.resizeDiff = h, this.ctx.emit("draw");
+        const h = this.resizeTarget.height;
+        let f = o - this.clientY;
+        f + h < l && (f = -(h - l)), this.resizeDiff = f, this.ctx.emit("draw");
       } else {
         if (this.resizeTarget = null, this.isMouseDown || this.ctx.target.style.cursor === "crosshair")
           return;
         this.ctx.target.style.cursor === "row-resize" && (this.ctx.target.style.cursor = "default");
-        for (let l = 0; l < this.renderRows.length; l++) {
-          const h = this.renderRows[l];
-          if (i > h.y - r + h.height - 1.5 && i < h.y - r + h.height + 1.5 && i < o.height - 4)
-            for (let d = 0; d < h.cells.length; d++) {
-              const x = h.cells[d];
-              s > x.drawX + 10 && s < x.drawX + x.width - 10 && x.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = h);
+        for (let h = 0; h < this.renderRows.length; h++) {
+          const f = this.renderRows[h];
+          if (i > f.y - n + f.height - 1.5 && i < f.y - n + f.height + 1.5 && i < r.height - 4)
+            for (let x = 0; x < f.cells.length; x++) {
+              const u = f.cells[x];
+              s > u.drawX + 10 && s < u.drawX + u.width - 10 && u.rowspan === 1 && (this.ctx.target.style.cursor = "row-resize", this.resizeTarget = f);
             }
         }
       }
@@ -3620,7 +3627,7 @@ class ui {
     }
   }
   selectCols(t) {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_ROWS || this.ctx.autofillMove || this.ctx.columnResizing)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_ROWS || this.ctx.autofillMove || this.ctx.columnResizing || this.ctx.editing)
       return;
     if (t.operation) {
       this.selectAll();
@@ -3642,7 +3649,7 @@ class ui {
     }
   }
   selectAll() {
-    if (this.ctx.autofillMove)
+    if (this.ctx.autofillMove || this.ctx.editing)
       return;
     const { ENABLE_SELECTOR_ALL_ROWS: t, ENABLE_SELECTOR_ALL_COLS: e } = this.ctx.config;
     if (t && e) {
@@ -3651,7 +3658,7 @@ class ui {
     }
   }
   selectRows(t, e = !0) {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || !this.ctx.config.ENABLE_SELECTOR_ALL_COLS || this.ctx.autofillMove || this.ctx.editing)
       return;
     const { SELECTOR_AREA_MIN_X: i, SELECTOR_AREA_MAX_X: s } = this.ctx.config, o = s || this.ctx.maxColIndex, r = i;
     if (e) {
@@ -3671,7 +3678,7 @@ class ui {
     }
   }
   mouseenter() {
-    if (this.ctx.config.ENABLE_SELECTOR_SINGLE)
+    if (this.ctx.config.ENABLE_SELECTOR_SINGLE || this.ctx.editing)
       return;
     const { mousedown: t, focusCell: e, hoverCell: i } = this.ctx;
     if (t && e && i) {
@@ -3975,7 +3982,7 @@ class gi {
   destroy() {
   }
 }
-const rt = Math.min, U = Math.max, ft = Math.round, V = (a) => ({
+const rt = Math.min, U = Math.max, ft = Math.round, z = (a) => ({
   x: a,
   y: a
 }), wi = {
@@ -4080,7 +4087,7 @@ function ut(a) {
     y: e
   };
 }
-function zt(a, t, e) {
+function Vt(a, t, e) {
   let {
     reference: i,
     floating: s
@@ -4142,7 +4149,7 @@ const vi = async (a, t, e) => {
   }), {
     x: f,
     y: d
-  } = zt(h, i, l), x = i, u = {}, y = 0;
+  } = Vt(h, i, l), x = i, u = {}, y = 0;
   for (let g = 0; g < n.length; g++) {
     const {
       name: w,
@@ -4179,7 +4186,7 @@ const vi = async (a, t, e) => {
     }) : C.rects), {
       x: f,
       y: d
-    } = zt(h, x, l)), g = -1);
+    } = Vt(h, x, l)), g = -1);
   }
   return {
     x: f,
@@ -4258,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
@@ -4319,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
@@ -4333,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":
@@ -4477,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) {
@@ -4509,13 +4516,13 @@ function Dt(a) {
   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 Li(a) {
-  let t = z(a);
-  for (; N(t) && !Q(t); ) {
+  let t = V(a);
+  for (; F(t) && !Q(t); ) {
     if (Dt(t))
       return t;
     if (wt(t))
       return null;
-    t = z(t);
+    t = V(t);
   }
   return null;
 }
@@ -4537,7 +4544,7 @@ function pt(a) {
     scrollTop: a.scrollY
   };
 }
-function z(a) {
+function V(a) {
   if (tt(a) === "html")
     return a;
   const t = (
@@ -4550,8 +4557,8 @@ function z(a) {
   return $t(t) ? t.host : t;
 }
 function ce(a) {
-  const t = z(a);
-  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : N(t) && lt(t) ? t : ce(t);
+  const t = V(a);
+  return Q(t) ? a.ownerDocument ? a.ownerDocument.body : a.body : F(t) && lt(t) ? t : ce(t);
 }
 function St(a, t, e) {
   var i;
@@ -4569,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,
@@ -4581,8 +4588,8 @@ function he(a) {
 }
 function Z(a) {
   const t = he(a);
-  if (!N(t))
-    return V(1);
+  if (!F(t))
+    return z(1);
   const e = t.getBoundingClientRect(), {
     width: i,
     height: s,
@@ -4594,7 +4601,7 @@ function Z(a) {
     y: n
   };
 }
-const Ai = /* @__PURE__ */ V(0);
+const Ai = /* @__PURE__ */ z(0);
 function de(a) {
   const t = H(a);
   return !Xt() || !t.visualViewport ? Ai : {
@@ -4608,9 +4615,9 @@ function Mi(a, t, e) {
 function ot(a, t, e, i) {
   t === void 0 && (t = !1), e === void 0 && (e = !1);
   const s = a.getBoundingClientRect(), o = he(a);
-  let r = V(1);
+  let r = z(1);
   t && (i ? X(i) && (r = Z(i)) : r = Z(a));
-  const n = Mi(o, e, i) ? de(o) : V(0);
+  const n = Mi(o, e, i) ? de(o) : z(0);
   let l = (s.left + n.x) / r.x, h = (s.top + n.y) / r.y, f = s.width / r.x, d = s.height / r.y;
   if (o) {
     const x = H(o), u = i && X(i) ? H(i) : i;
@@ -4640,9 +4647,9 @@ function Hi(a) {
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, h = V(1);
-  const f = V(0), d = N(i);
-  if ((d || !d && !o) && ((tt(i) !== "body" || lt(r)) && (l = pt(i)), N(i))) {
+  }, h = z(1);
+  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;
   }
@@ -4686,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) : V(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,
@@ -4702,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 = {
@@ -4714,19 +4721,19 @@ function qt(a, t, e) {
   return ut(i);
 }
 function fe(a, t) {
-  const e = z(a);
+  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;
   let i = St(a, [], !1).filter((n) => X(n) && tt(n) !== "body"), s = null;
   const o = k(a).position === "fixed";
-  let r = o ? z(a) : a;
+  let r = o ? V(a) : a;
   for (; X(r) && !Q(r); ) {
     const n = k(r), l = Dt(r);
-    !l && n.position === "fixed" && (s = null), (o ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(r) && !l && fe(a, r)) ? i = i.filter((f) => f !== r) : s = n, r = z(r);
+    !l && n.position === "fixed" && (s = null), (o ? !l && !s : !l && n.position === "static" && !!s && ["absolute", "fixed"].includes(s.position) || lt(r) && !l && fe(a, r)) ? i = i.filter((f) => f !== r) : s = n, r = V(r);
   }
   return t.set(a, i), i;
 }
@@ -4737,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));
@@ -4759,12 +4766,12 @@ 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
   };
-  const l = V(0);
+  const l = z(0);
   if (i || !i && !o)
     if ((tt(t) !== "body" || lt(s)) && (n = pt(t)), i) {
       const u = ot(t, !0, o, t);
@@ -4788,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);
@@ -4799,12 +4806,12 @@ function xe(a, t) {
   const e = H(a);
   if (wt(a))
     return e;
-  if (!N(a)) {
-    let s = z(a);
+  if (!F(a)) {
+    let s = V(a);
     for (; s && !Q(s); ) {
       if (X(s) && !mt(s))
         return s;
-      s = z(s);
+      s = V(s);
     }
     return e;
   }
@@ -4828,7 +4835,7 @@ const Wi = async function(a) {
 function Pi(a) {
   return k(a).direction === "rtl";
 }
-const Vi = {
+const zi = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
   getDocumentElement: K,
   getClippingRect: Yi,
@@ -4839,9 +4846,9 @@ const Vi = {
   getScale: Z,
   isElement: X,
   isRTL: Pi
-}, ue = Oi, ge = Si, we = Ii, zi = Ri, pe = (a, t, e) => {
+}, ue = Oi, ge = Si, we = Ii, Vi = Ri, pe = (a, t, e) => {
   const i = /* @__PURE__ */ new Map(), s = {
-    platform: Vi,
+    platform: zi,
     ...e
   }, o = {
     ...s.platform,
@@ -4922,7 +4929,7 @@ let $i = class {
       }
     }, this.floatingEl, {
       placement: t.overflowTooltipPlacement,
-      middleware: [ge(), we(), ue(6), zi({ element: this.arrowEl })]
+      middleware: [ge(), we(), ue(6), Vi({ element: this.arrowEl })]
     }).then((n) => {
       const { x: l, y: h, placement: f, middlewareData: d } = n;
       if (Object.assign(this.floatingEl.style, {
@@ -5145,7 +5152,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();
@@ -5191,8 +5219,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`
@@ -5202,10 +5230,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
@@ -5213,10 +5241,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