@dronico/droni-kit 1.7.4 → 1.7.6
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 +14 -0
- package/dist/droni-kit.cjs.js +14 -10
- package/dist/droni-kit.css +1 -1
- package/dist/droni-kit.es.js +206 -181
- package/dist/index.d.ts +2 -2
- package/dist/stories/Elements/DuiAction.stories.d.ts +22 -0
- package/dist/stories/Elements/DuiAction.vue.d.ts +9 -0
- package/dist/stories/Elements/DuiAlert.stories.d.ts +105 -0
- package/dist/stories/Elements/DuiAlert.vue.d.ts +47 -0
- package/dist/stories/Forms/DuiButton.stories.d.ts +22 -0
- package/dist/stories/Forms/DuiButton.vue.d.ts +9 -0
- package/dist/stories/Forms/DuiInput.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiInput.vue.d.ts +1 -1
- package/dist/stories/Forms/DuiSelect.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiSelect.vue.d.ts +1 -1
- package/dist/stories/Forms/DuiTextarea.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiTextarea.vue.d.ts +1 -1
- package/package.json +1 -1
- package/dist/stories/Widgets/DuiEditor.stories.d.ts +0 -209
- package/dist/stories/Widgets/DuiEditor.vue.d.ts +0 -122
package/dist/droni-kit.es.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as v, computed as x, createElementBlock as k, openBlock as a, normalizeClass as m, renderSlot as z, createCommentVNode as h, createElementVNode as f, createTextVNode as S, toDisplayString as y, Fragment as C, renderList as q } from "vue";
|
|
2
|
+
const $ = ["type", "title", "disabled"], B = { key: 1 }, V = `
|
|
3
3
|
dk:transition
|
|
4
4
|
dk:text-center
|
|
5
|
-
dk:rounded
|
|
6
5
|
dk:disabled:opacity-50
|
|
7
6
|
dk:disabled:cursor-not-allowed
|
|
8
7
|
dk:cursor-pointer
|
|
@@ -11,7 +10,7 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
11
10
|
dk:text-ellipsis
|
|
12
11
|
dk:whitespace-nowrap
|
|
13
12
|
dk:active:scale-95
|
|
14
|
-
dk:max-w-full`,
|
|
13
|
+
dk:max-w-full`, W = /* @__PURE__ */ v({
|
|
15
14
|
__name: "DuiButton",
|
|
16
15
|
props: {
|
|
17
16
|
variant: {
|
|
@@ -45,14 +44,25 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
45
44
|
title: {
|
|
46
45
|
type: String,
|
|
47
46
|
default: void 0
|
|
47
|
+
},
|
|
48
|
+
rounded: {
|
|
49
|
+
type: String,
|
|
50
|
+
default: "all"
|
|
48
51
|
}
|
|
49
52
|
},
|
|
50
|
-
setup(
|
|
51
|
-
const d =
|
|
53
|
+
setup(n) {
|
|
54
|
+
const d = n, e = {
|
|
52
55
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
53
56
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
54
57
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
55
|
-
},
|
|
58
|
+
}, c = {
|
|
59
|
+
all: "dk:rounded",
|
|
60
|
+
top: "dk:rounded-t",
|
|
61
|
+
bottom: "dk:rounded-b",
|
|
62
|
+
left: "dk:rounded-l",
|
|
63
|
+
right: "dk:rounded-r",
|
|
64
|
+
none: "dk:rounded-none"
|
|
65
|
+
}, s = {
|
|
56
66
|
solid: {
|
|
57
67
|
base: "dk:border-b",
|
|
58
68
|
neutral: `
|
|
@@ -224,24 +234,24 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
224
234
|
dk:dark:text-amber-100
|
|
225
235
|
dk:dark:hover:bg-amber-800`
|
|
226
236
|
}
|
|
227
|
-
}, i =
|
|
228
|
-
var
|
|
229
|
-
const
|
|
230
|
-
return [V,
|
|
237
|
+
}, i = x(() => {
|
|
238
|
+
var r;
|
|
239
|
+
const o = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:w-full" : "", p = c[d.rounded] || "";
|
|
240
|
+
return [V, o, b, u, p].join(" ");
|
|
231
241
|
});
|
|
232
|
-
return (
|
|
242
|
+
return (o, b) => (a(), k("button", {
|
|
233
243
|
type: d.type,
|
|
234
|
-
class:
|
|
244
|
+
class: m(i.value),
|
|
235
245
|
title: d.title,
|
|
236
246
|
disabled: d.disabled || d.loading
|
|
237
247
|
}, [
|
|
238
|
-
d.loading ? (a(),
|
|
239
|
-
], 10,
|
|
248
|
+
d.loading ? (a(), k("span", B, "Cargando...")) : z(o.$slots, "default", { key: 0 })
|
|
249
|
+
], 10, $));
|
|
240
250
|
}
|
|
241
|
-
}), D = ["for"],
|
|
251
|
+
}), D = ["for"], j = {
|
|
242
252
|
key: 0,
|
|
243
253
|
class: "dk:text-rose-500"
|
|
244
|
-
},
|
|
254
|
+
}, L = ["type", "value", "disabled", "placeholder", "required", "name", "id", "pattern", "aria-label", "aria-disabled", "aria-required"], A = `
|
|
245
255
|
dk:border-b
|
|
246
256
|
dk:border-zinc-300
|
|
247
257
|
dk:bg-zinc-50
|
|
@@ -253,7 +263,7 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
253
263
|
dk:dark:bg-zinc-800
|
|
254
264
|
dk:dark:text-zinc-100
|
|
255
265
|
dk:dark:focus:bg-zinc-700
|
|
256
|
-
dk:dark:[color-scheme:dark]`,
|
|
266
|
+
dk:dark:[color-scheme:dark]`, X = /* @__PURE__ */ v({
|
|
257
267
|
__name: "DuiInput",
|
|
258
268
|
props: {
|
|
259
269
|
modelValue: {
|
|
@@ -306,47 +316,47 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
306
316
|
}
|
|
307
317
|
},
|
|
308
318
|
emits: ["update:modelValue"],
|
|
309
|
-
setup(
|
|
310
|
-
const e =
|
|
311
|
-
function
|
|
312
|
-
const l =
|
|
313
|
-
|
|
319
|
+
setup(n, { emit: d }) {
|
|
320
|
+
const e = n, c = d;
|
|
321
|
+
function s(r) {
|
|
322
|
+
const l = r.target;
|
|
323
|
+
c("update:modelValue", l.value);
|
|
314
324
|
}
|
|
315
|
-
const
|
|
325
|
+
const i = {
|
|
316
326
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
317
327
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
318
328
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
319
|
-
},
|
|
329
|
+
}, o = {
|
|
320
330
|
all: "dk:rounded",
|
|
321
331
|
top: "dk:rounded-t",
|
|
322
332
|
bottom: "dk:rounded-b",
|
|
323
333
|
left: "dk:rounded-l",
|
|
324
334
|
right: "dk:rounded-r",
|
|
325
335
|
none: "dk:rounded-none"
|
|
326
|
-
},
|
|
336
|
+
}, b = {
|
|
327
337
|
sm: "dk:text-sm dk:pb-0.5",
|
|
328
338
|
md: "dk:text-base dk:pb-1",
|
|
329
339
|
lg: "dk:text-lg dk:pb-2"
|
|
330
|
-
},
|
|
331
|
-
const
|
|
332
|
-
return [
|
|
333
|
-
}),
|
|
334
|
-
const
|
|
335
|
-
return [
|
|
340
|
+
}, u = x(() => {
|
|
341
|
+
const r = i[e.size] || "", l = e.block ? "dk:w-full" : "", t = o[e.rounded] || "";
|
|
342
|
+
return [A, r, l, t].join(" ");
|
|
343
|
+
}), p = x(() => {
|
|
344
|
+
const r = b[e.size] || "", l = e.block ? "dk:w-full" : "";
|
|
345
|
+
return [r, l].join(" ");
|
|
336
346
|
});
|
|
337
|
-
return (
|
|
338
|
-
e.label ? (a(),
|
|
347
|
+
return (r, l) => (a(), k("div", null, [
|
|
348
|
+
e.label ? (a(), k("label", {
|
|
339
349
|
key: 0,
|
|
340
350
|
for: e.id,
|
|
341
|
-
class:
|
|
351
|
+
class: m([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
342
352
|
}, [
|
|
343
|
-
|
|
344
|
-
e.required ? (a(),
|
|
345
|
-
], 10, D)) :
|
|
353
|
+
S(y(e.label) + " ", 1),
|
|
354
|
+
e.required ? (a(), k("span", j, "*")) : h("", !0)
|
|
355
|
+
], 10, D)) : h("", !0),
|
|
346
356
|
f("input", {
|
|
347
357
|
type: e.type,
|
|
348
|
-
class:
|
|
349
|
-
value:
|
|
358
|
+
class: m(u.value),
|
|
359
|
+
value: n.modelValue,
|
|
350
360
|
disabled: e.disabled,
|
|
351
361
|
placeholder: e.placeholder,
|
|
352
362
|
required: e.required,
|
|
@@ -356,14 +366,14 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
356
366
|
"aria-label": e.placeholder,
|
|
357
367
|
"aria-disabled": e.disabled,
|
|
358
368
|
"aria-required": e.required,
|
|
359
|
-
onInput:
|
|
360
|
-
}, null, 42,
|
|
369
|
+
onInput: s
|
|
370
|
+
}, null, 42, L)
|
|
361
371
|
]));
|
|
362
372
|
}
|
|
363
|
-
}),
|
|
373
|
+
}), I = ["for"], N = {
|
|
364
374
|
key: 0,
|
|
365
375
|
class: "dk:text-rose-500"
|
|
366
|
-
}, T = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"],
|
|
376
|
+
}, T = ["value", "disabled", "placeholder", "required", "name", "id", "aria-label", "aria-disabled", "aria-required"], E = `
|
|
367
377
|
dk:border-b
|
|
368
378
|
dk:border-zinc-300
|
|
369
379
|
dk:bg-zinc-50
|
|
@@ -375,7 +385,7 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
375
385
|
dk:dark:bg-zinc-800
|
|
376
386
|
dk:dark:text-zinc-100
|
|
377
387
|
dk:dark:focus:bg-zinc-700
|
|
378
|
-
dk:dark:[color-scheme:dark]`,
|
|
388
|
+
dk:dark:[color-scheme:dark]`, Y = /* @__PURE__ */ v({
|
|
379
389
|
__name: "DuiTextarea",
|
|
380
390
|
props: {
|
|
381
391
|
modelValue: {
|
|
@@ -428,53 +438,53 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
428
438
|
}
|
|
429
439
|
},
|
|
430
440
|
emits: ["update:modelValue"],
|
|
431
|
-
setup(
|
|
432
|
-
const e =
|
|
433
|
-
function
|
|
434
|
-
const
|
|
435
|
-
e.autoheight && l(
|
|
441
|
+
setup(n, { emit: d }) {
|
|
442
|
+
const e = n, c = d;
|
|
443
|
+
function s(t) {
|
|
444
|
+
const g = t.target;
|
|
445
|
+
e.autoheight && l(g), c("update:modelValue", g.value);
|
|
436
446
|
}
|
|
437
|
-
const
|
|
447
|
+
const i = {
|
|
438
448
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
439
449
|
md: "dk:text-base dk:px-3 dk:py-2",
|
|
440
450
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
441
|
-
},
|
|
451
|
+
}, o = {
|
|
442
452
|
all: "dk:rounded",
|
|
443
453
|
top: "dk:rounded-t",
|
|
444
454
|
bottom: "dk:rounded-b",
|
|
445
455
|
left: "dk:rounded-l",
|
|
446
456
|
right: "dk:rounded-r",
|
|
447
457
|
none: "dk:rounded-none"
|
|
448
|
-
},
|
|
458
|
+
}, b = {
|
|
449
459
|
sm: "dk:text-sm dk:pb-0.5",
|
|
450
460
|
md: "dk:text-base dk:pb-1",
|
|
451
461
|
lg: "dk:text-lg dk:pb-2"
|
|
452
|
-
},
|
|
462
|
+
}, u = {
|
|
453
463
|
none: "dk:resize-none",
|
|
454
464
|
both: "dk:resize",
|
|
455
465
|
horizontal: "dk:resize-x",
|
|
456
466
|
vertical: "dk:resize-y"
|
|
457
|
-
},
|
|
458
|
-
const
|
|
459
|
-
return [
|
|
460
|
-
}),
|
|
461
|
-
const
|
|
462
|
-
return [
|
|
463
|
-
}), l = (
|
|
464
|
-
|
|
467
|
+
}, p = x(() => {
|
|
468
|
+
const t = i[e.size] || "", g = e.block ? "dk:w-full" : "", _ = o[e.rounded] || "", w = u[e.resize] || "";
|
|
469
|
+
return [E, t, g, _, w].join(" ");
|
|
470
|
+
}), r = x(() => {
|
|
471
|
+
const t = b[e.size] || "", g = e.block ? "dk:w-full" : "";
|
|
472
|
+
return [t, g].join(" ");
|
|
473
|
+
}), l = (t) => {
|
|
474
|
+
t.style.height = "auto", t.style.height = `${t.scrollHeight + 5}px`;
|
|
465
475
|
};
|
|
466
|
-
return (
|
|
467
|
-
e.label ? (a(),
|
|
476
|
+
return (t, g) => (a(), k("div", null, [
|
|
477
|
+
e.label ? (a(), k("label", {
|
|
468
478
|
key: 0,
|
|
469
479
|
for: e.id,
|
|
470
|
-
class:
|
|
480
|
+
class: m([r.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
471
481
|
}, [
|
|
472
|
-
|
|
473
|
-
e.required ? (a(),
|
|
474
|
-
], 10,
|
|
482
|
+
S(y(e.label) + " ", 1),
|
|
483
|
+
e.required ? (a(), k("span", N, "*")) : h("", !0)
|
|
484
|
+
], 10, I)) : h("", !0),
|
|
475
485
|
f("textarea", {
|
|
476
|
-
class:
|
|
477
|
-
value:
|
|
486
|
+
class: m(p.value),
|
|
487
|
+
value: n.modelValue,
|
|
478
488
|
disabled: e.disabled,
|
|
479
489
|
placeholder: e.placeholder,
|
|
480
490
|
required: e.required,
|
|
@@ -483,14 +493,13 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
483
493
|
"aria-label": e.placeholder,
|
|
484
494
|
"aria-disabled": e.disabled,
|
|
485
495
|
"aria-required": e.required,
|
|
486
|
-
onInput:
|
|
496
|
+
onInput: s
|
|
487
497
|
}, null, 42, T)
|
|
488
498
|
]));
|
|
489
499
|
}
|
|
490
|
-
}),
|
|
500
|
+
}), F = ["title"], H = { key: 1 }, R = `
|
|
491
501
|
dk:transition
|
|
492
502
|
dk:text-center
|
|
493
|
-
dk:rounded
|
|
494
503
|
dk:disabled:opacity-50
|
|
495
504
|
dk:disabled:cursor-not-allowed
|
|
496
505
|
dk:cursor-pointer
|
|
@@ -499,7 +508,7 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
499
508
|
dk:text-ellipsis
|
|
500
509
|
dk:whitespace-nowrap
|
|
501
510
|
dk:active:scale-95
|
|
502
|
-
dk:max-w-full`,
|
|
511
|
+
dk:max-w-full`, Z = /* @__PURE__ */ v({
|
|
503
512
|
__name: "DuiAction",
|
|
504
513
|
props: {
|
|
505
514
|
variant: {
|
|
@@ -525,14 +534,25 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
525
534
|
title: {
|
|
526
535
|
type: String,
|
|
527
536
|
default: void 0
|
|
537
|
+
},
|
|
538
|
+
rounded: {
|
|
539
|
+
type: String,
|
|
540
|
+
default: "all"
|
|
528
541
|
}
|
|
529
542
|
},
|
|
530
|
-
setup(
|
|
531
|
-
const d =
|
|
543
|
+
setup(n) {
|
|
544
|
+
const d = n, e = {
|
|
532
545
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
533
546
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
534
547
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
535
|
-
},
|
|
548
|
+
}, c = {
|
|
549
|
+
all: "dk:rounded",
|
|
550
|
+
top: "dk:rounded-t",
|
|
551
|
+
bottom: "dk:rounded-b",
|
|
552
|
+
left: "dk:rounded-l",
|
|
553
|
+
right: "dk:rounded-r",
|
|
554
|
+
none: "dk:rounded-none"
|
|
555
|
+
}, s = {
|
|
536
556
|
solid: {
|
|
537
557
|
base: "dk:border-b",
|
|
538
558
|
neutral: `
|
|
@@ -704,27 +724,27 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
704
724
|
dk:dark:text-amber-100
|
|
705
725
|
dk:dark:hover:bg-amber-800`
|
|
706
726
|
}
|
|
707
|
-
}, i =
|
|
708
|
-
var
|
|
709
|
-
const
|
|
710
|
-
return [
|
|
727
|
+
}, i = x(() => {
|
|
728
|
+
var r;
|
|
729
|
+
const o = (((r = s[d.variant]) == null ? void 0 : r[d.color]) || "") + " " + s[d.variant].base, b = e[d.size] || "", u = d.block ? "dk:block" : "dk:inline-block", p = c[d.rounded] || "";
|
|
730
|
+
return [R, o, b, u, p].join(" ");
|
|
711
731
|
});
|
|
712
|
-
return (
|
|
713
|
-
class:
|
|
732
|
+
return (o, b) => (a(), k("span", {
|
|
733
|
+
class: m(i.value),
|
|
714
734
|
title: d.title
|
|
715
735
|
}, [
|
|
716
|
-
d.loading ? (a(),
|
|
717
|
-
], 10,
|
|
736
|
+
d.loading ? (a(), k("span", H, "Cargando...")) : z(o.$slots, "default", { key: 0 })
|
|
737
|
+
], 10, F));
|
|
718
738
|
}
|
|
719
|
-
}),
|
|
739
|
+
}), G = ["for"], J = {
|
|
720
740
|
key: 0,
|
|
721
741
|
class: "dk:text-rose-500"
|
|
722
|
-
},
|
|
742
|
+
}, K = ["id", "name", "disabled", "required", "aria-label", "aria-disabled", "aria-required"], M = {
|
|
723
743
|
key: 0,
|
|
724
744
|
disabled: "",
|
|
725
745
|
selected: "",
|
|
726
746
|
hidden: ""
|
|
727
|
-
},
|
|
747
|
+
}, O = ["value", "selected"], P = `
|
|
728
748
|
dk:border-b
|
|
729
749
|
dk:border-zinc-300
|
|
730
750
|
dk:bg-zinc-50
|
|
@@ -737,7 +757,7 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
737
757
|
dk:dark:text-zinc-100
|
|
738
758
|
dk:dark:focus:bg-zinc-700
|
|
739
759
|
dk:dark:[color-scheme:dark]
|
|
740
|
-
`,
|
|
760
|
+
`, ee = /* @__PURE__ */ v({
|
|
741
761
|
__name: "DuiSelect",
|
|
742
762
|
props: {
|
|
743
763
|
modelValue: {
|
|
@@ -794,134 +814,139 @@ const q = ["type", "title", "disabled"], $ = { key: 1 }, V = `
|
|
|
794
814
|
}
|
|
795
815
|
},
|
|
796
816
|
emits: ["update:modelValue"],
|
|
797
|
-
setup(
|
|
798
|
-
const e =
|
|
799
|
-
function
|
|
800
|
-
const l =
|
|
801
|
-
|
|
817
|
+
setup(n, { emit: d }) {
|
|
818
|
+
const e = n, c = d;
|
|
819
|
+
function s(r) {
|
|
820
|
+
const l = r.target;
|
|
821
|
+
c("update:modelValue", l.value);
|
|
802
822
|
}
|
|
803
|
-
const
|
|
823
|
+
const i = {
|
|
804
824
|
sm: "dk:text-sm dk:px-3 dk:py-1.5",
|
|
805
825
|
md: "dk:text-base dk:px-4 dk:py-2",
|
|
806
826
|
lg: "dk:text-lg dk:px-5 dk:py-3"
|
|
807
|
-
},
|
|
827
|
+
}, o = {
|
|
808
828
|
all: "dk:rounded",
|
|
809
829
|
top: "dk:rounded-t",
|
|
810
830
|
bottom: "dk:rounded-b",
|
|
811
831
|
left: "dk:rounded-l",
|
|
812
832
|
right: "dk:rounded-r",
|
|
813
833
|
none: "dk:rounded-none"
|
|
814
|
-
},
|
|
834
|
+
}, b = {
|
|
815
835
|
sm: "dk:text-sm dk:pb-0.5",
|
|
816
836
|
md: "dk:text-base dk:pb-1",
|
|
817
837
|
lg: "dk:text-lg dk:pb-2"
|
|
818
|
-
},
|
|
819
|
-
const
|
|
820
|
-
return [
|
|
821
|
-
}),
|
|
822
|
-
const
|
|
823
|
-
return [
|
|
838
|
+
}, u = x(() => {
|
|
839
|
+
const r = i[e.size] || "", l = e.block ? "dk:w-full" : "", t = o[e.rounded] || "";
|
|
840
|
+
return [P, r, l, t].join(" ");
|
|
841
|
+
}), p = x(() => {
|
|
842
|
+
const r = b[e.size] || "", l = e.block ? "dk:w-full" : "";
|
|
843
|
+
return [r, l].join(" ");
|
|
824
844
|
});
|
|
825
|
-
return (
|
|
826
|
-
e.label ? (a(),
|
|
845
|
+
return (r, l) => (a(), k("div", null, [
|
|
846
|
+
e.label ? (a(), k("label", {
|
|
827
847
|
key: 0,
|
|
828
848
|
for: e.id,
|
|
829
|
-
class:
|
|
849
|
+
class: m([p.value, "dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])
|
|
830
850
|
}, [
|
|
831
|
-
|
|
832
|
-
e.required ? (a(),
|
|
833
|
-
], 10,
|
|
851
|
+
S(y(e.label) + " ", 1),
|
|
852
|
+
e.required ? (a(), k("span", J, "*")) : h("", !0)
|
|
853
|
+
], 10, G)) : h("", !0),
|
|
834
854
|
f("select", {
|
|
835
855
|
id: e.id,
|
|
836
856
|
name: e.name,
|
|
837
857
|
disabled: e.disabled,
|
|
838
858
|
required: e.required,
|
|
839
|
-
class:
|
|
859
|
+
class: m(u.value),
|
|
840
860
|
"aria-label": e.label || "select input",
|
|
841
861
|
"aria-disabled": e.disabled,
|
|
842
862
|
"aria-required": e.required,
|
|
843
|
-
onChange:
|
|
863
|
+
onChange: s
|
|
844
864
|
}, [
|
|
845
|
-
e.placeholder ? (a(),
|
|
846
|
-
(a(!0),
|
|
847
|
-
key:
|
|
848
|
-
value:
|
|
849
|
-
selected:
|
|
850
|
-
},
|
|
851
|
-
], 42,
|
|
865
|
+
e.placeholder ? (a(), k("option", M, y(e.placeholder), 1)) : h("", !0),
|
|
866
|
+
(a(!0), k(C, null, q(e.options, (t, g) => (a(), k("option", {
|
|
867
|
+
key: g,
|
|
868
|
+
value: t[e.itemValue] ?? "",
|
|
869
|
+
selected: t[e.itemValue] == e.modelValue
|
|
870
|
+
}, y(t[e.itemLabel] ?? ""), 9, O))), 128))
|
|
871
|
+
], 42, K)
|
|
852
872
|
]));
|
|
853
873
|
}
|
|
854
|
-
}),
|
|
855
|
-
|
|
874
|
+
}), Q = `
|
|
875
|
+
dk:px-4
|
|
876
|
+
dk:py-3
|
|
877
|
+
dk:text-sm
|
|
878
|
+
dk:leading-relaxed
|
|
879
|
+
dk:max-w-full
|
|
880
|
+
`, de = /* @__PURE__ */ v({
|
|
881
|
+
__name: "DuiAlert",
|
|
856
882
|
props: {
|
|
857
|
-
|
|
858
|
-
type: String,
|
|
859
|
-
default: ""
|
|
860
|
-
},
|
|
861
|
-
language: {
|
|
862
|
-
type: String,
|
|
863
|
-
default: "markdown"
|
|
864
|
-
},
|
|
865
|
-
minimap: {
|
|
866
|
-
type: Boolean,
|
|
867
|
-
default: !1
|
|
868
|
-
},
|
|
869
|
-
theme: {
|
|
870
|
-
type: String,
|
|
871
|
-
default: "vs-dark"
|
|
872
|
-
},
|
|
873
|
-
wordWrap: {
|
|
874
|
-
type: String,
|
|
875
|
-
default: "on"
|
|
876
|
-
},
|
|
877
|
-
tabSize: {
|
|
878
|
-
type: Number,
|
|
879
|
-
default: 2
|
|
880
|
-
},
|
|
881
|
-
autoIndent: {
|
|
882
|
-
type: String,
|
|
883
|
-
default: "brackets"
|
|
884
|
-
},
|
|
885
|
-
renderValidationDecorations: {
|
|
883
|
+
variant: {
|
|
886
884
|
type: String,
|
|
887
|
-
default: "
|
|
888
|
-
},
|
|
889
|
-
formatOnPaste: {
|
|
890
|
-
type: Boolean,
|
|
891
|
-
default: !0
|
|
892
|
-
},
|
|
893
|
-
formatOnType: {
|
|
894
|
-
type: Boolean,
|
|
895
|
-
default: !0
|
|
885
|
+
default: "solid"
|
|
896
886
|
},
|
|
897
|
-
|
|
887
|
+
color: {
|
|
898
888
|
type: String,
|
|
899
|
-
default: "
|
|
900
|
-
},
|
|
901
|
-
scrollBeyondLastLine: {
|
|
902
|
-
type: Boolean,
|
|
903
|
-
default: !0
|
|
889
|
+
default: "neutral"
|
|
904
890
|
},
|
|
905
|
-
|
|
891
|
+
rounded: {
|
|
906
892
|
type: String,
|
|
907
|
-
default: "
|
|
893
|
+
default: "all"
|
|
908
894
|
}
|
|
909
895
|
},
|
|
910
|
-
setup(
|
|
911
|
-
const d =
|
|
912
|
-
|
|
896
|
+
setup(n) {
|
|
897
|
+
const d = n, e = {
|
|
898
|
+
all: "dk:rounded",
|
|
899
|
+
top: "dk:rounded-t",
|
|
900
|
+
bottom: "dk:rounded-b",
|
|
901
|
+
left: "dk:rounded-l",
|
|
902
|
+
right: "dk:rounded-r",
|
|
903
|
+
none: "dk:rounded-none"
|
|
904
|
+
}, c = {
|
|
905
|
+
solid: {
|
|
906
|
+
base: "",
|
|
907
|
+
neutral: "dk:bg-zinc-200 dk:text-zinc-800 dk:dark:bg-zinc-700 dk:dark:text-zinc-100",
|
|
908
|
+
primary: "dk:bg-slate-200 dk:text-slate-800 dk:dark:bg-slate-700 dk:dark:text-slate-100",
|
|
909
|
+
secondary: "dk:bg-pink-200 dk:text-pink-800 dk:dark:bg-pink-700 dk:dark:text-pink-100",
|
|
910
|
+
success: "dk:bg-emerald-200 dk:text-emerald-800 dk:dark:bg-emerald-700 dk:dark:text-emerald-100",
|
|
911
|
+
warning: "dk:bg-amber-200 dk:text-amber-800 dk:dark:bg-amber-700 dk:dark:text-amber-100",
|
|
912
|
+
danger: "dk:bg-rose-200 dk:text-rose-800 dk:dark:bg-rose-700 dk:dark:text-rose-100"
|
|
913
|
+
},
|
|
914
|
+
outline: {
|
|
915
|
+
base: "dk:border",
|
|
916
|
+
neutral: "dk:border-zinc-400 dk:text-zinc-700 dk:dark:border-zinc-500 dk:dark:text-zinc-200",
|
|
917
|
+
primary: "dk:border-slate-400 dk:text-slate-700 dk:dark:border-slate-500 dk:dark:text-slate-200",
|
|
918
|
+
secondary: "dk:border-pink-400 dk:text-pink-700 dk:dark:border-pink-500 dk:dark:text-pink-200",
|
|
919
|
+
success: "dk:border-green-400 dk:text-green-700 dk:dark:border-green-500 dk:dark:text-green-200",
|
|
920
|
+
warning: "dk:border-yellow-400 dk:text-yellow-700 dk:dark:border-yellow-500 dk:dark:text-yellow-200",
|
|
921
|
+
danger: "dk:border-red-400 dk:text-red-700 dk:dark:border-red-500 dk:dark:text-red-200"
|
|
922
|
+
},
|
|
923
|
+
ghost: {
|
|
924
|
+
base: "",
|
|
925
|
+
neutral: "dk:text-zinc-700 dk:dark:text-zinc-200 dk:bg-zinc-50 dk:dark:bg-zinc-800",
|
|
926
|
+
primary: "dk:text-slate-700 dk:dark:text-slate-200 dk:bg-slate-50 dk:dark:bg-slate-800",
|
|
927
|
+
secondary: "dk:text-pink-700 dk:dark:text-pink-200 dk:bg-pink-50 dk:dark:bg-pink-800",
|
|
928
|
+
success: "dk:text-emerald-700 dk:dark:text-emerald-200 dk:bg-emerald-50 dk:dark:bg-emerald-800",
|
|
929
|
+
warning: "dk:text-amber-700 dk:dark:text-amber-200 dk:bg-amber-50 dk:dark:bg-amber-800",
|
|
930
|
+
danger: "dk:text-rose-700 dk:dark:text-rose-200 dk:bg-rose-50 dk:dark:bg-rose-800"
|
|
931
|
+
}
|
|
932
|
+
}, s = x(() => {
|
|
933
|
+
var u;
|
|
934
|
+
const i = ((u = c[d.variant]) == null ? void 0 : u[d.color]) || "", o = c[d.variant].base || "", b = e[d.rounded] || "";
|
|
935
|
+
return [Q, o, i, b].join(" ");
|
|
936
|
+
});
|
|
937
|
+
return (i, o) => (a(), k("div", {
|
|
938
|
+
class: m(s.value),
|
|
939
|
+
role: "alert"
|
|
940
|
+
}, [
|
|
941
|
+
z(i.$slots, "default")
|
|
942
|
+
], 2));
|
|
913
943
|
}
|
|
914
|
-
})
|
|
915
|
-
const e = k.__vccOpts || k;
|
|
916
|
-
for (const [n, i] of d)
|
|
917
|
-
e[n] = i;
|
|
918
|
-
return e;
|
|
919
|
-
}, te = /* @__PURE__ */ U(Q, [["__scopeId", "data-v-9db0adca"]]);
|
|
944
|
+
});
|
|
920
945
|
export {
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
946
|
+
Z as DuiAction,
|
|
947
|
+
de as DuiAlert,
|
|
948
|
+
W as DuiButton,
|
|
949
|
+
X as DuiInput,
|
|
950
|
+
ee as DuiSelect,
|
|
951
|
+
Y as DuiTextarea
|
|
927
952
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import { default as DuiInput } from './stories/Forms/DuiInput.vue';
|
|
|
3
3
|
import { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
|
|
4
4
|
import { default as DuiAction } from './stories/Elements/DuiAction.vue';
|
|
5
5
|
import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
|
|
6
|
-
import { default as
|
|
7
|
-
export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiSelect,
|
|
6
|
+
import { default as DuiAlert } from './stories/Elements/DuiAlert.vue';
|
|
7
|
+
export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiSelect, DuiAlert, };
|