adverich-kun-ui 0.1.323 → 0.1.325
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/index.js +186 -256
- package/package.json +1 -1
- package/dist/components/KunBadge/examples/Default.vue.js +0 -23
- package/dist/components/KunCardActions/exaples/Default.vue.js +0 -58
- package/dist/components/KunCardItem/exaples/Default.vue.js +0 -37
- package/dist/components/KunCardSubtitle/exaples/Default.vue.js +0 -26
- package/dist/components/KunCardText/exaples/Default.vue.js +0 -26
- package/dist/components/KunCardTitle/exaples/Default.vue.js +0 -41
- package/dist/components/KunInfiniteScroll/examples/Default.vue.js +0 -52
- package/dist/components/KunList/examples/Default.vue.js +0 -46
- package/dist/components/KunList/examples/WhiteGroups.vue.js +0 -72
- package/dist/components/KunListGroup/examples/Default.vue.js +0 -67
- package/dist/components/KunListImg/examples/Default.vue.js +0 -31
- package/dist/components/KunListItem/examples/Default.vue.js +0 -39
- package/dist/components/KunListItem/examples/WithAction.vue.js +0 -104
- package/dist/components/KunListItem/examples/WithAvatar.vue.js +0 -71
- package/dist/components/KunListSubheader/examples/Default.vue.js +0 -49
- package/dist/components/KunSlider/examples/ExampleBasic.vue.js +0 -18
- package/dist/components/KunSlider/examples/ExampleCustomThumb.vue.js +0 -24
- package/dist/components/KunSlider/examples/ExampleRange.vue.js +0 -20
- package/dist/components/KunSlider/examples/ExampleVertical.vue.js +0 -23
- package/dist/components/KunTooltip/examples/Default.vue.js +0 -59
- package/dist/components/KunVirtualScroller/examples/Default.vue.js +0 -29
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { createBlock as r, openBlock as o, withCtx as e, createVNode as _, createTextVNode as a } from "vue";
|
|
2
|
-
import f from "../src/components/KunBadge.vue.js";
|
|
3
|
-
import m from "../../KunBtn/src/components/KunBtn.vue.js";
|
|
4
|
-
const u = {
|
|
5
|
-
__name: "Default",
|
|
6
|
-
setup(c) {
|
|
7
|
-
return (n, t) => (o(), r(f, { text: "3" }, {
|
|
8
|
-
default: e(() => [
|
|
9
|
-
_(m, { class: "bg-gray-300 p-3 rounded-lg" }, {
|
|
10
|
-
default: e(() => t[0] || (t[0] = [
|
|
11
|
-
a("🔔")
|
|
12
|
-
])),
|
|
13
|
-
_: 1,
|
|
14
|
-
__: [0]
|
|
15
|
-
})
|
|
16
|
-
]),
|
|
17
|
-
_: 1
|
|
18
|
-
}));
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
u as default
|
|
23
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as s, openBlock as n, createElementVNode as r, createVNode as e, withCtx as a } from "vue";
|
|
2
|
-
import o from "../src/components/KunCardActions.vue.js";
|
|
3
|
-
import t from "../../KunBtn/src/components/KunBtn.vue.js";
|
|
4
|
-
const l = { class: "p-4 space-y-4" }, f = {
|
|
5
|
-
__name: "Default",
|
|
6
|
-
setup(m) {
|
|
7
|
-
return (c, i) => (n(), s("div", l, [
|
|
8
|
-
i[0] || (i[0] = r("h3", null, "Ejemplo básico de KunCardActions", -1)),
|
|
9
|
-
e(o, {
|
|
10
|
-
justify: "justify-between",
|
|
11
|
-
align: "items-center",
|
|
12
|
-
class: "bg-gray-100 rounded-lg"
|
|
13
|
-
}, {
|
|
14
|
-
default: a(() => [
|
|
15
|
-
e(t, {
|
|
16
|
-
text: "Cancelar",
|
|
17
|
-
variant: "outline",
|
|
18
|
-
color: "text-red-600"
|
|
19
|
-
}),
|
|
20
|
-
e(t, {
|
|
21
|
-
text: "Guardar",
|
|
22
|
-
color: "bg-blue-600 text-white"
|
|
23
|
-
})
|
|
24
|
-
]),
|
|
25
|
-
_: 1
|
|
26
|
-
}),
|
|
27
|
-
i[1] || (i[1] = r("h3", null, "Ejemplo con wrap y acciones múltiples", -1)),
|
|
28
|
-
e(o, {
|
|
29
|
-
gap: "gap-3",
|
|
30
|
-
wrap: "",
|
|
31
|
-
dense: "",
|
|
32
|
-
class: "bg-gray-50"
|
|
33
|
-
}, {
|
|
34
|
-
default: a(() => [
|
|
35
|
-
e(t, {
|
|
36
|
-
text: "Editar",
|
|
37
|
-
icon: "$mdi-pencil",
|
|
38
|
-
size: "sm"
|
|
39
|
-
}),
|
|
40
|
-
e(t, {
|
|
41
|
-
text: "Eliminar",
|
|
42
|
-
icon: "$mdi-delete",
|
|
43
|
-
size: "sm"
|
|
44
|
-
}),
|
|
45
|
-
e(t, {
|
|
46
|
-
text: "Compartir",
|
|
47
|
-
icon: "$mdi-share",
|
|
48
|
-
size: "sm"
|
|
49
|
-
})
|
|
50
|
-
]),
|
|
51
|
-
_: 1
|
|
52
|
-
})
|
|
53
|
-
]));
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
export {
|
|
57
|
-
f as default
|
|
58
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as s, openBlock as r, createElementVNode as l, createVNode as t, withCtx as o } from "vue";
|
|
2
|
-
import i from "../src/components/KunCardItem.vue.js";
|
|
3
|
-
import n from "../../KunCardTitle/src/components/KunCardTitle.vue.js";
|
|
4
|
-
import a from "../../KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
|
|
5
|
-
import m from "../../KunCardText/src/components/KunCardText.vue.js";
|
|
6
|
-
const u = { class: "p-4 space-y-6" }, x = {
|
|
7
|
-
__name: "Default",
|
|
8
|
-
setup(d) {
|
|
9
|
-
return (p, e) => (r(), s("div", u, [
|
|
10
|
-
e[0] || (e[0] = l("h3", null, "Ejemplo básico de KunCardItem", -1)),
|
|
11
|
-
t(i, {
|
|
12
|
-
dense: "",
|
|
13
|
-
class: "bg-gray-100 rounded-lg"
|
|
14
|
-
}, {
|
|
15
|
-
default: o(() => [
|
|
16
|
-
t(n, {
|
|
17
|
-
title: "Título Principal",
|
|
18
|
-
subtitle: "Subtítulo descriptivo"
|
|
19
|
-
})
|
|
20
|
-
]),
|
|
21
|
-
_: 1
|
|
22
|
-
}),
|
|
23
|
-
e[1] || (e[1] = l("h3", null, "Ejemplo con múltiples elementos", -1)),
|
|
24
|
-
t(i, { gap: "gap-2" }, {
|
|
25
|
-
default: o(() => [
|
|
26
|
-
t(n, { title: "Título con más detalles" }),
|
|
27
|
-
t(a, { subtitle: "Este es un subtítulo adicional." }),
|
|
28
|
-
t(m, { text: "Aquí va el contenido textual dentro del item." })
|
|
29
|
-
]),
|
|
30
|
-
_: 1
|
|
31
|
-
})
|
|
32
|
-
]));
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
export {
|
|
36
|
-
x as default
|
|
37
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as s, openBlock as r, createElementVNode as t, createVNode as o, withCtx as n, createTextVNode as u } from "vue";
|
|
2
|
-
import l from "../src/components/KunCardSubtitle.vue.js";
|
|
3
|
-
const a = { class: "p-4 space-y-4" }, _ = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(d) {
|
|
6
|
-
return (i, e) => (r(), s("div", a, [
|
|
7
|
-
e[1] || (e[1] = t("h3", null, "Ejemplo básico de KunCardSubtitle", -1)),
|
|
8
|
-
o(l, {
|
|
9
|
-
subtitle: "Este es un subtítulo estándar",
|
|
10
|
-
color: "text-blue-600",
|
|
11
|
-
class: "mb-2"
|
|
12
|
-
}),
|
|
13
|
-
e[2] || (e[2] = t("h3", null, "Ejemplo con slot personalizado", -1)),
|
|
14
|
-
o(l, { class: "text-green-700" }, {
|
|
15
|
-
default: n(() => e[0] || (e[0] = [
|
|
16
|
-
u(" Subtítulo renderizado desde el slot. ")
|
|
17
|
-
])),
|
|
18
|
-
_: 1,
|
|
19
|
-
__: [0]
|
|
20
|
-
})
|
|
21
|
-
]));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
_ as default
|
|
26
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as r, openBlock as a, createElementVNode as t, createVNode as o, withCtx as l, createTextVNode as n } from "vue";
|
|
2
|
-
import s from "../src/components/KunCardText.vue.js";
|
|
3
|
-
const d = { class: "p-4 space-y-4" }, i = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(p) {
|
|
6
|
-
return (m, e) => (a(), r("div", d, [
|
|
7
|
-
e[1] || (e[1] = t("h3", null, "Ejemplo básico de KunCardText", -1)),
|
|
8
|
-
o(s, {
|
|
9
|
-
text: "Este es un texto estándar dentro de una tarjeta.",
|
|
10
|
-
color: "text-gray-800",
|
|
11
|
-
class: "mb-2"
|
|
12
|
-
}),
|
|
13
|
-
e[2] || (e[2] = t("h3", null, "Ejemplo con slot personalizado", -1)),
|
|
14
|
-
o(s, { class: "text-blue-700" }, {
|
|
15
|
-
default: l(() => e[0] || (e[0] = [
|
|
16
|
-
n(" Este contenido se pasa a través del slot por defecto. ")
|
|
17
|
-
])),
|
|
18
|
-
_: 1,
|
|
19
|
-
__: [0]
|
|
20
|
-
})
|
|
21
|
-
]));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
i as default
|
|
26
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { resolveComponent as d, createElementBlock as i, openBlock as s, createElementVNode as o, createVNode as t, withCtx as n, createTextVNode as u } from "vue";
|
|
2
|
-
import l from "../src/components/KunCardTitle.vue.js";
|
|
3
|
-
const p = { class: "p-4 space-y-4" }, f = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(m) {
|
|
6
|
-
return (c, e) => {
|
|
7
|
-
const r = d("KunIcon");
|
|
8
|
-
return s(), i("div", p, [
|
|
9
|
-
e[2] || (e[2] = o("h3", null, "Ejemplo básico de KunCardTitle", -1)),
|
|
10
|
-
t(l, {
|
|
11
|
-
title: "Título Principal",
|
|
12
|
-
subtitle: "Este es un subtítulo descriptivo",
|
|
13
|
-
"bg-color": "bg-blue-100",
|
|
14
|
-
"text-color": "text-blue-900",
|
|
15
|
-
rounded: "md",
|
|
16
|
-
prepend: "$mdi-account-circle",
|
|
17
|
-
append: "$mdi-dots-vertical"
|
|
18
|
-
}),
|
|
19
|
-
e[3] || (e[3] = o("h3", null, "Ejemplo con slot personalizado", -1)),
|
|
20
|
-
t(l, {
|
|
21
|
-
"bg-color": "bg-green-100",
|
|
22
|
-
rounded: "",
|
|
23
|
-
dense: ""
|
|
24
|
-
}, {
|
|
25
|
-
prepend: n(() => [
|
|
26
|
-
t(r, { icon: "$mdi-information" })
|
|
27
|
-
]),
|
|
28
|
-
default: n(() => [
|
|
29
|
-
e[0] || (e[0] = o("strong", null, "Contenido customizado", -1)),
|
|
30
|
-
e[1] || (e[1] = u(" desde el slot "))
|
|
31
|
-
]),
|
|
32
|
-
_: 1,
|
|
33
|
-
__: [0, 1]
|
|
34
|
-
})
|
|
35
|
-
]);
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
f as default
|
|
41
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { ref as l, createElementBlock as m, openBlock as v, createElementVNode as r, createVNode as b, toDisplayString as n, withCtx as g, normalizeStyle as x, createTextVNode as f } from "vue";
|
|
2
|
-
import y from "../src/components/KunInfiniteScroll.vue.js";
|
|
3
|
-
const h = { class: "p-4 space-y-6" }, _ = { class: "flex items-center gap-4" }, I = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(k) {
|
|
6
|
-
const u = l(""), o = l(!0), a = l(null), c = l([]), p = l(
|
|
7
|
-
Array.from({ length: 200 }, (s, e) => ({
|
|
8
|
-
id: e,
|
|
9
|
-
label: `Elemento ${e}`
|
|
10
|
-
}))
|
|
11
|
-
);
|
|
12
|
-
function d(s) {
|
|
13
|
-
a.value = s;
|
|
14
|
-
}
|
|
15
|
-
return (s, e) => (v(), m("div", h, [
|
|
16
|
-
r("div", _, [
|
|
17
|
-
r("button", {
|
|
18
|
-
class: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700",
|
|
19
|
-
onClick: e[0] || (e[0] = (t) => o.value = !o.value)
|
|
20
|
-
}, " Toggle Virtual Scroll (" + n(o.value ? "ON" : "OFF") + ") ", 1),
|
|
21
|
-
r("button", {
|
|
22
|
-
class: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700",
|
|
23
|
-
onClick: e[1] || (e[1] = (t) => d(50))
|
|
24
|
-
}, " Scroll to Item #50 ")
|
|
25
|
-
]),
|
|
26
|
-
b(y, {
|
|
27
|
-
items: p.value,
|
|
28
|
-
search: u.value,
|
|
29
|
-
"searchable-keys": ["label"],
|
|
30
|
-
"items-per-intersection": 20,
|
|
31
|
-
enabled: !0,
|
|
32
|
-
virtual: o.value,
|
|
33
|
-
"scroll-to-index": a.value,
|
|
34
|
-
"onUpdate:items": e[2] || (e[2] = (t) => c.value = t)
|
|
35
|
-
}, {
|
|
36
|
-
default: g(({ item: t, index: i }) => [
|
|
37
|
-
r("div", {
|
|
38
|
-
class: "border-b border-gray-200 py-2 px-4",
|
|
39
|
-
style: x({ height: i % 2 === 0 ? "40px" : "60px" })
|
|
40
|
-
}, [
|
|
41
|
-
r("strong", null, "#" + n(i), 1),
|
|
42
|
-
f(" — " + n(t.label), 1)
|
|
43
|
-
], 4)
|
|
44
|
-
]),
|
|
45
|
-
_: 1
|
|
46
|
-
}, 8, ["items", "search", "virtual", "scroll-to-index"])
|
|
47
|
-
]));
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
export {
|
|
51
|
-
I as default
|
|
52
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ref as n, createElementBlock as r, openBlock as u, createVNode as t, createElementVNode as _, withCtx as l, createTextVNode as s, toDisplayString as d } from "vue";
|
|
2
|
-
import f from "../src/components/KunList.vue.js";
|
|
3
|
-
import a from "../../KunListItem/src/components/KunListItem.vue.js";
|
|
4
|
-
const i = { class: "p-4 max-w-md" }, p = { class: "mt-4" }, N = {
|
|
5
|
-
__name: "Default",
|
|
6
|
-
setup(v) {
|
|
7
|
-
const o = n([]);
|
|
8
|
-
return (c, e) => (u(), r("div", i, [
|
|
9
|
-
t(f, {
|
|
10
|
-
"selected-values": o.value,
|
|
11
|
-
"onUpdate:selectedValues": e[0] || (e[0] = (m) => o.value = m),
|
|
12
|
-
selectable: "multiple",
|
|
13
|
-
nav: ""
|
|
14
|
-
}, {
|
|
15
|
-
default: l(() => [
|
|
16
|
-
t(a, { value: "1" }, {
|
|
17
|
-
default: l(() => e[1] || (e[1] = [
|
|
18
|
-
s("Elemento 1")
|
|
19
|
-
])),
|
|
20
|
-
_: 1,
|
|
21
|
-
__: [1]
|
|
22
|
-
}),
|
|
23
|
-
t(a, { value: "2" }, {
|
|
24
|
-
default: l(() => e[2] || (e[2] = [
|
|
25
|
-
s("Elemento 2")
|
|
26
|
-
])),
|
|
27
|
-
_: 1,
|
|
28
|
-
__: [2]
|
|
29
|
-
}),
|
|
30
|
-
t(a, { value: "3" }, {
|
|
31
|
-
default: l(() => e[3] || (e[3] = [
|
|
32
|
-
s("Elemento 3")
|
|
33
|
-
])),
|
|
34
|
-
_: 1,
|
|
35
|
-
__: [3]
|
|
36
|
-
})
|
|
37
|
-
]),
|
|
38
|
-
_: 1
|
|
39
|
-
}, 8, ["selected-values"]),
|
|
40
|
-
_("pre", p, d(o.value), 1)
|
|
41
|
-
]));
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
export {
|
|
45
|
-
N as default
|
|
46
|
-
};
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { createBlock as a, openBlock as u, withCtx as e, createVNode as l, createTextVNode as r, createElementVNode as s } from "vue";
|
|
2
|
-
import n from "../src/components/KunList.vue.js";
|
|
3
|
-
import i from "../../KunListGroup/src/components/KunListGroup.vue.js";
|
|
4
|
-
import o from "../../KunListItem/src/components/KunListItem.vue.js";
|
|
5
|
-
const c = {
|
|
6
|
-
__name: "WhiteGroups",
|
|
7
|
-
setup(f) {
|
|
8
|
-
return (m, t) => (u(), a(n, { selectable: "multiple" }, {
|
|
9
|
-
default: e(() => [
|
|
10
|
-
l(i, { title: "Usuarios" }, {
|
|
11
|
-
activator: e(() => t[0] || (t[0] = [
|
|
12
|
-
s("span", { class: "flex items-center gap-2" }, [
|
|
13
|
-
s("svg", null, "👥"),
|
|
14
|
-
r(" Usuarios del sistema ")
|
|
15
|
-
], -1)
|
|
16
|
-
])),
|
|
17
|
-
default: e(() => [
|
|
18
|
-
l(o, { value: "admin" }, {
|
|
19
|
-
default: e(() => t[1] || (t[1] = [
|
|
20
|
-
r("Administrador")
|
|
21
|
-
])),
|
|
22
|
-
_: 1,
|
|
23
|
-
__: [1]
|
|
24
|
-
}),
|
|
25
|
-
l(o, { value: "editor" }, {
|
|
26
|
-
default: e(() => t[2] || (t[2] = [
|
|
27
|
-
r("Editor")
|
|
28
|
-
])),
|
|
29
|
-
_: 1,
|
|
30
|
-
__: [2]
|
|
31
|
-
})
|
|
32
|
-
]),
|
|
33
|
-
_: 1
|
|
34
|
-
}),
|
|
35
|
-
l(i, {
|
|
36
|
-
title: "Preferencias",
|
|
37
|
-
open: ""
|
|
38
|
-
}, {
|
|
39
|
-
default: e(() => [
|
|
40
|
-
l(o, null, {
|
|
41
|
-
default: e(() => [
|
|
42
|
-
l(o, null, {
|
|
43
|
-
default: e(() => t[3] || (t[3] = [
|
|
44
|
-
r("Modo oscuro")
|
|
45
|
-
])),
|
|
46
|
-
_: 1,
|
|
47
|
-
__: [3]
|
|
48
|
-
}),
|
|
49
|
-
l(o, null, {
|
|
50
|
-
default: e(() => t[4] || (t[4] = [
|
|
51
|
-
s("input", {
|
|
52
|
-
type: "checkbox",
|
|
53
|
-
class: "form-switch"
|
|
54
|
-
}, null, -1)
|
|
55
|
-
])),
|
|
56
|
-
_: 1,
|
|
57
|
-
__: [4]
|
|
58
|
-
})
|
|
59
|
-
]),
|
|
60
|
-
_: 1
|
|
61
|
-
})
|
|
62
|
-
]),
|
|
63
|
-
_: 1
|
|
64
|
-
})
|
|
65
|
-
]),
|
|
66
|
-
_: 1
|
|
67
|
-
}));
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
export {
|
|
71
|
-
c as default
|
|
72
|
-
};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as r, openBlock as u, createElementVNode as i, createVNode as e, withCtx as l, createTextVNode as o } from "vue";
|
|
2
|
-
import n from "../src/components/KunListGroup.vue.js";
|
|
3
|
-
import s from "../../KunListItem/src/components/KunListItem.vue.js";
|
|
4
|
-
const d = { class: "p-4 max-w-md" }, a = { class: "space-y-2" }, N = {
|
|
5
|
-
__name: "Default",
|
|
6
|
-
setup(f) {
|
|
7
|
-
return (_, t) => (u(), r("div", d, [
|
|
8
|
-
t[6] || (t[6] = i("h2", { class: "text-lg font-semibold mb-2" }, "Grupos de Lista:", -1)),
|
|
9
|
-
i("ul", a, [
|
|
10
|
-
e(n, { title: "Usuarios" }, {
|
|
11
|
-
activator: l(() => t[0] || (t[0] = [
|
|
12
|
-
i("span", null, "Usuarios del sistema", -1)
|
|
13
|
-
])),
|
|
14
|
-
default: l(() => [
|
|
15
|
-
e(s, null, {
|
|
16
|
-
default: l(() => t[1] || (t[1] = [
|
|
17
|
-
o("Admin")
|
|
18
|
-
])),
|
|
19
|
-
_: 1,
|
|
20
|
-
__: [1]
|
|
21
|
-
}),
|
|
22
|
-
e(s, null, {
|
|
23
|
-
default: l(() => t[2] || (t[2] = [
|
|
24
|
-
o("Editor")
|
|
25
|
-
])),
|
|
26
|
-
_: 1,
|
|
27
|
-
__: [2]
|
|
28
|
-
}),
|
|
29
|
-
e(s, null, {
|
|
30
|
-
default: l(() => t[3] || (t[3] = [
|
|
31
|
-
o("Lector")
|
|
32
|
-
])),
|
|
33
|
-
_: 1,
|
|
34
|
-
__: [3]
|
|
35
|
-
})
|
|
36
|
-
]),
|
|
37
|
-
_: 1
|
|
38
|
-
}),
|
|
39
|
-
e(n, {
|
|
40
|
-
title: "Configuración",
|
|
41
|
-
open: ""
|
|
42
|
-
}, {
|
|
43
|
-
default: l(() => [
|
|
44
|
-
e(s, null, {
|
|
45
|
-
default: l(() => t[4] || (t[4] = [
|
|
46
|
-
o("Perfil")
|
|
47
|
-
])),
|
|
48
|
-
_: 1,
|
|
49
|
-
__: [4]
|
|
50
|
-
}),
|
|
51
|
-
e(s, null, {
|
|
52
|
-
default: l(() => t[5] || (t[5] = [
|
|
53
|
-
o("Notificaciones")
|
|
54
|
-
])),
|
|
55
|
-
_: 1,
|
|
56
|
-
__: [5]
|
|
57
|
-
})
|
|
58
|
-
]),
|
|
59
|
-
_: 1
|
|
60
|
-
})
|
|
61
|
-
])
|
|
62
|
-
]));
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
export {
|
|
66
|
-
N as default
|
|
67
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as o, openBlock as n, createElementVNode as t, createVNode as e } from "vue";
|
|
2
|
-
import l from "../src/components/KunListImg.vue.js";
|
|
3
|
-
const a = { class: "p-4 max-w-md" }, i = { class: "space-y-2" }, r = { class: "flex items-center gap-3" }, m = { class: "flex items-center gap-3" }, _ = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(p) {
|
|
6
|
-
return (c, s) => (n(), o("div", a, [
|
|
7
|
-
s[2] || (s[2] = t("h2", { class: "text-lg font-semibold mb-2" }, "Imágenes en lista:", -1)),
|
|
8
|
-
t("ul", i, [
|
|
9
|
-
t("li", r, [
|
|
10
|
-
e(l, {
|
|
11
|
-
src: "https://picsum.photos/id/1025/200/200 ",
|
|
12
|
-
alt: "Usuario 1",
|
|
13
|
-
class: "w-8 h-8 rounded-full"
|
|
14
|
-
}),
|
|
15
|
-
s[0] || (s[0] = t("span", null, "Juan Pérez", -1))
|
|
16
|
-
]),
|
|
17
|
-
t("li", m, [
|
|
18
|
-
e(l, {
|
|
19
|
-
src: "https://picsum.photos/id/1062/200/200 ",
|
|
20
|
-
alt: "Usuario 2",
|
|
21
|
-
class: "w-8 h-8"
|
|
22
|
-
}),
|
|
23
|
-
s[1] || (s[1] = t("span", null, "Ana Gómez", -1))
|
|
24
|
-
])
|
|
25
|
-
])
|
|
26
|
-
]));
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
export {
|
|
30
|
-
_ as default
|
|
31
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as n, openBlock as i, createElementVNode as a, createVNode as t, withCtx as o, createTextVNode as s } from "vue";
|
|
2
|
-
import l from "../src/components/KunListItem.vue.js";
|
|
3
|
-
const d = { class: "p-4 max-w-md" }, m = { class: "space-y-1" }, p = {
|
|
4
|
-
__name: "Default",
|
|
5
|
-
setup(r) {
|
|
6
|
-
return (_, e) => (i(), n("div", d, [
|
|
7
|
-
e[3] || (e[3] = a("h2", { class: "text-lg font-semibold mb-2" }, "Lista básica:", -1)),
|
|
8
|
-
a("ul", m, [
|
|
9
|
-
t(l, null, {
|
|
10
|
-
default: o(() => e[0] || (e[0] = [
|
|
11
|
-
s("Elemento 1")
|
|
12
|
-
])),
|
|
13
|
-
_: 1,
|
|
14
|
-
__: [0]
|
|
15
|
-
}),
|
|
16
|
-
t(l, {
|
|
17
|
-
active: "",
|
|
18
|
-
"active-class": "bg-green-100 text-green-600"
|
|
19
|
-
}, {
|
|
20
|
-
default: o(() => e[1] || (e[1] = [
|
|
21
|
-
s("Elemento activo")
|
|
22
|
-
])),
|
|
23
|
-
_: 1,
|
|
24
|
-
__: [1]
|
|
25
|
-
}),
|
|
26
|
-
t(l, { disabled: "" }, {
|
|
27
|
-
default: o(() => e[2] || (e[2] = [
|
|
28
|
-
s("Elemento deshabilitado")
|
|
29
|
-
])),
|
|
30
|
-
_: 1,
|
|
31
|
-
__: [2]
|
|
32
|
-
})
|
|
33
|
-
])
|
|
34
|
-
]));
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
export {
|
|
38
|
-
p as default
|
|
39
|
-
};
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as i, openBlock as d, createElementVNode as l, createVNode as o, withCtx as e, createTextVNode as n } from "vue";
|
|
2
|
-
import r from "../src/components/KunListItem.vue.js";
|
|
3
|
-
import s from "../../KunListItemText/src/components/KunListItemText.vue.js";
|
|
4
|
-
import m from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
|
|
5
|
-
import u from "../../KunListItemAction/src/components/KunListItemAction.vue.js";
|
|
6
|
-
const a = { class: "p-4 max-w-md" }, _ = { class: "space-y-2" }, v = {
|
|
7
|
-
__name: "WithAction",
|
|
8
|
-
setup(f) {
|
|
9
|
-
return (p, t) => (d(), i("div", a, [
|
|
10
|
-
t[6] || (t[6] = l("h2", { class: "text-lg font-semibold mb-2" }, "Items con acciones:", -1)),
|
|
11
|
-
l("ul", _, [
|
|
12
|
-
o(r, null, {
|
|
13
|
-
default: e(() => [
|
|
14
|
-
o(s, null, {
|
|
15
|
-
default: e(() => t[0] || (t[0] = [
|
|
16
|
-
n("Notificación por correo")
|
|
17
|
-
])),
|
|
18
|
-
_: 1,
|
|
19
|
-
__: [0]
|
|
20
|
-
}),
|
|
21
|
-
o(u, null, {
|
|
22
|
-
default: e(() => t[1] || (t[1] = [
|
|
23
|
-
l("input", {
|
|
24
|
-
type: "checkbox",
|
|
25
|
-
checked: "",
|
|
26
|
-
class: "form-checkbox text-blue-600"
|
|
27
|
-
}, null, -1)
|
|
28
|
-
])),
|
|
29
|
-
_: 1,
|
|
30
|
-
__: [1]
|
|
31
|
-
})
|
|
32
|
-
]),
|
|
33
|
-
_: 1
|
|
34
|
-
}),
|
|
35
|
-
o(r, null, {
|
|
36
|
-
default: e(() => [
|
|
37
|
-
o(s, null, {
|
|
38
|
-
default: e(() => t[2] || (t[2] = [
|
|
39
|
-
n("Modo oscuro")
|
|
40
|
-
])),
|
|
41
|
-
_: 1,
|
|
42
|
-
__: [2]
|
|
43
|
-
}),
|
|
44
|
-
o(u, null, {
|
|
45
|
-
default: e(() => t[3] || (t[3] = [
|
|
46
|
-
l("input", {
|
|
47
|
-
type: "checkbox",
|
|
48
|
-
class: "form-switch text-blue-600"
|
|
49
|
-
}, null, -1)
|
|
50
|
-
])),
|
|
51
|
-
_: 1,
|
|
52
|
-
__: [3]
|
|
53
|
-
})
|
|
54
|
-
]),
|
|
55
|
-
_: 1
|
|
56
|
-
}),
|
|
57
|
-
o(r, null, {
|
|
58
|
-
default: e(() => [
|
|
59
|
-
o(m, { text: "JD" }),
|
|
60
|
-
o(s, null, {
|
|
61
|
-
default: e(() => t[4] || (t[4] = [
|
|
62
|
-
n("John Doe")
|
|
63
|
-
])),
|
|
64
|
-
_: 1,
|
|
65
|
-
__: [4]
|
|
66
|
-
}),
|
|
67
|
-
o(u, null, {
|
|
68
|
-
default: e(() => t[5] || (t[5] = [
|
|
69
|
-
l("button", { class: "text-blue-500 hover:text-blue-700" }, [
|
|
70
|
-
l("svg", {
|
|
71
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
72
|
-
class: "h-5 w-5",
|
|
73
|
-
fill: "none",
|
|
74
|
-
viewBox: "0 0 24 24",
|
|
75
|
-
stroke: "currentColor"
|
|
76
|
-
}, [
|
|
77
|
-
l("path", {
|
|
78
|
-
"stroke-linecap": "round",
|
|
79
|
-
"stroke-linejoin": "round",
|
|
80
|
-
"stroke-width": "2",
|
|
81
|
-
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
82
|
-
}),
|
|
83
|
-
l("path", {
|
|
84
|
-
"stroke-linecap": "round",
|
|
85
|
-
"stroke-linejoin": "round",
|
|
86
|
-
"stroke-width": "2",
|
|
87
|
-
d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
|
|
88
|
-
})
|
|
89
|
-
])
|
|
90
|
-
], -1)
|
|
91
|
-
])),
|
|
92
|
-
_: 1,
|
|
93
|
-
__: [5]
|
|
94
|
-
})
|
|
95
|
-
]),
|
|
96
|
-
_: 1
|
|
97
|
-
})
|
|
98
|
-
])
|
|
99
|
-
]));
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
export {
|
|
103
|
-
v as default
|
|
104
|
-
};
|