@soft-stech/bootsman-ui-shadcn 1.1.10 → 1.1.12
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{BuiDataTable.vue_vue_type_script_setup_true_lang-sPVGmqe9.js → BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js} +235 -232
- package/dist/assets/main.css +1 -1
- package/dist/components/ui/health/BuiHealth.js +4 -0
- package/dist/components/ui/health/BuiHealth.vue.d.ts +48 -0
- package/dist/components/ui/health/index.d.ts +9 -0
- package/dist/components/ui/health/index.js +64 -0
- package/dist/components/ui/table/BuiDataTable.js +1 -1
- package/dist/components/ui/table/BuiDataTable.vue.d.ts +6 -0
- package/dist/components/ui/table/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +152 -148
- package/package.json +1 -1
- package/src/components/stories/BuiDataTable.story.vue +1 -0
- package/src/components/stories/BuiHealth.story.vue +38 -0
- package/src/components/ui/health/BuiHealth.vue +77 -0
- package/src/components/ui/health/index.ts +22 -0
- package/src/components/ui/table/BuiDataTable.vue +5 -3
- package/src/index.ts +1 -0
package/dist/index.js
CHANGED
@@ -3,7 +3,7 @@ import { _ as a } from "./BuiAccordion.vue_vue_type_script_setup_true_lang-cpLPy
|
|
3
3
|
import { _ as u } from "./BuiAccordionContent.vue_vue_type_script_setup_true_lang-Jms2S6Wy.js";
|
4
4
|
import { _ as s } from "./BuiAccordionItem.vue_vue_type_script_setup_true_lang-uDex3y6d.js";
|
5
5
|
import { _ as x } from "./BuiAccordionTrigger.vue_vue_type_script_setup_true_lang-fNnS0I3Y.js";
|
6
|
-
import { _ as
|
6
|
+
import { _ as B } from "./BuiAlertDialog.vue_vue_type_script_setup_true_lang-iDsSRvro.js";
|
7
7
|
import { _ } from "./BuiAlertDialogTrigger.vue_vue_type_script_setup_true_lang-T6J8MdP8.js";
|
8
8
|
import { _ as g } from "./BuiAlertDialogContent.vue_vue_type_script_setup_true_lang-ljw4i41w.js";
|
9
9
|
import { _ as d } from "./BuiAlertDialogHeader.vue_vue_type_script_setup_true_lang-uHMesAKY.js";
|
@@ -12,9 +12,9 @@ import { _ as b } from "./BuiAlertDialogDescription.vue_vue_type_script_setup_tr
|
|
12
12
|
import { _ as S } from "./BuiAlertDialogFooter.vue_vue_type_script_setup_true_lang-JfGjCYsb.js";
|
13
13
|
import { _ as w } from "./BuiAlertDialogAction.vue_vue_type_script_setup_true_lang-Do0qMnWh.js";
|
14
14
|
import { _ as P } from "./BuiAlertDialogCancel.vue_vue_type_script_setup_true_lang-A6gjGzS6.js";
|
15
|
-
import { BuiAlert as
|
16
|
-
import { _ as
|
17
|
-
import { BuiAvatar as
|
15
|
+
import { BuiAlert as I, alertVariants as v } from "./components/ui/alert/index.js";
|
16
|
+
import { _ as L } from "./BuiAspectRatio.vue_vue_type_script_setup_true_lang-pCB3RgPs.js";
|
17
|
+
import { BuiAvatar as G, avatarVariant as R } from "./components/ui/avatar/index.js";
|
18
18
|
import { BuiBadge as y, badgeVariants as E } from "./components/ui/badge/index.js";
|
19
19
|
import { _ as J, b as N, c as U, t as W, v as j } from "./utils-8YY6d_s1.js";
|
20
20
|
import { BuiCalendar as K, isVCalendarSlot as O } from "./components/ui/calendar/index.js";
|
@@ -26,7 +26,7 @@ import { _ as ao } from "./BuiCardContent.vue_vue_type_script_setup_true_lang-ba
|
|
26
26
|
import { _ as uo } from "./BuiCardFooter.vue_vue_type_script_setup_true_lang-rFrdyhkq.js";
|
27
27
|
import { _ as so } from "./BuiCheckbox.vue_vue_type_script_setup_true_lang-_zN0BE4E.js";
|
28
28
|
import { _ as xo } from "./BuiCommand.vue_vue_type_script_setup_true_lang--R_Vh4jm.js";
|
29
|
-
import { _ as
|
29
|
+
import { _ as Bo } from "./BuiCommandDialog.vue_vue_type_script_setup_true_lang-8_EvCSTR.js";
|
30
30
|
import { _ as _o } from "./BuiCommandEmpty.vue_vue_type_script_setup_true_lang-HPxEIb7F.js";
|
31
31
|
import { _ as go } from "./BuiCommandGroup.vue_vue_type_script_setup_true_lang-px4wWwDS.js";
|
32
32
|
import { _ as To } from "./BuiCommandInput.vue_vue_type_script_setup_true_lang-IuUkyFEY.js";
|
@@ -34,10 +34,10 @@ import { _ as Do } from "./BuiCommandItem.vue_vue_type_script_setup_true_lang-48
|
|
34
34
|
import { _ as Mo } from "./BuiCommandList.vue_vue_type_script_setup_true_lang-mbAnsN0X.js";
|
35
35
|
import { _ as Ao } from "./BuiCommandSeparator.vue_vue_type_script_setup_true_lang-2lGD8yxB.js";
|
36
36
|
import { _ as Fo } from "./BuiCommandShortcut.vue_vue_type_script_setup_true_lang-KNWJr7NM.js";
|
37
|
-
import { _ as
|
38
|
-
import { _ as
|
39
|
-
import { _ as
|
40
|
-
import { _ as
|
37
|
+
import { _ as Vo } from "./BuiContextMenu.vue_vue_type_script_setup_true_lang-4gkMb9kv.js";
|
38
|
+
import { _ as vo } from "./BuiContextMenuTrigger.vue_vue_type_script_setup_true_lang-n7hn2DhD.js";
|
39
|
+
import { _ as Lo } from "./BuiContextMenuContent.vue_vue_type_script_setup_true_lang-wkfbJbNi.js";
|
40
|
+
import { _ as Go } from "./BuiContextMenuGroup.vue_vue_type_script_setup_true_lang-kTjHl-qx.js";
|
41
41
|
import { _ as ko } from "./BuiContextMenuRadioGroup.vue_vue_type_script_setup_true_lang-47ySlMP4.js";
|
42
42
|
import { _ as Eo } from "./BuiContextMenuItem.vue_vue_type_script_setup_true_lang-TA8whrqP.js";
|
43
43
|
import { _ as Jo } from "./BuiContextMenuCheckboxItem.vue_vue_type_script_setup_true_lang-OB-FqzhL.js";
|
@@ -52,7 +52,7 @@ import { _ as tr } from "./BuiDialog.vue_vue_type_script_setup_true_lang-KfzDkLu
|
|
52
52
|
import { _ as ir } from "./BuiDialogClose.vue_vue_type_script_setup_true_lang-TpqpOps1.js";
|
53
53
|
import { _ as pr } from "./BuiDialogTrigger.vue_vue_type_script_setup_true_lang-J9w_NEiw.js";
|
54
54
|
import { _ as mr } from "./BuiDialogHeader.vue_vue_type_script_setup_true_lang-0JI-XYSq.js";
|
55
|
-
import { _ as
|
55
|
+
import { _ as nr } from "./BuiDialogTitle.vue_vue_type_script_setup_true_lang-T3OS6cHh.js";
|
56
56
|
import { _ as fr } from "./BuiDialogDescription.vue_vue_type_script_setup_true_lang-Q03n1Bao.js";
|
57
57
|
import { _ as lr } from "./BuiDialogContent.vue_vue_type_script_setup_true_lang-F3JCzoMh.js";
|
58
58
|
import { _ as Cr } from "./BuiDialogFooter.vue_vue_type_script_setup_true_lang-EirHzu8V.js";
|
@@ -60,10 +60,10 @@ import { J as Tr, W as cr, q as Dr, G as br } from "./index-xRMs4phy.js";
|
|
60
60
|
import { _ as Sr } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-VcUBhfBf.js";
|
61
61
|
import { _ as wr } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-ghH1WDkx.js";
|
62
62
|
import { _ as Pr } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-KIODBKyg.js";
|
63
|
-
import { _ as
|
64
|
-
import { _ as
|
63
|
+
import { _ as Ir } from "./BuiDropdownMenuGroup.vue_vue_type_script_setup_true_lang-s_J_rup1.js";
|
64
|
+
import { _ as hr } from "./BuiDropdownMenuRadioGroup.vue_vue_type_script_setup_true_lang-a8IxAfKN.js";
|
65
65
|
import { _ as Hr } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-jtqs2lrX.js";
|
66
|
-
import { _ as
|
66
|
+
import { _ as Rr } from "./BuiDropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang-GQnJlBOu.js";
|
67
67
|
import { _ as yr } from "./BuiDropdownMenuRadioItem.vue_vue_type_script_setup_true_lang-w0RX8J1u.js";
|
68
68
|
import { _ as qr } from "./BuiDropdownMenuShortcut.vue_vue_type_script_setup_true_lang-IHYaouTH.js";
|
69
69
|
import { _ as Nr } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_true_lang-yE8BC1A-.js";
|
@@ -76,7 +76,7 @@ import { _ as te } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-10nWe
|
|
76
76
|
import { _ as ie } from "./BuiFormLabel.vue_vue_type_script_setup_true_lang-M7eImyrX.js";
|
77
77
|
import { _ as pe } from "./BuiFormControl.vue_vue_type_script_setup_true_lang-TQ7Kt2LW.js";
|
78
78
|
import { _ as me } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-ivLC9U9L.js";
|
79
|
-
import { _ as
|
79
|
+
import { _ as ne } from "./BuiFormDescription.vue_vue_type_script_setup_true_lang-pQBDuqb7.js";
|
80
80
|
import { _ as fe } from "./BuiHoverCard.vue_vue_type_script_setup_true_lang-uc6TyQpq.js";
|
81
81
|
import { _ as le } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_lang-6uAMx3PS.js";
|
82
82
|
import { _ as Ce } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-vPw2Cl-1.js";
|
@@ -85,74 +85,75 @@ import { _ as be } from "./BuiLabel.vue_vue_type_script_setup_true_lang-dFr8xN_p
|
|
85
85
|
import { _ as Se } from "./variables-zUuWeMHA.js";
|
86
86
|
import { _ as we } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-ASbENWep.js";
|
87
87
|
import { _ as Pe } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-Odcg1LV6.js";
|
88
|
-
import { _ as
|
89
|
-
import { _ as
|
88
|
+
import { _ as Ie } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-aeDys801.js";
|
89
|
+
import { _ as he } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-R5bX1pK9.js";
|
90
90
|
import { _ as He } from "./BuiPaginationEllipsis.vue_vue_type_script_setup_true_lang-rUatK55c.js";
|
91
|
-
import { _ as
|
91
|
+
import { _ as Re } from "./BuiPopover.vue_vue_type_script_setup_true_lang-DUXQ3d43.js";
|
92
92
|
import { _ as ye } from "./BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-VgH9RT_J.js";
|
93
93
|
import { _ as qe } from "./BuiPopoverContent.vue_vue_type_script_setup_true_lang-xIJlMBZB.js";
|
94
94
|
import { BuiProgress as Ne, capVariants as Ue, progressVariants as We } from "./components/ui/progress/index.js";
|
95
|
-
import {
|
96
|
-
import { _ as
|
97
|
-
import { _ as
|
98
|
-
import { _ as
|
99
|
-
import { _ as
|
100
|
-
import { _ as
|
101
|
-
import { _ as
|
102
|
-
import { _ as
|
103
|
-
import { _ as
|
104
|
-
import { _ as
|
105
|
-
import { _ as
|
106
|
-
import { _ as
|
107
|
-
import { _ as
|
108
|
-
import { _ as
|
109
|
-
import { _ as
|
110
|
-
import { _ as
|
111
|
-
import { _ as
|
112
|
-
import { _ as
|
113
|
-
import { _ as
|
114
|
-
import { _ as
|
115
|
-
import { _ as
|
116
|
-
import { _ as
|
117
|
-
import { _ as
|
118
|
-
import {
|
119
|
-
import {
|
120
|
-
import {
|
121
|
-
import {
|
122
|
-
import { _ as
|
123
|
-
import { _ as
|
124
|
-
import { _ as
|
125
|
-
import {
|
126
|
-
import {
|
127
|
-
import { _ as
|
128
|
-
import { _ as
|
129
|
-
import { _ as
|
130
|
-
import { _ as
|
131
|
-
import { _ as
|
132
|
-
import { _ as
|
133
|
-
import {
|
134
|
-
import {
|
135
|
-
import { _ as
|
136
|
-
import { _ as
|
137
|
-
import { _ as
|
95
|
+
import { BuiHealth as ze, capHealthVariants as Ke, healthVariants as Oe } from "./components/ui/health/index.js";
|
96
|
+
import { _ as Xe } from "./BuiRadioGroup.vue_vue_type_script_setup_true_lang-39J4kRyx.js";
|
97
|
+
import { _ as Ze } from "./BuiRadioGroupItem.vue_vue_type_script_setup_true_lang-Zf-EjWXP.js";
|
98
|
+
import { _ as ot } from "./BuiSelect.vue_vue_type_script_setup_true_lang-DKcR9tz4.js";
|
99
|
+
import { _ as et } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-vVA1KRns.js";
|
100
|
+
import { _ as at } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-kS6mEvxA.js";
|
101
|
+
import { _ as ut } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-e8pQBPJS.js";
|
102
|
+
import { _ as st } from "./BuiSelectGroup.vue_vue_type_script_setup_true_lang-24Dvmipb.js";
|
103
|
+
import { _ as xt } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-g8hn_YVl.js";
|
104
|
+
import { _ as Bt } from "./BuiSelectItemText.vue_vue_type_script_setup_true_lang-hwJeoYEG.js";
|
105
|
+
import { _ as _t } from "./BuiSelectLabel.vue_vue_type_script_setup_true_lang-e1_eXjGs.js";
|
106
|
+
import { _ as gt } from "./BuiSelectSeparator.vue_vue_type_script_setup_true_lang-0dHPKm3N.js";
|
107
|
+
import { _ as dt } from "./BuiSeparator.vue_vue_type_script_setup_true_lang-VmSkWZ7O.js";
|
108
|
+
import { _ as ct } from "./BuiSwitch.vue_vue_type_script_setup_true_lang--nlvgKNr.js";
|
109
|
+
import { _ as bt } from "./BuiTable.vue_vue_type_script_setup_true_lang-ENB9QQ3r.js";
|
110
|
+
import { _ as St } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-qdfymGSF.js";
|
111
|
+
import { _ as wt } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-Sg1Ibu6z.js";
|
112
|
+
import { _ as Pt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-utRx3cQo.js";
|
113
|
+
import { _ as It } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang--cfsottv.js";
|
114
|
+
import { _ as ht } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-vvniZQgY.js";
|
115
|
+
import { _ as Ht } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang--_UXX2s4.js";
|
116
|
+
import { _ as Rt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-ESELQGvk.js";
|
117
|
+
import { _ as yt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-_rYhBLgO.js";
|
118
|
+
import { _ as qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js";
|
119
|
+
import { BuiTabsList as Nt, BuiTabsTrigger as Ut, tabsListVariants as Wt, tabsTriggerVariants as jt } from "./components/ui/tabs/index.js";
|
120
|
+
import { BuiTextarea as Kt, textareaVariants as Ot } from "./components/ui/textarea/index.js";
|
121
|
+
import { BuiToast as Xt, BuiToaster as Yt, toastVariants as Zt } from "./components/ui/toast/index.js";
|
122
|
+
import { _ as oa } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-19f6Z4gZ.js";
|
123
|
+
import { _ as ea } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-iEGvhMPV.js";
|
124
|
+
import { _ as aa } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-QqJmRsWo.js";
|
125
|
+
import { _ as ua } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-Bd_ZRuK0.js";
|
126
|
+
import { BuiToggle as sa, toggleVariants as ma } from "./components/ui/toggle/index.js";
|
127
|
+
import { _ as na } from "./BuiSlider.vue_vue_type_script_setup_true_lang-6FrtEJCh.js";
|
128
|
+
import { _ as fa } from "./Skeleton.vue_vue_type_script_setup_true_lang-MDxp6MZi.js";
|
129
|
+
import { _ as la } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-QVQppqH-.js";
|
130
|
+
import { _ as Ca } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-EIWo6vc0.js";
|
131
|
+
import { _ as Ta } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-97HiGUDj.js";
|
132
|
+
import { _ as Da } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-CYgBPvJV.js";
|
133
|
+
import { _ as Ma } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-25Bi4l4n.js";
|
134
|
+
import { default as Aa } from "./tailwind-preset.js";
|
135
|
+
import { _ as Fa } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-RoAquSoh.js";
|
136
|
+
import { _ as Va } from "./BuiAlertDescription.vue_vue_type_script_setup_true_lang-75jc_tL2.js";
|
137
|
+
import { _ as va } from "./BuiAvatarImage.vue_vue_type_script_setup_true_lang-iSPzLj61.js";
|
138
|
+
import { _ as La } from "./BuiAvatarFallback.vue_vue_type_script_setup_true_lang-IrhBcIvh.js";
|
138
139
|
import "./BuiCalendar.vue_vue_type_style_index_0_lang-QQzTcskD.js";
|
139
|
-
import { _ as
|
140
|
-
import { _ as
|
141
|
-
import { _ as
|
142
|
-
import { _ as
|
143
|
-
import { _ as
|
144
|
-
import { _ as
|
145
|
-
import { _ as
|
146
|
-
import { _ as
|
147
|
-
import { toast as
|
140
|
+
import { _ as Ga } from "./BuiTabs.vue_vue_type_script_setup_true_lang-nciXr22C.js";
|
141
|
+
import { _ as ka } from "./BuiTabsContent.vue_vue_type_script_setup_true_lang-jzELILnK.js";
|
142
|
+
import { _ as Ea } from "./BuiToastAction.vue_vue_type_script_setup_true_lang-xgNKZlPb.js";
|
143
|
+
import { _ as Ja } from "./BuiToastViewport.vue_vue_type_script_setup_true_lang-0ico8N61.js";
|
144
|
+
import { _ as Ua } from "./BuiToastClose.vue_vue_type_script_setup_true_lang-3iaqD6BF.js";
|
145
|
+
import { _ as ja } from "./BuiToastTitle.vue_vue_type_script_setup_true_lang-AJ1xJNXo.js";
|
146
|
+
import { _ as Ka } from "./BuiToastDescription.vue_vue_type_script_setup_true_lang-h2613uEu.js";
|
147
|
+
import { _ as Qa } from "./BuiToastProvider.vue_vue_type_script_setup_true_lang-zYNHBHKl.js";
|
148
|
+
import { toast as Ya, useToast as Za } from "./components/ui/toast/use-toast.js";
|
148
149
|
export {
|
149
150
|
a as BuiAccordion,
|
150
151
|
u as BuiAccordionContent,
|
151
152
|
s as BuiAccordionItem,
|
152
153
|
x as BuiAccordionTrigger,
|
153
|
-
|
154
|
-
|
155
|
-
|
154
|
+
I as BuiAlert,
|
155
|
+
Va as BuiAlertDescription,
|
156
|
+
B as BuiAlertDialog,
|
156
157
|
w as BuiAlertDialogAction,
|
157
158
|
P as BuiAlertDialogCancel,
|
158
159
|
g as BuiAlertDialogContent,
|
@@ -161,11 +162,11 @@ export {
|
|
161
162
|
d as BuiAlertDialogHeader,
|
162
163
|
c as BuiAlertDialogTitle,
|
163
164
|
_ as BuiAlertDialogTrigger,
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
165
|
+
Fa as BuiAlertTitle,
|
166
|
+
L as BuiAspectRatio,
|
167
|
+
G as BuiAvatar,
|
168
|
+
La as BuiAvatarFallback,
|
169
|
+
va as BuiAvatarImage,
|
169
170
|
y as BuiBadge,
|
170
171
|
J as BuiButton,
|
171
172
|
K as BuiCalendar,
|
@@ -176,11 +177,11 @@ export {
|
|
176
177
|
Z as BuiCardHeader,
|
177
178
|
oo as BuiCardTitle,
|
178
179
|
so as BuiCheckbox,
|
179
|
-
|
180
|
-
|
181
|
-
|
180
|
+
Ta as BuiCollapsible,
|
181
|
+
Ma as BuiCollapsibleContent,
|
182
|
+
Da as BuiCollapsibleTrigger,
|
182
183
|
xo as BuiCommand,
|
183
|
-
|
184
|
+
Bo as BuiCommandDialog,
|
184
185
|
_o as BuiCommandEmpty,
|
185
186
|
go as BuiCommandGroup,
|
186
187
|
To as BuiCommandInput,
|
@@ -188,10 +189,10 @@ export {
|
|
188
189
|
Mo as BuiCommandList,
|
189
190
|
Ao as BuiCommandSeparator,
|
190
191
|
Fo as BuiCommandShortcut,
|
191
|
-
|
192
|
+
Vo as BuiContextMenu,
|
192
193
|
Jo as BuiContextMenuCheckboxItem,
|
193
|
-
|
194
|
-
|
194
|
+
Lo as BuiContextMenuContent,
|
195
|
+
Go as BuiContextMenuGroup,
|
195
196
|
Eo as BuiContextMenuItem,
|
196
197
|
Qo as BuiContextMenuLabel,
|
197
198
|
ko as BuiContextMenuRadioGroup,
|
@@ -201,24 +202,24 @@ export {
|
|
201
202
|
Yo as BuiContextMenuSub,
|
202
203
|
rr as BuiContextMenuSubContent,
|
203
204
|
$o as BuiContextMenuSubTrigger,
|
204
|
-
|
205
|
-
|
205
|
+
vo as BuiContextMenuTrigger,
|
206
|
+
qt as BuiDataTable,
|
206
207
|
tr as BuiDialog,
|
207
208
|
ir as BuiDialogClose,
|
208
209
|
lr as BuiDialogContent,
|
209
210
|
fr as BuiDialogDescription,
|
210
211
|
Cr as BuiDialogFooter,
|
211
212
|
mr as BuiDialogHeader,
|
212
|
-
|
213
|
+
nr as BuiDialogTitle,
|
213
214
|
pr as BuiDialogTrigger,
|
214
215
|
Sr as BuiDropdownMenu,
|
215
|
-
|
216
|
+
Rr as BuiDropdownMenuCheckboxItem,
|
216
217
|
Pr as BuiDropdownMenuContent,
|
217
|
-
|
218
|
+
Ir as BuiDropdownMenuGroup,
|
218
219
|
Hr as BuiDropdownMenuItem,
|
219
220
|
Wr as BuiDropdownMenuLabel,
|
220
221
|
Tr as BuiDropdownMenuPortal,
|
221
|
-
|
222
|
+
hr as BuiDropdownMenuRadioGroup,
|
222
223
|
yr as BuiDropdownMenuRadioItem,
|
223
224
|
Nr as BuiDropdownMenuSeparator,
|
224
225
|
qr as BuiDropdownMenuShortcut,
|
@@ -228,12 +229,13 @@ export {
|
|
228
229
|
wr as BuiDropdownMenuTrigger,
|
229
230
|
Zr as BuiForm,
|
230
231
|
pe as BuiFormControl,
|
231
|
-
|
232
|
+
ne as BuiFormDescription,
|
232
233
|
$r as BuiFormField,
|
233
234
|
oe as BuiFormFieldArray,
|
234
235
|
te as BuiFormItem,
|
235
236
|
ie as BuiFormLabel,
|
236
237
|
me as BuiFormMessage,
|
238
|
+
ze as BuiHealth,
|
237
239
|
fe as BuiHoverCard,
|
238
240
|
Ce as BuiHoverCardContent,
|
239
241
|
le as BuiHoverCardTrigger,
|
@@ -246,74 +248,76 @@ export {
|
|
246
248
|
Pe as BuiPaginationLast,
|
247
249
|
Dr as BuiPaginationList,
|
248
250
|
br as BuiPaginationListItem,
|
249
|
-
|
250
|
-
|
251
|
-
|
251
|
+
Ie as BuiPaginationNext,
|
252
|
+
he as BuiPaginationPrev,
|
253
|
+
Re as BuiPopover,
|
252
254
|
qe as BuiPopoverContent,
|
253
255
|
ye as BuiPopoverTrigger,
|
254
256
|
Ne as BuiProgress,
|
255
|
-
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
257
|
+
Xe as BuiRadioGroup,
|
258
|
+
Ze as BuiRadioGroupItem,
|
259
|
+
la as BuiScrollArea,
|
260
|
+
Ca as BuiScrollBar,
|
261
|
+
ot as BuiSelect,
|
262
|
+
ut as BuiSelectContent,
|
263
|
+
st as BuiSelectGroup,
|
264
|
+
xt as BuiSelectItem,
|
265
|
+
Bt as BuiSelectItemText,
|
266
|
+
_t as BuiSelectLabel,
|
267
|
+
gt as BuiSelectSeparator,
|
268
|
+
at as BuiSelectTrigger,
|
269
|
+
et as BuiSelectValue,
|
270
|
+
dt as BuiSeparator,
|
271
|
+
na as BuiSlider,
|
272
|
+
ct as BuiSwitch,
|
273
|
+
bt as BuiTable,
|
274
|
+
St as BuiTableBody,
|
275
|
+
Ht as BuiTableCaption,
|
276
|
+
wt as BuiTableCell,
|
277
|
+
Rt as BuiTableEmpty,
|
278
|
+
yt as BuiTableFooter,
|
279
|
+
Pt as BuiTableHead,
|
280
|
+
It as BuiTableHeader,
|
281
|
+
ht as BuiTableRow,
|
282
|
+
Ga as BuiTabs,
|
283
|
+
ka as BuiTabsContent,
|
284
|
+
Nt as BuiTabsList,
|
285
|
+
Ut as BuiTabsTrigger,
|
286
|
+
Kt as BuiTextarea,
|
287
|
+
Xt as BuiToast,
|
288
|
+
Ea as BuiToastAction,
|
289
|
+
Ua as BuiToastClose,
|
290
|
+
Ka as BuiToastDescription,
|
291
|
+
Qa as BuiToastProvider,
|
292
|
+
ja as BuiToastTitle,
|
293
|
+
Ja as BuiToastViewport,
|
294
|
+
Yt as BuiToaster,
|
295
|
+
sa as BuiToggle,
|
296
|
+
oa as BuiTooltip,
|
297
|
+
ea as BuiTooltipContent,
|
298
|
+
ua as BuiTooltipProvider,
|
299
|
+
aa as BuiTooltipTrigger,
|
300
|
+
fa as Skeleton,
|
301
|
+
v as alertVariants,
|
302
|
+
R as avatarVariant,
|
301
303
|
E as badgeVariants,
|
302
304
|
N as buttonVariants,
|
305
|
+
Ke as capHealthVariants,
|
303
306
|
Ue as capVariants,
|
304
307
|
U as cn,
|
308
|
+
Oe as healthVariants,
|
305
309
|
ce as inputVariants,
|
306
310
|
O as isVCalendarSlot,
|
307
311
|
We as progressVariants,
|
308
312
|
W as tableColumnSortCommon,
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
|
315
|
-
|
313
|
+
Wt as tabsListVariants,
|
314
|
+
jt as tabsTriggerVariants,
|
315
|
+
Aa as tailwind,
|
316
|
+
Ot as textareaVariants,
|
317
|
+
Ya as toast,
|
318
|
+
Zt as toastVariants,
|
319
|
+
ma as toggleVariants,
|
316
320
|
re as useBuiForm,
|
317
|
-
|
321
|
+
Za as useToast,
|
318
322
|
j as valueUpdater
|
319
323
|
};
|
package/package.json
CHANGED
@@ -0,0 +1,38 @@
|
|
1
|
+
<script setup lang="ts">
|
2
|
+
import { BuiHealth, BuiSlider } from '@/index'
|
3
|
+
|
4
|
+
import { computed, ref } from 'vue'
|
5
|
+
|
6
|
+
const h1 = ref([1])
|
7
|
+
const h2 = ref([3])
|
8
|
+
const h3 = ref([1])
|
9
|
+
|
10
|
+
const health1 = computed(() => {
|
11
|
+
return [
|
12
|
+
{ id: 'Running', class: 'bg-green-500 after:bg-green-500', count: h1.value[0] },
|
13
|
+
{ id: 'Info', class: 'bg-yellow-500 after:bg-yellow-500', count: h2.value[0] },
|
14
|
+
{ id: 'Error', class: 'bg-red-500 after:bg-red-500', count: h3.value[0] }
|
15
|
+
]
|
16
|
+
})
|
17
|
+
</script>
|
18
|
+
|
19
|
+
<template>
|
20
|
+
<Story title="BuiHealth" autoPropsDisabled :layout="{ type: 'grid', width: '33%' }">
|
21
|
+
<Variant title="BuiHealth">
|
22
|
+
<div class="m-4">
|
23
|
+
<div class="flex flex-col gap-2">
|
24
|
+
<BuiHealth :model-value="health1" class="max-w-[300px]" />
|
25
|
+
|
26
|
+
{{ h1 }}
|
27
|
+
<BuiSlider v-model="h1" :step="1" :max="50" class="max-w-[300px]" />
|
28
|
+
|
29
|
+
{{ h2 }}
|
30
|
+
<BuiSlider v-model="h2" :step="1" :max="50" class="max-w-[300px]" />
|
31
|
+
|
32
|
+
{{ h3 }}
|
33
|
+
<BuiSlider v-model="h3" :step="1" :max="50" class="max-w-[300px]" />
|
34
|
+
</div>
|
35
|
+
</div>
|
36
|
+
</Variant>
|
37
|
+
</Story>
|
38
|
+
</template>
|
@@ -0,0 +1,77 @@
|
|
1
|
+
<script setup lang="ts">
|
2
|
+
import { cn } from '@/lib/utils'
|
3
|
+
import { type PrimitiveProps } from 'radix-vue'
|
4
|
+
import { computed, type HTMLAttributes } from 'vue'
|
5
|
+
|
6
|
+
import { capHealthVariants, healthVariants } from '.'
|
7
|
+
|
8
|
+
export interface HealthRootProps extends PrimitiveProps {
|
9
|
+
modelValue?: { id: string; class: HTMLAttributes['class']; count: number }[]
|
10
|
+
}
|
11
|
+
|
12
|
+
const props = withDefaults(
|
13
|
+
defineProps<
|
14
|
+
HealthRootProps & {
|
15
|
+
class?: HTMLAttributes['class']
|
16
|
+
variant?: NonNullable<Parameters<typeof healthVariants>[0]>['variant']
|
17
|
+
}
|
18
|
+
>(),
|
19
|
+
{
|
20
|
+
class: '',
|
21
|
+
modelValue: () => []
|
22
|
+
}
|
23
|
+
)
|
24
|
+
|
25
|
+
const total = computed(() => {
|
26
|
+
return props.modelValue.reduce((acc, item) => acc + item.count, 0)
|
27
|
+
})
|
28
|
+
|
29
|
+
const indicators = computed(() => {
|
30
|
+
let left = 0
|
31
|
+
return props.modelValue
|
32
|
+
.map((indicator) => {
|
33
|
+
const value = (indicator.count / total.value) * 100
|
34
|
+
|
35
|
+
const newIndicator = {
|
36
|
+
...indicator,
|
37
|
+
left: left,
|
38
|
+
value
|
39
|
+
}
|
40
|
+
|
41
|
+
left += value
|
42
|
+
|
43
|
+
return newIndicator
|
44
|
+
})
|
45
|
+
.filter((indicator) => indicator.count > 0)
|
46
|
+
})
|
47
|
+
</script>
|
48
|
+
|
49
|
+
<template>
|
50
|
+
<div
|
51
|
+
:class="
|
52
|
+
cn(
|
53
|
+
`relative w-full overflow-hidden bg-primary bg-opacity-20 after:absolute after:right-0 after:top-0 after:bg-primary after:bg-opacity-10`,
|
54
|
+
healthVariants({ variant }),
|
55
|
+
props.class
|
56
|
+
)
|
57
|
+
"
|
58
|
+
v-bind="props"
|
59
|
+
>
|
60
|
+
<template v-for="indicator in indicators" :key="indicator.id">
|
61
|
+
<div
|
62
|
+
:class="
|
63
|
+
cn(
|
64
|
+
'absolute box-content flex-1 bg-primary transition-all duration-300 after:absolute after:right-0 after:top-0 after:bg-primary',
|
65
|
+
healthVariants({ variant }),
|
66
|
+
indicator.class
|
67
|
+
)
|
68
|
+
"
|
69
|
+
:style="`width: calc(calc(100% - ${capHealthVariants[variant ?? 'default']}) * ${
|
70
|
+
indicator.value * 0.01
|
71
|
+
}); left: calc(calc(100% - ${capHealthVariants[variant ?? 'default']}) * ${
|
72
|
+
indicator.left * 0.01
|
73
|
+
});`"
|
74
|
+
/>
|
75
|
+
</template>
|
76
|
+
</div>
|
77
|
+
</template>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
export { default as BuiHealth } from './BuiHealth.vue'
|
2
|
+
|
3
|
+
import { cva } from 'class-variance-authority'
|
4
|
+
|
5
|
+
export const healthVariants = cva('after:rounded-[50%/50%]', {
|
6
|
+
variants: {
|
7
|
+
variant: {
|
8
|
+
sm: 'h-5 [&>*]:pl-2 rounded-[8px/100%] after:h-5 after:w-2',
|
9
|
+
default: 'h-10 [&>*]:pl-4 rounded-[16px/100%] after:h-10 after:w-4',
|
10
|
+
lg: 'h-20 [&>*]:pl-8 rounded-[32px/100%] after:h-20 after:w-8 before:h-20 before:w-8'
|
11
|
+
}
|
12
|
+
},
|
13
|
+
defaultVariants: {
|
14
|
+
variant: 'default'
|
15
|
+
}
|
16
|
+
})
|
17
|
+
|
18
|
+
export const capHealthVariants = {
|
19
|
+
sm: '8px',
|
20
|
+
default: '16px',
|
21
|
+
lg: '32px'
|
22
|
+
} as const
|
@@ -34,9 +34,11 @@ const props = withDefaults(
|
|
34
34
|
pageSize?: number
|
35
35
|
showPagination?: boolean
|
36
36
|
totalItems?: number
|
37
|
+
manualPagination?: boolean
|
38
|
+
manualSorting?: boolean
|
37
39
|
getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string
|
38
40
|
}>(),
|
39
|
-
{ pageSize: 10, showPagination: true, totalItems: 0 }
|
41
|
+
{ pageSize: 10, showPagination: true, manualPagination: true, manualSorting: true, totalItems: 0 }
|
40
42
|
)
|
41
43
|
|
42
44
|
const sorting = defineModel<SortingState>('sorting')
|
@@ -63,8 +65,8 @@ const table = useVueTable({
|
|
63
65
|
onRowSelectionChange: (updaterOrValue) => {
|
64
66
|
valueUpdater(updaterOrValue, rowSelection)
|
65
67
|
},
|
66
|
-
manualPagination:
|
67
|
-
manualSorting:
|
68
|
+
manualPagination: props.manualPagination, // set to false to enable client-side pagination
|
69
|
+
manualSorting: props.manualSorting,
|
68
70
|
state: {
|
69
71
|
get sorting() {
|
70
72
|
return sorting.value
|
package/src/index.ts
CHANGED
@@ -21,6 +21,7 @@ export * from './components/ui/label/index'
|
|
21
21
|
export * from './components/ui/pagination/index'
|
22
22
|
export * from './components/ui/popover/index'
|
23
23
|
export * from './components/ui/progress/index'
|
24
|
+
export * from './components/ui/health/index'
|
24
25
|
export * from './components/ui/radio-group/index'
|
25
26
|
export * from './components/ui/select/index'
|
26
27
|
export * from './components/ui/separator/index'
|