vlite3 0.8.6 → 0.8.8
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/components/Badge.vue.js +4 -4
- package/components/Button.vue.js +21 -21
- package/components/Chip/Chip.vue.d.ts +2 -2
- package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
- package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js} +1 -1
- package/components/DataTable/DataTable.vue.d.ts +2 -2
- package/components/DataTable/DataTable.vue.js +34 -11
- package/components/Empty/Empty.vue.js +51 -40
- package/components/Empty/variants/Variant1.vue.js +31 -2
- package/components/Empty/variants/Variant1.vue2.js +2 -31
- package/components/Empty/variants/Variant10.vue.js +35 -2
- package/components/Empty/variants/Variant10.vue2.js +2 -35
- package/components/Empty/variants/Variant11.vue.js +27 -2
- package/components/Empty/variants/Variant11.vue2.js +2 -27
- package/components/Empty/variants/Variant2.vue.js +31 -2
- package/components/Empty/variants/Variant2.vue2.js +2 -31
- package/components/Empty/variants/Variant3.vue.js +20 -2
- package/components/Empty/variants/Variant3.vue2.js +2 -20
- package/components/Empty/variants/Variant4.vue.js +31 -2
- package/components/Empty/variants/Variant4.vue2.js +2 -31
- package/components/Empty/variants/Variant5.vue.js +28 -2
- package/components/Empty/variants/Variant5.vue2.js +2 -28
- package/components/Empty/variants/Variant6.vue.js +31 -2
- package/components/Empty/variants/Variant6.vue2.js +2 -31
- package/components/Empty/variants/Variant7.vue.js +33 -2
- package/components/Empty/variants/Variant7.vue2.js +2 -33
- package/components/Empty/variants/Variant8.vue.js +31 -2
- package/components/Empty/variants/Variant8.vue2.js +2 -31
- package/components/Empty/variants/Variant9.vue.js +31 -2
- package/components/Empty/variants/Variant9.vue2.js +2 -31
- package/components/FilePicker/FilePicker.vue.js +12 -12
- package/components/Form/Form.vue.js +2 -2
- package/components/Form/Form.vue2.js +2 -2
- package/components/Form/FormFields.vue.js +2 -2
- package/components/Form/FormFields.vue2.js +6 -6
- package/components/NavbarCommandPalette.vue.js +1 -1
- package/components/Screen/Screen.vue.js +197 -218
- package/components/Workbook/Workbook.vue.d.ts +2 -2
- package/package.json +1 -1
- package/style.css +1 -1
package/components/Badge.vue.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as b, computed as
|
|
1
|
+
import { defineComponent as b, computed as a, openBlock as d, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
|
|
2
2
|
const p = /* @__PURE__ */ b({
|
|
3
3
|
__name: "Badge",
|
|
4
4
|
props: {
|
|
5
5
|
variant: { default: "default" },
|
|
6
|
-
size: { default: "
|
|
6
|
+
size: { default: "sm" },
|
|
7
7
|
rounded: { default: "full" },
|
|
8
8
|
class: { default: "" }
|
|
9
9
|
},
|
|
10
10
|
setup(o) {
|
|
11
|
-
const e = o, s =
|
|
11
|
+
const e = o, s = a(() => {
|
|
12
12
|
const r = {
|
|
13
13
|
xs: "px-1.5 h-5 text-[10.5px] leading-none",
|
|
14
14
|
sm: "px-2 h-6 text-xs font-medium",
|
|
@@ -33,7 +33,7 @@ const p = /* @__PURE__ */ b({
|
|
|
33
33
|
};
|
|
34
34
|
return [l, t[e.variant] || t.default, e.class].join(" ");
|
|
35
35
|
});
|
|
36
|
-
return (r, n) => (
|
|
36
|
+
return (r, n) => (d(), u("div", {
|
|
37
37
|
class: i(s.value)
|
|
38
38
|
}, [
|
|
39
39
|
c(r.$slots, "default")
|
package/components/Button.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as
|
|
1
|
+
import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as r, createBlock as u, createCommentVNode as m, renderSlot as b, createTextVNode as f, toDisplayString as x, unref as $ } from "vue";
|
|
2
2
|
import g from "./Icon.vue.js";
|
|
3
3
|
import { vRipple as j } from "../directives/vRipple.js";
|
|
4
4
|
import { $t as V } from "../utils/i18n.js";
|
|
@@ -25,7 +25,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
|
|
|
25
25
|
const t = e, a = o(() => t.textI18n ? V(t.textI18n) : t.text), v = R(), l = o(
|
|
26
26
|
() => t?.asIcon || t.icon && !a.value && !v.default
|
|
27
27
|
), p = S("buttonGroup", null), w = o(() => !!p?.isInGroup), y = o(() => {
|
|
28
|
-
const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none
|
|
28
|
+
const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus:border focus:border-primary disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
|
|
29
29
|
primary: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
30
30
|
"primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
|
|
31
31
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
@@ -77,12 +77,12 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
|
|
|
77
77
|
"2xl": "rounded-2xl",
|
|
78
78
|
full: "rounded-full"
|
|
79
79
|
};
|
|
80
|
-
let
|
|
81
|
-
return l.value ?
|
|
80
|
+
let d;
|
|
81
|
+
return l.value ? d = w.value ? k[t.size] : C[t.size] : d = z[t.size], [
|
|
82
82
|
n,
|
|
83
|
-
|
|
83
|
+
i[t.variant],
|
|
84
84
|
I[t.rounded],
|
|
85
|
-
|
|
85
|
+
d,
|
|
86
86
|
t.class
|
|
87
87
|
].join(" ");
|
|
88
88
|
}), c = o(() => {
|
|
@@ -93,7 +93,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
|
|
|
93
93
|
md: "w-4 h-4",
|
|
94
94
|
lg: "w-4 h-4",
|
|
95
95
|
xl: "w-4 h-4"
|
|
96
|
-
},
|
|
96
|
+
}, i = {
|
|
97
97
|
xs: "w-3 h-3",
|
|
98
98
|
sm: "w-4 h-4",
|
|
99
99
|
sm2: "w-4 h-4",
|
|
@@ -101,36 +101,36 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
|
|
|
101
101
|
lg: "w-4 h-4",
|
|
102
102
|
xl: "w-4 h-4"
|
|
103
103
|
};
|
|
104
|
-
return l.value ?
|
|
104
|
+
return l.value ? i[t.size] : n[t.size];
|
|
105
105
|
});
|
|
106
|
-
return (n,
|
|
106
|
+
return (n, i) => G((s(), h("button", {
|
|
107
107
|
type: e.type,
|
|
108
|
-
class:
|
|
108
|
+
class: r([y.value, "cursor-pointer"]),
|
|
109
109
|
disabled: e.disabled || e.loading
|
|
110
110
|
}, [
|
|
111
|
-
e.loading ? (s(),
|
|
111
|
+
e.loading ? (s(), u(g, {
|
|
112
112
|
key: 0,
|
|
113
113
|
icon: "lucide:loader-2",
|
|
114
|
-
class:
|
|
115
|
-
}, null, 8, ["class"])) : e.icon ? (s(),
|
|
114
|
+
class: r(["animate-spin pointer-events-none", c.value])
|
|
115
|
+
}, null, 8, ["class"])) : e.icon ? (s(), u(g, {
|
|
116
116
|
key: 1,
|
|
117
117
|
icon: e.icon,
|
|
118
|
-
class:
|
|
118
|
+
class: r(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
|
|
119
119
|
}, null, 8, ["icon", "class"])) : m("", !0),
|
|
120
120
|
e.textClass ? (s(), h("span", {
|
|
121
121
|
key: 2,
|
|
122
|
-
class:
|
|
122
|
+
class: r(e.textClass)
|
|
123
123
|
}, [
|
|
124
|
-
|
|
125
|
-
|
|
124
|
+
b(n.$slots, "default", {}, () => [
|
|
125
|
+
f(x(a.value), 1)
|
|
126
126
|
])
|
|
127
|
-
], 2)) :
|
|
128
|
-
|
|
127
|
+
], 2)) : b(n.$slots, "default", { key: 3 }, () => [
|
|
128
|
+
f(x(a.value), 1)
|
|
129
129
|
]),
|
|
130
|
-
e.iconRight && !e.loading ? (s(),
|
|
130
|
+
e.iconRight && !e.loading ? (s(), u(g, {
|
|
131
131
|
key: 4,
|
|
132
132
|
icon: e.iconRight,
|
|
133
|
-
class:
|
|
133
|
+
class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
|
|
134
134
|
}, null, 8, ["icon", "class"])) : m("", !0)
|
|
135
135
|
], 10, D)), [
|
|
136
136
|
[$(j)]
|
|
@@ -13,11 +13,11 @@ declare function __VLS_template(): {
|
|
|
13
13
|
};
|
|
14
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
15
|
declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
16
|
-
delete: (event: MouseEvent) => any;
|
|
17
16
|
click: (event: MouseEvent) => any;
|
|
17
|
+
delete: (event: MouseEvent) => any;
|
|
18
18
|
}, string, import('vue').PublicProps, Readonly<ExtendedProps> & Readonly<{
|
|
19
|
-
onDelete?: (event: MouseEvent) => any;
|
|
20
19
|
onClick?: (event: MouseEvent) => any;
|
|
20
|
+
onDelete?: (event: MouseEvent) => any;
|
|
21
21
|
}>, {
|
|
22
22
|
text: string;
|
|
23
23
|
variant: ChipVariant | string;
|
|
@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
|
|
|
4
4
|
import { $t as E } from "../../utils/i18n.js";
|
|
5
5
|
import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
|
|
6
6
|
import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
|
|
7
|
-
import ee from "./CommandPaletteItem.
|
|
7
|
+
import ee from "./CommandPaletteItem.vue.js";
|
|
8
8
|
const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
|
|
@@ -18,15 +18,15 @@ declare function __VLS_template(): {
|
|
|
18
18
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
19
|
declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
20
20
|
select: (state: SelectionState) => any;
|
|
21
|
-
delete: (rows: any[]) => any;
|
|
22
21
|
change: (state: TableState) => any;
|
|
22
|
+
delete: (rows: any[]) => any;
|
|
23
23
|
"update:itemsPerPage": (value: number) => any;
|
|
24
24
|
rowClick: (payload: RowClickPayload) => any;
|
|
25
25
|
"update:selectedRows": (value: any[]) => any;
|
|
26
26
|
}, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
|
|
27
27
|
onSelect?: (state: SelectionState) => any;
|
|
28
|
-
onDelete?: (rows: any[]) => any;
|
|
29
28
|
onChange?: (state: TableState) => any;
|
|
29
|
+
onDelete?: (rows: any[]) => any;
|
|
30
30
|
"onUpdate:itemsPerPage"?: (value: number) => any;
|
|
31
31
|
onRowClick?: (payload: RowClickPayload) => any;
|
|
32
32
|
"onUpdate:selectedRows"?: (value: any[]) => any;
|
|
@@ -24,7 +24,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
|
|
|
24
24
|
rows: { default: () => [] },
|
|
25
25
|
selectedRows: { default: () => [] },
|
|
26
26
|
search: { default: "" },
|
|
27
|
-
showSearch: { type: Boolean, default: !
|
|
27
|
+
showSearch: { type: Boolean, default: !1 },
|
|
28
28
|
searchPlaceholder: {},
|
|
29
29
|
searchPlaceholderI18n: {},
|
|
30
30
|
toolbarClass: {},
|
|
@@ -83,13 +83,22 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
|
|
|
83
83
|
V && clearTimeout(V), V = setTimeout(() => {
|
|
84
84
|
h.value = 1, R();
|
|
85
85
|
}, 300);
|
|
86
|
-
}), g(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
86
|
+
}), g(
|
|
87
|
+
() => a.pageInfo?.itemsPerPage,
|
|
88
|
+
(e) => {
|
|
89
|
+
e !== void 0 && (P.value = e);
|
|
90
|
+
}
|
|
91
|
+
), g(
|
|
92
|
+
() => a.paginationProps?.itemsPerPage,
|
|
93
|
+
(e) => {
|
|
94
|
+
e !== void 0 && (P.value = e);
|
|
95
|
+
}
|
|
96
|
+
), g(
|
|
97
|
+
() => a.pageInfo?.currentPage,
|
|
98
|
+
(e) => {
|
|
99
|
+
e && (h.value = e);
|
|
100
|
+
}
|
|
101
|
+
);
|
|
93
102
|
const s = y(/* @__PURE__ */ new Set());
|
|
94
103
|
g(
|
|
95
104
|
() => a.selectedRows,
|
|
@@ -118,7 +127,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
|
|
|
118
127
|
}), (a.selectedRows || []).forEach((l) => {
|
|
119
128
|
const n = c(l, d.value);
|
|
120
129
|
!e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
|
|
121
|
-
}), b("select", {
|
|
130
|
+
}), b("select", {
|
|
131
|
+
selected: t,
|
|
132
|
+
all: M.value,
|
|
133
|
+
indeterminate: O.value
|
|
134
|
+
}), b("update:selectedRows", t);
|
|
122
135
|
}, le = (e) => {
|
|
123
136
|
const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
|
|
124
137
|
u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, R();
|
|
@@ -154,7 +167,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
|
|
|
154
167
|
"overflow-hidden",
|
|
155
168
|
a.bordered ? "border border-border" : "",
|
|
156
169
|
a.class
|
|
157
|
-
].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(
|
|
170
|
+
].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(
|
|
171
|
+
() => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle
|
|
172
|
+
), ue = r(
|
|
173
|
+
() => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription
|
|
174
|
+
), me = r(() => {
|
|
158
175
|
const e = w("vlite.dataTable.confirmDeleteTitle");
|
|
159
176
|
return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
|
|
160
177
|
}), fe = r(() => {
|
|
@@ -267,7 +284,13 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
|
|
|
267
284
|
]));
|
|
268
285
|
return S.memo = C, S;
|
|
269
286
|
}, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(A, { key: 1 }, B(o.rows, (l, n, ge, v) => {
|
|
270
|
-
const C = [
|
|
287
|
+
const C = [
|
|
288
|
+
l,
|
|
289
|
+
s.value.has(c(l, d.value)),
|
|
290
|
+
o.compact,
|
|
291
|
+
o.striped,
|
|
292
|
+
o.hoverable
|
|
293
|
+
];
|
|
271
294
|
if (v && v.key === c(l, d.value) && W(v, C)) return v;
|
|
272
295
|
const S = (i(), F(Te, {
|
|
273
296
|
key: c(l, d.value),
|
|
@@ -1,7 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { $t as
|
|
3
|
-
import { useVLiteConfig as
|
|
4
|
-
|
|
1
|
+
import { defineComponent as d, computed as n, markRaw as t, openBlock as m, createElementBlock as u, createBlock as $, resolveDynamicComponent as y, createSlots as h, renderList as I, withCtx as g, renderSlot as C, normalizeProps as k, guardReactiveProps as w } from "vue";
|
|
2
|
+
import { $t as e } from "../../utils/i18n.js";
|
|
3
|
+
import { useVLiteConfig as x } from "../../core/config.js";
|
|
4
|
+
import B from "./variants/Variant1.vue.js";
|
|
5
|
+
import S from "./variants/Variant2.vue.js";
|
|
6
|
+
import V from "./variants/Variant3.vue.js";
|
|
7
|
+
import b from "./variants/Variant4.vue.js";
|
|
8
|
+
import D from "./variants/Variant5.vue.js";
|
|
9
|
+
import E from "./variants/Variant6.vue.js";
|
|
10
|
+
import L from "./variants/Variant7.vue.js";
|
|
11
|
+
import P from "./variants/Variant8.vue.js";
|
|
12
|
+
import R from "./variants/Variant9.vue.js";
|
|
13
|
+
import T from "./variants/Variant10.vue.js";
|
|
14
|
+
import j from "./variants/Variant11.vue.js";
|
|
15
|
+
const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, tt = /* @__PURE__ */ d({
|
|
5
16
|
__name: "Empty",
|
|
6
17
|
props: {
|
|
7
18
|
title: {},
|
|
@@ -11,42 +22,42 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
|
|
|
11
22
|
icon: { default: "lucide:inbox" },
|
|
12
23
|
variant: {}
|
|
13
24
|
},
|
|
14
|
-
setup(
|
|
15
|
-
const
|
|
16
|
-
if (
|
|
17
|
-
if (
|
|
18
|
-
const
|
|
19
|
-
return
|
|
20
|
-
}),
|
|
21
|
-
if (
|
|
22
|
-
if (
|
|
23
|
-
const
|
|
24
|
-
return
|
|
25
|
-
}),
|
|
26
|
-
variant1: t(
|
|
27
|
-
variant2: t(
|
|
28
|
-
variant3: t(
|
|
29
|
-
variant4: t(
|
|
30
|
-
variant5: t(
|
|
31
|
-
variant6: t(
|
|
32
|
-
variant7: t(
|
|
33
|
-
variant8: t(
|
|
34
|
-
variant9: t(
|
|
35
|
-
variant10: t(
|
|
36
|
-
variant11: t(
|
|
37
|
-
},
|
|
38
|
-
() =>
|
|
25
|
+
setup(o) {
|
|
26
|
+
const i = o, c = x(), p = n(() => i.variant || c?.components?.empty?.variant || "variant1"), f = n(() => {
|
|
27
|
+
if (i.titleI18n) return e(i.titleI18n);
|
|
28
|
+
if (i.title) return i.title;
|
|
29
|
+
const r = e("vlite.empty.title");
|
|
30
|
+
return r !== "vlite.empty.title" ? r : "No data found";
|
|
31
|
+
}), l = n(() => {
|
|
32
|
+
if (i.descriptionI18n) return e(i.descriptionI18n);
|
|
33
|
+
if (i.description) return i.description;
|
|
34
|
+
const r = e("vlite.empty.description");
|
|
35
|
+
return r !== "vlite.empty.description" ? r : "There is nothing to display here right now.";
|
|
36
|
+
}), a = {
|
|
37
|
+
variant1: t(B),
|
|
38
|
+
variant2: t(S),
|
|
39
|
+
variant3: t(V),
|
|
40
|
+
variant4: t(b),
|
|
41
|
+
variant5: t(D),
|
|
42
|
+
variant6: t(E),
|
|
43
|
+
variant7: t(L),
|
|
44
|
+
variant8: t(P),
|
|
45
|
+
variant9: t(R),
|
|
46
|
+
variant10: t(T),
|
|
47
|
+
variant11: t(j)
|
|
48
|
+
}, v = n(
|
|
49
|
+
() => a[p.value] || a.variant1
|
|
39
50
|
);
|
|
40
|
-
return (
|
|
41
|
-
(
|
|
42
|
-
title:
|
|
43
|
-
description:
|
|
44
|
-
icon:
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
name:
|
|
48
|
-
fn:
|
|
49
|
-
|
|
51
|
+
return (r, N) => (m(), u("div", z, [
|
|
52
|
+
(m(), $(y(v.value), {
|
|
53
|
+
title: f.value,
|
|
54
|
+
description: l.value,
|
|
55
|
+
icon: o.icon
|
|
56
|
+
}, h({ _: 2 }, [
|
|
57
|
+
I(r.$slots, (q, s) => ({
|
|
58
|
+
name: s,
|
|
59
|
+
fn: g((_) => [
|
|
60
|
+
C(r.$slots, s, k(w(_ || {})))
|
|
50
61
|
])
|
|
51
62
|
}))
|
|
52
63
|
]), 1032, ["title", "description", "icon"]))
|
|
@@ -54,5 +65,5 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
|
|
|
54
65
|
}
|
|
55
66
|
});
|
|
56
67
|
export {
|
|
57
|
-
|
|
68
|
+
tt as default
|
|
58
69
|
};
|
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
|
|
2
|
+
import a from "../../Icon.vue.js";
|
|
3
|
+
const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "mt-6"
|
|
6
|
+
}, k = /* @__PURE__ */ i({
|
|
7
|
+
__name: "Variant1",
|
|
8
|
+
props: {
|
|
9
|
+
title: {},
|
|
10
|
+
description: {},
|
|
11
|
+
icon: {}
|
|
12
|
+
},
|
|
13
|
+
setup(t) {
|
|
14
|
+
return (e, p) => (o(), n("div", d, [
|
|
15
|
+
c(a, {
|
|
16
|
+
icon: t.icon,
|
|
17
|
+
class: "mb-3 h-12 w-12 text-muted",
|
|
18
|
+
"stroke-width": "1.2"
|
|
19
|
+
}, null, 8, ["icon"]),
|
|
20
|
+
s("h3", u, r(t.title), 1),
|
|
21
|
+
s("p", {
|
|
22
|
+
class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
|
|
23
|
+
innerHTML: t.description
|
|
24
|
+
}, null, 8, f),
|
|
25
|
+
e.$slots.action ? (o(), n("div", x, [
|
|
26
|
+
l(e.$slots, "action")
|
|
27
|
+
])) : m("", !0)
|
|
28
|
+
]));
|
|
29
|
+
}
|
|
30
|
+
});
|
|
2
31
|
export {
|
|
3
|
-
|
|
32
|
+
k as default
|
|
4
33
|
};
|
|
@@ -1,33 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import a from "../../Icon.vue.js";
|
|
3
|
-
const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "mt-6"
|
|
6
|
-
}, k = /* @__PURE__ */ i({
|
|
7
|
-
__name: "Variant1",
|
|
8
|
-
props: {
|
|
9
|
-
title: {},
|
|
10
|
-
description: {},
|
|
11
|
-
icon: {}
|
|
12
|
-
},
|
|
13
|
-
setup(t) {
|
|
14
|
-
return (e, p) => (o(), n("div", d, [
|
|
15
|
-
c(a, {
|
|
16
|
-
icon: t.icon,
|
|
17
|
-
class: "mb-3 h-12 w-12 text-muted",
|
|
18
|
-
"stroke-width": "1.2"
|
|
19
|
-
}, null, 8, ["icon"]),
|
|
20
|
-
s("h3", u, r(t.title), 1),
|
|
21
|
-
s("p", {
|
|
22
|
-
class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
|
|
23
|
-
innerHTML: t.description
|
|
24
|
-
}, null, 8, f),
|
|
25
|
-
e.$slots.action ? (o(), n("div", x, [
|
|
26
|
-
l(e.$slots, "action")
|
|
27
|
-
])) : m("", !0)
|
|
28
|
-
]));
|
|
29
|
-
}
|
|
30
|
-
});
|
|
1
|
+
import f from "./Variant1.vue.js";
|
|
31
2
|
export {
|
|
32
|
-
|
|
3
|
+
f as default
|
|
33
4
|
};
|
|
@@ -1,4 +1,37 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as i, openBlock as s, createElementBlock as n, createElementVNode as t, createVNode as l, toDisplayString as c, renderSlot as r, createCommentVNode as a } from "vue";
|
|
2
|
+
import d from "../../Icon.vue.js";
|
|
3
|
+
const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "mt-8 flex justify-start"
|
|
6
|
+
}, y = /* @__PURE__ */ i({
|
|
7
|
+
__name: "Variant10",
|
|
8
|
+
props: {
|
|
9
|
+
title: {},
|
|
10
|
+
description: {},
|
|
11
|
+
icon: {}
|
|
12
|
+
},
|
|
13
|
+
setup(e) {
|
|
14
|
+
return (o, p) => (s(), n("div", m, [
|
|
15
|
+
t("div", f, [
|
|
16
|
+
t("div", u, [
|
|
17
|
+
l(d, {
|
|
18
|
+
icon: e.icon,
|
|
19
|
+
class: "h-12 w-12 text-foreground opacity-80",
|
|
20
|
+
"stroke-width": "1.2"
|
|
21
|
+
}, null, 8, ["icon"])
|
|
22
|
+
]),
|
|
23
|
+
t("h3", x, c(e.title), 1),
|
|
24
|
+
t("p", {
|
|
25
|
+
class: "mt-2 text-sm leading-relaxed text-muted",
|
|
26
|
+
innerHTML: e.description
|
|
27
|
+
}, null, 8, _),
|
|
28
|
+
o.$slots.action ? (s(), n("div", h, [
|
|
29
|
+
r(o.$slots, "action")
|
|
30
|
+
])) : a("", !0)
|
|
31
|
+
])
|
|
32
|
+
]));
|
|
33
|
+
}
|
|
34
|
+
});
|
|
2
35
|
export {
|
|
3
|
-
|
|
36
|
+
y as default
|
|
4
37
|
};
|
|
@@ -1,37 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import d from "../../Icon.vue.js";
|
|
3
|
-
const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "mt-8 flex justify-start"
|
|
6
|
-
}, y = /* @__PURE__ */ i({
|
|
7
|
-
__name: "Variant10",
|
|
8
|
-
props: {
|
|
9
|
-
title: {},
|
|
10
|
-
description: {},
|
|
11
|
-
icon: {}
|
|
12
|
-
},
|
|
13
|
-
setup(e) {
|
|
14
|
-
return (o, p) => (s(), n("div", m, [
|
|
15
|
-
t("div", f, [
|
|
16
|
-
t("div", u, [
|
|
17
|
-
l(d, {
|
|
18
|
-
icon: e.icon,
|
|
19
|
-
class: "h-12 w-12 text-foreground opacity-80",
|
|
20
|
-
"stroke-width": "1.2"
|
|
21
|
-
}, null, 8, ["icon"])
|
|
22
|
-
]),
|
|
23
|
-
t("h3", x, c(e.title), 1),
|
|
24
|
-
t("p", {
|
|
25
|
-
class: "mt-2 text-sm leading-relaxed text-muted",
|
|
26
|
-
innerHTML: e.description
|
|
27
|
-
}, null, 8, _),
|
|
28
|
-
o.$slots.action ? (s(), n("div", h, [
|
|
29
|
-
r(o.$slots, "action")
|
|
30
|
-
])) : a("", !0)
|
|
31
|
-
])
|
|
32
|
-
]));
|
|
33
|
-
}
|
|
34
|
-
});
|
|
1
|
+
import f from "./Variant10.vue.js";
|
|
35
2
|
export {
|
|
36
|
-
|
|
3
|
+
f as default
|
|
37
4
|
};
|
|
@@ -1,4 +1,29 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, toDisplayString as n, renderSlot as a } from "vue";
|
|
2
|
+
const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
|
|
3
|
+
__name: "Variant11",
|
|
4
|
+
props: {
|
|
5
|
+
title: {},
|
|
6
|
+
description: {},
|
|
7
|
+
icon: {}
|
|
8
|
+
},
|
|
9
|
+
setup(e) {
|
|
10
|
+
return (i, l) => (o(), r("div", c, [
|
|
11
|
+
t("div", d, [
|
|
12
|
+
t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
|
|
13
|
+
t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
|
|
14
|
+
]),
|
|
15
|
+
l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
|
|
16
|
+
t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
|
|
17
|
+
t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
|
|
18
|
+
], -1)),
|
|
19
|
+
t("p", {
|
|
20
|
+
class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
|
|
21
|
+
innerHTML: e.description
|
|
22
|
+
}, null, 8, f),
|
|
23
|
+
a(i.$slots, "action")
|
|
24
|
+
]));
|
|
25
|
+
}
|
|
26
|
+
});
|
|
2
27
|
export {
|
|
3
|
-
|
|
28
|
+
p as default
|
|
4
29
|
};
|
|
@@ -1,29 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
|
|
3
|
-
__name: "Variant11",
|
|
4
|
-
props: {
|
|
5
|
-
title: {},
|
|
6
|
-
description: {},
|
|
7
|
-
icon: {}
|
|
8
|
-
},
|
|
9
|
-
setup(e) {
|
|
10
|
-
return (i, l) => (o(), r("div", c, [
|
|
11
|
-
t("div", d, [
|
|
12
|
-
t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
|
|
13
|
-
t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
|
|
14
|
-
]),
|
|
15
|
-
l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
|
|
16
|
-
t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
|
|
17
|
-
t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
|
|
18
|
-
], -1)),
|
|
19
|
-
t("p", {
|
|
20
|
-
class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
|
|
21
|
-
innerHTML: e.description
|
|
22
|
-
}, null, 8, f),
|
|
23
|
-
a(i.$slots, "action")
|
|
24
|
-
]));
|
|
25
|
-
}
|
|
26
|
-
});
|
|
1
|
+
import f from "./Variant11.vue.js";
|
|
27
2
|
export {
|
|
28
|
-
|
|
3
|
+
f as default
|
|
29
4
|
};
|
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
|
|
2
|
+
import a from "../../Icon.vue.js";
|
|
3
|
+
const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "mt-5"
|
|
6
|
+
}, k = /* @__PURE__ */ i({
|
|
7
|
+
__name: "Variant2",
|
|
8
|
+
props: {
|
|
9
|
+
title: {},
|
|
10
|
+
description: {},
|
|
11
|
+
icon: {}
|
|
12
|
+
},
|
|
13
|
+
setup(t) {
|
|
14
|
+
return (e, p) => (o(), n("div", d, [
|
|
15
|
+
c(a, {
|
|
16
|
+
icon: t.icon,
|
|
17
|
+
class: "mb-3 h-10 w-10 text-muted",
|
|
18
|
+
"stroke-width": "1.2"
|
|
19
|
+
}, null, 8, ["icon"]),
|
|
20
|
+
s("h3", u, r(t.title), 1),
|
|
21
|
+
s("p", {
|
|
22
|
+
class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
|
|
23
|
+
innerHTML: t.description
|
|
24
|
+
}, null, 8, f),
|
|
25
|
+
e.$slots.action ? (o(), n("div", x, [
|
|
26
|
+
l(e.$slots, "action")
|
|
27
|
+
])) : m("", !0)
|
|
28
|
+
]));
|
|
29
|
+
}
|
|
30
|
+
});
|
|
2
31
|
export {
|
|
3
|
-
|
|
32
|
+
k as default
|
|
4
33
|
};
|
|
@@ -1,33 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import a from "../../Icon.vue.js";
|
|
3
|
-
const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "mt-5"
|
|
6
|
-
}, k = /* @__PURE__ */ i({
|
|
7
|
-
__name: "Variant2",
|
|
8
|
-
props: {
|
|
9
|
-
title: {},
|
|
10
|
-
description: {},
|
|
11
|
-
icon: {}
|
|
12
|
-
},
|
|
13
|
-
setup(t) {
|
|
14
|
-
return (e, p) => (o(), n("div", d, [
|
|
15
|
-
c(a, {
|
|
16
|
-
icon: t.icon,
|
|
17
|
-
class: "mb-3 h-10 w-10 text-muted",
|
|
18
|
-
"stroke-width": "1.2"
|
|
19
|
-
}, null, 8, ["icon"]),
|
|
20
|
-
s("h3", u, r(t.title), 1),
|
|
21
|
-
s("p", {
|
|
22
|
-
class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
|
|
23
|
-
innerHTML: t.description
|
|
24
|
-
}, null, 8, f),
|
|
25
|
-
e.$slots.action ? (o(), n("div", x, [
|
|
26
|
-
l(e.$slots, "action")
|
|
27
|
-
])) : m("", !0)
|
|
28
|
-
]));
|
|
29
|
-
}
|
|
30
|
-
});
|
|
1
|
+
import f from "./Variant2.vue.js";
|
|
31
2
|
export {
|
|
32
|
-
|
|
3
|
+
f as default
|
|
33
4
|
};
|