cisse-vue-ui 0.10.1 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js} +409 -169
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js.map +1 -0
- package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs → CheckboxGroup.vue_vue_type_script_setup_true_lang-DGGefZ7m.cjs} +406 -166
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-DGGefZ7m.cjs.map +1 -0
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-CwcJkw3D.cjs → DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs} +477 -221
- package/dist/DataList.vue_vue_type_script_setup_true_lang-MshUshzx.cjs.map +1 -0
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-aPs8YGWB.js → DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js} +498 -242
- package/dist/DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js.map +1 -0
- package/dist/components/core/Divider.stories.d.ts +13 -0
- package/dist/components/core/Divider.test.d.ts +1 -0
- package/dist/components/core/Divider.vue.d.ts +24 -0
- package/dist/components/core/Drawer.vue.d.ts +2 -0
- package/dist/components/core/Menu.stories.d.ts +11 -0
- package/dist/components/core/Menu.test.d.ts +1 -0
- package/dist/components/core/Menu.vue.d.ts +30 -0
- package/dist/components/core/datalist/DataList.stories.d.ts +12 -0
- package/dist/components/core/datalist/DataList.test.d.ts +1 -0
- package/dist/components/core/datalist/DataList.vue.d.ts +39 -0
- package/dist/components/core/datalist/DataListItem.vue.d.ts +33 -0
- package/dist/components/core/datalist/DataListLabel.vue.d.ts +26 -0
- package/dist/components/core/datalist/DataListValue.vue.d.ts +26 -0
- package/dist/components/core/datalist/index.d.ts +5 -0
- package/dist/components/core/index.cjs +49 -42
- package/dist/components/core/index.cjs.map +1 -1
- package/dist/components/core/index.d.ts +7 -0
- package/dist/components/core/index.js +27 -20
- package/dist/components/form/Form.stories.d.ts +11 -0
- package/dist/components/form/Form.test.d.ts +1 -0
- package/dist/components/form/Form.vue.d.ts +55 -0
- package/dist/components/form/FormSection.vue.d.ts +1 -1
- package/dist/components/form/InputGroup.stories.d.ts +12 -0
- package/dist/components/form/InputGroup.test.d.ts +1 -0
- package/dist/components/form/InputGroup.vue.d.ts +32 -0
- package/dist/components/form/Option.vue.d.ts +27 -0
- package/dist/components/form/Select.stories.d.ts +13 -0
- package/dist/components/form/Select.test.d.ts +1 -0
- package/dist/components/form/Select.vue.d.ts +53 -0
- package/dist/components/form/index.cjs +33 -29
- package/dist/components/form/index.cjs.map +1 -1
- package/dist/components/form/index.d.ts +7 -0
- package/dist/components/form/index.js +33 -29
- package/dist/components/index.cjs +82 -71
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +62 -51
- package/dist/index-CO3nD8zb.js +127 -0
- package/dist/{index-D-VE0o-l.js.map → index-CO3nD8zb.js.map} +1 -1
- package/dist/{index-CKd33NtQ.cjs → index-DK_UojhF.cjs} +83 -72
- package/dist/{index-CKd33NtQ.cjs.map → index-DK_UojhF.cjs.map} +1 -1
- package/dist/index.cjs +83 -72
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +63 -52
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs.map +0 -1
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js.map +0 -1
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-CwcJkw3D.cjs.map +0 -1
- package/dist/FilterTabs.vue_vue_type_script_setup_true_lang-aPs8YGWB.js.map +0 -1
- package/dist/index-D-VE0o-l.js +0 -116
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { defineComponent, computed, createBlock, createElementBlock, openBlock, createCommentVNode, renderSlot, normalizeClass, createElementVNode, createTextVNode, toDisplayString, useSlots, withKeys, withModifiers, normalizeStyle, unref, useAttrs, toRefs, provide, reactive, mergeProps, normalizeProps, guardReactiveProps, inject, Fragment, withCtx, createVNode, renderList, resolveDynamicComponent, ref, createSlots, watch, withDirectives, vModelText, Teleport, Transition, nextTick, resolveComponent, vShow, onMounted, onUnmounted, mergeModels, useModel } from "vue";
|
|
2
|
-
import { _ as _sfc_main$
|
|
3
|
-
import { c as _sfc_main$
|
|
4
|
-
import { e as _sfc_main$
|
|
2
|
+
import { _ as _sfc_main$I, a as useBreakpoints } from "./index-BaWpldIJ.js";
|
|
3
|
+
import { c as _sfc_main$H, b as _sfc_main$O, _ as _sfc_main$P, d as _sfc_main$Q, a as _sfc_main$R } from "./Skeleton.vue_vue_type_script_setup_true_lang-mcD2ZqKf.js";
|
|
4
|
+
import { e as _sfc_main$J, d as _sfc_main$K, c as _sfc_main$L, b as _sfc_main$M, a as _sfc_main$N } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
|
|
5
5
|
import { a as usePagination, u as useDarkMode } from "./usePagination-BGwbICFC.js";
|
|
6
6
|
import { Icon } from "@iconify/vue";
|
|
7
7
|
import { u as useDropdown } from "./useDropdown-XITCE_SM.js";
|
|
8
8
|
import { u as useId } from "./useId-xeHj7rkg.js";
|
|
9
|
-
const _hoisted_1$
|
|
9
|
+
const _hoisted_1$p = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950"
|
|
12
12
|
};
|
|
13
|
-
const _hoisted_2$
|
|
14
|
-
const _hoisted_3$
|
|
13
|
+
const _hoisted_2$i = { class: "flex flex-col gap-0.5" };
|
|
14
|
+
const _hoisted_3$c = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "text-sm font-normal text-gray-600 dark:text-gray-400"
|
|
17
17
|
};
|
|
18
18
|
const _hoisted_4$8 = { class: "flex gap-2" };
|
|
19
|
-
const _sfc_main$
|
|
19
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
20
20
|
__name: "CardComponent",
|
|
21
21
|
props: {
|
|
22
22
|
title: {},
|
|
@@ -37,12 +37,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
37
37
|
() => props.dividerClass || "border-gray-200 dark:border-gray-700"
|
|
38
38
|
);
|
|
39
39
|
return (_ctx, _cache) => {
|
|
40
|
-
return __props.loading ? (openBlock(), createBlock(_sfc_main$
|
|
40
|
+
return __props.loading ? (openBlock(), createBlock(_sfc_main$H, {
|
|
41
41
|
key: 0,
|
|
42
42
|
lines: __props.loadingLines,
|
|
43
43
|
"show-avatar": __props.loadingAvatar,
|
|
44
44
|
"show-actions": __props.loadingActions
|
|
45
|
-
}, null, 8, ["lines", "show-avatar", "show-actions"])) : (openBlock(), createElementBlock("div", _hoisted_1$
|
|
45
|
+
}, null, 8, ["lines", "show-avatar", "show-actions"])) : (openBlock(), createElementBlock("div", _hoisted_1$p, [
|
|
46
46
|
_ctx.$slots.header ? (openBlock(), createElementBlock("div", {
|
|
47
47
|
key: 0,
|
|
48
48
|
class: normalizeClass(["border-b", dividerClasses.value])
|
|
@@ -52,7 +52,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
52
52
|
key: 1,
|
|
53
53
|
class: normalizeClass(["flex items-center justify-between border-b px-5 py-3", dividerClasses.value])
|
|
54
54
|
}, [
|
|
55
|
-
createElementVNode("div", _hoisted_2$
|
|
55
|
+
createElementVNode("div", _hoisted_2$i, [
|
|
56
56
|
__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
|
|
57
57
|
key: 0,
|
|
58
58
|
class: normalizeClass(["text-md font-semibold", titleClasses.value])
|
|
@@ -61,7 +61,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
61
61
|
createTextVNode(toDisplayString(__props.title), 1)
|
|
62
62
|
])
|
|
63
63
|
], 2)) : createCommentVNode("", true),
|
|
64
|
-
__props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
64
|
+
__props.description || _ctx.$slots.description ? (openBlock(), createElementBlock("span", _hoisted_3$c, [
|
|
65
65
|
renderSlot(_ctx.$slots, "description", {}, () => [
|
|
66
66
|
createTextVNode(toDisplayString(__props.description), 1)
|
|
67
67
|
])
|
|
@@ -76,13 +76,13 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
|
-
const _hoisted_1$
|
|
80
|
-
const _hoisted_2$
|
|
81
|
-
const _hoisted_3$
|
|
79
|
+
const _hoisted_1$o = ["role", "tabindex", "onKeydown"];
|
|
80
|
+
const _hoisted_2$h = ["src", "alt"];
|
|
81
|
+
const _hoisted_3$b = ["src", "alt"];
|
|
82
82
|
const _hoisted_4$7 = { class: "flex items-center gap-3" };
|
|
83
|
-
const _hoisted_5$
|
|
83
|
+
const _hoisted_5$5 = { class: "flex flex-col gap-0.5" };
|
|
84
84
|
const _hoisted_6$3 = ["src", "alt"];
|
|
85
|
-
const _sfc_main$
|
|
85
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
86
86
|
__name: "CardWrapper",
|
|
87
87
|
props: {
|
|
88
88
|
title: {},
|
|
@@ -272,7 +272,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
272
272
|
}
|
|
273
273
|
};
|
|
274
274
|
return (_ctx, _cache) => {
|
|
275
|
-
return __props.loading ? (openBlock(), createBlock(_sfc_main$
|
|
275
|
+
return __props.loading ? (openBlock(), createBlock(_sfc_main$H, {
|
|
276
276
|
key: 0,
|
|
277
277
|
lines: __props.loadingLines,
|
|
278
278
|
"show-avatar": __props.loadingAvatar,
|
|
@@ -310,7 +310,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
310
310
|
src: __props.image,
|
|
311
311
|
alt: __props.imageAlt || "",
|
|
312
312
|
class: normalizeClass(["w-full h-full object-cover", __props.imageClass])
|
|
313
|
-
}, null, 10, _hoisted_2$
|
|
313
|
+
}, null, 10, _hoisted_2$h)) : createCommentVNode("", true)
|
|
314
314
|
]),
|
|
315
315
|
_cache[0] || (_cache[0] = createElementVNode("div", { class: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent" }, null, -1))
|
|
316
316
|
], 2)) : createCommentVNode("", true),
|
|
@@ -325,7 +325,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
325
325
|
src: __props.image,
|
|
326
326
|
alt: __props.imageAlt || "",
|
|
327
327
|
class: normalizeClass(["w-full h-full object-cover", __props.imageClass])
|
|
328
|
-
}, null, 10, _hoisted_3$
|
|
328
|
+
}, null, 10, _hoisted_3$b)) : createCommentVNode("", true)
|
|
329
329
|
])
|
|
330
330
|
], 6)) : createCommentVNode("", true),
|
|
331
331
|
createElementVNode("div", {
|
|
@@ -364,7 +364,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
364
364
|
}, null, 8, ["icon", "class"])) : createCommentVNode("", true)
|
|
365
365
|
])
|
|
366
366
|
], 2)) : createCommentVNode("", true),
|
|
367
|
-
createElementVNode("div", _hoisted_5$
|
|
367
|
+
createElementVNode("div", _hoisted_5$5, [
|
|
368
368
|
__props.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
|
|
369
369
|
key: 0,
|
|
370
370
|
class: normalizeClass([
|
|
@@ -428,13 +428,13 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
428
428
|
}, null, 10, _hoisted_6$3)) : createCommentVNode("", true)
|
|
429
429
|
])
|
|
430
430
|
], 6)) : createCommentVNode("", true)
|
|
431
|
-
], 42, _hoisted_1$
|
|
431
|
+
], 42, _hoisted_1$o));
|
|
432
432
|
};
|
|
433
433
|
}
|
|
434
434
|
});
|
|
435
|
-
const _hoisted_1$
|
|
435
|
+
const _hoisted_1$n = { class: "overflow-x-auto" };
|
|
436
436
|
const TableContextKey = Symbol("TableContext");
|
|
437
|
-
const _sfc_main$
|
|
437
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
438
438
|
...{
|
|
439
439
|
inheritAttrs: false
|
|
440
440
|
},
|
|
@@ -469,7 +469,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
469
469
|
return openBlock(), createElementBlock("div", {
|
|
470
470
|
class: normalizeClass(wrapperClasses.value)
|
|
471
471
|
}, [
|
|
472
|
-
createElementVNode("div", _hoisted_1$
|
|
472
|
+
createElementVNode("div", _hoisted_1$n, [
|
|
473
473
|
createElementVNode("table", mergeProps(unref(attrs), { class: tableClasses.value }), [
|
|
474
474
|
renderSlot(_ctx.$slots, "default")
|
|
475
475
|
], 16)
|
|
@@ -478,7 +478,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
478
478
|
};
|
|
479
479
|
}
|
|
480
480
|
});
|
|
481
|
-
const _sfc_main$
|
|
481
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
482
482
|
...{
|
|
483
483
|
inheritAttrs: false
|
|
484
484
|
},
|
|
@@ -501,7 +501,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
501
501
|
};
|
|
502
502
|
}
|
|
503
503
|
});
|
|
504
|
-
const _sfc_main$
|
|
504
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
505
505
|
...{
|
|
506
506
|
inheritAttrs: false
|
|
507
507
|
},
|
|
@@ -515,8 +515,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
515
515
|
};
|
|
516
516
|
}
|
|
517
517
|
});
|
|
518
|
-
const _hoisted_1$
|
|
519
|
-
const _sfc_main$
|
|
518
|
+
const _hoisted_1$m = ["span"];
|
|
519
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
520
520
|
...{
|
|
521
521
|
inheritAttrs: false
|
|
522
522
|
},
|
|
@@ -535,11 +535,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
535
535
|
return openBlock(), createElementBlock("col", mergeProps(unref(attrs), {
|
|
536
536
|
span: __props.span,
|
|
537
537
|
style: colStyles.value
|
|
538
|
-
}), null, 16, _hoisted_1$
|
|
538
|
+
}), null, 16, _hoisted_1$m);
|
|
539
539
|
};
|
|
540
540
|
}
|
|
541
541
|
});
|
|
542
|
-
const _sfc_main$
|
|
542
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
543
543
|
...{
|
|
544
544
|
inheritAttrs: false
|
|
545
545
|
},
|
|
@@ -561,7 +561,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
561
561
|
};
|
|
562
562
|
}
|
|
563
563
|
});
|
|
564
|
-
const _sfc_main$
|
|
564
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
565
565
|
...{
|
|
566
566
|
inheritAttrs: false
|
|
567
567
|
},
|
|
@@ -580,7 +580,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
580
580
|
};
|
|
581
581
|
}
|
|
582
582
|
});
|
|
583
|
-
const _sfc_main$
|
|
583
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
584
584
|
...{
|
|
585
585
|
inheritAttrs: false
|
|
586
586
|
},
|
|
@@ -601,7 +601,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
601
601
|
};
|
|
602
602
|
}
|
|
603
603
|
});
|
|
604
|
-
const _sfc_main$
|
|
604
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
605
605
|
...{
|
|
606
606
|
inheritAttrs: false
|
|
607
607
|
},
|
|
@@ -646,16 +646,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
646
646
|
};
|
|
647
647
|
}
|
|
648
648
|
});
|
|
649
|
-
const _hoisted_1$
|
|
650
|
-
const _hoisted_2$
|
|
649
|
+
const _hoisted_1$l = ["colspan", "rowspan", "scope", "aria-sort"];
|
|
650
|
+
const _hoisted_2$g = {
|
|
651
651
|
key: 0,
|
|
652
652
|
d: "M7 14l5-5 5 5H7z"
|
|
653
653
|
};
|
|
654
|
-
const _hoisted_3$
|
|
654
|
+
const _hoisted_3$a = {
|
|
655
655
|
key: 1,
|
|
656
656
|
d: "M7 10l5 5 5-5H7z"
|
|
657
657
|
};
|
|
658
|
-
const _sfc_main$
|
|
658
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
659
659
|
...{
|
|
660
660
|
inheritAttrs: false
|
|
661
661
|
},
|
|
@@ -733,7 +733,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
733
733
|
viewBox: "0 0 24 24",
|
|
734
734
|
fill: "currentColor"
|
|
735
735
|
}, [
|
|
736
|
-
__props.sorted && __props.sortDirection === "asc" ? (openBlock(), createElementBlock("path", _hoisted_2$
|
|
736
|
+
__props.sorted && __props.sortDirection === "asc" ? (openBlock(), createElementBlock("path", _hoisted_2$g)) : __props.sorted && __props.sortDirection === "desc" ? (openBlock(), createElementBlock("path", _hoisted_3$a)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
737
737
|
_cache[2] || (_cache[2] = createElementVNode("path", {
|
|
738
738
|
d: "M7 14l5-5 5 5H7z",
|
|
739
739
|
class: "opacity-40"
|
|
@@ -759,12 +759,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
759
759
|
onMousedown: _cache[0] || (_cache[0] = withModifiers(($event) => emit("resizeStart", $event), ["stop"])),
|
|
760
760
|
onTouchstart: _cache[1] || (_cache[1] = withModifiers(($event) => emit("resizeStart", $event), ["stop"]))
|
|
761
761
|
}, null, 34)) : createCommentVNode("", true)
|
|
762
|
-
], 16, _hoisted_1$
|
|
762
|
+
], 16, _hoisted_1$l);
|
|
763
763
|
};
|
|
764
764
|
}
|
|
765
765
|
});
|
|
766
|
-
const _hoisted_1$
|
|
767
|
-
const _sfc_main$
|
|
766
|
+
const _hoisted_1$k = ["colspan", "rowspan"];
|
|
767
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
768
768
|
...{
|
|
769
769
|
inheritAttrs: false
|
|
770
770
|
},
|
|
@@ -813,11 +813,11 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
813
813
|
rowspan: __props.rowspan
|
|
814
814
|
}), [
|
|
815
815
|
renderSlot(_ctx.$slots, "default")
|
|
816
|
-
], 16, _hoisted_1$
|
|
816
|
+
], 16, _hoisted_1$k);
|
|
817
817
|
};
|
|
818
818
|
}
|
|
819
819
|
});
|
|
820
|
-
const _sfc_main$
|
|
820
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
821
821
|
__name: "TableHeader",
|
|
822
822
|
props: {
|
|
823
823
|
columns: {},
|
|
@@ -839,14 +839,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
839
839
|
emit("sort", property.name, newDirection);
|
|
840
840
|
};
|
|
841
841
|
return (_ctx, _cache) => {
|
|
842
|
-
return openBlock(), createBlock(_sfc_main$
|
|
842
|
+
return openBlock(), createBlock(_sfc_main$x, null, {
|
|
843
843
|
default: withCtx(() => [
|
|
844
|
-
__props.selectable ? (openBlock(), createBlock(_sfc_main$
|
|
844
|
+
__props.selectable ? (openBlock(), createBlock(_sfc_main$w, {
|
|
845
845
|
key: 0,
|
|
846
846
|
width: "48px"
|
|
847
847
|
}, {
|
|
848
848
|
default: withCtx(() => [
|
|
849
|
-
createVNode(_sfc_main$
|
|
849
|
+
createVNode(_sfc_main$I, {
|
|
850
850
|
"model-value": __props.allSelected,
|
|
851
851
|
indeterminate: __props.someSelected,
|
|
852
852
|
disabled: __props.selectableCount === 0,
|
|
@@ -856,7 +856,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
856
856
|
_: 1
|
|
857
857
|
})) : createCommentVNode("", true),
|
|
858
858
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
|
|
859
|
-
return openBlock(), createBlock(_sfc_main$
|
|
859
|
+
return openBlock(), createBlock(_sfc_main$w, {
|
|
860
860
|
key: column.name,
|
|
861
861
|
sortable: column.sortable,
|
|
862
862
|
sorted: __props.sortBy === column.name,
|
|
@@ -875,7 +875,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
875
875
|
_: 2
|
|
876
876
|
}, 1032, ["sortable", "sorted", "sort-direction", "align", "width", "min-width", "max-width", "onSort"]);
|
|
877
877
|
}), 128)),
|
|
878
|
-
__props.showActions ? (openBlock(), createBlock(_sfc_main$
|
|
878
|
+
__props.showActions ? (openBlock(), createBlock(_sfc_main$w, {
|
|
879
879
|
key: 1,
|
|
880
880
|
align: "right",
|
|
881
881
|
width: "100px"
|
|
@@ -886,8 +886,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
886
886
|
};
|
|
887
887
|
}
|
|
888
888
|
});
|
|
889
|
-
const _hoisted_1$
|
|
890
|
-
const _sfc_main$
|
|
889
|
+
const _hoisted_1$j = { class: "flex items-center justify-end gap-2" };
|
|
890
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
891
891
|
__name: "TableRow",
|
|
892
892
|
props: {
|
|
893
893
|
item: {},
|
|
@@ -903,14 +903,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
903
903
|
setup(__props, { emit: __emit }) {
|
|
904
904
|
const emit = __emit;
|
|
905
905
|
const typeComponents = {
|
|
906
|
-
text: _sfc_main$
|
|
907
|
-
number: _sfc_main$
|
|
908
|
-
date: _sfc_main$
|
|
909
|
-
boolean: _sfc_main$
|
|
910
|
-
badge: _sfc_main$
|
|
906
|
+
text: _sfc_main$N,
|
|
907
|
+
number: _sfc_main$M,
|
|
908
|
+
date: _sfc_main$L,
|
|
909
|
+
boolean: _sfc_main$K,
|
|
910
|
+
badge: _sfc_main$J
|
|
911
911
|
};
|
|
912
912
|
const getTypeComponent = (type = "text") => {
|
|
913
|
-
return typeComponents[type] || _sfc_main$
|
|
913
|
+
return typeComponents[type] || _sfc_main$N;
|
|
914
914
|
};
|
|
915
915
|
const getItemValue = (item, property) => {
|
|
916
916
|
if (property.name.includes(".")) {
|
|
@@ -927,19 +927,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
927
927
|
return item[property.name];
|
|
928
928
|
};
|
|
929
929
|
return (_ctx, _cache) => {
|
|
930
|
-
return openBlock(), createBlock(_sfc_main$
|
|
930
|
+
return openBlock(), createBlock(_sfc_main$x, {
|
|
931
931
|
selected: __props.selected,
|
|
932
932
|
clickable: __props.clickable,
|
|
933
933
|
even: __props.even,
|
|
934
934
|
onClick: _cache[1] || (_cache[1] = (e) => emit("click", e))
|
|
935
935
|
}, {
|
|
936
936
|
default: withCtx(() => [
|
|
937
|
-
__props.selectable ? (openBlock(), createBlock(_sfc_main$
|
|
937
|
+
__props.selectable ? (openBlock(), createBlock(_sfc_main$v, {
|
|
938
938
|
key: 0,
|
|
939
939
|
width: "48px"
|
|
940
940
|
}, {
|
|
941
941
|
default: withCtx(() => [
|
|
942
|
-
__props.canSelect ? (openBlock(), createBlock(_sfc_main$
|
|
942
|
+
__props.canSelect ? (openBlock(), createBlock(_sfc_main$I, {
|
|
943
943
|
key: 0,
|
|
944
944
|
"model-value": __props.selected,
|
|
945
945
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("select"))
|
|
@@ -948,7 +948,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
948
948
|
_: 1
|
|
949
949
|
})) : createCommentVNode("", true),
|
|
950
950
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
|
|
951
|
-
return openBlock(), createBlock(_sfc_main$
|
|
951
|
+
return openBlock(), createBlock(_sfc_main$v, {
|
|
952
952
|
key: column.name,
|
|
953
953
|
align: column.align,
|
|
954
954
|
main: column.main,
|
|
@@ -970,12 +970,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
970
970
|
_: 2
|
|
971
971
|
}, 1032, ["align", "main", "class-name", "truncate", "width"]);
|
|
972
972
|
}), 128)),
|
|
973
|
-
__props.showActions ? (openBlock(), createBlock(_sfc_main$
|
|
973
|
+
__props.showActions ? (openBlock(), createBlock(_sfc_main$v, {
|
|
974
974
|
key: 1,
|
|
975
975
|
align: "right"
|
|
976
976
|
}, {
|
|
977
977
|
default: withCtx(() => [
|
|
978
|
-
createElementVNode("div", _hoisted_1$
|
|
978
|
+
createElementVNode("div", _hoisted_1$j, [
|
|
979
979
|
renderSlot(_ctx.$slots, "actions", { item: __props.item })
|
|
980
980
|
])
|
|
981
981
|
]),
|
|
@@ -987,16 +987,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
987
987
|
};
|
|
988
988
|
}
|
|
989
989
|
});
|
|
990
|
-
const _sfc_main$
|
|
990
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
991
991
|
__name: "TableFooter",
|
|
992
992
|
props: {
|
|
993
993
|
colSpan: {}
|
|
994
994
|
},
|
|
995
995
|
setup(__props) {
|
|
996
996
|
return (_ctx, _cache) => {
|
|
997
|
-
return openBlock(), createBlock(_sfc_main$
|
|
997
|
+
return openBlock(), createBlock(_sfc_main$x, null, {
|
|
998
998
|
default: withCtx(() => [
|
|
999
|
-
createVNode(_sfc_main$
|
|
999
|
+
createVNode(_sfc_main$v, {
|
|
1000
1000
|
colspan: __props.colSpan,
|
|
1001
1001
|
class: "text-center"
|
|
1002
1002
|
}, {
|
|
@@ -1011,9 +1011,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
1011
1011
|
};
|
|
1012
1012
|
}
|
|
1013
1013
|
});
|
|
1014
|
-
const _hoisted_1$
|
|
1015
|
-
const _hoisted_2$
|
|
1016
|
-
const _sfc_main$
|
|
1014
|
+
const _hoisted_1$i = ["disabled", "aria-expanded"];
|
|
1015
|
+
const _hoisted_2$f = { class: "p-4" };
|
|
1016
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
1017
1017
|
...{
|
|
1018
1018
|
inheritAttrs: false
|
|
1019
1019
|
},
|
|
@@ -1053,14 +1053,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
1053
1053
|
__expose({ toggle, isExpanded });
|
|
1054
1054
|
return (_ctx, _cache) => {
|
|
1055
1055
|
return openBlock(), createElementBlock(Fragment, null, [
|
|
1056
|
-
createVNode(_sfc_main$
|
|
1056
|
+
createVNode(_sfc_main$x, mergeProps(unref(attrs), {
|
|
1057
1057
|
selected: __props.selected,
|
|
1058
1058
|
disabled: __props.disabled,
|
|
1059
1059
|
clickable: "",
|
|
1060
1060
|
onClick: handleRowClick
|
|
1061
1061
|
}), {
|
|
1062
1062
|
default: withCtx(() => [
|
|
1063
|
-
createVNode(_sfc_main$
|
|
1063
|
+
createVNode(_sfc_main$v, {
|
|
1064
1064
|
width: "40px",
|
|
1065
1065
|
class: "!p-2"
|
|
1066
1066
|
}, {
|
|
@@ -1080,7 +1080,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
1080
1080
|
}, [..._cache[0] || (_cache[0] = [
|
|
1081
1081
|
createElementVNode("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }, null, -1)
|
|
1082
1082
|
])], 2))
|
|
1083
|
-
], 8, _hoisted_1$
|
|
1083
|
+
], 8, _hoisted_1$i)
|
|
1084
1084
|
]),
|
|
1085
1085
|
_: 1
|
|
1086
1086
|
}),
|
|
@@ -1088,17 +1088,17 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
1088
1088
|
]),
|
|
1089
1089
|
_: 3
|
|
1090
1090
|
}, 16, ["selected", "disabled"]),
|
|
1091
|
-
isExpanded.value ? (openBlock(), createBlock(_sfc_main$
|
|
1091
|
+
isExpanded.value ? (openBlock(), createBlock(_sfc_main$x, {
|
|
1092
1092
|
key: 0,
|
|
1093
1093
|
class: "bg-gray-50 dark:bg-gray-800/50"
|
|
1094
1094
|
}, {
|
|
1095
1095
|
default: withCtx(() => [
|
|
1096
|
-
createVNode(_sfc_main$
|
|
1096
|
+
createVNode(_sfc_main$v, {
|
|
1097
1097
|
colspan: __props.colspan + 1,
|
|
1098
1098
|
class: "!p-0"
|
|
1099
1099
|
}, {
|
|
1100
1100
|
default: withCtx(() => [
|
|
1101
|
-
createElementVNode("div", _hoisted_2$
|
|
1101
|
+
createElementVNode("div", _hoisted_2$f, [
|
|
1102
1102
|
renderSlot(_ctx.$slots, "expanded")
|
|
1103
1103
|
])
|
|
1104
1104
|
]),
|
|
@@ -1111,18 +1111,18 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
1111
1111
|
};
|
|
1112
1112
|
}
|
|
1113
1113
|
});
|
|
1114
|
-
const _hoisted_1$
|
|
1115
|
-
const _hoisted_2$
|
|
1114
|
+
const _hoisted_1$h = { class: "overflow-hidden" };
|
|
1115
|
+
const _hoisted_2$e = {
|
|
1116
1116
|
key: 1,
|
|
1117
1117
|
class: "flex flex-col items-center justify-center py-12 text-center"
|
|
1118
1118
|
};
|
|
1119
|
-
const _hoisted_3$
|
|
1119
|
+
const _hoisted_3$9 = { class: "flex flex-col items-center gap-3" };
|
|
1120
1120
|
const _hoisted_4$6 = { class: "text-sm text-gray-600 dark:text-gray-400" };
|
|
1121
|
-
const _hoisted_5$
|
|
1121
|
+
const _hoisted_5$4 = {
|
|
1122
1122
|
key: 3,
|
|
1123
1123
|
class: "flex flex-col items-center justify-center py-12 text-center"
|
|
1124
1124
|
};
|
|
1125
|
-
const _sfc_main$
|
|
1125
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
1126
1126
|
__name: "DataTable",
|
|
1127
1127
|
props: {
|
|
1128
1128
|
properties: {},
|
|
@@ -1227,14 +1227,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1227
1227
|
};
|
|
1228
1228
|
const hasActionSlot = computed(() => !!slots.action);
|
|
1229
1229
|
return (_ctx, _cache) => {
|
|
1230
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1231
|
-
__props.loading ? (openBlock(), createBlock(_sfc_main$
|
|
1230
|
+
return openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
1231
|
+
__props.loading ? (openBlock(), createBlock(_sfc_main$O, {
|
|
1232
1232
|
key: 0,
|
|
1233
1233
|
rows: __props.loadingRows,
|
|
1234
1234
|
columns: visibleProperties.value.length
|
|
1235
|
-
}, null, 8, ["rows", "columns"])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
1235
|
+
}, null, 8, ["rows", "columns"])) : __props.error ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
|
|
1236
1236
|
renderSlot(_ctx.$slots, "error", {}, () => [
|
|
1237
|
-
createElementVNode("div", _hoisted_3$
|
|
1237
|
+
createElementVNode("div", _hoisted_3$9, [
|
|
1238
1238
|
_cache[2] || (_cache[2] = createElementVNode("svg", {
|
|
1239
1239
|
class: "size-12 text-red-400",
|
|
1240
1240
|
fill: "none",
|
|
@@ -1251,7 +1251,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1251
1251
|
createElementVNode("p", _hoisted_4$6, toDisplayString(__props.errorMessage), 1)
|
|
1252
1252
|
])
|
|
1253
1253
|
])
|
|
1254
|
-
])) : __props.items && __props.items.length > 0 ? (openBlock(), createBlock(_sfc_main$
|
|
1254
|
+
])) : __props.items && __props.items.length > 0 ? (openBlock(), createBlock(_sfc_main$E, {
|
|
1255
1255
|
key: 2,
|
|
1256
1256
|
striped: __props.striped,
|
|
1257
1257
|
bordered: __props.bordered,
|
|
@@ -1260,9 +1260,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1260
1260
|
"sticky-header": __props.stickyHeader
|
|
1261
1261
|
}, {
|
|
1262
1262
|
default: withCtx(() => [
|
|
1263
|
-
createVNode(_sfc_main$
|
|
1263
|
+
createVNode(_sfc_main$A, null, {
|
|
1264
1264
|
default: withCtx(() => [
|
|
1265
|
-
createVNode(_sfc_main$
|
|
1265
|
+
createVNode(_sfc_main$u, {
|
|
1266
1266
|
columns: visibleProperties.value,
|
|
1267
1267
|
selectable: __props.selectable,
|
|
1268
1268
|
"all-selected": allSelected.value,
|
|
@@ -1286,10 +1286,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1286
1286
|
]),
|
|
1287
1287
|
_: 3
|
|
1288
1288
|
}),
|
|
1289
|
-
createVNode(_sfc_main$
|
|
1289
|
+
createVNode(_sfc_main$z, null, {
|
|
1290
1290
|
default: withCtx(() => [
|
|
1291
1291
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayItems.value, (item, index) => {
|
|
1292
|
-
return openBlock(), createBlock(_sfc_main$
|
|
1292
|
+
return openBlock(), createBlock(_sfc_main$t, {
|
|
1293
1293
|
key: getKey(item),
|
|
1294
1294
|
item,
|
|
1295
1295
|
columns: visibleProperties.value,
|
|
@@ -1322,7 +1322,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1322
1322
|
})
|
|
1323
1323
|
]),
|
|
1324
1324
|
_: 3
|
|
1325
|
-
}, 8, ["striped", "bordered", "hover", "compact", "sticky-header"])) : (openBlock(), createElementBlock("div", _hoisted_5$
|
|
1325
|
+
}, 8, ["striped", "bordered", "hover", "compact", "sticky-header"])) : (openBlock(), createElementBlock("div", _hoisted_5$4, [
|
|
1326
1326
|
renderSlot(_ctx.$slots, "empty", {}, () => [
|
|
1327
1327
|
_cache[3] || (_cache[3] = createElementVNode("div", { class: "flex flex-col items-center gap-3" }, [
|
|
1328
1328
|
createElementVNode("svg", {
|
|
@@ -1342,7 +1342,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1342
1342
|
], -1))
|
|
1343
1343
|
])
|
|
1344
1344
|
])),
|
|
1345
|
-
__props.paginated && __props.items && __props.items.length > 0 && !__props.loading && !__props.error ? (openBlock(), createBlock(_sfc_main$
|
|
1345
|
+
__props.paginated && __props.items && __props.items.length > 0 && !__props.loading && !__props.error ? (openBlock(), createBlock(_sfc_main$P, {
|
|
1346
1346
|
key: 4,
|
|
1347
1347
|
"current-page": effectivePage.value,
|
|
1348
1348
|
"total-pages": effectiveTotalPages.value,
|
|
@@ -1357,14 +1357,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
1357
1357
|
};
|
|
1358
1358
|
}
|
|
1359
1359
|
});
|
|
1360
|
-
const _hoisted_1$
|
|
1361
|
-
const _hoisted_2$
|
|
1362
|
-
const _hoisted_3$
|
|
1360
|
+
const _hoisted_1$g = { class: "space-y-3" };
|
|
1361
|
+
const _hoisted_2$d = { class: "flex items-center gap-3 p-3" };
|
|
1362
|
+
const _hoisted_3$8 = { class: "text-sm text-gray-600 dark:text-gray-400" };
|
|
1363
1363
|
const _hoisted_4$5 = {
|
|
1364
1364
|
key: 0,
|
|
1365
1365
|
class: "text-sm text-primary font-medium"
|
|
1366
1366
|
};
|
|
1367
|
-
const _hoisted_5$
|
|
1367
|
+
const _hoisted_5$3 = { class: "p-4 flex items-center gap-4" };
|
|
1368
1368
|
const _hoisted_6$2 = {
|
|
1369
1369
|
key: 0,
|
|
1370
1370
|
class: "shrink-0"
|
|
@@ -1376,7 +1376,7 @@ const _hoisted_7$2 = {
|
|
|
1376
1376
|
const _hoisted_8$2 = { class: "flex-1 min-w-0 overflow-hidden" };
|
|
1377
1377
|
const _hoisted_9$2 = { class: "shrink-0" };
|
|
1378
1378
|
const _hoisted_10$1 = { key: 1 };
|
|
1379
|
-
const _sfc_main$
|
|
1379
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
1380
1380
|
__name: "MobileList",
|
|
1381
1381
|
props: {
|
|
1382
1382
|
items: {},
|
|
@@ -1425,10 +1425,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1425
1425
|
};
|
|
1426
1426
|
const hasEmptySlot = computed(() => !!slots.empty);
|
|
1427
1427
|
return (_ctx, _cache) => {
|
|
1428
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
1429
|
-
__props.loading ? (openBlock(), createBlock(_sfc_main$
|
|
1428
|
+
return openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
1429
|
+
__props.loading ? (openBlock(), createBlock(_sfc_main$G, { key: 0 }, {
|
|
1430
1430
|
default: withCtx(() => [
|
|
1431
|
-
createVNode(_sfc_main$
|
|
1431
|
+
createVNode(_sfc_main$Q, {
|
|
1432
1432
|
items: __props.loadingItems,
|
|
1433
1433
|
"show-avatar": "",
|
|
1434
1434
|
"show-secondary": "",
|
|
@@ -1437,31 +1437,31 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1437
1437
|
]),
|
|
1438
1438
|
_: 1
|
|
1439
1439
|
})) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
1440
|
-
__props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$
|
|
1440
|
+
__props.selectable && selectableItems.value.length > 0 ? (openBlock(), createBlock(_sfc_main$G, { key: 0 }, {
|
|
1441
1441
|
default: withCtx(() => [
|
|
1442
|
-
createElementVNode("div", _hoisted_2$
|
|
1443
|
-
createVNode(_sfc_main$
|
|
1442
|
+
createElementVNode("div", _hoisted_2$d, [
|
|
1443
|
+
createVNode(_sfc_main$I, {
|
|
1444
1444
|
"model-value": allSelected.value,
|
|
1445
1445
|
indeterminate: someSelected.value,
|
|
1446
1446
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("selectAll"))
|
|
1447
1447
|
}, null, 8, ["model-value", "indeterminate"]),
|
|
1448
|
-
createElementVNode("span", _hoisted_3$
|
|
1448
|
+
createElementVNode("span", _hoisted_3$8, toDisplayString(allSelected.value ? "Tout désélectionner" : "Tout sélectionner"), 1),
|
|
1449
1449
|
__props.selectedItems && __props.selectedItems.size > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$5, " (" + toDisplayString(__props.selectedItems.size) + " sélectionné" + toDisplayString(__props.selectedItems.size > 1 ? "s" : "") + ") ", 1)) : createCommentVNode("", true)
|
|
1450
1450
|
])
|
|
1451
1451
|
]),
|
|
1452
1452
|
_: 1
|
|
1453
1453
|
})) : createCommentVNode("", true),
|
|
1454
1454
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
|
|
1455
|
-
return openBlock(), createBlock(_sfc_main$
|
|
1455
|
+
return openBlock(), createBlock(_sfc_main$G, {
|
|
1456
1456
|
key: getKey(item),
|
|
1457
1457
|
class: normalizeClass(["hover:shadow-lg transition-all duration-200", {
|
|
1458
1458
|
"ring-2 ring-primary": isSelected(item)
|
|
1459
1459
|
}])
|
|
1460
1460
|
}, {
|
|
1461
1461
|
default: withCtx(() => [
|
|
1462
|
-
createElementVNode("div", _hoisted_5$
|
|
1462
|
+
createElementVNode("div", _hoisted_5$3, [
|
|
1463
1463
|
__props.selectable ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
|
|
1464
|
-
isSelectable(item) ? (openBlock(), createBlock(_sfc_main$
|
|
1464
|
+
isSelectable(item) ? (openBlock(), createBlock(_sfc_main$I, {
|
|
1465
1465
|
key: 0,
|
|
1466
1466
|
"model-value": isSelected(item),
|
|
1467
1467
|
"onUpdate:modelValue": ($event) => handleSelect(item)
|
|
@@ -1487,7 +1487,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
1487
1487
|
};
|
|
1488
1488
|
}
|
|
1489
1489
|
});
|
|
1490
|
-
const _sfc_main$
|
|
1490
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
1491
1491
|
__name: "ResponsiveList",
|
|
1492
1492
|
props: {
|
|
1493
1493
|
items: {},
|
|
@@ -1546,7 +1546,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1546
1546
|
const isDesktop = computed(() => breakpoints.greaterOrEqual(props.breakpoint).value);
|
|
1547
1547
|
return (_ctx, _cache) => {
|
|
1548
1548
|
return openBlock(), createElementBlock("div", null, [
|
|
1549
|
-
!isDesktop.value ? (openBlock(), createBlock(_sfc_main$
|
|
1549
|
+
!isDesktop.value ? (openBlock(), createBlock(_sfc_main$p, {
|
|
1550
1550
|
key: 0,
|
|
1551
1551
|
items: __props.items,
|
|
1552
1552
|
"key-field": __props.keyField,
|
|
@@ -1573,9 +1573,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1573
1573
|
renderSlot(_ctx.$slots, "empty")
|
|
1574
1574
|
]),
|
|
1575
1575
|
_: 3
|
|
1576
|
-
}, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (openBlock(), createBlock(_sfc_main$
|
|
1576
|
+
}, 8, ["items", "key-field", "selectable", "selected-items", "selectable-filter", "loading", "loading-items"])) : (openBlock(), createBlock(_sfc_main$G, { key: 1 }, {
|
|
1577
1577
|
default: withCtx(() => [
|
|
1578
|
-
createVNode(unref(_sfc_main$
|
|
1578
|
+
createVNode(unref(_sfc_main$q), {
|
|
1579
1579
|
items: __props.items,
|
|
1580
1580
|
properties: tableProperties.value,
|
|
1581
1581
|
"key-field": __props.keyField,
|
|
@@ -1624,14 +1624,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
1624
1624
|
};
|
|
1625
1625
|
}
|
|
1626
1626
|
});
|
|
1627
|
-
const _hoisted_1$
|
|
1627
|
+
const _hoisted_1$f = {
|
|
1628
1628
|
key: 0,
|
|
1629
1629
|
class: "mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300"
|
|
1630
1630
|
};
|
|
1631
|
-
const _hoisted_2$
|
|
1632
|
-
const _hoisted_3$
|
|
1631
|
+
const _hoisted_2$c = { class: "relative" };
|
|
1632
|
+
const _hoisted_3$7 = ["disabled", "placeholder"];
|
|
1633
1633
|
const _hoisted_4$4 = ["disabled"];
|
|
1634
|
-
const _hoisted_5$
|
|
1634
|
+
const _hoisted_5$2 = {
|
|
1635
1635
|
key: 0,
|
|
1636
1636
|
class: "px-4 py-3 text-sm text-gray-500"
|
|
1637
1637
|
};
|
|
@@ -1642,7 +1642,7 @@ const _hoisted_9$1 = {
|
|
|
1642
1642
|
key: 1,
|
|
1643
1643
|
class: "mt-1 text-sm text-red-600"
|
|
1644
1644
|
};
|
|
1645
|
-
const _sfc_main$
|
|
1645
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
1646
1646
|
__name: "AutocompleteComponent",
|
|
1647
1647
|
props: {
|
|
1648
1648
|
modelValue: {},
|
|
@@ -1744,8 +1744,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1744
1744
|
ref: containerRef,
|
|
1745
1745
|
class: "autocomplete-container"
|
|
1746
1746
|
}, [
|
|
1747
|
-
__props.label ? (openBlock(), createElementBlock("label", _hoisted_1$
|
|
1748
|
-
createElementVNode("div", _hoisted_2$
|
|
1747
|
+
__props.label ? (openBlock(), createElementBlock("label", _hoisted_1$f, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
|
|
1748
|
+
createElementVNode("div", _hoisted_2$c, [
|
|
1749
1749
|
createElementVNode("div", {
|
|
1750
1750
|
ref_key: "inputWrapperRef",
|
|
1751
1751
|
ref: inputWrapperRef,
|
|
@@ -1770,7 +1770,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1770
1770
|
type: "text",
|
|
1771
1771
|
onFocus: openDropdown,
|
|
1772
1772
|
onKeydown: handleKeydown
|
|
1773
|
-
}, null, 40, _hoisted_3$
|
|
1773
|
+
}, null, 40, _hoisted_3$7), [
|
|
1774
1774
|
[vModelText, searchQuery.value]
|
|
1775
1775
|
]),
|
|
1776
1776
|
__props.modelValue && !__props.disabled ? (openBlock(), createElementBlock("button", {
|
|
@@ -1819,7 +1819,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1819
1819
|
!__props.teleport && "absolute mt-2 w-full"
|
|
1820
1820
|
])
|
|
1821
1821
|
}, [
|
|
1822
|
-
filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
1822
|
+
filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_5$2, toDisplayString(__props.noResultsText || "No results found"), 1)) : createCommentVNode("", true),
|
|
1823
1823
|
(openBlock(true), createElementBlock(Fragment, null, renderList(filteredOptions.value, (option, index) => {
|
|
1824
1824
|
return openBlock(), createElementBlock("button", {
|
|
1825
1825
|
key: option.value,
|
|
@@ -1851,7 +1851,36 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
1851
1851
|
};
|
|
1852
1852
|
}
|
|
1853
1853
|
});
|
|
1854
|
-
const _sfc_main$
|
|
1854
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
1855
|
+
__name: "Menu",
|
|
1856
|
+
props: {
|
|
1857
|
+
variant: { default: "default" },
|
|
1858
|
+
gap: { default: "sm" },
|
|
1859
|
+
collapsed: { type: Boolean, default: false }
|
|
1860
|
+
},
|
|
1861
|
+
setup(__props) {
|
|
1862
|
+
const props = __props;
|
|
1863
|
+
provide("menuCollapsed", computed(() => props.collapsed));
|
|
1864
|
+
const gapClasses = {
|
|
1865
|
+
none: "gap-0",
|
|
1866
|
+
sm: "gap-1",
|
|
1867
|
+
md: "gap-2",
|
|
1868
|
+
lg: "gap-4"
|
|
1869
|
+
};
|
|
1870
|
+
return (_ctx, _cache) => {
|
|
1871
|
+
return openBlock(), createElementBlock("nav", {
|
|
1872
|
+
class: normalizeClass([
|
|
1873
|
+
"flex flex-col",
|
|
1874
|
+
gapClasses[__props.gap]
|
|
1875
|
+
]),
|
|
1876
|
+
role: "navigation"
|
|
1877
|
+
}, [
|
|
1878
|
+
renderSlot(_ctx.$slots, "default")
|
|
1879
|
+
], 2);
|
|
1880
|
+
};
|
|
1881
|
+
}
|
|
1882
|
+
});
|
|
1883
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
1855
1884
|
__name: "TableAction",
|
|
1856
1885
|
props: {
|
|
1857
1886
|
link: {},
|
|
@@ -1920,10 +1949,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
1920
1949
|
};
|
|
1921
1950
|
}
|
|
1922
1951
|
});
|
|
1923
|
-
const _hoisted_1$
|
|
1924
|
-
const _hoisted_2$
|
|
1925
|
-
const _hoisted_3$
|
|
1926
|
-
const _sfc_main$
|
|
1952
|
+
const _hoisted_1$e = { class: "relative inline-block" };
|
|
1953
|
+
const _hoisted_2$b = ["src", "alt"];
|
|
1954
|
+
const _hoisted_3$6 = { key: 1 };
|
|
1955
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
1927
1956
|
__name: "Avatar",
|
|
1928
1957
|
props: {
|
|
1929
1958
|
src: {},
|
|
@@ -2028,7 +2057,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2028
2057
|
});
|
|
2029
2058
|
const showImage = computed(() => props.src && !imageError.value);
|
|
2030
2059
|
return (_ctx, _cache) => {
|
|
2031
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
2060
|
+
return openBlock(), createElementBlock("div", _hoisted_1$e, [
|
|
2032
2061
|
createElementVNode("div", {
|
|
2033
2062
|
class: normalizeClass([
|
|
2034
2063
|
"flex items-center justify-center overflow-hidden font-medium",
|
|
@@ -2043,7 +2072,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2043
2072
|
alt: __props.alt || __props.name,
|
|
2044
2073
|
class: "size-full object-cover",
|
|
2045
2074
|
onError: _cache[0] || (_cache[0] = ($event) => imageError.value = true)
|
|
2046
|
-
}, null, 40, _hoisted_2$
|
|
2075
|
+
}, null, 40, _hoisted_2$b)) : initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$6, toDisplayString(initials.value), 1)) : (openBlock(), createBlock(unref(Icon), {
|
|
2047
2076
|
key: 2,
|
|
2048
2077
|
icon: "lucide:user",
|
|
2049
2078
|
class: "size-1/2"
|
|
@@ -2061,9 +2090,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
2061
2090
|
};
|
|
2062
2091
|
}
|
|
2063
2092
|
});
|
|
2064
|
-
const _hoisted_1$
|
|
2065
|
-
const _hoisted_2$
|
|
2066
|
-
const _sfc_main$
|
|
2093
|
+
const _hoisted_1$d = ["aria-selected", "disabled", "onClick"];
|
|
2094
|
+
const _hoisted_2$a = { class: "mt-4" };
|
|
2095
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
2067
2096
|
__name: "Tabs",
|
|
2068
2097
|
props: {
|
|
2069
2098
|
tabs: {},
|
|
@@ -2128,18 +2157,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
2128
2157
|
activeTab.value === tab.key ? variantClasses[__props.variant].active : variantClasses[__props.variant].inactive
|
|
2129
2158
|
]),
|
|
2130
2159
|
onClick: ($event) => selectTab(tab)
|
|
2131
|
-
}, toDisplayString(tab.label), 11, _hoisted_1$
|
|
2160
|
+
}, toDisplayString(tab.label), 11, _hoisted_1$d);
|
|
2132
2161
|
}), 128))
|
|
2133
2162
|
], 2),
|
|
2134
|
-
createElementVNode("div", _hoisted_2$
|
|
2163
|
+
createElementVNode("div", _hoisted_2$a, [
|
|
2135
2164
|
renderSlot(_ctx.$slots, "default", { activeTab: activeTab.value })
|
|
2136
2165
|
])
|
|
2137
2166
|
]);
|
|
2138
2167
|
};
|
|
2139
2168
|
}
|
|
2140
2169
|
});
|
|
2141
|
-
const _hoisted_1$
|
|
2142
|
-
const _sfc_main$
|
|
2170
|
+
const _hoisted_1$c = { role: "tabpanel" };
|
|
2171
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
2143
2172
|
__name: "TabPanel",
|
|
2144
2173
|
props: {
|
|
2145
2174
|
value: {}
|
|
@@ -2149,7 +2178,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2149
2178
|
const activeTab = inject("activeTab");
|
|
2150
2179
|
const isActive = computed(() => (activeTab == null ? void 0 : activeTab.value) === props.value);
|
|
2151
2180
|
return (_ctx, _cache) => {
|
|
2152
|
-
return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$
|
|
2181
|
+
return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
2153
2182
|
renderSlot(_ctx.$slots, "default")
|
|
2154
2183
|
], 512)), [
|
|
2155
2184
|
[vShow, isActive.value]
|
|
@@ -2157,11 +2186,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
2157
2186
|
};
|
|
2158
2187
|
}
|
|
2159
2188
|
});
|
|
2160
|
-
const _hoisted_1$
|
|
2189
|
+
const _hoisted_1$b = {
|
|
2161
2190
|
key: 2,
|
|
2162
2191
|
class: "text-sm font-semibold"
|
|
2163
2192
|
};
|
|
2164
|
-
const _sfc_main$
|
|
2193
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
2165
2194
|
__name: "Stepper",
|
|
2166
2195
|
props: {
|
|
2167
2196
|
steps: {},
|
|
@@ -2230,7 +2259,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2230
2259
|
key: 1,
|
|
2231
2260
|
icon: step.icon,
|
|
2232
2261
|
class: "size-6"
|
|
2233
|
-
}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$
|
|
2262
|
+
}, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(index + 1), 1))
|
|
2234
2263
|
], 2),
|
|
2235
2264
|
createElementVNode("div", {
|
|
2236
2265
|
class: normalizeClass([
|
|
@@ -2258,7 +2287,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
|
2258
2287
|
};
|
|
2259
2288
|
}
|
|
2260
2289
|
});
|
|
2261
|
-
const _sfc_main$
|
|
2290
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
2262
2291
|
__name: "CollapsibleCard",
|
|
2263
2292
|
props: {
|
|
2264
2293
|
title: {},
|
|
@@ -2276,7 +2305,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
2276
2305
|
};
|
|
2277
2306
|
const hasCustomHeader = () => !!slots.header;
|
|
2278
2307
|
return (_ctx, _cache) => {
|
|
2279
|
-
return openBlock(), createBlock(_sfc_main$
|
|
2308
|
+
return openBlock(), createBlock(_sfc_main$G, null, createSlots({
|
|
2280
2309
|
default: withCtx(() => [
|
|
2281
2310
|
createVNode(Transition, {
|
|
2282
2311
|
"enter-active-class": "transition-all duration-200 ease-out",
|
|
@@ -2354,9 +2383,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
2354
2383
|
};
|
|
2355
2384
|
}
|
|
2356
2385
|
});
|
|
2357
|
-
const _hoisted_1$
|
|
2358
|
-
const _hoisted_2$
|
|
2359
|
-
const _sfc_main$
|
|
2386
|
+
const _hoisted_1$a = ["aria-describedby"];
|
|
2387
|
+
const _hoisted_2$9 = ["id"];
|
|
2388
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
2360
2389
|
__name: "Tooltip",
|
|
2361
2390
|
props: {
|
|
2362
2391
|
content: {},
|
|
@@ -2427,17 +2456,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
2427
2456
|
id: unref(tooltipId),
|
|
2428
2457
|
class: normalizeClass(positionClasses.value),
|
|
2429
2458
|
role: "tooltip"
|
|
2430
|
-
}, toDisplayString(__props.content), 11, _hoisted_2$
|
|
2459
|
+
}, toDisplayString(__props.content), 11, _hoisted_2$9)) : createCommentVNode("", true)
|
|
2431
2460
|
]),
|
|
2432
2461
|
_: 1
|
|
2433
2462
|
})
|
|
2434
|
-
], 40, _hoisted_1$
|
|
2463
|
+
], 40, _hoisted_1$a);
|
|
2435
2464
|
};
|
|
2436
2465
|
}
|
|
2437
2466
|
});
|
|
2438
|
-
const _hoisted_1$
|
|
2439
|
-
const _hoisted_2$
|
|
2440
|
-
const _sfc_main$
|
|
2467
|
+
const _hoisted_1$9 = ["id", "aria-expanded", "aria-controls"];
|
|
2468
|
+
const _hoisted_2$8 = ["id", "aria-labelledby"];
|
|
2469
|
+
const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
2441
2470
|
__name: "Popover",
|
|
2442
2471
|
props: {
|
|
2443
2472
|
position: { default: "bottom" },
|
|
@@ -2493,7 +2522,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2493
2522
|
onClick: handleTrigger
|
|
2494
2523
|
}, [
|
|
2495
2524
|
renderSlot(_ctx.$slots, "trigger")
|
|
2496
|
-
], 8, _hoisted_1$
|
|
2525
|
+
], 8, _hoisted_1$9),
|
|
2497
2526
|
(openBlock(), createBlock(Teleport, {
|
|
2498
2527
|
to: "body",
|
|
2499
2528
|
disabled: !__props.teleport
|
|
@@ -2521,7 +2550,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2521
2550
|
])
|
|
2522
2551
|
}, [
|
|
2523
2552
|
renderSlot(_ctx.$slots, "default", { close: unref(close) })
|
|
2524
|
-
], 14, _hoisted_2$
|
|
2553
|
+
], 14, _hoisted_2$8)) : createCommentVNode("", true)
|
|
2525
2554
|
]),
|
|
2526
2555
|
_: 3
|
|
2527
2556
|
})
|
|
@@ -2530,23 +2559,28 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
2530
2559
|
};
|
|
2531
2560
|
}
|
|
2532
2561
|
});
|
|
2533
|
-
const _hoisted_1$
|
|
2562
|
+
const _hoisted_1$8 = {
|
|
2534
2563
|
key: 0,
|
|
2535
2564
|
class: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700"
|
|
2536
2565
|
};
|
|
2537
|
-
const _hoisted_2$
|
|
2538
|
-
const _hoisted_3$
|
|
2539
|
-
|
|
2566
|
+
const _hoisted_2$7 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
|
|
2567
|
+
const _hoisted_3$5 = {
|
|
2568
|
+
key: 0,
|
|
2569
|
+
class: "mt-1 text-sm text-gray-500 dark:text-gray-400"
|
|
2570
|
+
};
|
|
2571
|
+
const _hoisted_4$3 = { class: "flex-1 overflow-y-auto p-4" };
|
|
2572
|
+
const _hoisted_5$1 = {
|
|
2540
2573
|
key: 1,
|
|
2541
2574
|
class: "px-4 py-3 border-t border-gray-200 dark:border-gray-700"
|
|
2542
2575
|
};
|
|
2543
|
-
const _sfc_main$
|
|
2576
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
2544
2577
|
__name: "Drawer",
|
|
2545
2578
|
props: {
|
|
2546
2579
|
modelValue: { type: Boolean },
|
|
2547
2580
|
position: { default: "right" },
|
|
2548
2581
|
size: { default: "md" },
|
|
2549
2582
|
title: {},
|
|
2583
|
+
description: {},
|
|
2550
2584
|
showClose: { type: Boolean, default: true },
|
|
2551
2585
|
closeOnOverlay: { type: Boolean, default: true },
|
|
2552
2586
|
closeOnEscape: { type: Boolean, default: true },
|
|
@@ -2659,9 +2693,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2659
2693
|
role: "dialog",
|
|
2660
2694
|
"aria-modal": "true"
|
|
2661
2695
|
}, [
|
|
2662
|
-
__props.title || __props.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2696
|
+
__props.title || __props.showClose || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
|
|
2663
2697
|
renderSlot(_ctx.$slots, "header", {}, () => [
|
|
2664
|
-
createElementVNode("
|
|
2698
|
+
createElementVNode("div", null, [
|
|
2699
|
+
createElementVNode("h2", _hoisted_2$7, toDisplayString(__props.title), 1),
|
|
2700
|
+
__props.description ? (openBlock(), createElementBlock("p", _hoisted_3$5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
|
|
2701
|
+
])
|
|
2665
2702
|
]),
|
|
2666
2703
|
__props.showClose ? (openBlock(), createElementBlock("button", {
|
|
2667
2704
|
key: 0,
|
|
@@ -2675,10 +2712,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2675
2712
|
})
|
|
2676
2713
|
])) : createCommentVNode("", true)
|
|
2677
2714
|
])) : createCommentVNode("", true),
|
|
2678
|
-
createElementVNode("div",
|
|
2715
|
+
createElementVNode("div", _hoisted_4$3, [
|
|
2679
2716
|
renderSlot(_ctx.$slots, "default")
|
|
2680
2717
|
]),
|
|
2681
|
-
_ctx.$slots.footer ? (openBlock(), createElementBlock("div",
|
|
2718
|
+
_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
|
|
2682
2719
|
renderSlot(_ctx.$slots, "footer")
|
|
2683
2720
|
])) : createCommentVNode("", true)
|
|
2684
2721
|
], 2)) : createCommentVNode("", true)
|
|
@@ -2689,9 +2726,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
2689
2726
|
};
|
|
2690
2727
|
}
|
|
2691
2728
|
});
|
|
2692
|
-
const _hoisted_1$
|
|
2693
|
-
const _hoisted_2$
|
|
2694
|
-
const _sfc_main$
|
|
2729
|
+
const _hoisted_1$7 = { "aria-label": "Breadcrumb" };
|
|
2730
|
+
const _hoisted_2$6 = { class: "flex items-center flex-wrap gap-1 text-sm" };
|
|
2731
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
2695
2732
|
__name: "Breadcrumb",
|
|
2696
2733
|
props: {
|
|
2697
2734
|
items: {},
|
|
@@ -2702,8 +2739,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2702
2739
|
emits: ["click"],
|
|
2703
2740
|
setup(__props) {
|
|
2704
2741
|
return (_ctx, _cache) => {
|
|
2705
|
-
return openBlock(), createElementBlock("nav", _hoisted_1$
|
|
2706
|
-
createElementVNode("ol", _hoisted_2$
|
|
2742
|
+
return openBlock(), createElementBlock("nav", _hoisted_1$7, [
|
|
2743
|
+
createElementVNode("ol", _hoisted_2$6, [
|
|
2707
2744
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
|
|
2708
2745
|
return openBlock(), createElementBlock("li", {
|
|
2709
2746
|
key: index,
|
|
@@ -2745,8 +2782,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
2745
2782
|
};
|
|
2746
2783
|
}
|
|
2747
2784
|
});
|
|
2748
|
-
const _hoisted_1$
|
|
2749
|
-
const _sfc_main$
|
|
2785
|
+
const _hoisted_1$6 = { class: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden" };
|
|
2786
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
2750
2787
|
__name: "Accordion",
|
|
2751
2788
|
props: {
|
|
2752
2789
|
mode: { default: "single" },
|
|
@@ -2772,17 +2809,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
2772
2809
|
isOpen
|
|
2773
2810
|
});
|
|
2774
2811
|
return (_ctx, _cache) => {
|
|
2775
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
2812
|
+
return openBlock(), createElementBlock("div", _hoisted_1$6, [
|
|
2776
2813
|
renderSlot(_ctx.$slots, "default")
|
|
2777
2814
|
]);
|
|
2778
2815
|
};
|
|
2779
2816
|
}
|
|
2780
2817
|
});
|
|
2781
|
-
const _hoisted_1$
|
|
2782
|
-
const _hoisted_2$
|
|
2783
|
-
const _hoisted_3$
|
|
2818
|
+
const _hoisted_1$5 = ["id", "disabled", "aria-expanded", "aria-controls"];
|
|
2819
|
+
const _hoisted_2$5 = { class: "flex items-center gap-2 font-medium" };
|
|
2820
|
+
const _hoisted_3$4 = ["id", "aria-labelledby"];
|
|
2784
2821
|
const _hoisted_4$2 = { class: "px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300" };
|
|
2785
|
-
const _sfc_main$
|
|
2822
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
2786
2823
|
__name: "AccordionItem",
|
|
2787
2824
|
props: {
|
|
2788
2825
|
itemKey: {},
|
|
@@ -2816,7 +2853,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2816
2853
|
"aria-controls": panelId.value,
|
|
2817
2854
|
onClick: toggle
|
|
2818
2855
|
}, [
|
|
2819
|
-
createElementVNode("span", _hoisted_2$
|
|
2856
|
+
createElementVNode("span", _hoisted_2$5, [
|
|
2820
2857
|
__props.icon ? (openBlock(), createBlock(unref(Icon), {
|
|
2821
2858
|
key: 0,
|
|
2822
2859
|
icon: __props.icon,
|
|
@@ -2830,7 +2867,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2830
2867
|
class: normalizeClass(["size-5 transition-transform duration-200", { "rotate-180": isOpen.value }]),
|
|
2831
2868
|
"aria-hidden": "true"
|
|
2832
2869
|
}, null, 8, ["class"])
|
|
2833
|
-
], 10, _hoisted_1$
|
|
2870
|
+
], 10, _hoisted_1$5),
|
|
2834
2871
|
createVNode(Transition, {
|
|
2835
2872
|
"enter-active-class": "transition-all duration-200 ease-out",
|
|
2836
2873
|
"enter-from-class": "opacity-0 max-h-0",
|
|
@@ -2849,7 +2886,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2849
2886
|
createElementVNode("div", _hoisted_4$2, [
|
|
2850
2887
|
renderSlot(_ctx.$slots, "default")
|
|
2851
2888
|
])
|
|
2852
|
-
], 8, _hoisted_3$
|
|
2889
|
+
], 8, _hoisted_3$4), [
|
|
2853
2890
|
[vShow, isOpen.value]
|
|
2854
2891
|
])
|
|
2855
2892
|
]),
|
|
@@ -2859,12 +2896,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
2859
2896
|
};
|
|
2860
2897
|
}
|
|
2861
2898
|
});
|
|
2862
|
-
const _hoisted_1$
|
|
2899
|
+
const _hoisted_1$4 = {
|
|
2863
2900
|
key: 0,
|
|
2864
2901
|
class: "relative"
|
|
2865
2902
|
};
|
|
2866
|
-
const _hoisted_2$
|
|
2867
|
-
const _hoisted_3$
|
|
2903
|
+
const _hoisted_2$4 = { class: "flex items-start gap-4" };
|
|
2904
|
+
const _hoisted_3$3 = { class: "flex-1 min-w-0 pt-0.5" };
|
|
2868
2905
|
const _hoisted_4$1 = { class: "flex items-center justify-between gap-2" };
|
|
2869
2906
|
const _hoisted_5 = { class: "text-sm font-medium text-gray-900 dark:text-white" };
|
|
2870
2907
|
const _hoisted_6 = {
|
|
@@ -2886,7 +2923,7 @@ const _hoisted_12 = {
|
|
|
2886
2923
|
key: 0,
|
|
2887
2924
|
class: "text-xs text-gray-500 dark:text-gray-400"
|
|
2888
2925
|
};
|
|
2889
|
-
const _sfc_main$
|
|
2926
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
2890
2927
|
__name: "Timeline",
|
|
2891
2928
|
props: {
|
|
2892
2929
|
items: {},
|
|
@@ -2932,7 +2969,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2932
2969
|
}
|
|
2933
2970
|
};
|
|
2934
2971
|
return (_ctx, _cache) => {
|
|
2935
|
-
return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
2972
|
+
return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
|
|
2936
2973
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
|
|
2937
2974
|
return openBlock(), createElementBlock("div", {
|
|
2938
2975
|
key: item.key,
|
|
@@ -2942,7 +2979,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2942
2979
|
key: 0,
|
|
2943
2980
|
class: normalizeClass(["absolute left-4 top-8 w-0.5 h-full -ml-px", getStatusClasses(item.status).line])
|
|
2944
2981
|
}, null, 2)) : createCommentVNode("", true),
|
|
2945
|
-
createElementVNode("div", _hoisted_2$
|
|
2982
|
+
createElementVNode("div", _hoisted_2$4, [
|
|
2946
2983
|
createElementVNode("div", {
|
|
2947
2984
|
class: normalizeClass(["relative z-10 flex items-center justify-center size-8 rounded-full shrink-0", getStatusClasses(item.status).dot])
|
|
2948
2985
|
}, [
|
|
@@ -2952,7 +2989,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2952
2989
|
class: normalizeClass(["size-4", getStatusClasses(item.status).icon])
|
|
2953
2990
|
}, null, 8, ["icon", "class"])) : createCommentVNode("", true)
|
|
2954
2991
|
], 2),
|
|
2955
|
-
createElementVNode("div", _hoisted_3$
|
|
2992
|
+
createElementVNode("div", _hoisted_3$3, [
|
|
2956
2993
|
createElementVNode("div", _hoisted_4$1, [
|
|
2957
2994
|
createElementVNode("h3", _hoisted_5, toDisplayString(item.title), 1),
|
|
2958
2995
|
item.date ? (openBlock(), createElementBlock("time", _hoisted_6, toDisplayString(item.date), 1)) : createCommentVNode("", true)
|
|
@@ -2994,12 +3031,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2994
3031
|
};
|
|
2995
3032
|
}
|
|
2996
3033
|
});
|
|
2997
|
-
const _hoisted_1$
|
|
2998
|
-
const _hoisted_2$
|
|
3034
|
+
const _hoisted_1$3 = ["aria-label"];
|
|
3035
|
+
const _hoisted_2$3 = {
|
|
2999
3036
|
key: 0,
|
|
3000
3037
|
class: "text-sm font-medium"
|
|
3001
3038
|
};
|
|
3002
|
-
const _sfc_main$
|
|
3039
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
3003
3040
|
__name: "DarkModeToggle",
|
|
3004
3041
|
props: {
|
|
3005
3042
|
size: { default: "md" },
|
|
@@ -3034,25 +3071,25 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
3034
3071
|
icon: unref(isDark) ? __props.darkIcon : __props.lightIcon,
|
|
3035
3072
|
class: normalizeClass(sizeClasses[__props.size].icon)
|
|
3036
3073
|
}, null, 8, ["icon", "class"]),
|
|
3037
|
-
__props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
3038
|
-
], 10, _hoisted_1$
|
|
3074
|
+
__props.showLabel ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(unref(isDark) ? "Dark" : "Light"), 1)) : createCommentVNode("", true)
|
|
3075
|
+
], 10, _hoisted_1$3);
|
|
3039
3076
|
};
|
|
3040
3077
|
}
|
|
3041
3078
|
});
|
|
3042
|
-
const _hoisted_1$
|
|
3079
|
+
const _hoisted_1$2 = {
|
|
3043
3080
|
key: 0,
|
|
3044
3081
|
class: "mr-0.5"
|
|
3045
3082
|
};
|
|
3046
|
-
const _hoisted_2$
|
|
3083
|
+
const _hoisted_2$2 = {
|
|
3047
3084
|
key: 1,
|
|
3048
3085
|
class: "ml-0.5"
|
|
3049
3086
|
};
|
|
3050
|
-
const _hoisted_3$
|
|
3087
|
+
const _hoisted_3$2 = { key: 1 };
|
|
3051
3088
|
const _hoisted_4 = {
|
|
3052
3089
|
key: 2,
|
|
3053
3090
|
class: "text-gray-400"
|
|
3054
3091
|
};
|
|
3055
|
-
const _sfc_main$
|
|
3092
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
3056
3093
|
__name: "StatItem",
|
|
3057
3094
|
props: {
|
|
3058
3095
|
label: {},
|
|
@@ -3289,7 +3326,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3289
3326
|
return `flex flex-col flex-1 min-w-0 ${sizeClasses.value.gap}`;
|
|
3290
3327
|
});
|
|
3291
3328
|
return (_ctx, _cache) => {
|
|
3292
|
-
return openBlock(), createBlock(_sfc_main$
|
|
3329
|
+
return openBlock(), createBlock(_sfc_main$F, {
|
|
3293
3330
|
variant: cardVariant.value,
|
|
3294
3331
|
padding: sizeClasses.value.padding,
|
|
3295
3332
|
clickable: __props.clickable,
|
|
@@ -3306,19 +3343,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3306
3343
|
key: 0,
|
|
3307
3344
|
class: normalizeClass(layoutClasses.value)
|
|
3308
3345
|
}, [
|
|
3309
|
-
__props.icon ? (openBlock(), createBlock(_sfc_main$
|
|
3346
|
+
__props.icon ? (openBlock(), createBlock(_sfc_main$R, {
|
|
3310
3347
|
key: 0,
|
|
3311
3348
|
class: normalizeClass([sizeClasses.value.icon, iconRoundedClasses.value, iconMarginClasses.value])
|
|
3312
3349
|
}, null, 8, ["class"])) : createCommentVNode("", true),
|
|
3313
3350
|
createElementVNode("div", {
|
|
3314
3351
|
class: normalizeClass(computedContentClasses.value)
|
|
3315
3352
|
}, [
|
|
3316
|
-
createVNode(_sfc_main$
|
|
3353
|
+
createVNode(_sfc_main$R, {
|
|
3317
3354
|
class: normalizeClass(sizeClasses.value.value),
|
|
3318
3355
|
width: "60%",
|
|
3319
3356
|
height: "1.5em"
|
|
3320
3357
|
}, null, 8, ["class"]),
|
|
3321
|
-
createVNode(_sfc_main$
|
|
3358
|
+
createVNode(_sfc_main$R, {
|
|
3322
3359
|
class: normalizeClass(sizeClasses.value.label),
|
|
3323
3360
|
width: "80%",
|
|
3324
3361
|
height: "1em"
|
|
@@ -3361,9 +3398,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3361
3398
|
class: normalizeClass([sizeClasses.value.value, valueTextClasses.value, __props.valueClass])
|
|
3362
3399
|
}, [
|
|
3363
3400
|
renderSlot(_ctx.$slots, "value", {}, () => [
|
|
3364
|
-
__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
3401
|
+
__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$2, toDisplayString(__props.prefix), 1)) : createCommentVNode("", true),
|
|
3365
3402
|
createTextVNode(" " + toDisplayString(__props.value) + " ", 1),
|
|
3366
|
-
__props.suffix ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
3403
|
+
__props.suffix ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(__props.suffix), 1)) : createCommentVNode("", true)
|
|
3367
3404
|
])
|
|
3368
3405
|
], 2),
|
|
3369
3406
|
!__props.labelFirst ? (openBlock(), createElementBlock("div", {
|
|
@@ -3396,7 +3433,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3396
3433
|
icon: trendIcon.value,
|
|
3397
3434
|
class: "size-3.5"
|
|
3398
3435
|
}, null, 8, ["icon"])) : createCommentVNode("", true),
|
|
3399
|
-
!__props.trendOnly && __props.change !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
3436
|
+
!__props.trendOnly && __props.change !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(__props.change >= 0 ? "+" : "") + toDisplayString(__props.change) + "% ", 1)) : createCommentVNode("", true),
|
|
3400
3437
|
__props.changeLabel ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.changeLabel), 1)) : createCommentVNode("", true)
|
|
3401
3438
|
], 2)) : createCommentVNode("", true)
|
|
3402
3439
|
], 2)
|
|
@@ -3408,7 +3445,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
3408
3445
|
};
|
|
3409
3446
|
}
|
|
3410
3447
|
});
|
|
3411
|
-
const _sfc_main$
|
|
3448
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
3412
3449
|
__name: "Stats",
|
|
3413
3450
|
props: {
|
|
3414
3451
|
stats: {},
|
|
@@ -3468,7 +3505,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
3468
3505
|
]])
|
|
3469
3506
|
}, [
|
|
3470
3507
|
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.stats, (stat, index) => {
|
|
3471
|
-
return openBlock(), createBlock(_sfc_main$
|
|
3508
|
+
return openBlock(), createBlock(_sfc_main$7, {
|
|
3472
3509
|
key: index,
|
|
3473
3510
|
label: stat.label,
|
|
3474
3511
|
value: stat.value,
|
|
@@ -3509,10 +3546,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
3509
3546
|
};
|
|
3510
3547
|
}
|
|
3511
3548
|
});
|
|
3512
|
-
const _hoisted_1 = ["disabled", "onClick"];
|
|
3513
|
-
const _hoisted_2 = ["disabled", "onClick"];
|
|
3514
|
-
const _hoisted_3 = ["disabled", "onClick"];
|
|
3515
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3549
|
+
const _hoisted_1$1 = ["disabled", "onClick"];
|
|
3550
|
+
const _hoisted_2$1 = ["disabled", "onClick"];
|
|
3551
|
+
const _hoisted_3$1 = ["disabled", "onClick"];
|
|
3552
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
3516
3553
|
__name: "FilterTabs",
|
|
3517
3554
|
props: /* @__PURE__ */ mergeModels({
|
|
3518
3555
|
options: {},
|
|
@@ -3563,7 +3600,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3563
3600
|
modelValue.value === option.key ? "bg-white/20 text-white" : "bg-gray-100 dark:bg-slate-700 text-gray-600 dark:text-gray-400"
|
|
3564
3601
|
])
|
|
3565
3602
|
}, toDisplayString(option.count), 3)) : createCommentVNode("", true)
|
|
3566
|
-
], 10, _hoisted_1);
|
|
3603
|
+
], 10, _hoisted_1$1);
|
|
3567
3604
|
}), 128))
|
|
3568
3605
|
], 2)) : __props.variant === "underline" ? (openBlock(), createElementBlock("div", {
|
|
3569
3606
|
key: 1,
|
|
@@ -3601,7 +3638,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3601
3638
|
modelValue.value === option.key ? "bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400" : "bg-gray-100 dark:bg-slate-700 text-gray-500"
|
|
3602
3639
|
])
|
|
3603
3640
|
}, toDisplayString(option.count), 3)) : createCommentVNode("", true)
|
|
3604
|
-
], 10, _hoisted_2);
|
|
3641
|
+
], 10, _hoisted_2$1);
|
|
3605
3642
|
}), 128))
|
|
3606
3643
|
], 2)) : __props.variant === "boxed" ? (openBlock(), createElementBlock("div", {
|
|
3607
3644
|
key: 2,
|
|
@@ -3639,50 +3676,269 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
3639
3676
|
modelValue.value === option.key ? "bg-gray-100 dark:bg-slate-600 text-gray-600 dark:text-gray-300" : "bg-gray-200 dark:bg-slate-700 text-gray-500 dark:text-gray-400"
|
|
3640
3677
|
])
|
|
3641
3678
|
}, toDisplayString(option.count), 3)) : createCommentVNode("", true)
|
|
3642
|
-
], 10, _hoisted_3);
|
|
3679
|
+
], 10, _hoisted_3$1);
|
|
3643
3680
|
}), 128))
|
|
3644
3681
|
], 2)) : createCommentVNode("", true);
|
|
3645
3682
|
};
|
|
3646
3683
|
}
|
|
3647
3684
|
});
|
|
3685
|
+
const _hoisted_1 = ["aria-orientation"];
|
|
3686
|
+
const _hoisted_2 = ["aria-orientation"];
|
|
3687
|
+
const _hoisted_3 = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 whitespace-nowrap" };
|
|
3688
|
+
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
3689
|
+
__name: "Divider",
|
|
3690
|
+
props: {
|
|
3691
|
+
orientation: { default: "horizontal" },
|
|
3692
|
+
variant: { default: "solid" },
|
|
3693
|
+
size: { default: "md" },
|
|
3694
|
+
class: {},
|
|
3695
|
+
label: {},
|
|
3696
|
+
color: { default: "default" }
|
|
3697
|
+
},
|
|
3698
|
+
setup(__props) {
|
|
3699
|
+
const props = __props;
|
|
3700
|
+
const sizeClasses = {
|
|
3701
|
+
horizontal: {
|
|
3702
|
+
sm: "h-px",
|
|
3703
|
+
md: "h-0.5",
|
|
3704
|
+
lg: "h-1"
|
|
3705
|
+
},
|
|
3706
|
+
vertical: {
|
|
3707
|
+
sm: "w-px",
|
|
3708
|
+
md: "w-0.5",
|
|
3709
|
+
lg: "w-1"
|
|
3710
|
+
}
|
|
3711
|
+
};
|
|
3712
|
+
const variantClasses = {
|
|
3713
|
+
solid: "",
|
|
3714
|
+
dashed: "border-dashed",
|
|
3715
|
+
dotted: "border-dotted"
|
|
3716
|
+
};
|
|
3717
|
+
const colorClasses = {
|
|
3718
|
+
default: "bg-gray-200 dark:bg-gray-700",
|
|
3719
|
+
primary: "bg-primary-200 dark:bg-primary-800",
|
|
3720
|
+
muted: "bg-gray-100 dark:bg-gray-800"
|
|
3721
|
+
};
|
|
3722
|
+
return (_ctx, _cache) => {
|
|
3723
|
+
return !__props.label ? (openBlock(), createElementBlock("div", {
|
|
3724
|
+
key: 0,
|
|
3725
|
+
class: normalizeClass([
|
|
3726
|
+
colorClasses[__props.color],
|
|
3727
|
+
__props.orientation === "vertical" ? ["h-full mx-2", sizeClasses.vertical[__props.size]] : ["w-full my-2", sizeClasses.horizontal[__props.size]],
|
|
3728
|
+
__props.variant !== "solid" && `border-0 border-t ${variantClasses[__props.variant]}`,
|
|
3729
|
+
props.class
|
|
3730
|
+
]),
|
|
3731
|
+
role: "separator",
|
|
3732
|
+
"aria-orientation": __props.orientation
|
|
3733
|
+
}, null, 10, _hoisted_1)) : (openBlock(), createElementBlock("div", {
|
|
3734
|
+
key: 1,
|
|
3735
|
+
class: normalizeClass([
|
|
3736
|
+
"flex items-center gap-3",
|
|
3737
|
+
__props.orientation === "vertical" ? "flex-col h-full mx-2" : "w-full my-2",
|
|
3738
|
+
props.class
|
|
3739
|
+
]),
|
|
3740
|
+
role: "separator",
|
|
3741
|
+
"aria-orientation": __props.orientation
|
|
3742
|
+
}, [
|
|
3743
|
+
createElementVNode("div", {
|
|
3744
|
+
class: normalizeClass([
|
|
3745
|
+
colorClasses[__props.color],
|
|
3746
|
+
__props.orientation === "vertical" ? ["flex-1", sizeClasses.vertical[__props.size]] : ["flex-1", sizeClasses.horizontal[__props.size]]
|
|
3747
|
+
])
|
|
3748
|
+
}, null, 2),
|
|
3749
|
+
createElementVNode("span", _hoisted_3, toDisplayString(__props.label), 1),
|
|
3750
|
+
createElementVNode("div", {
|
|
3751
|
+
class: normalizeClass([
|
|
3752
|
+
colorClasses[__props.color],
|
|
3753
|
+
__props.orientation === "vertical" ? ["flex-1", sizeClasses.vertical[__props.size]] : ["flex-1", sizeClasses.horizontal[__props.size]]
|
|
3754
|
+
])
|
|
3755
|
+
}, null, 2)
|
|
3756
|
+
], 10, _hoisted_2));
|
|
3757
|
+
};
|
|
3758
|
+
}
|
|
3759
|
+
});
|
|
3760
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
3761
|
+
__name: "DataListLabel",
|
|
3762
|
+
props: {
|
|
3763
|
+
size: { default: "md" },
|
|
3764
|
+
class: {}
|
|
3765
|
+
},
|
|
3766
|
+
setup(__props) {
|
|
3767
|
+
const props = __props;
|
|
3768
|
+
const sizeClasses = {
|
|
3769
|
+
sm: "text-xs",
|
|
3770
|
+
md: "text-sm",
|
|
3771
|
+
lg: "text-base"
|
|
3772
|
+
};
|
|
3773
|
+
return (_ctx, _cache) => {
|
|
3774
|
+
return openBlock(), createElementBlock("dt", {
|
|
3775
|
+
class: normalizeClass([
|
|
3776
|
+
"font-medium text-gray-900 dark:text-gray-100",
|
|
3777
|
+
sizeClasses[__props.size],
|
|
3778
|
+
props.class
|
|
3779
|
+
])
|
|
3780
|
+
}, [
|
|
3781
|
+
renderSlot(_ctx.$slots, "default")
|
|
3782
|
+
], 2);
|
|
3783
|
+
};
|
|
3784
|
+
}
|
|
3785
|
+
});
|
|
3786
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
3787
|
+
__name: "DataListValue",
|
|
3788
|
+
props: {
|
|
3789
|
+
size: { default: "md" },
|
|
3790
|
+
class: {}
|
|
3791
|
+
},
|
|
3792
|
+
setup(__props) {
|
|
3793
|
+
const props = __props;
|
|
3794
|
+
const sizeClasses = {
|
|
3795
|
+
sm: "text-xs",
|
|
3796
|
+
md: "text-sm",
|
|
3797
|
+
lg: "text-base"
|
|
3798
|
+
};
|
|
3799
|
+
return (_ctx, _cache) => {
|
|
3800
|
+
return openBlock(), createElementBlock("dd", {
|
|
3801
|
+
class: normalizeClass([
|
|
3802
|
+
"mt-1 text-gray-700 dark:text-gray-300 col-span-2 sm:mt-0",
|
|
3803
|
+
sizeClasses[__props.size],
|
|
3804
|
+
props.class
|
|
3805
|
+
])
|
|
3806
|
+
}, [
|
|
3807
|
+
renderSlot(_ctx.$slots, "default")
|
|
3808
|
+
], 2);
|
|
3809
|
+
};
|
|
3810
|
+
}
|
|
3811
|
+
});
|
|
3812
|
+
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
3813
|
+
__name: "DataListItem",
|
|
3814
|
+
props: {
|
|
3815
|
+
label: {},
|
|
3816
|
+
value: {},
|
|
3817
|
+
size: { default: "md" },
|
|
3818
|
+
striped: { type: Boolean, default: false },
|
|
3819
|
+
class: {}
|
|
3820
|
+
},
|
|
3821
|
+
setup(__props) {
|
|
3822
|
+
const props = __props;
|
|
3823
|
+
const sizeClasses = {
|
|
3824
|
+
sm: "px-3 py-3 sm:gap-3",
|
|
3825
|
+
md: "px-4 py-4 sm:gap-4",
|
|
3826
|
+
lg: "px-6 py-6 sm:gap-6"
|
|
3827
|
+
};
|
|
3828
|
+
return (_ctx, _cache) => {
|
|
3829
|
+
return openBlock(), createElementBlock("div", {
|
|
3830
|
+
class: normalizeClass([
|
|
3831
|
+
"sm:grid sm:grid-cols-3",
|
|
3832
|
+
sizeClasses[__props.size],
|
|
3833
|
+
__props.striped && "even:bg-gray-50 dark:even:bg-gray-900",
|
|
3834
|
+
props.class
|
|
3835
|
+
])
|
|
3836
|
+
}, [
|
|
3837
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
3838
|
+
__props.label ? (openBlock(), createBlock(_sfc_main$3, {
|
|
3839
|
+
key: 0,
|
|
3840
|
+
size: __props.size
|
|
3841
|
+
}, {
|
|
3842
|
+
default: withCtx(() => [
|
|
3843
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
3844
|
+
]),
|
|
3845
|
+
_: 1
|
|
3846
|
+
}, 8, ["size"])) : createCommentVNode("", true),
|
|
3847
|
+
__props.value ? (openBlock(), createBlock(_sfc_main$2, {
|
|
3848
|
+
key: 1,
|
|
3849
|
+
size: __props.size
|
|
3850
|
+
}, {
|
|
3851
|
+
default: withCtx(() => [
|
|
3852
|
+
createTextVNode(toDisplayString(__props.value), 1)
|
|
3853
|
+
]),
|
|
3854
|
+
_: 1
|
|
3855
|
+
}, 8, ["size"])) : createCommentVNode("", true)
|
|
3856
|
+
])
|
|
3857
|
+
], 2);
|
|
3858
|
+
};
|
|
3859
|
+
}
|
|
3860
|
+
});
|
|
3861
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
3862
|
+
__name: "DataList",
|
|
3863
|
+
props: {
|
|
3864
|
+
items: { default: () => [] },
|
|
3865
|
+
size: { default: "md" },
|
|
3866
|
+
variant: { default: "default" },
|
|
3867
|
+
class: {}
|
|
3868
|
+
},
|
|
3869
|
+
setup(__props) {
|
|
3870
|
+
const props = __props;
|
|
3871
|
+
const variantClasses = {
|
|
3872
|
+
default: "divide-y divide-gray-100 dark:divide-gray-800",
|
|
3873
|
+
striped: "",
|
|
3874
|
+
bordered: "divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"
|
|
3875
|
+
};
|
|
3876
|
+
return (_ctx, _cache) => {
|
|
3877
|
+
return openBlock(), createElementBlock("dl", {
|
|
3878
|
+
class: normalizeClass([
|
|
3879
|
+
variantClasses[__props.variant],
|
|
3880
|
+
props.class
|
|
3881
|
+
])
|
|
3882
|
+
}, [
|
|
3883
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
3884
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
|
|
3885
|
+
return openBlock(), createBlock(_sfc_main$1, {
|
|
3886
|
+
key: index,
|
|
3887
|
+
label: item.label,
|
|
3888
|
+
value: item.value,
|
|
3889
|
+
size: __props.size,
|
|
3890
|
+
striped: __props.variant === "striped"
|
|
3891
|
+
}, null, 8, ["label", "value", "size", "striped"]);
|
|
3892
|
+
}), 128))
|
|
3893
|
+
])
|
|
3894
|
+
], 2);
|
|
3895
|
+
};
|
|
3896
|
+
}
|
|
3897
|
+
});
|
|
3648
3898
|
export {
|
|
3649
|
-
_sfc_main$
|
|
3650
|
-
_sfc_main$
|
|
3651
|
-
_sfc_main$
|
|
3652
|
-
_sfc_main$
|
|
3653
|
-
_sfc_main$
|
|
3654
|
-
_sfc_main$
|
|
3655
|
-
_sfc_main$
|
|
3656
|
-
_sfc_main$
|
|
3657
|
-
_sfc_main$
|
|
3658
|
-
_sfc_main as J,
|
|
3899
|
+
_sfc_main$f as A,
|
|
3900
|
+
_sfc_main$e as B,
|
|
3901
|
+
_sfc_main$d as C,
|
|
3902
|
+
_sfc_main$c as D,
|
|
3903
|
+
_sfc_main$b as E,
|
|
3904
|
+
_sfc_main$a as F,
|
|
3905
|
+
_sfc_main$9 as G,
|
|
3906
|
+
_sfc_main$8 as H,
|
|
3907
|
+
_sfc_main$7 as I,
|
|
3908
|
+
_sfc_main$6 as J,
|
|
3909
|
+
_sfc_main$5 as K,
|
|
3910
|
+
_sfc_main$4 as L,
|
|
3911
|
+
_sfc_main as M,
|
|
3912
|
+
_sfc_main$1 as N,
|
|
3913
|
+
_sfc_main$3 as O,
|
|
3914
|
+
_sfc_main$2 as P,
|
|
3659
3915
|
TableContextKey as T,
|
|
3660
|
-
_sfc_main$
|
|
3661
|
-
_sfc_main$
|
|
3662
|
-
_sfc_main$
|
|
3663
|
-
_sfc_main$
|
|
3664
|
-
_sfc_main$
|
|
3665
|
-
_sfc_main$
|
|
3666
|
-
_sfc_main$
|
|
3667
|
-
_sfc_main$
|
|
3668
|
-
_sfc_main$
|
|
3669
|
-
_sfc_main$
|
|
3670
|
-
_sfc_main$
|
|
3671
|
-
_sfc_main$
|
|
3672
|
-
_sfc_main$
|
|
3673
|
-
_sfc_main$
|
|
3674
|
-
_sfc_main$
|
|
3675
|
-
_sfc_main$
|
|
3676
|
-
_sfc_main$
|
|
3677
|
-
_sfc_main$
|
|
3678
|
-
_sfc_main$
|
|
3679
|
-
_sfc_main$
|
|
3680
|
-
_sfc_main$
|
|
3681
|
-
_sfc_main$
|
|
3682
|
-
_sfc_main$
|
|
3683
|
-
_sfc_main$
|
|
3684
|
-
_sfc_main$
|
|
3685
|
-
_sfc_main$
|
|
3686
|
-
_sfc_main$
|
|
3916
|
+
_sfc_main$G as _,
|
|
3917
|
+
_sfc_main$F as a,
|
|
3918
|
+
_sfc_main$E as b,
|
|
3919
|
+
_sfc_main$D as c,
|
|
3920
|
+
_sfc_main$C as d,
|
|
3921
|
+
_sfc_main$B as e,
|
|
3922
|
+
_sfc_main$A as f,
|
|
3923
|
+
_sfc_main$z as g,
|
|
3924
|
+
_sfc_main$y as h,
|
|
3925
|
+
_sfc_main$x as i,
|
|
3926
|
+
_sfc_main$w as j,
|
|
3927
|
+
_sfc_main$v as k,
|
|
3928
|
+
_sfc_main$u as l,
|
|
3929
|
+
_sfc_main$t as m,
|
|
3930
|
+
_sfc_main$s as n,
|
|
3931
|
+
_sfc_main$r as o,
|
|
3932
|
+
_sfc_main$q as p,
|
|
3933
|
+
_sfc_main$p as q,
|
|
3934
|
+
_sfc_main$o as r,
|
|
3935
|
+
_sfc_main$n as s,
|
|
3936
|
+
_sfc_main$m as t,
|
|
3937
|
+
_sfc_main$l as u,
|
|
3938
|
+
_sfc_main$k as v,
|
|
3939
|
+
_sfc_main$j as w,
|
|
3940
|
+
_sfc_main$i as x,
|
|
3941
|
+
_sfc_main$h as y,
|
|
3942
|
+
_sfc_main$g as z
|
|
3687
3943
|
};
|
|
3688
|
-
//# sourceMappingURL=
|
|
3944
|
+
//# sourceMappingURL=DataList.vue_vue_type_script_setup_true_lang-e5XO82_b.js.map
|