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

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