adverich-kun-ui 0.1.322 → 0.1.324
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/adverich-kun-ui.css +1 -1
- package/dist/index.js +188 -170
- 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,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
|
-
};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as u, openBlock as i, createElementVNode as o, createVNode as l, withCtx as e, createTextVNode as a } 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 "../../KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
|
|
5
|
-
import n from "../../KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
|
|
6
|
-
const _ = { class: "p-4 max-w-md" }, f = { class: "space-y-2" }, g = {
|
|
7
|
-
__name: "WithAvatar",
|
|
8
|
-
setup(d) {
|
|
9
|
-
return (p, t) => (i(), u("div", _, [
|
|
10
|
-
t[5] || (t[5] = o("h2", { class: "text-lg font-semibold mb-2" }, "Items con avatar:", -1)),
|
|
11
|
-
o("ul", f, [
|
|
12
|
-
l(r, null, {
|
|
13
|
-
default: e(() => [
|
|
14
|
-
l(n, { text: "JD" }),
|
|
15
|
-
l(s, null, {
|
|
16
|
-
default: e(() => t[0] || (t[0] = [
|
|
17
|
-
a("John Doe")
|
|
18
|
-
])),
|
|
19
|
-
_: 1,
|
|
20
|
-
__: [0]
|
|
21
|
-
}),
|
|
22
|
-
l(m, null, {
|
|
23
|
-
default: e(() => t[1] || (t[1] = [
|
|
24
|
-
a("Administrador")
|
|
25
|
-
])),
|
|
26
|
-
_: 1,
|
|
27
|
-
__: [1]
|
|
28
|
-
})
|
|
29
|
-
]),
|
|
30
|
-
_: 1
|
|
31
|
-
}),
|
|
32
|
-
l(r, {
|
|
33
|
-
active: "",
|
|
34
|
-
"active-class": "bg-blue-100 text-blue-600"
|
|
35
|
-
}, {
|
|
36
|
-
default: e(() => [
|
|
37
|
-
l(n, null, {
|
|
38
|
-
default: e(() => t[2] || (t[2] = [
|
|
39
|
-
o("img", {
|
|
40
|
-
src: "https://i.pravatar.cc/40 ",
|
|
41
|
-
alt: "Avatar",
|
|
42
|
-
class: "w-full h-full object-cover"
|
|
43
|
-
}, null, -1)
|
|
44
|
-
])),
|
|
45
|
-
_: 1,
|
|
46
|
-
__: [2]
|
|
47
|
-
}),
|
|
48
|
-
l(s, null, {
|
|
49
|
-
default: e(() => t[3] || (t[3] = [
|
|
50
|
-
a("Jane Smith")
|
|
51
|
-
])),
|
|
52
|
-
_: 1,
|
|
53
|
-
__: [3]
|
|
54
|
-
}),
|
|
55
|
-
l(m, null, {
|
|
56
|
-
default: e(() => t[4] || (t[4] = [
|
|
57
|
-
a("Desarrollador")
|
|
58
|
-
])),
|
|
59
|
-
_: 1,
|
|
60
|
-
__: [4]
|
|
61
|
-
})
|
|
62
|
-
]),
|
|
63
|
-
_: 1
|
|
64
|
-
})
|
|
65
|
-
])
|
|
66
|
-
]));
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
export {
|
|
70
|
-
g as default
|
|
71
|
-
};
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { createElementBlock as a, openBlock as u, createElementVNode as r, createVNode as e, withCtx as o, createTextVNode as s } from "vue";
|
|
2
|
-
import n from "../src/components/KunListSubheader.vue.js";
|
|
3
|
-
import l from "../../KunListItem/src/components/KunListItem.vue.js";
|
|
4
|
-
const d = { class: "p-4 max-w-md" }, i = { class: "space-y-2 bg-white dark:bg-gray-800 rounded-md shadow-sm p-2" }, b = {
|
|
5
|
-
__name: "Default",
|
|
6
|
-
setup(m) {
|
|
7
|
-
return (_, t) => (u(), a("div", d, [
|
|
8
|
-
t[4] || (t[4] = r("h2", { class: "text-lg font-semibold mb-2" }, "Lista con Subheaders:", -1)),
|
|
9
|
-
r("ul", i, [
|
|
10
|
-
e(n, { text: "Usuarios" }),
|
|
11
|
-
e(l, null, {
|
|
12
|
-
default: o(() => t[0] || (t[0] = [
|
|
13
|
-
s("Juan Pérez")
|
|
14
|
-
])),
|
|
15
|
-
_: 1,
|
|
16
|
-
__: [0]
|
|
17
|
-
}),
|
|
18
|
-
e(l, null, {
|
|
19
|
-
default: o(() => t[1] || (t[1] = [
|
|
20
|
-
s("Ana Gómez")
|
|
21
|
-
])),
|
|
22
|
-
_: 1,
|
|
23
|
-
__: [1]
|
|
24
|
-
}),
|
|
25
|
-
e(n, {
|
|
26
|
-
text: "Configuraciones",
|
|
27
|
-
class: "text-blue-600 dark:text-blue-400"
|
|
28
|
-
}),
|
|
29
|
-
e(l, null, {
|
|
30
|
-
default: o(() => t[2] || (t[2] = [
|
|
31
|
-
s("Perfil")
|
|
32
|
-
])),
|
|
33
|
-
_: 1,
|
|
34
|
-
__: [2]
|
|
35
|
-
}),
|
|
36
|
-
e(l, null, {
|
|
37
|
-
default: o(() => t[3] || (t[3] = [
|
|
38
|
-
s("Notificaciones")
|
|
39
|
-
])),
|
|
40
|
-
_: 1,
|
|
41
|
-
__: [3]
|
|
42
|
-
})
|
|
43
|
-
])
|
|
44
|
-
]));
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
export {
|
|
48
|
-
b as default
|
|
49
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ref as a, createBlock as r, openBlock as m } from "vue";
|
|
2
|
-
import t from "../src/components/KunSlider.vue.js";
|
|
3
|
-
const c = {
|
|
4
|
-
__name: "ExampleBasic",
|
|
5
|
-
setup(u) {
|
|
6
|
-
const e = a(50);
|
|
7
|
-
return (n, l) => (m(), r(t, {
|
|
8
|
-
modelValue: e.value,
|
|
9
|
-
"onUpdate:modelValue": l[0] || (l[0] = (o) => e.value = o),
|
|
10
|
-
min: 0,
|
|
11
|
-
max: 100,
|
|
12
|
-
label: "Básico"
|
|
13
|
-
}, null, 8, ["modelValue"]));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
export {
|
|
17
|
-
c as default
|
|
18
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ref as r, createBlock as a, openBlock as u, withCtx as n, createElementVNode as m, normalizeStyle as s, toDisplayString as i } from "vue";
|
|
2
|
-
import p from "../src/components/KunSlider.vue.js";
|
|
3
|
-
const b = {
|
|
4
|
-
__name: "ExampleCustomThumb",
|
|
5
|
-
setup(d) {
|
|
6
|
-
const t = r(42);
|
|
7
|
-
return (c, l) => (u(), a(p, {
|
|
8
|
-
modelValue: t.value,
|
|
9
|
-
"onUpdate:modelValue": l[0] || (l[0] = (e) => t.value = e),
|
|
10
|
-
label: "Con Thumb personalizado"
|
|
11
|
-
}, {
|
|
12
|
-
thumb: n(({ value: e, style: o }) => [
|
|
13
|
-
m("div", {
|
|
14
|
-
class: "absolute z-40 w-6 h-6 flex items-center justify-center rounded-full bg-purple-600 text-white text-xs font-bold",
|
|
15
|
-
style: s(o)
|
|
16
|
-
}, " 🔥" + i(e), 5)
|
|
17
|
-
]),
|
|
18
|
-
_: 1
|
|
19
|
-
}, 8, ["modelValue"]));
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
b as default
|
|
24
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ref as o, createBlock as r, openBlock as n } from "vue";
|
|
2
|
-
import t from "../src/components/KunSlider.vue.js";
|
|
3
|
-
const d = {
|
|
4
|
-
__name: "ExampleRange",
|
|
5
|
-
setup(u) {
|
|
6
|
-
const e = o([20, 80]);
|
|
7
|
-
return (m, a) => (n(), r(t, {
|
|
8
|
-
modelValue: e.value,
|
|
9
|
-
"onUpdate:modelValue": a[0] || (a[0] = (l) => e.value = l),
|
|
10
|
-
min: 0,
|
|
11
|
-
max: 100,
|
|
12
|
-
step: 5,
|
|
13
|
-
range: !0,
|
|
14
|
-
label: "Rango de valores"
|
|
15
|
-
}, null, 8, ["modelValue"]));
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
d as default
|
|
20
|
-
};
|