@soft-stech/bootsman-ui-shadcn 1.4.14 → 1.4.16

package/dist/components/ui/table/index.js

@@ -1,84 +1,85 @@
-import { _ as j } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-CKRiQHpD.js";
-import { _ as A } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-DblqmDim.js";
-import { _ as M } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-CYBx0oJL.js";
-import { _ as H } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-uE4Py8ky.js";
-import { _ as O } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BcnB4-3x.js";
-import { _ as k } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
-import { defineComponent as E, openBlock as n, createElementBlock as s, Fragment as d, createVNode as m, unref as a, normalizeClass as G, withCtx as l, renderSlot as c, renderList as S, createBlock as p, normalizeStyle as x, resolveDynamicComponent as K, createCommentVNode as v, mergeModels as Y, useModel as B, computed as _, watchEffect as q, createElementVNode as f, createTextVNode as $, toDisplayString as P } from "vue";
-import { _ as Re } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
-import { _ as J } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
-import { _ as Ie } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
-import { _ as Q } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
-import { _ as W } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
+import { _ as A } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-CKRiQHpD.js";
+import { _ as O } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-DblqmDim.js";
+import { _ as T } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-CYBx0oJL.js";
+import { _ as j } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-uE4Py8ky.js";
+import { _ as H } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BcnB4-3x.js";
+import { _ as R } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
+import { defineComponent as x, computed as v, openBlock as o, createElementBlock as u, Fragment as d, createBlock as m, unref as a, normalizeClass as G, withCtx as l, renderSlot as c, renderList as y, normalizeStyle as F, createVNode as p, createCommentVNode as S, resolveDynamicComponent as K, mergeModels as W, useModel as k, watchEffect as Y, createElementVNode as b, createTextVNode as _, toDisplayString as I } from "vue";
+import { _ as Pe } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
+import { _ as q } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
+import { _ as Me } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
+import { _ as J } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
+import { _ as Q } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
 import { _ as X } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
 import { _ as Z } from "../../../variables-Dw5mPbg_.js";
 import "vee-validate";
