@soft-stech/bootsman-ui-shadcn 2.0.23 → 2.0.25

package/dist/index.js

@@ -129,7 +129,7 @@ import { _ as ba } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-DtZ
 import { _ as Aa } from "./BuiAlertDescription.vue_vue_type_script_setup_true_lang-CGkBGnhJ.js";
 import { _ as Pa } from "./BuiAvatarImage.vue_vue_type_script_setup_true_lang-CzKZeFgo.js";
 import { _ as wa } from "./BuiAvatarFallback.vue_vue_type_script_setup_true_lang-jxz_saON.js";
-import { _ as Va } from "./BuiTable.vue_vue_type_script_setup_true_lang-BQRl7YR1.js";
+import { _ as Va } from "./BuiTable.vue_vue_type_script_setup_true_lang-CHEsIAc7.js";
 import { _ as La } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CZvFJVkb.js";
 import { _ as Ra } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BzFROkZg.js";
 import { _ as ka } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-DA2KX8Pg.js";

package/dist/lib/useResizeColumns.d.ts

@@ -5,7 +5,6 @@ export declare function useResizeColumns(): {
             initialWidth: number;
             minWidth: number;
             baseWidth: number;
-            isLast: boolean;
         };
     } | undefined, {
         [key: string]: {
@@ -13,7 +12,6 @@ export declare function useResizeColumns(): {
             initialWidth: number;
             minWidth: number;
             baseWidth: number;
-            isLast: boolean;
         };
     } | undefined>;
     tableElement: import('vue').Ref<({
@@ -3947,6 +3945,8 @@ export declare function useResizeColumns(): {
     resetCells: () => void;
     setInitialColumnWidths: () => void;
     setProvidedCellWidths: (columnSizing: Record<string, number> | undefined) => void;
+    setColumnWidthsOnColumnVisibilityChange: () => void;
+    setColumnWidthsOnWindowResize: () => void;
     isMouseDownOnHandler: import('vue').Ref<boolean, boolean>;
     isMouseUpOnHandler: import('vue').Ref<boolean, boolean>;
 };

package/dist/lib/useResizeColumns.js

@@ -1,119 +1,192 @@
-import { ref as o, computed as H } from "vue";
+import { ref as c, computed as S } from "vue";
 import "vee-validate";
-import { useEventListener as N } from "@vueuse/core";
-const R = 90, j = 56, X = 10;
-function V() {
-  const p = o(!1), W = o(""), C = o(""), t = o(void 0), n = o(void 0), d = o(null), l = o(null), M = o(0), h = o(0), m = o(void 0), w = (e) => {
-    d.value && d.value.headRef && [...d.value.headRef.querySelectorAll("th")].forEach((u) => {
-      const s = r(u);
-      u.style.width = e && e[s] && e[s] !== 0 ? e[s] + "px" : "";
+import { useEventListener as $ } from "@vueuse/core";
+const p = 90, k = 56, A = 10, C = "table";
+function Q() {
+  const y = c(!1), R = c(""), l = c(void 0), n = c(void 0), W = c(null), i = c(null), O = c(0), f = c(0), m = c(void 0), _ = c(!1), T = c(!1), z = (e) => {
+    if (!W.value?.headRef || !e) return;
+    [...W.value.headRef.querySelectorAll("th")].forEach((u) => {
+      const a = r(u), h = e[a];
+      u.style.width = h && h !== 0 ? e[a] + "px" : "";
     });
-  }, E = () => {
-    if (d.value && d.value.headRef && l.value && l.value?.tableRef) {
-      const e = [...d.value.headRef.querySelectorAll("th")];
-      n.value && n.value.table === 0 && (n.value = {}, l.value.tableRef.style.width = "");
-      const a = x();
-      l.value.tableRef.style.width = "min-content";
-      const u = e.reduce((s, i, f, c) => {
-        const b = r(i);
-        return {
-          ...s,
-          [b]: {
-            cell: i,
-            isLast: f === c.length - 1,
-            initialWidth: Math.floor(i.offsetWidth),
-            baseWidth: Math.floor(i.offsetWidth),
-            minWidth: b === "actions" ? X : i.offsetWidth < R ? R : i.offsetWidth
-          }
-        };
-      }, {});
-      return l.value.tableRef.style.width = "", Object.values(u).forEach((s) => {
-        s.baseWidth = Math.floor(s.cell.offsetWidth);
-      }), w(n.value), l.value.tableRef.style.width = (n.value?.table || a) + "px", Object.values(u).forEach((s) => {
-        s.initialWidth = Math.floor(s.cell.offsetWidth);
-      }), u;
+  }, D = () => {
+    const e = i.value?.tableRef, t = W.value?.headRef;
+    if (!t || !e) return;
+    const u = [...t.querySelectorAll("th")];
+    n.value?.[C] === 0 && (n.value = {}, e.style.width = "");
+    const a = M();
+    e.style.width = "min-content";
+    const h = u.reduce((v, s) => {
+      s.style.width = "";
+      const o = r(s), b = Math.floor(s.offsetWidth), w = o === "actions" ? A : s.offsetWidth < p ? p : s.offsetWidth;
+      return {
+        ...v,
+        [o]: {
+          cell: s,
+          initialWidth: b,
+          baseWidth: b,
+          minWidth: w
+        }
+      };
+    }, {});
+    return e.style.width = "", Object.values(h).forEach((v) => {
+      v.baseWidth = Math.floor(v.cell.offsetWidth);
+    }), z(n.value), e.style.width = (n.value?.[C] || a) + "px", Object.values(h).forEach((v) => {
+      v.initialWidth = Math.floor(v.cell.offsetWidth);
+    }), h;
+  }, H = (e, t) => {
+    t && (y.value = !0, R.value = e, m.value = $(document, "mousemove", X));
+  }, q = (e) => {
+    const t = e.target;
+    T.value = t.className?.includes?.("resize-handler") || !1, y.value && (V(), N());
+  }, V = () => {
+    y.value = !1, R.value = "", m.value && (m.value(), m.value = void 0);
+  }, N = () => {
+    if (!l.value || !i.value?.tableRef) return;
+    const e = {};
+    for (const t in l.value) {
+      const u = l.value[t], a = u.cell.hasAttribute("can-resize") ? Math.floor(u.cell.offsetWidth) <= u.minWidth ? u.minWidth : u.cell.offsetWidth : u.initialWidth;
+      u.cell.style.width = a + "px", e[t] = a;
     }
-  }, L = o(!1), y = o(!1), T = (e, a) => {
-    if (a && (p.value = !0, W.value = e, t.value)) {
-      const u = t.value[e].cell;
-      let s = u.nextElementSibling;
-      s || (s = u.previousElementSibling), C.value = s ? s.id.split("_")[0] : "", m.value = N(document, "mousemove", _);
-    }
-  }, z = (e) => {
-    const a = e.target;
-    if (y.value = a.className.includes && a.className.includes("resize-handler"), !!p.value && (p.value = !1, W.value = "", C.value = "", m.value && m.value(), t.value)) {
-      const u = {};
-      for (const s in t.value) {
-        const i = t.value[s], f = i.cell.hasAttribute("can-resize") ? Math.floor(i.cell.offsetWidth) <= i.minWidth ? i.minWidth : i.cell.offsetWidth : i.initialWidth;
-        i.cell.style.width = f + "px", u[s] = f;
-      }
-      l.value && l.value?.tableRef && (u.table = l.value.tableRef.offsetWidth), n.value = u;
-    }
-  }, I = (e) => r(e) === "actions" ? j : 0, v = H(() => {
-    if (t.value)
-      return Object.values(t.value).find((e) => e.isLast);
-  }), r = (e) => e.id.split("_")[0], A = (e, a) => {
-    if (!e || !l.value?.tableRef || !v.value) {
-      W.value = "", C.value = "";
+    e[C] = i.value.tableRef.offsetWidth, n.value = e;
+  }, j = (e) => e === "actions" ? k : 0, d = S(() => {
+    if (!l.value || !W.value?.headRef) return;
+    const e = [...W.value.headRef.querySelectorAll("th")];
+    if (e.length === 0) return;
+    const t = e[e.length - 1];
+    return l.value[r(t)];
+  }), x = S(() => {
+    if (!l.value || !W.value?.headRef) return;
+    const e = [...W.value.headRef.querySelectorAll("th")];
+    if (e.length < 2) return;
+    const t = e[e.length - 2];
+    return l.value[r(t)];
+  }), r = (e) => e.id.split("_")[0], B = (e, t) => {
+    if (!e || !i.value?.tableRef || !d.value) {
+      R.value = "";
       return;
     }
-    const u = a.movementX, s = u < 0 ? "left" : "right", i = Math.floor(parseInt(e.style.width)) + u, f = Math.floor(parseInt(l.value?.tableRef?.style.width)) + u, c = Math.floor(parseInt(v.value.cell.style.width)) - u;
-    if (s === "left") {
-      const b = t.value && t.value[r(e)] ? t.value[r(e)].minWidth : R;
-      if (i >= b)
-        e.style.width = i + "px", f >= h.value ? l.value.tableRef.style.width = f + "px" : (l.value.tableRef.style.width = h.value + "px", v.value.cell.style.width = c + "px");
+    const u = t.movementX, a = u < 0 ? "left" : "right", h = Math.floor(parseInt(e.style.width)) + u, v = Math.floor(parseInt(i.value.tableRef.style.width)) + u, s = Math.floor(parseInt(d.value.cell.style.width)) - u;
+    if (a === "left") {
+      const o = l.value && l.value[r(e)] ? l.value[r(e)].minWidth : p;
+      if (h >= o)
+        e.style.width = h + "px", v >= f.value ? i.value.tableRef.style.width = v + "px" : (i.value.tableRef.style.width = f.value + "px", d.value.cell.style.width = s + "px");
       else
         return;
     } else {
-      const b = t.value && t.value[r(v.value.cell)] ? t.value[r(v.value.cell)].minWidth + I(v.value.cell) : R;
-      c >= b && l.value.tableRef.offsetWidth <= h.value ? v.value.cell.style.width = c + "px" : l.value.tableRef.style.width = f + "px", e.style.width = i + "px";
+      const o = r(d.value.cell), b = l.value && l.value[o] ? l.value[o].minWidth + j(o) : p;
+      s >= b && i.value.tableRef.offsetWidth <= f.value ? d.value.cell.style.width = s + "px" : i.value.tableRef.style.width = v + "px", e.style.width = h + "px";
     }
-  }, _ = (e) => {
-    if (e.preventDefault(), t.value) {
-      const a = t.value[W.value]?.cell;
-      A(a, e);
+  }, X = (e) => {
+    if (e.preventDefault(), !l.value) return;
+    const t = l.value[R.value]?.cell;
+    B(t, e);
+  }, L = () => {
+    !l.value || !i.value?.tableRef || (i.value.tableRef.style.width = "", n.value = {}, E());
+  }, P = (e) => {
+    if (!l.value || !n.value || !d.value || !i.value?.tableRef)
+      return;
+    const t = { ...n.value }, a = l.value[e].baseWidth, h = n.value[e], v = a - h;
+    let s = n.value[C] + v, o = r(d.value.cell);
+    if (s < f.value) {
+      const b = f.value - s;
+      let w;
+      if (e === o) {
+        if (!x.value) {
+          L();
+          return;
+        }
+        o = r(x.value.cell), w = n.value[o] + b, x.value.cell.style.width = w + "px";
+      } else
+        w = n.value[r(d.value.cell)] + b, d.value.cell.style.width = w + "px";
+      s = f.value, t[o] = w;
     }
-  }, O = () => {
-    t.value && l.value && l.value?.tableRef && (l.value.tableRef.style.width = "", n.value = {}, g());
-  }, S = (e) => {
-    if (t.value && n.value && v.value && l.value && l.value?.tableRef) {
-      const a = t.value[e].baseWidth, u = n.value[e], s = a - u;
-      let i = n.value.table + s;
-      if (i < h.value) {
-        const f = h.value - i, c = n.value[r(v.value.cell)] + f;
-        v.value.cell.style.width = c + "px", i = h.value;
-      }
-      t.value[e].cell.style.width = a + "px", l.value.tableRef.style.width = i + "px", n.value[e] = a, n.value.table = i;
+    l.value[e].cell.style.width = a + "px", i.value.tableRef.style.width = s + "px", t[e] = a, t[C] = s, n.value = t;
+  }, g = () => i.value?.scrollAreaElementRef?.tableWrapperRef?.$el.offsetWidth - 3 || 0, M = () => i.value?.tableRef?.offsetWidth || 0, E = () => {
+    if (l.value = D(), !l.value) return;
+    const e = {};
+    for (const t in l.value)
+      l.value[t].cell.style.width || (l.value[t].cell.style.width = l.value[t].initialWidth + "px"), l.value[t].cell.style.minWidth = l.value[t].minWidth + "px", e[t] = l.value[t].cell.offsetWidth;
+    if (i.value?.tableRef) {
+      const t = M(), u = g();
+      f.value = u, i.value.tableRef.setAttribute("initialResize", "set"), n.value?.[C] && !i.value.tableRef.style.width ? i.value.tableRef.style.width = n.value[C] + "px" : t < f.value ? I() : (O.value = t, i.value.tableRef.style.width = t + "px", e[C] = t);
     }
-  }, D = () => l.value && l.value.scrollAreaElementRef?.tableWrapperRef ? l.value.scrollAreaElementRef?.tableWrapperRef.$el.offsetWidth - 3 : 0, x = () => l.value && l.value?.tableRef ? l.value.tableRef.offsetWidth : 0, g = () => {
-    if (t.value = E(), t.value) {
-      const e = {};
-      for (const a in t.value)
-        t.value[a].cell.style.width || (t.value[a].cell.style.width = t.value[a].initialWidth + "px"), t.value[a].cell.style.minWidth = t.value[a].minWidth + "px", e[a] = t.value[a].cell.offsetWidth;
-      if (l.value && l.value?.tableRef) {
-        const a = x();
-        n.value?.table && !l.value.tableRef.style.width ? l.value.tableRef.style.width = n.value.table + "px" : (M.value = a, l.value.tableRef.style.width = a + "px", l.value.tableRef.setAttribute("initialResize", "set"), e.table = a);
+    n.value = e;
+  }, U = () => {
+    if (!W.value?.headRef || !l.value) return;
+    const e = [...W.value.headRef.querySelectorAll("th")], t = {};
+    e.forEach((a, h, v) => {
+      const s = r(a);
+      if (l.value)
+        if (l.value[s])
+          l.value[s].cell = a;
+        else {
+          const o = s === "actions" ? A : a.offsetWidth < p ? p : a.offsetWidth;
+          l.value[s] = {
+            cell: a,
+            baseWidth: a.offsetWidth,
+            minWidth: o,
+            initialWidth: a.offsetWidth
+          };
+        }
+      if (h < v.length - 1) {
+        const o = n.value?.[s];
+        if (o)
+          a.style.width = o + "px", t[s] = o;
+        else {
+          a.style.width = "";
+          const b = l.value?.[s]?.baseWidth || a.offsetWidth, w = l.value?.[s]?.minWidth || p;
+          a.style.width = b + "px", a.style.minWidth = w + "px", t[s] = b;
+        }
+      } else {
+        const o = l.value?.[s]?.baseWidth || a.offsetWidth;
+        t[s] = o;
       }
-      h.value = D(), n.value = e;
+    });
+    const u = Object.values(t).reduce(
+      (a, h) => a += h,
+      0
+    );
+    if (i.value?.tableRef) {
+      f.value = g();
+      const a = Math.max(u, f.value);
+      i.value.tableRef.style.width = a + "px", t[C] = a;
+    }
+    if (d.value) {
+      d.value.cell.style.width = "";
+      const a = Math.floor(d.value.cell.offsetWidth);
+      t[r(d.value.cell)] = a, d.value.cell.style.width = a + "px";
     }
+    n.value = t;
+  }, F = () => {
+    const e = M();
+    f.value = g(), e < f.value && I();
+  }, I = () => {
+    if (!d.value || !n.value || !i.value?.tableRef) return;
+    const e = r(d.value.cell);
+    n.value[C] = f.value, i.value.tableRef.style.width = f.value + "px", d.value.cell.style.width = "";
+    const t = Math.floor(d.value.cell.offsetWidth);
+    n.value[e] = t, d.value.cell.style.width = t + "px";
   };
   return {
-    cells: t,
-    tableElement: l,
-    tableHeaderElement: d,
+    cells: l,
+    tableElement: i,
+    tableHeaderElement: W,
     calculatedColumnSizing: n,
-    isResizing: p,
-    resizingCellId: W,
-    handleResizeControlMouseDown: T,
-    handleResizeControlMouseUp: z,
-    resetCell: S,
-    resetCells: O,
-    setInitialColumnWidths: g,
-    setProvidedCellWidths: w,
-    isMouseDownOnHandler: L,
-    isMouseUpOnHandler: y
+    isResizing: y,
+    resizingCellId: R,
+    handleResizeControlMouseDown: H,
+    handleResizeControlMouseUp: q,
+    resetCell: P,
+    resetCells: L,
+    setInitialColumnWidths: E,
+    setProvidedCellWidths: z,
+    setColumnWidthsOnColumnVisibilityChange: U,
+    setColumnWidthsOnWindowResize: F,
+    isMouseDownOnHandler: _,
+    isMouseUpOnHandler: T
   };
 }
 export {
-  V as useResizeColumns
+  Q as useResizeColumns
 };