@dronico/droni-kit 1.8.5 → 1.9.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/CHANGELOG.md +21 -0
- package/LICENSE +25 -0
- package/README.md +325 -6
- package/dist/droni-kit.cjs.js +8 -8
- package/dist/droni-kit.es.js +155 -157
- package/dist/stories/Elements/DuiAction.stories.d.ts +19 -92
- package/dist/stories/Elements/DuiAction.vue.d.ts +15 -61
- package/dist/stories/Elements/DuiAlert.stories.d.ts +1 -1
- package/dist/stories/Elements/DuiTable.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiButton.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiInput.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiSelect.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiTextarea.stories.d.ts +1 -1
- package/package.json +8 -11
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as f, getCurrentInstance as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as f, getCurrentInstance as B, computed as b, createBlock as N, openBlock as a, resolveDynamicComponent as L, mergeProps as V, withCtx as T, renderSlot as $, createElementBlock as o, createCommentVNode as v, createElementVNode as h, normalizeClass as m, createTextVNode as q, toDisplayString as y, Fragment as w, renderList as C } from "vue";
|
|
2
|
+
const D = { key: 1 }, R = `
|
|
3
3
|
dk:transition
|
|
4
4
|
dk:text-center
|
|
5
5
|
dk:disabled:opacity-50
|
|
@@ -10,7 +10,7 @@ const T = { key: 1 }, j = `
|
|
|
10
10
|
dk:text-ellipsis
|
|
11
11
|
dk:whitespace-nowrap
|
|
12
12
|
dk:active:scale-95
|
|
13
|
-
dk:max-w-full`,
|
|
13
|
+
dk:max-w-full`, te = /* @__PURE__ */ f({
|
|
14
14
|
__name: "DuiButton",
|
|
15
15
|
props: {
|
|
16
16
|
variant: { default: "solid" },
|
|
@@ -24,25 +24,25 @@ const T = { key: 1 }, j = `
|
|
|
24
24
|
rounded: { default: "all" },
|
|
25
25
|
to: { default: void 0 }
|
|
26
26
|
},
|
|
27
|
-
setup(
|
|
28
|
-
const d =
|
|
27
|
+
setup(u) {
|
|
28
|
+
const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
|
|
29
29
|
try {
|
|
30
30
|
return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || // Check if RouterLink component is globally registered
|
|
31
31
|
t != null && t.component("RouterLink"));
|
|
32
32
|
} catch {
|
|
33
33
|
return !1;
|
|
34
34
|
}
|
|
35
|
-
}),
|
|
35
|
+
}), c = b(() => {
|
|
36
36
|
try {
|
|
37
37
|
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || // Check if NuxtLink component is globally available
|
|
38
38
|
t != null && t.component("NuxtLink"));
|
|
39
39
|
} catch {
|
|
40
40
|
return !1;
|
|
41
41
|
}
|
|
42
|
-
}), l =
|
|
42
|
+
}), l = b(() => d.to ? c.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "button"), g = b(() => {
|
|
43
43
|
const r = {};
|
|
44
44
|
return l.value === "button" ? r.type = d.type : l.value === "a" ? (r.href = typeof d.to == "string" ? d.to : "#", r.role = "button") : r.to = d.to, r;
|
|
45
|
-
}),
|
|
45
|
+
}), p = {
|
|
46
46
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
47
47
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
48
48
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -53,7 +53,7 @@ const T = { key: 1 }, j = `
|
|
|
53
53
|
left: "dk:rounded-l",
|
|
54
54
|
right: "dk:rounded-r",
|
|
55
55
|
none: "dk:rounded-none"
|
|
56
|
-
},
|
|
56
|
+
}, k = {
|
|
57
57
|
solid: {
|
|
58
58
|
base: "dk:border-b",
|
|
59
59
|
neutral: `
|
|
@@ -225,26 +225,26 @@ const T = { key: 1 }, j = `
|
|
|
225
225
|
dk:dark:text-amber-100
|
|
226
226
|
dk:dark:hover:bg-amber-800`
|
|
227
227
|
}
|
|
228
|
-
}, s =
|
|
229
|
-
var
|
|
230
|
-
const r = (((
|
|
231
|
-
return [
|
|
228
|
+
}, s = b(() => {
|
|
229
|
+
var S;
|
|
230
|
+
const r = (((S = k[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + k[d.variant].base, i = p[d.size] || "", z = d.block ? "dk:w-full" : "", _ = x[d.rounded] || "";
|
|
231
|
+
return [R, r, i, z, _].join(" ");
|
|
232
232
|
});
|
|
233
|
-
return (r,
|
|
233
|
+
return (r, i) => (a(), N(L(l.value), V(g.value, {
|
|
234
234
|
class: s.value,
|
|
235
235
|
title: d.title,
|
|
236
236
|
disabled: d.disabled || d.loading
|
|
237
237
|
}), {
|
|
238
|
-
default:
|
|
239
|
-
d.loading ? (a(),
|
|
238
|
+
default: T(() => [
|
|
239
|
+
d.loading ? (a(), o("span", D, "Cargando...")) : $(r.$slots, "default", { key: 0 })
|
|
240
240
|
]),
|
|
241
241
|
_: 3
|
|
242
242
|
}, 16, ["class", "title", "disabled"]));
|
|
243
243
|
}
|
|
244
|
-
}),
|
|
244
|
+
}), j = ["for"], A = {
|
|
245
245
|
key: 0,
|
|
246
246
|
class: "dk:text-rose-500"
|
|
247
|
-
},
|
|
247
|
+
}, P = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "readonly", "min", "max", "step", "aria-label", "aria-disabled", "aria-required"], I = `
|
|
248
248
|
dk:border-b
|
|
249
249
|
dk:border-zinc-300
|
|
250
250
|
dk:bg-zinc-50
|
|
@@ -256,7 +256,7 @@ const T = { key: 1 }, j = `
|
|
|
256
256
|
dk:dark:bg-zinc-800
|
|
257
257
|
dk:dark:text-zinc-100
|
|
258
258
|
dk:dark:focus:bg-zinc-700
|
|
259
|
-
dk:dark:[color-scheme:dark]`,
|
|
259
|
+
dk:dark:[color-scheme:dark]`, ae = /* @__PURE__ */ f({
|
|
260
260
|
__name: "DuiInput",
|
|
261
261
|
props: {
|
|
262
262
|
modelValue: {
|
|
@@ -329,13 +329,13 @@ const T = { key: 1 }, j = `
|
|
|
329
329
|
}
|
|
330
330
|
},
|
|
331
331
|
emits: ["update:modelValue"],
|
|
332
|
-
setup(
|
|
333
|
-
const e =
|
|
334
|
-
function n(
|
|
335
|
-
const s =
|
|
332
|
+
setup(u, { emit: d }) {
|
|
333
|
+
const e = u, t = d;
|
|
334
|
+
function n(k) {
|
|
335
|
+
const s = k.target;
|
|
336
336
|
t("update:modelValue", s.value);
|
|
337
337
|
}
|
|
338
|
-
const
|
|
338
|
+
const c = {
|
|
339
339
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
340
340
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
341
341
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -346,30 +346,30 @@ const T = { key: 1 }, j = `
|
|
|
346
346
|
left: "dk:rounded-l",
|
|
347
347
|
right: "dk:rounded-r",
|
|
348
348
|
none: "dk:rounded-none"
|
|
349
|
-
},
|
|
349
|
+
}, g = {
|
|
350
350
|
sm: "dk:text-sm dk:pb-0.5",
|
|
351
351
|
md: "dk:text-base dk:pb-1",
|
|
352
352
|
lg: "dk:text-lg dk:pb-2"
|
|
353
|
-
},
|
|
354
|
-
const
|
|
355
|
-
return [
|
|
356
|
-
}), x =
|
|
357
|
-
const
|
|
358
|
-
return [
|
|
353
|
+
}, p = b(() => {
|
|
354
|
+
const k = c[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
|
|
355
|
+
return [I, k, s, r].join(" ");
|
|
356
|
+
}), x = b(() => {
|
|
357
|
+
const k = g[e.size] || "", s = e.block ? "dk:w-full" : "";
|
|
358
|
+
return [k, s].join(" ");
|
|
359
359
|
});
|
|
360
|
-
return (
|
|
361
|
-
e.label ? (a(),
|
|
360
|
+
return (k, s) => (a(), o("div", null, [
|
|
361
|
+
e.label ? (a(), o("label", {
|
|
362
362
|
key: 0,
|
|
363
363
|
for: e.id,
|
|
364
364
|
class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
365
365
|
}, [
|
|
366
|
-
|
|
367
|
-
e.required ? (a(),
|
|
368
|
-
], 10,
|
|
366
|
+
q(y(e.label) + " ", 1),
|
|
367
|
+
e.required ? (a(), o("span", A, "*")) : v("", !0)
|
|
368
|
+
], 10, j)) : v("", !0),
|
|
369
369
|
h("input", {
|
|
370
370
|
type: e.type,
|
|
371
|
-
class: m(
|
|
372
|
-
value:
|
|
371
|
+
class: m(p.value),
|
|
372
|
+
value: u.modelValue,
|
|
373
373
|
disabled: e.disabled,
|
|
374
374
|
placeholder: e.placeholder,
|
|
375
375
|
required: e.required,
|
|
@@ -384,7 +384,7 @@ const T = { key: 1 }, j = `
|
|
|
384
384
|
"aria-disabled": e.disabled,
|
|
385
385
|
"aria-required": e.required,
|
|
386
386
|
onInput: n
|
|
387
|
-
}, null, 42,
|
|
387
|
+
}, null, 42, P)
|
|
388
388
|
]));
|
|
389
389
|
}
|
|
390
390
|
}), E = ["for"], F = {
|
|
@@ -459,13 +459,13 @@ const T = { key: 1 }, j = `
|
|
|
459
459
|
}
|
|
460
460
|
},
|
|
461
461
|
emits: ["update:modelValue"],
|
|
462
|
-
setup(
|
|
463
|
-
const e =
|
|
462
|
+
setup(u, { emit: d }) {
|
|
463
|
+
const e = u, t = d;
|
|
464
464
|
function n(r) {
|
|
465
|
-
const
|
|
466
|
-
e.autoheight && s(
|
|
465
|
+
const i = r.target;
|
|
466
|
+
e.autoheight && s(i), t("update:modelValue", i.value);
|
|
467
467
|
}
|
|
468
|
-
const
|
|
468
|
+
const c = {
|
|
469
469
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
470
470
|
md: "dk:text-base dk:px-3 dk:py-2",
|
|
471
471
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -476,36 +476,36 @@ const T = { key: 1 }, j = `
|
|
|
476
476
|
left: "dk:rounded-l",
|
|
477
477
|
right: "dk:rounded-r",
|
|
478
478
|
none: "dk:rounded-none"
|
|
479
|
-
},
|
|
479
|
+
}, g = {
|
|
480
480
|
sm: "dk:text-sm dk:pb-0.5",
|
|
481
481
|
md: "dk:text-base dk:pb-1",
|
|
482
482
|
lg: "dk:text-lg dk:pb-2"
|
|
483
|
-
},
|
|
483
|
+
}, p = {
|
|
484
484
|
none: "dk:resize-none",
|
|
485
485
|
both: "dk:resize",
|
|
486
486
|
horizontal: "dk:resize-x",
|
|
487
487
|
vertical: "dk:resize-y"
|
|
488
|
-
}, x =
|
|
489
|
-
const r =
|
|
490
|
-
return [G, r,
|
|
491
|
-
}),
|
|
492
|
-
const r =
|
|
493
|
-
return [r,
|
|
488
|
+
}, x = b(() => {
|
|
489
|
+
const r = c[e.size] || "", i = e.block ? "dk:w-full" : "", z = l[e.rounded] || "", _ = p[e.resize] || "";
|
|
490
|
+
return [G, r, i, z, _].join(" ");
|
|
491
|
+
}), k = b(() => {
|
|
492
|
+
const r = g[e.size] || "", i = e.block ? "dk:w-full" : "";
|
|
493
|
+
return [r, i].join(" ");
|
|
494
494
|
}), s = (r) => {
|
|
495
495
|
r.style.height = "auto", r.style.height = `${r.scrollHeight + 5}px`;
|
|
496
496
|
};
|
|
497
|
-
return (r,
|
|
498
|
-
e.label ? (a(),
|
|
497
|
+
return (r, i) => (a(), o("div", null, [
|
|
498
|
+
e.label ? (a(), o("label", {
|
|
499
499
|
key: 0,
|
|
500
500
|
for: e.id,
|
|
501
|
-
class: m([
|
|
501
|
+
class: m([k.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
502
502
|
}, [
|
|
503
|
-
|
|
504
|
-
e.required ? (a(),
|
|
503
|
+
q(y(e.label) + " ", 1),
|
|
504
|
+
e.required ? (a(), o("span", F, "*")) : v("", !0)
|
|
505
505
|
], 10, E)) : v("", !0),
|
|
506
506
|
h("textarea", {
|
|
507
507
|
class: m(x.value),
|
|
508
|
-
value:
|
|
508
|
+
value: u.modelValue,
|
|
509
509
|
disabled: e.disabled,
|
|
510
510
|
placeholder: e.placeholder,
|
|
511
511
|
required: e.required,
|
|
@@ -519,7 +519,7 @@ const T = { key: 1 }, j = `
|
|
|
519
519
|
}, null, 42, H)
|
|
520
520
|
]));
|
|
521
521
|
}
|
|
522
|
-
}), J =
|
|
522
|
+
}), J = { key: 1 }, K = `
|
|
523
523
|
dk:transition
|
|
524
524
|
dk:text-center
|
|
525
525
|
dk:disabled:opacity-50
|
|
@@ -530,51 +530,46 @@ const T = { key: 1 }, j = `
|
|
|
530
530
|
dk:text-ellipsis
|
|
531
531
|
dk:whitespace-nowrap
|
|
532
532
|
dk:active:scale-95
|
|
533
|
-
dk:max-w-full`,
|
|
533
|
+
dk:max-w-full`, ke = /* @__PURE__ */ f({
|
|
534
534
|
__name: "DuiAction",
|
|
535
535
|
props: {
|
|
536
|
-
variant: {
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
},
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
}
|
|
544
|
-
size: {
|
|
545
|
-
type: String,
|
|
546
|
-
default: "md"
|
|
547
|
-
},
|
|
548
|
-
loading: {
|
|
549
|
-
type: Boolean,
|
|
550
|
-
default: !1
|
|
551
|
-
},
|
|
552
|
-
block: {
|
|
553
|
-
type: Boolean,
|
|
554
|
-
default: !1
|
|
555
|
-
},
|
|
556
|
-
title: {
|
|
557
|
-
type: String,
|
|
558
|
-
default: void 0
|
|
559
|
-
},
|
|
560
|
-
rounded: {
|
|
561
|
-
type: String,
|
|
562
|
-
default: "all"
|
|
563
|
-
}
|
|
536
|
+
variant: { default: "solid" },
|
|
537
|
+
color: { default: "neutral" },
|
|
538
|
+
size: { default: "md" },
|
|
539
|
+
loading: { type: Boolean, default: !1 },
|
|
540
|
+
block: { type: Boolean, default: !1 },
|
|
541
|
+
title: { default: void 0 },
|
|
542
|
+
rounded: { default: "all" },
|
|
543
|
+
to: { default: void 0 }
|
|
564
544
|
},
|
|
565
|
-
setup(
|
|
566
|
-
const d =
|
|
545
|
+
setup(u) {
|
|
546
|
+
const d = u, e = B(), t = e == null ? void 0 : e.appContext.app, n = b(() => {
|
|
547
|
+
try {
|
|
548
|
+
return !!(t != null && t.config.globalProperties.$router || t != null && t.config.globalProperties.$route || globalThis.VueRouter || t != null && t.component("RouterLink"));
|
|
549
|
+
} catch {
|
|
550
|
+
return !1;
|
|
551
|
+
}
|
|
552
|
+
}), c = b(() => {
|
|
553
|
+
try {
|
|
554
|
+
return !!(globalThis.$nuxt || globalThis.useNuxtApp || globalThis.navigateTo || typeof window < "u" && window.$nuxt || t != null && t.component("NuxtLink"));
|
|
555
|
+
} catch {
|
|
556
|
+
return !1;
|
|
557
|
+
}
|
|
558
|
+
}), l = b(() => d.to ? c.value ? "NuxtLink" : n.value ? "RouterLink" : "a" : "span"), g = b(() => {
|
|
559
|
+
const r = {};
|
|
560
|
+
return l.value === "a" ? (r.href = typeof d.to == "string" ? d.to : "#", r.role = "button") : l.value !== "span" && (r.to = d.to), r;
|
|
561
|
+
}), p = {
|
|
567
562
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
568
563
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
569
564
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
570
|
-
},
|
|
565
|
+
}, x = {
|
|
571
566
|
all: "dk:rounded",
|
|
572
567
|
top: "dk:rounded-t",
|
|
573
568
|
bottom: "dk:rounded-b",
|
|
574
569
|
left: "dk:rounded-l",
|
|
575
570
|
right: "dk:rounded-r",
|
|
576
571
|
none: "dk:rounded-none"
|
|
577
|
-
},
|
|
572
|
+
}, k = {
|
|
578
573
|
solid: {
|
|
579
574
|
base: "dk:border-b",
|
|
580
575
|
neutral: `
|
|
@@ -746,27 +741,30 @@ const T = { key: 1 }, j = `
|
|
|
746
741
|
dk:dark:text-amber-100
|
|
747
742
|
dk:dark:hover:bg-amber-800`
|
|
748
743
|
}
|
|
749
|
-
},
|
|
750
|
-
var
|
|
751
|
-
const
|
|
752
|
-
return [
|
|
744
|
+
}, s = b(() => {
|
|
745
|
+
var S;
|
|
746
|
+
const r = (((S = k[d.variant]) == null ? void 0 : S[d.color]) || "") + " " + k[d.variant].base, i = p[d.size] || "", z = d.block ? "dk:block" : "dk:inline-block", _ = x[d.rounded] || "";
|
|
747
|
+
return [K, r, i, z, _].join(" ");
|
|
753
748
|
});
|
|
754
|
-
return (
|
|
755
|
-
class:
|
|
749
|
+
return (r, i) => (a(), N(L(l.value), V(g.value, {
|
|
750
|
+
class: s.value,
|
|
756
751
|
title: d.title
|
|
757
|
-
},
|
|
758
|
-
|
|
759
|
-
|
|
752
|
+
}), {
|
|
753
|
+
default: T(() => [
|
|
754
|
+
d.loading ? (a(), o("span", J, "Cargando...")) : $(r.$slots, "default", { key: 0 })
|
|
755
|
+
]),
|
|
756
|
+
_: 3
|
|
757
|
+
}, 16, ["class", "title"]));
|
|
760
758
|
}
|
|
761
|
-
}),
|
|
759
|
+
}), M = ["for"], O = {
|
|
762
760
|
key: 0,
|
|
763
761
|
class: "dk:text-rose-500"
|
|
764
|
-
},
|
|
762
|
+
}, Q = ["id", "name", "disabled", "required", "readonly", "aria-label", "aria-disabled", "aria-required"], U = {
|
|
765
763
|
key: 0,
|
|
766
764
|
disabled: "",
|
|
767
765
|
selected: "",
|
|
768
766
|
hidden: ""
|
|
769
|
-
},
|
|
767
|
+
}, W = ["value", "selected"], X = `
|
|
770
768
|
dk:border-b
|
|
771
769
|
dk:border-zinc-300
|
|
772
770
|
dk:bg-zinc-50
|
|
@@ -779,7 +777,7 @@ const T = { key: 1 }, j = `
|
|
|
779
777
|
dk:dark:text-zinc-100
|
|
780
778
|
dk:dark:focus:bg-zinc-700
|
|
781
779
|
dk:dark:[color-scheme:dark]
|
|
782
|
-
`,
|
|
780
|
+
`, le = /* @__PURE__ */ f({
|
|
783
781
|
__name: "DuiSelect",
|
|
784
782
|
props: {
|
|
785
783
|
modelValue: {
|
|
@@ -840,13 +838,13 @@ const T = { key: 1 }, j = `
|
|
|
840
838
|
}
|
|
841
839
|
},
|
|
842
840
|
emits: ["update:modelValue"],
|
|
843
|
-
setup(
|
|
844
|
-
const e =
|
|
845
|
-
function n(
|
|
846
|
-
const r =
|
|
847
|
-
!isNaN(
|
|
841
|
+
setup(u, { emit: d }) {
|
|
842
|
+
const e = u, t = d;
|
|
843
|
+
function n(k) {
|
|
844
|
+
const r = k.target.value, i = Number(r);
|
|
845
|
+
!isNaN(i) && r !== "" ? t("update:modelValue", i) : t("update:modelValue", r);
|
|
848
846
|
}
|
|
849
|
-
const
|
|
847
|
+
const c = {
|
|
850
848
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
851
849
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
852
850
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
@@ -857,54 +855,54 @@ const T = { key: 1 }, j = `
|
|
|
857
855
|
left: "dk:rounded-l",
|
|
858
856
|
right: "dk:rounded-r",
|
|
859
857
|
none: "dk:rounded-none"
|
|
860
|
-
},
|
|
858
|
+
}, g = {
|
|
861
859
|
sm: "dk:text-sm dk:pb-0.5",
|
|
862
860
|
md: "dk:text-base dk:pb-1",
|
|
863
861
|
lg: "dk:text-lg dk:pb-2"
|
|
864
|
-
},
|
|
865
|
-
const
|
|
866
|
-
return [
|
|
867
|
-
}), x =
|
|
868
|
-
const
|
|
869
|
-
return [
|
|
862
|
+
}, p = b(() => {
|
|
863
|
+
const k = c[e.size] || "", s = e.block ? "dk:w-full" : "", r = l[e.rounded] || "";
|
|
864
|
+
return [X, k, s, r].join(" ");
|
|
865
|
+
}), x = b(() => {
|
|
866
|
+
const k = g[e.size] || "", s = e.block ? "dk:w-full" : "";
|
|
867
|
+
return [k, s].join(" ");
|
|
870
868
|
});
|
|
871
|
-
return (
|
|
872
|
-
e.label ? (a(),
|
|
869
|
+
return (k, s) => (a(), o("div", null, [
|
|
870
|
+
e.label ? (a(), o("label", {
|
|
873
871
|
key: 0,
|
|
874
872
|
for: e.id,
|
|
875
873
|
class: m([x.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
876
874
|
}, [
|
|
877
|
-
|
|
878
|
-
e.required ? (a(),
|
|
879
|
-
], 10,
|
|
875
|
+
q(y(e.label) + " ", 1),
|
|
876
|
+
e.required ? (a(), o("span", O, "*")) : v("", !0)
|
|
877
|
+
], 10, M)) : v("", !0),
|
|
880
878
|
h("select", {
|
|
881
879
|
id: e.id,
|
|
882
880
|
name: e.name,
|
|
883
881
|
disabled: e.disabled,
|
|
884
882
|
required: e.required,
|
|
885
|
-
class: m(
|
|
883
|
+
class: m(p.value),
|
|
886
884
|
readonly: e.readonly,
|
|
887
885
|
"aria-label": e.label || "select input",
|
|
888
886
|
"aria-disabled": e.disabled,
|
|
889
887
|
"aria-required": e.required,
|
|
890
888
|
onChange: n
|
|
891
889
|
}, [
|
|
892
|
-
e.placeholder ? (a(),
|
|
893
|
-
(a(!0),
|
|
894
|
-
key:
|
|
890
|
+
e.placeholder ? (a(), o("option", U, y(e.placeholder), 1)) : v("", !0),
|
|
891
|
+
(a(!0), o(w, null, C(e.options, (r, i) => (a(), o("option", {
|
|
892
|
+
key: i,
|
|
895
893
|
value: r[e.itemValue] ?? "",
|
|
896
894
|
selected: r[e.itemValue] == e.modelValue
|
|
897
|
-
}, y(r[e.itemLabel] ?? ""), 9,
|
|
898
|
-
], 42,
|
|
895
|
+
}, y(r[e.itemLabel] ?? ""), 9, W))), 128))
|
|
896
|
+
], 42, Q)
|
|
899
897
|
]));
|
|
900
898
|
}
|
|
901
|
-
}),
|
|
899
|
+
}), Y = `
|
|
902
900
|
dk:px-4
|
|
903
901
|
dk:py-3
|
|
904
902
|
dk:text-sm
|
|
905
903
|
dk:leading-relaxed
|
|
906
904
|
dk:max-w-full
|
|
907
|
-
`,
|
|
905
|
+
`, ne = /* @__PURE__ */ f({
|
|
908
906
|
__name: "DuiAlert",
|
|
909
907
|
props: {
|
|
910
908
|
variant: {
|
|
@@ -920,8 +918,8 @@ const T = { key: 1 }, j = `
|
|
|
920
918
|
default: "all"
|
|
921
919
|
}
|
|
922
920
|
},
|
|
923
|
-
setup(
|
|
924
|
-
const d =
|
|
921
|
+
setup(u) {
|
|
922
|
+
const d = u, e = {
|
|
925
923
|
all: "dk:rounded",
|
|
926
924
|
top: "dk:rounded-t",
|
|
927
925
|
bottom: "dk:rounded-b",
|
|
@@ -956,19 +954,19 @@ const T = { key: 1 }, j = `
|
|
|
956
954
|
warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
|
|
957
955
|
danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
|
|
958
956
|
}
|
|
959
|
-
}, n =
|
|
960
|
-
var
|
|
961
|
-
const
|
|
962
|
-
return [
|
|
957
|
+
}, n = b(() => {
|
|
958
|
+
var p;
|
|
959
|
+
const c = ((p = t[d.variant]) == null ? void 0 : p[d.color]) || "", l = t[d.variant].base || "", g = e[d.rounded] || "";
|
|
960
|
+
return [Y, l, c, g].join(" ");
|
|
963
961
|
});
|
|
964
|
-
return (
|
|
962
|
+
return (c, l) => (a(), o("div", {
|
|
965
963
|
class: m(n.value),
|
|
966
964
|
role: "alert"
|
|
967
965
|
}, [
|
|
968
|
-
|
|
966
|
+
$(c.$slots, "default")
|
|
969
967
|
], 2));
|
|
970
968
|
}
|
|
971
|
-
}),
|
|
969
|
+
}), Z = { class: "dk:relative dk:overflow-x-auto dk:shadow-md dk:sm:rounded-lg" }, ee = { class: "dk:w-full dk:text-sm dk:text-left dk:text-gray-700 dk:dark:text-gray-300" }, de = { class: "dk:text-xs dk:uppercase dk:bg-gray-100 dk:dark:bg-gray-700 dk:dark:text-gray-200" }, se = /* @__PURE__ */ f({
|
|
972
970
|
__name: "DuiTable",
|
|
973
971
|
props: {
|
|
974
972
|
columns: {
|
|
@@ -980,29 +978,29 @@ const T = { key: 1 }, j = `
|
|
|
980
978
|
required: !0
|
|
981
979
|
}
|
|
982
980
|
},
|
|
983
|
-
setup(
|
|
984
|
-
const d =
|
|
985
|
-
return (e, t) => (a(),
|
|
986
|
-
h("table",
|
|
987
|
-
h("thead",
|
|
981
|
+
setup(u) {
|
|
982
|
+
const d = u;
|
|
983
|
+
return (e, t) => (a(), o("div", Z, [
|
|
984
|
+
h("table", ee, [
|
|
985
|
+
h("thead", de, [
|
|
988
986
|
h("tr", null, [
|
|
989
|
-
(a(!0),
|
|
987
|
+
(a(!0), o(w, null, C(d.columns, (n) => (a(), o("th", {
|
|
990
988
|
key: n.name,
|
|
991
989
|
class: m(["dk:px-6 dk:py-3", n.classes])
|
|
992
990
|
}, y(n.label), 3))), 128))
|
|
993
991
|
])
|
|
994
992
|
]),
|
|
995
993
|
h("tbody", null, [
|
|
996
|
-
(a(!0),
|
|
997
|
-
key:
|
|
994
|
+
(a(!0), o(w, null, C(d.rows, (n, c) => (a(), o("tr", {
|
|
995
|
+
key: c,
|
|
998
996
|
class: "dk:bg-white dk:border-b dk:border-gray-200 dk:dark:bg-gray-800 dk:dark:border-gray-700 dk:hover:bg-gray-50 dk:dark:hover:bg-gray-600 dk:transition-colors"
|
|
999
997
|
}, [
|
|
1000
|
-
(a(!0),
|
|
998
|
+
(a(!0), o(w, null, C(d.columns, (l) => (a(), o("td", {
|
|
1001
999
|
key: l.name,
|
|
1002
1000
|
class: "dk:px-6 dk:py-4 dk:text-gray-900 dk:dark:text-gray-100"
|
|
1003
1001
|
}, [
|
|
1004
|
-
|
|
1005
|
-
|
|
1002
|
+
$(e.$slots, l.name, V({ ref_for: !0 }, n), () => [
|
|
1003
|
+
q(y(n[l.name]), 1)
|
|
1006
1004
|
])
|
|
1007
1005
|
]))), 128))
|
|
1008
1006
|
]))), 128))
|
|
@@ -1012,11 +1010,11 @@ const T = { key: 1 }, j = `
|
|
|
1012
1010
|
}
|
|
1013
1011
|
});
|
|
1014
1012
|
export {
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1013
|
+
ke as DuiAction,
|
|
1014
|
+
ne as DuiAlert,
|
|
1015
|
+
te as DuiButton,
|
|
1016
|
+
ae as DuiInput,
|
|
1017
|
+
le as DuiSelect,
|
|
1018
|
+
se as DuiTable,
|
|
1021
1019
|
oe as DuiTextarea
|
|
1022
1020
|
};
|