-import { v as I } from "../../../utils-CwP7Up6y.js";
-import { FlexRender as F, useVueTable as ee, getCoreRowModel as oe, getPaginationRowModel as te, getSortedRowModel as ne } from "@tanstack/vue-table";
-const N = /* @__PURE__ */ E({
+import { v as M } from "../../../utils-CwP7Up6y.js";
+import { FlexRender as L, useVueTable as ee, getCoreRowModel as te, getPaginationRowModel as oe, getSortedRowModel as ne } from "@tanstack/vue-table";
+const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
   __name: "BuiTableRowSubrow",
   props: {
     row: {},
     renderSubComponent: { type: Function },
     columns: {}
   },
-  setup(b) {
-    const o = b;
-    return (i, w) => (n(), s(d, null, [
-      m(a(k), {
-        "data-row-state": i.row.getIsSelected() ? "selected" : void 0,
-        class: G(o.renderSubComponent?.(i.row) ? "border-b-0" : "")
+  setup(f) {
+    const t = f, C = v(() => t.row.original.name.includes(ae));
+    return (r, $) => (o(), u(d, null, [
+      C.value ? S("", !0) : (o(), m(a(R), {
+        key: 0,
+        "data-row-state": r.row.getIsSelected() ? "selected" : void 0,
+        class: G(t.renderSubComponent?.(r.row) ? "border-b-0" : "")
       }, {
         actions: l(() => [
-          c(i.$slots, "actions")
+          c(r.$slots, "actions")
         ]),
         default: l(() => [
-          (n(!0), s(d, null, S(i.row.getVisibleCells(), (y) => (n(), p(a(M), {
-            key: y.id,
-            style: x({ ...a(L)(y.column) })
+          (o(!0), u(d, null, y(r.row.getVisibleCells(), (w) => (o(), m(a(T), {
+            key: w.id,
+            style: F({ ...a(U)(w.column) })
           }, {
             default: l(() => [
-              m(a(F), {
-                render: y.column.columnDef.cell,
-                props: y.getContext()
+              p(a(L), {
+                render: w.column.columnDef.cell,
+                props: w.getContext()
               }, null, 8, ["render", "props"])
             ]),
             _: 2
           }, 1032, ["style"]))), 128))
         ]),
         _: 3
-      }, 8, ["data-row-state", "class"]),
-      o.renderSubComponent?.(i.row) ? (n(), p(a(k), {
-        key: 0,
-        "data-row-state": i.row.getIsSelected() ? "selected" : void 0
+      }, 8, ["data-row-state", "class"])),
+      t.renderSubComponent?.(r.row) ? (o(), m(a(R), {
+        key: 1,
+        "data-row-state": r.row.getIsSelected() ? "selected" : void 0
       }, {
         actions: l(() => [
-          c(i.$slots, "actions")
+          c(r.$slots, "actions")
         ]),
         default: l(() => [
-          m(a(M), {
-            colspan: i.columns.length,
+          p(a(T), {
+            colspan: r.columns.length,
             class: "pt-0"
           }, {
             default: l(() => [
-              (n(), p(K(o.renderSubComponent?.(i.row)?.())))
+              (o(), m(K(t.renderSubComponent?.(r.row)?.())))
             ]),
             _: 1
           }, 8, ["colspan"])
         ]),
         _: 3
-      }, 8, ["data-row-state"])) : v("", !0)
+      }, 8, ["data-row-state"])) : S("", !0)
     ], 64));
   }
-}), ae = {
+}), le = {
   key: 0,
   class: "w-full py-3"
-}, le = { class: "mt-1 flex w-full items-center justify-between" }, re = { class: "relative -mb-[5px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, se = {
+}, re = { class: "mt-1 flex w-full items-center justify-between" }, se = { class: "relative -mb-[5px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, ue = {
   key: 1,
   class: "flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-base text-muted-foreground"
-}, D = "#UNDEFINED#", _e = /* @__PURE__ */ E({
+}, D = "#UNDEFINED#", _e = /* @__PURE__ */ x({
   __name: "BuiDataTable",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ W({
     columns: {},
     data: {},
     pageSize: { default: 10 },
@@ -101,99 +102,99 @@ const N = /* @__PURE__ */ E({
     columnVisibilityModifiers: {}
   }),
   emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility"],
-  setup(b) {
-    const o = b, i = B(b, "sorting"), w = B(b, "pagination"), y = B(b, "selection"), U = B(b, "columnVisibility"), T = _(
-      () => o.manualPagination ? o.totalItems : o.data.length
+  setup(f) {
+    const t = f, C = k(f, "sorting"), r = k(f, "pagination"), $ = k(f, "selection"), w = k(f, "columnVisibility"), V = v(
+      () => t.manualPagination ? t.totalItems : t.data.length
     ), g = ee({
       initialState: {
         // TODO: column freeze
         //columnPinning: { left: ['id'] },
-        pagination: { pageSize: o.pageSize }
+        pagination: { pageSize: t.pageSize }
       },
       get data() {
-        return o.data;
+        return t.data;
       },
       get columns() {
-        return o.columns;
+        return t.columns;
       },
-      getCoreRowModel: oe(),
-      getPaginationRowModel: te(),
+      getCoreRowModel: te(),
+      getPaginationRowModel: oe(),
       getSortedRowModel: ne(),
       onSortingChange: (e) => {
-        I(e, i);
+        M(e, C);
       },
       onPaginationChange: (e) => {
-        I(e, w);
+        M(e, r);
       },
       onRowSelectionChange: (e) => {
-        I(e, y);
+        M(e, $);
       },
       autoResetPageIndex: !1,
-      manualPagination: o.manualPagination,
+      manualPagination: t.manualPagination,
       // set to false to enable client-side pagination
-      manualSorting: o.manualSorting,
+      manualSorting: t.manualSorting,
       state: {
         get sorting() {
-          return i.value;
+          return C.value;
         },
         get pagination() {
-          return w.value;
+          return r.value;
         },
         get rowSelection() {
-          return y.value;
+          return $.value;
         },
         get columnVisibility() {
-          return U.value;
+          return w.value;
         }
       },
-      getRowId: o.getRowId
-    }), V = _({
+      getRowId: t.getRowId
+    }), z = v({
       get() {
         return g.getState().pagination.pageSize;
       },
       set(e) {
-        w.value && (w.value.pageSize = e, g.setPageSize(e), g.setPageIndex(0));
+        r.value && (r.value.pageSize = e, g.setPageSize(e), g.setPageIndex(0));
       }
-    }), C = _({
+    }), B = v({
       get() {
         return g.getState().pagination.pageIndex + 1;
       },
       set(e) {
-        w.value && (w.value.pageIndex = e - 1, g.setPageIndex(e - 1));
+        r.value && (r.value.pageIndex = e - 1, g.setPageIndex(e - 1));
       }
     });
-    q(() => {
+    Y(() => {
       const e = g.getPageCount();
-      e && e < C.value && (C.value = e);
+      e && e < B.value && (B.value = e);
     });
-    const z = _(() => o.groupBy ? g.getRowModel().rows.reduce((e, t) => {
-      const r = t.getValue(o.groupBy) ?? D;
-      return e[r] = e[r] || [], e[r].push(t), e;
+    const h = v(() => t.groupBy ? g.getRowModel().rows.reduce((e, n) => {
+      const s = n.getValue(t.groupBy) ?? D;
+      return e[s] = e[s] || [], e[s].push(n), e;
     }, /* @__PURE__ */ Object.create(null)) : null);
-    function h(e) {
-      return (o.groupBy && o.groupLabels ? o.groupLabels[o.groupBy] || [] : [])[e];
+    function N(e) {
+      return (t.groupBy && t.groupLabels ? t.groupLabels[t.groupBy] || [] : [])[e];
     }
-    return (e, t) => (n(), s(d, null, [
-      e.$slots.caption ? (n(), s("div", ae, [
+    return (e, n) => (o(), u(d, null, [
+      e.$slots.caption ? (o(), u("div", le, [
         c(e.$slots, "caption", { table: a(g) })
-      ])) : v("", !0),
-      m(a(j), null, {
+      ])) : S("", !0),
+      p(a(A), null, {
         default: l(() => [
-          m(a(O), null, {
+          p(a(H), null, {
             default: l(() => [
-              (n(!0), s(d, null, S(a(g).getHeaderGroups(), (u) => (n(), p(a(k), {
-                key: u.id
+              (o(!0), u(d, null, y(a(g).getHeaderGroups(), (i) => (o(), m(a(R), {
+                key: i.id
               }, {
                 default: l(() => [
-                  (n(!0), s(d, null, S(u.headers, (r) => (n(), p(a(H), {
-                    key: r.id,
-                    style: x({ ...a(L)(r.column) })
+                  (o(!0), u(d, null, y(i.headers, (s) => (o(), m(a(j), {
+                    key: s.id,
+                    style: F({ ...a(U)(s.column) })
                   }, {
                     default: l(() => [
-                      r.isPlaceholder ? v("", !0) : (n(), p(a(F), {
+                      s.isPlaceholder ? S("", !0) : (o(), m(a(L), {
                         key: 0,
-                        render: r.column.columnDef.header,
-                        props: r.getContext()
+                        render: s.column.columnDef.header,
+                        props: s.getContext()
                       }, null, 8, ["render", "props"]))
                     ]),
                     _: 2
@@ -204,52 +205,52 @@ const N = /* @__PURE__ */ E({
             ]),
             _: 1
           }),
-          m(a(A), null, {
+          p(a(O), null, {
             default: l(() => [
-              a(g).getRowModel().rows?.length ? (n(), s(d, { key: 0 }, [
-                o.groupBy && z.value ? (n(!0), s(d, { key: 0 }, S(z.value, (u, r) => (n(), p(a(Q), {
+              a(g).getRowModel().rows?.length ? (o(), u(d, { key: 0 }, [
+                t.groupBy && h.value ? (o(!0), u(d, { key: 0 }, y(h.value, (i, s) => (o(), m(a(J), {
                   asChild: "",
-                  key: r,
+                  key: s,
                   open: !0
                 }, {
                   default: l(() => [
-                    m(a(W), { asChild: "" }, {
+                    p(a(Q), { asChild: "" }, {
                       default: l(() => [
-                        m(a(k), { class: "bg-foreground/[0.04]" }, {
+                        p(a(R), { class: "bg-foreground/[0.04]" }, {
                           actions: l(() => [
-                            c(e.$slots, "groupActions", { group: r })
+                            c(e.$slots, "groupActions", { group: s })
                           ]),
                           default: l(() => [
-                            m(a(M), {
+                            p(a(T), {
                               colspan: e.columns.length,
                               class: "!pb-0"
                             }, {
                               default: l(() => [
-                                f("div", le, [
-                                  f("div", re, [
-                                    t[2] || (t[2] = f("div", { class: "absolute -left-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
-                                    t[3] || (t[3] = f("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
-                                    t[4] || (t[4] = f("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
-                                    t[5] || (t[5] = f("div", { class: "absolute -right-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
-                                    t[6] || (t[6] = f("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
-                                    t[7] || (t[7] = f("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
-                                    t[8] || (t[8] = f("div", null, null, -1)),
-                                    r === D ? (n(), s(d, { key: 0 }, [
-                                      $(P(h(1)), 1)
-                                    ], 64)) : (n(), s(d, { key: 1 }, [
-                                      $(P(h(0)) + ": ", 1),
+                                b("div", re, [
+                                  b("div", se, [
+                                    n[2] || (n[2] = b("div", { class: "absolute -left-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
+                                    n[3] || (n[3] = b("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
+                                    n[4] || (n[4] = b("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
+                                    n[5] || (n[5] = b("div", { class: "absolute -right-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
+                                    n[6] || (n[6] = b("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
+                                    n[7] || (n[7] = b("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
+                                    n[8] || (n[8] = b("div", null, null, -1)),
+                                    s === D ? (o(), u(d, { key: 0 }, [
+                                      _(I(N(1)), 1)
+                                    ], 64)) : (o(), u(d, { key: 1 }, [
+                                      _(I(N(0)) + ": ", 1),
                                       e.$slots.groupName ? c(e.$slots, "groupName", {
                                         key: 0,
-                                        group: r
-                                      }) : (n(), s(d, { key: 1 }, [
-                                        $(P(r), 1)
+                                        group: s
+                                      }) : (o(), u(d, { key: 1 }, [
+                                        _(I(s), 1)
                                       ], 64))
                                     ], 64))
                                   ]),
                                   e.$slots.groupByRow ? c(e.$slots, "groupByRow", {
                                     key: 0,
-                                    group: r
-                                  }) : v("", !0)
+                                    group: s
+                                  }) : S("", !0)
                                 ])
                               ]),
                               _: 2
@@ -260,17 +261,17 @@ const N = /* @__PURE__ */ E({
                       ]),
                       _: 2
                     }, 1024),
-                    m(a(X), { asChild: "" }, {
+                    p(a(X), { asChild: "" }, {
                       default: l(() => [
-                        (n(!0), s(d, null, S(u, (R) => (n(), p(N, {
-                          key: R.id,
-                          columns: o.columns,
-                          row: R,
-                          renderSubComponent: o.renderSubComponent
+                        (o(!0), u(d, null, y(i, (P) => (o(), m(E, {
+                          key: P.id,
+                          columns: t.columns,
+                          row: P,
+                          renderSubComponent: t.renderSubComponent
                         }, {
                           actions: l(() => [
                             c(e.$slots, "rowActions", {
-                              row: R.original
+                              row: P.original
                             })
                           ]),
                           _: 2
@@ -280,26 +281,26 @@ const N = /* @__PURE__ */ E({
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (n(!0), s(d, { key: 1 }, S(a(g).getRowModel().rows, (u) => (n(), p(N, {
-                  key: u.id,
-                  columns: o.columns,
-                  row: u,
-                  renderSubComponent: o.renderSubComponent
+                }, 1024))), 128)) : (o(!0), u(d, { key: 1 }, y(a(g).getRowModel().rows, (i) => (o(), m(E, {
+                  key: i.id,
+                  columns: t.columns,
+                  row: i,
+                  renderSubComponent: t.renderSubComponent
                 }, {
                   actions: l(() => [
                     c(e.$slots, "rowActions", {
-                      row: u.original
+                      row: i.original
                     })
                   ]),
                   _: 2
                 }, 1032, ["columns", "row", "renderSubComponent"]))), 128))
-              ], 64)) : (n(), p(a(J), {
+              ], 64)) : (o(), m(a(q), {
                 key: 1,
                 colspan: e.columns.length
               }, {
                 default: l(() => [
                   c(e.$slots, "nodata", {}, () => [
-                    t[9] || (t[9] = $("No data"))
+                    n[9] || (n[9] = _("No data"))
                   ])
                 ]),
                 _: 3
@@ -310,37 +311,37 @@ const N = /* @__PURE__ */ E({
         ]),
         _: 3
       }),
-      e.showPagination && T.value > 0 ? (n(), s("div", se, [
-        m(a(Z), {
-          total: T.value,
-          pageIndex: C.value,
-          "onUpdate:pageIndex": t[0] || (t[0] = (u) => C.value = u),
-          pageSize: V.value,
-          "onUpdate:pageSize": t[1] || (t[1] = (u) => V.value = u)
+      e.showPagination && V.value > 0 ? (o(), u("div", ue, [
+        p(a(Z), {
+          total: V.value,
+          pageIndex: B.value,
+          "onUpdate:pageIndex": n[0] || (n[0] = (i) => B.value = i),
+          pageSize: z.value,
+          "onUpdate:pageSize": n[1] || (n[1] = (i) => z.value = i)
         }, null, 8, ["total", "pageIndex", "pageSize"])
-      ])) : v("", !0)
+      ])) : S("", !0)
     ], 64));
   }
 });
-function L(b) {
-  const o = b.getIsPinned();
+function U(f) {
+  const t = f.getIsPinned();
   return {
-    left: o === "left" ? "0" : void 0,
-    position: o ? "sticky" : "relative",
-    zIndex: o ? "1" : "0"
+    left: t === "left" ? "0" : void 0,
+    position: t ? "sticky" : "relative",
+    zIndex: t ? "1" : "0"
   };
 }
 export {
   _e as BuiDataTable,
-  j as BuiTable,
-  A as BuiTableBody,
-  Re as BuiTableCaption,
-  M as BuiTableCell,
-  J as BuiTableEmpty,
-  Ie as BuiTableFooter,
-  H as BuiTableHead,
-  O as BuiTableHeader,
-  k as BuiTableRow,
-  N as BuiTableRowSubrow,
-  L as getPinningStyle
+  A as BuiTable,
+  O as BuiTableBody,
+  Pe as BuiTableCaption,
+  T as BuiTableCell,
+  q as BuiTableEmpty,
+  Me as BuiTableFooter,
+  j as BuiTableHead,
+  H as BuiTableHeader,
+  R as BuiTableRow,
+  E as BuiTableRowSubrow,
+  U as getPinningStyle
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.4.14",
+  "version": "1.4.16",
   "type": "module",
   "files": [
     "dist",

package/src/components/ui/table/BuiTableRowSubrow.vue

@@ -2,16 +2,25 @@
 import { BuiTableCell, BuiTableRow } from '@/components/ui/table'
 import { FlexRender, type ColumnDef, type Row } from '@tanstack/vue-table'
 import { getPinningStyle } from './'
+import { computed } from 'vue'
 
 const props = defineProps<{
   row: Row<TData>
   renderSubComponent?: (row: Row<TData>) => (() => any) | undefined
   columns: ColumnDef<TData, TValue>[]
 }>()
+
+// иногда мы используем фейковые строки с пустыми значениями, лучше их скрыть
+const FAKE_ROW = '[!fake-empty!]'
+const isEmptyRow = computed(() => {
+  // @ts-expect-error name с таким значением это наше внутреннее соглашение. См. Боцман Дашборд, таблицу Projects/Namespaces
+  return props.row.original.name.includes(FAKE_ROW)
+})
 </script>
 
 <template>
   <BuiTableRow
+    v-if="!isEmptyRow"
     :data-row-state="row.getIsSelected() ? 'selected' : undefined"
     :class="props.renderSubComponent?.(row) ? 'border-b-0' : ''"
   >