vuesp-components 2.2.1 → 2.2.3
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/{VDialog.vue_vue_type_script_setup_true_lang-BLLrcXdW.js → VDialog.vue_vue_type_script_setup_true_lang-ddssvQGq.js} +277 -265
- package/dist/{app-CG8zhRFf.js → app-B45sALrX.js} +35 -30
- package/dist/components/card/main/CardMain.vue.d.ts.map +1 -1
- package/dist/components/card/main/types.d.ts +1 -0
- package/dist/components/card/main/types.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardBase.vue.d.ts +54 -36
- package/dist/components/dashboard/cards/CardBase.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardButton.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardButton.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardDate.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardDate.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardDimmer.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardDimmer.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardInfo.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardInfo.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardInput.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardInput.vue.d.ts.map +1 -1
- package/dist/components/dashboard/cards/CardList.vue.d.ts +6 -4
- package/dist/components/dashboard/cards/CardList.vue.d.ts.map +1 -1
- package/dist/components/index.es.js +124 -106
- package/dist/components/script/viewDocs/ScriptViewDocs.vue.d.ts.map +1 -1
- package/dist/components/ui/dropdown/VDropdown.vue.d.ts.map +1 -1
- package/dist/dashboard/index.d.ts +2 -14
- package/dist/dashboard/index.d.ts.map +1 -1
- package/dist/dashboard/index.es.js +52 -32
- package/dist/dashboard/types.d.ts +3 -15
- package/dist/dashboard/types.d.ts.map +1 -1
- package/dist/helpers/app.d.ts.map +1 -1
- package/dist/helpers/index.es.js +1 -1
- package/dist/helpers/web-api.d.ts.map +1 -1
- package/dist/index.es.js +16 -25
- package/dist/types/messages.d.ts +14 -1
- package/dist/types/messages.d.ts.map +1 -1
- package/package.json +5 -1
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { openBlock as o, createElementBlock as
|
|
2
|
-
import { u as
|
|
3
|
-
const N = (e,
|
|
4
|
-
const
|
|
5
|
-
for (const [
|
|
6
|
-
|
|
7
|
-
return
|
|
8
|
-
},
|
|
1
|
+
import { openBlock as o, createElementBlock as u, createStaticVNode as _, createElementVNode as r, defineComponent as E, computed as z, createBlock as S, resolveDynamicComponent as j, mergeProps as P, withCtx as w, normalizeClass as x, renderSlot as g, createCommentVNode as k, markRaw as F, shallowRef as W, Teleport as R, createVNode as V, Transition as M, unref as d, withModifiers as B, normalizeStyle as I, ref as q, withDirectives as ee, Fragment as H, renderList as K, createTextVNode as A, toDisplayString as O, withKeys as te, createPropsRestProxy as le, normalizeProps as oe, guardReactiveProps as ae } from "vue";
|
|
2
|
+
import { u as G, a as se, b as J, c as Q } from "./useDialog-ALG4kFE7.js";
|
|
3
|
+
const N = (e, t) => {
|
|
4
|
+
const a = e.__vccOpts || e;
|
|
5
|
+
for (const [b, m] of t)
|
|
6
|
+
a[b] = m;
|
|
7
|
+
return a;
|
|
8
|
+
}, ne = {}, re = {
|
|
9
9
|
viewBox: "0 0 179 40",
|
|
10
10
|
fill: "currentColor"
|
|
11
11
|
};
|
|
12
|
-
function
|
|
13
|
-
return o(),
|
|
14
|
-
|
|
12
|
+
function ie(e, t) {
|
|
13
|
+
return o(), u("svg", re, [...t[0] || (t[0] = [
|
|
14
|
+
_('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
|
|
15
15
|
])]);
|
|
16
16
|
}
|
|
17
|
-
const
|
|
17
|
+
const Ye = /* @__PURE__ */ N(ne, [["render", ie]]), ce = {}, de = {
|
|
18
18
|
width: "40",
|
|
19
19
|
height: "40",
|
|
20
20
|
viewBox: "0 0 40 40",
|
|
21
21
|
fill: "currentColor"
|
|
22
22
|
};
|
|
23
|
-
function
|
|
24
|
-
return o(),
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
function ue(e, t) {
|
|
24
|
+
return o(), u("svg", de, [...t[0] || (t[0] = [
|
|
25
|
+
r("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
|
|
26
|
+
r("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
|
|
27
27
|
], -1)
|
|
28
28
|
])]);
|
|
29
29
|
}
|
|
30
|
-
const
|
|
30
|
+
const Ze = /* @__PURE__ */ N(ce, [["render", ue]]), fe = {}, me = {
|
|
31
31
|
class: "animate-spin h-6 w-6",
|
|
32
32
|
fill: "none",
|
|
33
33
|
viewBox: "0 0 24 24"
|
|
34
34
|
};
|
|
35
|
-
function
|
|
36
|
-
return o(),
|
|
37
|
-
|
|
35
|
+
function he(e, t) {
|
|
36
|
+
return o(), u("svg", me, [...t[0] || (t[0] = [
|
|
37
|
+
r("circle", {
|
|
38
38
|
class: "opacity-25",
|
|
39
39
|
cx: "12",
|
|
40
40
|
cy: "12",
|
|
@@ -42,14 +42,14 @@ function ge(e, l) {
|
|
|
42
42
|
stroke: "currentColor",
|
|
43
43
|
"stroke-width": "2"
|
|
44
44
|
}, null, -1),
|
|
45
|
-
|
|
45
|
+
r("path", {
|
|
46
46
|
class: "opacity-75",
|
|
47
47
|
fill: "currentColor",
|
|
48
48
|
d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
|
|
49
49
|
}, null, -1)
|
|
50
50
|
])]);
|
|
51
51
|
}
|
|
52
|
-
const be = /* @__PURE__ */ N(
|
|
52
|
+
const be = /* @__PURE__ */ N(fe, [["render", he]]), ge = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", U = /* @__PURE__ */ E({
|
|
53
53
|
__name: "VButton",
|
|
54
54
|
props: {
|
|
55
55
|
outline: { type: Boolean, default: !1 },
|
|
@@ -61,28 +61,28 @@ const be = /* @__PURE__ */ N(me, [["render", ge]]), ye = "relative flex justify-
|
|
|
61
61
|
loading: { type: Boolean, default: !1 }
|
|
62
62
|
},
|
|
63
63
|
emits: ["click"],
|
|
64
|
-
setup(e, { emit:
|
|
65
|
-
const
|
|
64
|
+
setup(e, { emit: t }) {
|
|
65
|
+
const a = t, b = (c) => a("click", c), m = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", l = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", s = e.outline ? "dark:text-white border border-gray-600 text-gray-600" : "bg-gray-100 dark:bg-gray-800", p = e.outline ? "dark:text-white border border-blue-600 text-blue-600" : "text-white bg-blue-700 dark:bg-blue-800", v = (e.outline, ""), i = { green: m, red: l, gray: s, blue: p, transparent: v }, y = {
|
|
66
66
|
button: "px-3",
|
|
67
67
|
icon: "rounded-full border border-gray-200 dark:border-gray-800"
|
|
68
|
-
},
|
|
68
|
+
}, L = {
|
|
69
69
|
button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
|
|
70
70
|
icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
|
|
71
|
-
}, C = z(() => [
|
|
72
|
-
var
|
|
73
|
-
return ((
|
|
74
|
-
}, $ = (
|
|
75
|
-
return (
|
|
71
|
+
}, C = z(() => [ge, n(e.color), $(e.type), h(e.type, e.size)]), f = z(() => e.href || e.to ? "router-link" : "button"), h = (c, T) => {
|
|
72
|
+
var D;
|
|
73
|
+
return ((D = L[c]) == null ? void 0 : D[T]) || "";
|
|
74
|
+
}, $ = (c) => (y == null ? void 0 : y[c]) || "", n = (c) => i == null ? void 0 : i[c];
|
|
75
|
+
return (c, T) => (o(), S(j(f.value), P(c.$attrs, {
|
|
76
76
|
href: e.href,
|
|
77
77
|
to: e.to,
|
|
78
78
|
class: C.value,
|
|
79
|
-
onClick:
|
|
79
|
+
onClick: b
|
|
80
80
|
}), {
|
|
81
81
|
default: w(() => [
|
|
82
|
-
|
|
82
|
+
r("span", {
|
|
83
83
|
class: x(e.loading ? "opacity-0" : "")
|
|
84
84
|
}, [
|
|
85
|
-
|
|
85
|
+
g(c.$slots, "default")
|
|
86
86
|
], 2),
|
|
87
87
|
e.loading ? (o(), S(be, {
|
|
88
88
|
key: 0,
|
|
@@ -97,26 +97,26 @@ const be = /* @__PURE__ */ N(me, [["render", ge]]), ye = "relative flex justify-
|
|
|
97
97
|
width: "1.2em",
|
|
98
98
|
height: "1.2em"
|
|
99
99
|
};
|
|
100
|
-
function
|
|
101
|
-
return o(),
|
|
102
|
-
|
|
100
|
+
function ye(e, t) {
|
|
101
|
+
return o(), u("svg", ve, [...t[0] || (t[0] = [
|
|
102
|
+
r("path", {
|
|
103
103
|
fill: "currentColor",
|
|
104
104
|
d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
|
|
105
105
|
}, null, -1)
|
|
106
106
|
])]);
|
|
107
107
|
}
|
|
108
|
-
const
|
|
108
|
+
const X = F({ name: "ri-close-line", render: ye }), pe = { class: "flex items-center absolute right-3 top-5 z-10" }, Y = /* @__PURE__ */ E({
|
|
109
109
|
__name: "VPopup",
|
|
110
110
|
props: {
|
|
111
111
|
hiddenCloser: { type: Boolean },
|
|
112
112
|
size: { default: "auto" }
|
|
113
113
|
},
|
|
114
114
|
emits: ["close", "click", "open"],
|
|
115
|
-
setup(e, { emit:
|
|
116
|
-
const
|
|
117
|
-
|
|
118
|
-
}, open:
|
|
119
|
-
|
|
115
|
+
setup(e, { emit: t }) {
|
|
116
|
+
const a = t, { show: b, overlay: m, onClose: l, onOpen: s } = G(a), p = W(null), v = W(null), { opacity: i, transform: y } = se(p, v, l), f = { click: (n) => {
|
|
117
|
+
a("click", n);
|
|
118
|
+
}, open: s, set: (n) => {
|
|
119
|
+
n ? s() : l(new Event("hide"));
|
|
120
120
|
} }, h = z(() => ({
|
|
121
121
|
auto: "max-h-[calc(100dvh-50px)]",
|
|
122
122
|
full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
|
|
@@ -126,8 +126,8 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
|
|
|
126
126
|
full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
|
|
127
127
|
screen: "h-[calc(100dvh-16px)]"
|
|
128
128
|
}));
|
|
129
|
-
return (
|
|
130
|
-
const
|
|
129
|
+
return (n, c) => {
|
|
130
|
+
const T = X, D = U;
|
|
131
131
|
return o(), S(R, { to: "body" }, [
|
|
132
132
|
V(M, {
|
|
133
133
|
"enter-active-class": "duration-300 ease-out",
|
|
@@ -138,60 +138,60 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
|
|
|
138
138
|
"leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
|
|
139
139
|
}, {
|
|
140
140
|
default: w(() => [
|
|
141
|
-
|
|
141
|
+
d(b) ? (o(), u("div", {
|
|
142
142
|
key: 0,
|
|
143
143
|
ref_key: "container",
|
|
144
|
-
ref:
|
|
144
|
+
ref: v,
|
|
145
145
|
class: "fixed bottom-0 left-0 w-full z-15"
|
|
146
146
|
}, [
|
|
147
|
-
|
|
147
|
+
d(m) ? (o(), u("div", {
|
|
148
148
|
key: 0,
|
|
149
149
|
class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
|
|
150
|
-
style: I({ opacity:
|
|
151
|
-
onClick:
|
|
152
|
-
(...
|
|
153
|
-
onWheel:
|
|
150
|
+
style: I({ opacity: d(i) }),
|
|
151
|
+
onClick: c[0] || (c[0] = //@ts-ignore
|
|
152
|
+
(...Z) => d(l) && d(l)(...Z)),
|
|
153
|
+
onWheel: c[1] || (c[1] = B(() => {
|
|
154
154
|
}, ["prevent"])),
|
|
155
|
-
onTouchmove:
|
|
155
|
+
onTouchmove: c[2] || (c[2] = B(() => {
|
|
156
156
|
}, ["prevent"]))
|
|
157
157
|
}, null, 36)) : k("", !0),
|
|
158
|
-
|
|
158
|
+
r("div", {
|
|
159
159
|
class: x(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
|
|
160
|
-
style: I({ transform:
|
|
160
|
+
style: I({ transform: d(y) })
|
|
161
161
|
}, [
|
|
162
|
-
|
|
162
|
+
r("div", {
|
|
163
163
|
ref_key: "target",
|
|
164
164
|
ref: p,
|
|
165
165
|
class: "flex justify-center py-3 md:pb-6",
|
|
166
|
-
onWheel:
|
|
166
|
+
onWheel: c[3] || (c[3] = B(() => {
|
|
167
167
|
}, ["prevent"])),
|
|
168
|
-
onTouchmove:
|
|
168
|
+
onTouchmove: c[4] || (c[4] = B(() => {
|
|
169
169
|
}, ["prevent"]))
|
|
170
|
-
}, [...
|
|
171
|
-
|
|
170
|
+
}, [...c[5] || (c[5] = [
|
|
171
|
+
r("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
|
|
172
172
|
])], 544),
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
V(
|
|
173
|
+
r("div", pe, [
|
|
174
|
+
g(n.$slots, "button", { close: d(l) }),
|
|
175
|
+
V(D, {
|
|
176
176
|
class: "size-5 md:size-6",
|
|
177
177
|
color: "transparent",
|
|
178
178
|
size: "none",
|
|
179
179
|
icon: "",
|
|
180
180
|
"aria-label": "Close",
|
|
181
|
-
onClick:
|
|
181
|
+
onClick: d(l)
|
|
182
182
|
}, {
|
|
183
183
|
default: w(() => [
|
|
184
|
-
V(
|
|
184
|
+
V(T, { class: "size-5" })
|
|
185
185
|
]),
|
|
186
186
|
_: 1
|
|
187
187
|
}, 8, ["onClick"])
|
|
188
188
|
]),
|
|
189
|
-
|
|
189
|
+
r("div", {
|
|
190
190
|
class: x(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", $.value[e.size]])
|
|
191
191
|
}, [
|
|
192
|
-
|
|
193
|
-
close:
|
|
194
|
-
on:
|
|
192
|
+
g(n.$slots, "default", {
|
|
193
|
+
close: d(l),
|
|
194
|
+
on: f
|
|
195
195
|
})
|
|
196
196
|
], 2)
|
|
197
197
|
], 6)
|
|
@@ -202,7 +202,16 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
|
|
|
202
202
|
]);
|
|
203
203
|
};
|
|
204
204
|
}
|
|
205
|
-
}),
|
|
205
|
+
}), xe = {
|
|
206
|
+
mounted(e, t) {
|
|
207
|
+
e.clickOutsideEvent = function(a) {
|
|
208
|
+
e === a.target || e.contains(a.target) || t.value(a, e);
|
|
209
|
+
}, document.addEventListener("click", e.clickOutsideEvent);
|
|
210
|
+
},
|
|
211
|
+
unmounted(e) {
|
|
212
|
+
document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
|
|
213
|
+
}
|
|
214
|
+
}, ke = { class: "relative" }, we = { class: "flex items-center cursor-pointer" }, $e = /* @__PURE__ */ E({
|
|
206
215
|
__name: "VDropdown",
|
|
207
216
|
props: {
|
|
208
217
|
title: { default: "" },
|
|
@@ -216,129 +225,126 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
|
|
|
216
225
|
isPopup: { type: Boolean }
|
|
217
226
|
},
|
|
218
227
|
emits: ["click", "show", "close"],
|
|
219
|
-
setup(e, { emit:
|
|
220
|
-
const
|
|
221
|
-
m.value &&
|
|
222
|
-
}, y = (h) => {
|
|
223
|
-
r("click", t.value), !e.disabled && (t.value ? e.hideOnClick && v(h) : c(h));
|
|
224
|
-
}, c = (h) => {
|
|
225
|
-
t.value = !0, r("show", h);
|
|
228
|
+
setup(e, { emit: t }) {
|
|
229
|
+
const a = t, m = J(Q).greaterOrEqual("lg"), l = q(!1), s = z(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), p = (h) => {
|
|
230
|
+
m.value && l.value && y(h);
|
|
226
231
|
}, v = (h) => {
|
|
227
|
-
|
|
228
|
-
},
|
|
229
|
-
|
|
232
|
+
a("click", l.value), !e.disabled && (l.value ? e.hideOnClick && y(h) : i(h));
|
|
233
|
+
}, i = (h) => {
|
|
234
|
+
l.value = !0, a("show", h);
|
|
235
|
+
}, y = (h) => {
|
|
236
|
+
l.value = !1, a("close", h);
|
|
237
|
+
}, L = (h) => {
|
|
238
|
+
h ? i(new Event("show")) : y(new Event("hide"));
|
|
230
239
|
}, C = () => {
|
|
231
|
-
|
|
232
|
-
},
|
|
233
|
-
return (h, $) =>
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
+
y(new Event("hide"));
|
|
241
|
+
}, f = { click: v, open: i, set: L };
|
|
242
|
+
return (h, $) => ee((o(), u("div", ke, [
|
|
243
|
+
r("div", we, [
|
|
244
|
+
g(h.$slots, "activator", {
|
|
245
|
+
on: f,
|
|
246
|
+
isShow: l.value
|
|
247
|
+
})
|
|
248
|
+
]),
|
|
249
|
+
d(m) ? (o(), S(M, {
|
|
250
|
+
key: 0,
|
|
251
|
+
"enter-active-class": "duration-300 ease-out",
|
|
252
|
+
"enter-from-class": "transform opacity-0 -translate-y-2",
|
|
253
|
+
"enter-to-class": "opacity-100 translate-y-0",
|
|
254
|
+
"leave-active-class": "duration-200 ease-in",
|
|
255
|
+
"leave-from-class": "opacity-100 translate-y-0",
|
|
256
|
+
"leave-to-class": "transform opacity-0 -translate-y-2"
|
|
257
|
+
}, {
|
|
258
|
+
default: w(() => [
|
|
259
|
+
l.value ? (o(), u("div", {
|
|
260
|
+
key: 0,
|
|
261
|
+
class: "z-30 min-w-full absolute",
|
|
262
|
+
style: I(s.value)
|
|
263
|
+
}, [
|
|
264
|
+
g(h.$slots, "default", {
|
|
265
|
+
on: f,
|
|
266
|
+
show: i,
|
|
267
|
+
hide: y,
|
|
268
|
+
isShow: l.value
|
|
269
|
+
})
|
|
270
|
+
], 4)) : k("", !0)
|
|
271
|
+
]),
|
|
272
|
+
_: 3
|
|
273
|
+
})) : k("", !0),
|
|
274
|
+
!d(m) && l.value ? (o(), S(Y, {
|
|
275
|
+
key: 1,
|
|
276
|
+
title: e.title,
|
|
277
|
+
onClose: C
|
|
278
|
+
}, {
|
|
279
|
+
default: w(({ on: n }) => [
|
|
280
|
+
g(h.$slots, "default", {
|
|
281
|
+
on: n,
|
|
282
|
+
show: i,
|
|
283
|
+
hide: y,
|
|
284
|
+
isShow: l.value
|
|
240
285
|
})
|
|
241
286
|
]),
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
"leave-active-class": "duration-200 ease-in",
|
|
248
|
-
"leave-from-class": "opacity-100 translate-y-0",
|
|
249
|
-
"leave-to-class": "transform opacity-0 -translate-y-2"
|
|
250
|
-
}, {
|
|
251
|
-
default: w(() => [
|
|
252
|
-
t.value ? (o(), d("div", {
|
|
253
|
-
key: 0,
|
|
254
|
-
class: "z-30 min-w-full absolute",
|
|
255
|
-
style: I(a.value)
|
|
256
|
-
}, [
|
|
257
|
-
b(h.$slots, "default", {
|
|
258
|
-
on: u,
|
|
259
|
-
show: c,
|
|
260
|
-
hide: v,
|
|
261
|
-
isShow: t.value
|
|
262
|
-
})
|
|
263
|
-
], 4)) : k("", !0)
|
|
264
|
-
]),
|
|
265
|
-
_: 3
|
|
266
|
-
})) : k("", !0),
|
|
267
|
-
!f(m) && t.value ? (o(), S(X, {
|
|
268
|
-
key: 1,
|
|
269
|
-
title: e.title,
|
|
270
|
-
onClose: C
|
|
271
|
-
}, {
|
|
272
|
-
default: w(({ on: i }) => [
|
|
273
|
-
b(h.$slots, "default", {
|
|
274
|
-
on: i,
|
|
275
|
-
show: c,
|
|
276
|
-
hide: v,
|
|
277
|
-
isShow: t.value
|
|
278
|
-
})
|
|
279
|
-
]),
|
|
280
|
-
_: 3
|
|
281
|
-
}, 8, ["title"])) : k("", !0)
|
|
282
|
-
])), [
|
|
283
|
-
[s, p]
|
|
284
|
-
]);
|
|
285
|
-
};
|
|
287
|
+
_: 3
|
|
288
|
+
}, 8, ["title"])) : k("", !0)
|
|
289
|
+
])), [
|
|
290
|
+
[d(xe), p]
|
|
291
|
+
]);
|
|
286
292
|
}
|
|
287
|
-
}), Ce = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ze = ["onClick"], Be = /* @__PURE__ */
|
|
293
|
+
}), Ce = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ze = ["onClick"], Be = /* @__PURE__ */ E({
|
|
288
294
|
__name: "VList",
|
|
289
295
|
props: {
|
|
290
296
|
items: {}
|
|
291
297
|
},
|
|
292
298
|
emits: ["click"],
|
|
293
|
-
setup(e, { emit:
|
|
294
|
-
const
|
|
295
|
-
return (m,
|
|
296
|
-
(o(!0),
|
|
297
|
-
key:
|
|
299
|
+
setup(e, { emit: t }) {
|
|
300
|
+
const a = t, b = (m, l) => a("click", m, l);
|
|
301
|
+
return (m, l) => (o(), u("ul", Ce, [
|
|
302
|
+
(o(!0), u(H, null, K(e.items, (s) => (o(), u("li", {
|
|
303
|
+
key: s.name,
|
|
298
304
|
class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full px-4",
|
|
299
|
-
onClick: (p) =>
|
|
305
|
+
onClick: (p) => b(s, p)
|
|
300
306
|
}, [
|
|
301
|
-
|
|
302
|
-
A(O(
|
|
307
|
+
g(m.$slots, "default", { item: s }, () => [
|
|
308
|
+
A(O(s.name), 1)
|
|
303
309
|
])
|
|
304
310
|
], 8, ze))), 128))
|
|
305
311
|
]));
|
|
306
312
|
}
|
|
307
|
-
}), Ve = { class: "relative flex items-end gap-0.5 w-10" }, Se = ["title"], Oe = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" },
|
|
313
|
+
}), Ve = { class: "relative flex items-end gap-0.5 w-10" }, Se = ["title"], Oe = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, _e = /* @__PURE__ */ E({
|
|
308
314
|
__name: "VWifiIcon",
|
|
309
315
|
props: {
|
|
310
316
|
rssi: { default: 0 },
|
|
311
317
|
channel: { default: 0 }
|
|
312
318
|
},
|
|
313
319
|
setup(e) {
|
|
314
|
-
const
|
|
315
|
-
return (
|
|
316
|
-
(o(),
|
|
317
|
-
key:
|
|
318
|
-
class: x(["w-1 h-5 rounded-lg", [
|
|
319
|
-
style: I(`height: ${(
|
|
320
|
+
const t = 2 * (e.rssi + 100), a = (b) => b < t;
|
|
321
|
+
return (b, m) => (o(), u("div", Ve, [
|
|
322
|
+
(o(), u(H, null, K([10, 15, 25, 40, 70], (l, s) => r("div", {
|
|
323
|
+
key: l,
|
|
324
|
+
class: x(["w-1 h-5 rounded-lg", [a(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
|
|
325
|
+
style: I(`height: ${(s + 1) * 5}px`),
|
|
320
326
|
title: `rssi: ${e.rssi} channel: ${e.channel}`
|
|
321
327
|
}, null, 14, Se)), 64)),
|
|
322
|
-
|
|
328
|
+
r("div", Oe, O(e.channel), 1)
|
|
323
329
|
]));
|
|
324
330
|
}
|
|
325
|
-
}),
|
|
331
|
+
}), Ee = {
|
|
326
332
|
viewBox: "0 0 24 24",
|
|
327
333
|
width: "1.2em",
|
|
328
334
|
height: "1.2em"
|
|
329
335
|
};
|
|
330
|
-
function
|
|
331
|
-
return o(),
|
|
332
|
-
|
|
336
|
+
function Le(e, t) {
|
|
337
|
+
return o(), u("svg", Ee, [...t[0] || (t[0] = [
|
|
338
|
+
r("path", {
|
|
333
339
|
fill: "currentColor",
|
|
334
340
|
d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
|
|
335
341
|
}, null, -1)
|
|
336
342
|
])]);
|
|
337
343
|
}
|
|
338
|
-
const
|
|
344
|
+
const Te = F({ name: "ri-arrow-up-s-line", render: Le }), De = { class: "w-full relative" }, Ie = ["disabled"], Pe = {
|
|
339
345
|
key: 0,
|
|
340
346
|
class: "text-red-400 h-[24px] px-2 text-xs"
|
|
341
|
-
}, Me = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", Ae = /* @__PURE__ */
|
|
347
|
+
}, Me = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", Ae = /* @__PURE__ */ E({
|
|
342
348
|
__name: "VTextField",
|
|
343
349
|
props: {
|
|
344
350
|
modelValue: { default: null },
|
|
@@ -352,53 +358,53 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
352
358
|
hideMessage: { type: Boolean, default: !1 }
|
|
353
359
|
},
|
|
354
360
|
emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
|
|
355
|
-
setup(e, { emit:
|
|
356
|
-
const
|
|
361
|
+
setup(e, { emit: t }) {
|
|
362
|
+
const a = t, b = {
|
|
357
363
|
input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
|
|
358
364
|
textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
|
|
359
|
-
}, m = q(!1),
|
|
365
|
+
}, m = q(!1), l = z(() => [
|
|
360
366
|
e.component === "input" ? "h-[40px]" : "min-h-[40px]",
|
|
361
367
|
e.message ? "border-red-500 hover:border-red-400" : "",
|
|
362
368
|
e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
|
|
363
|
-
]),
|
|
364
|
-
m.value = !1,
|
|
365
|
-
},
|
|
366
|
-
m.value = !0,
|
|
367
|
-
}, C = ({ target:
|
|
368
|
-
e.disabled ||
|
|
369
|
+
]), s = z(() => b[e.component]), p = (n) => n || n === 0, v = z(() => [Me, m.value || p(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), i = z(() => e.component === "input"), y = (n) => {
|
|
370
|
+
m.value = !1, a("blur", n);
|
|
371
|
+
}, L = (n) => {
|
|
372
|
+
m.value = !0, a("focus", n);
|
|
373
|
+
}, C = ({ target: n }) => a("update:modelValue", n.value), f = (n) => a("enter", n), h = (n) => a("click", n), $ = (n) => {
|
|
374
|
+
e.disabled || a("on-icon", n);
|
|
369
375
|
};
|
|
370
|
-
return (
|
|
371
|
-
|
|
372
|
-
class: x(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800",
|
|
376
|
+
return (n, c) => (o(), u("div", De, [
|
|
377
|
+
r("label", {
|
|
378
|
+
class: x(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", l.value])
|
|
373
379
|
}, [
|
|
374
|
-
|
|
375
|
-
class: x(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400",
|
|
380
|
+
r("span", {
|
|
381
|
+
class: x(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", v.value])
|
|
376
382
|
}, O(e.label), 3),
|
|
377
|
-
(o(), S(j(e.component), P(
|
|
383
|
+
(o(), S(j(e.component), P(n.$attrs, {
|
|
378
384
|
value: e.modelValue,
|
|
379
385
|
disabled: !!e.disabled,
|
|
380
386
|
type: e.type,
|
|
381
387
|
readonly: e.readonly,
|
|
382
|
-
rows:
|
|
383
|
-
wrap:
|
|
384
|
-
class:
|
|
385
|
-
onFocus:
|
|
386
|
-
onBlur:
|
|
388
|
+
rows: i.value ? null : "2",
|
|
389
|
+
wrap: i.value ? null : "soft",
|
|
390
|
+
class: s.value,
|
|
391
|
+
onFocus: L,
|
|
392
|
+
onBlur: y,
|
|
387
393
|
onInput: C,
|
|
388
394
|
onClick: h,
|
|
389
|
-
onKeypress:
|
|
395
|
+
onKeypress: te(f, ["enter"])
|
|
390
396
|
}), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
|
|
391
|
-
|
|
397
|
+
n.$slots.icon ? (o(), u("button", {
|
|
392
398
|
key: 0,
|
|
393
399
|
disabled: !!e.disabled,
|
|
394
400
|
class: x([{ "cursor-pointer": !e.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
|
|
395
401
|
onClick: $
|
|
396
402
|
}, [
|
|
397
|
-
|
|
403
|
+
g(n.$slots, "icon")
|
|
398
404
|
], 10, Ie)) : k("", !0)
|
|
399
405
|
], 2),
|
|
400
|
-
e.hideMessage ? k("", !0) : (o(),
|
|
401
|
-
|
|
406
|
+
e.hideMessage ? k("", !0) : (o(), u("div", Pe, [
|
|
407
|
+
g(n.$slots, "message", {}, () => [
|
|
402
408
|
A(O(e.message), 1)
|
|
403
409
|
])
|
|
404
410
|
]))
|
|
@@ -407,7 +413,7 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
407
413
|
}), Ne = { class: "bg-white dark:bg-gray-900 rounded min-w-50 shadow-nav transition-all duration-400 dark:shadow-lg dark:shadow-primary/20 pb-6 lg:pb-0" }, We = {
|
|
408
414
|
key: 0,
|
|
409
415
|
class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
|
|
410
|
-
}, je = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, et = /* @__PURE__ */
|
|
416
|
+
}, je = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, et = /* @__PURE__ */ E({
|
|
411
417
|
inheritAttrs: !1,
|
|
412
418
|
__name: "VSelect",
|
|
413
419
|
props: {
|
|
@@ -425,19 +431,19 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
425
431
|
isPopup: { type: Boolean }
|
|
426
432
|
},
|
|
427
433
|
emits: ["change"],
|
|
428
|
-
setup(e, { emit:
|
|
429
|
-
const
|
|
430
|
-
function m(
|
|
431
|
-
|
|
434
|
+
setup(e, { emit: t }) {
|
|
435
|
+
const a = le(e, ["modelValue", "label", "items", "disabled"]), b = t;
|
|
436
|
+
function m(l, s) {
|
|
437
|
+
b("change", l), s == null || s.set(!1);
|
|
432
438
|
}
|
|
433
|
-
return (
|
|
434
|
-
const p =
|
|
435
|
-
return o(), S($e, P(
|
|
439
|
+
return (l, s) => {
|
|
440
|
+
const p = Te;
|
|
441
|
+
return o(), S($e, P(a, {
|
|
436
442
|
"hide-on-click": !1,
|
|
437
443
|
class: "relative"
|
|
438
444
|
}), {
|
|
439
|
-
activator: w(({ on:
|
|
440
|
-
|
|
445
|
+
activator: w(({ on: v, isShow: i }) => [
|
|
446
|
+
g(l.$slots, "activator", oe(ae({ on: v, isShow: i })), () => [
|
|
441
447
|
V(Ae, {
|
|
442
448
|
"model-value": e.modelValue,
|
|
443
449
|
disabled: e.disabled,
|
|
@@ -445,29 +451,29 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
445
451
|
readonly: "",
|
|
446
452
|
hideMessage: "",
|
|
447
453
|
active: "",
|
|
448
|
-
onClick:
|
|
449
|
-
onOnIcon:
|
|
454
|
+
onClick: v.click,
|
|
455
|
+
onOnIcon: v.click
|
|
450
456
|
}, {
|
|
451
457
|
icon: w(() => [
|
|
452
458
|
V(p, {
|
|
453
|
-
class: x(["transition duration-300",
|
|
459
|
+
class: x(["transition duration-300", i ? "rotate-x-180" : ""])
|
|
454
460
|
}, null, 8, ["class"])
|
|
455
461
|
]),
|
|
456
462
|
_: 2
|
|
457
463
|
}, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
|
|
458
464
|
])
|
|
459
465
|
]),
|
|
460
|
-
default: w(({ on:
|
|
461
|
-
|
|
462
|
-
e.label ? (o(),
|
|
463
|
-
|
|
466
|
+
default: w(({ on: v }) => [
|
|
467
|
+
r("div", Ne, [
|
|
468
|
+
e.label ? (o(), u("h4", We, O(e.label), 1)) : k("", !0),
|
|
469
|
+
r("div", je, [
|
|
464
470
|
V(Be, {
|
|
465
471
|
items: e.items,
|
|
466
|
-
onClick: (
|
|
472
|
+
onClick: (i) => m(i, v)
|
|
467
473
|
}, {
|
|
468
|
-
default: w(({ item:
|
|
469
|
-
|
|
470
|
-
A(O(
|
|
474
|
+
default: w(({ item: i }) => [
|
|
475
|
+
g(l.$slots, "item", { item: i }, () => [
|
|
476
|
+
A(O(i.name), 1)
|
|
471
477
|
])
|
|
472
478
|
]),
|
|
473
479
|
_: 3
|
|
@@ -488,33 +494,38 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
488
494
|
}, qe = {
|
|
489
495
|
key: 2,
|
|
490
496
|
class: "mb-4 flex items-center justify-between"
|
|
491
|
-
}, He = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Ke =
|
|
497
|
+
}, He = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Ke = ["inert", "aria-disabled"], tt = /* @__PURE__ */ E({
|
|
492
498
|
__name: "CardMain",
|
|
493
499
|
props: {
|
|
494
500
|
title: {},
|
|
495
|
-
loading: { type: Boolean }
|
|
501
|
+
loading: { type: Boolean },
|
|
502
|
+
disabled: { type: Boolean }
|
|
496
503
|
},
|
|
497
504
|
setup(e) {
|
|
498
|
-
return (
|
|
505
|
+
return (t, a) => (o(), u("div", {
|
|
499
506
|
class: x(["relative rounded-md border border-gray-200 dark:border-gray-800 bg-white dark:bg-white/[0.03] p-5 sm:p-6 hover-effect", { "overflow-hidden": e.loading }])
|
|
500
507
|
}, [
|
|
501
|
-
e.loading ? (o(),
|
|
502
|
-
e.loading ? (o(),
|
|
503
|
-
e.title ? (o(),
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
508
|
+
e.loading ? (o(), u("div", Fe)) : k("", !0),
|
|
509
|
+
e.loading ? (o(), u("div", Re)) : k("", !0),
|
|
510
|
+
e.title ? (o(), u("div", qe, [
|
|
511
|
+
r("h3", He, O(e.title), 1),
|
|
512
|
+
r("div", null, [
|
|
513
|
+
g(t.$slots, "header")
|
|
507
514
|
])
|
|
508
515
|
])) : k("", !0),
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
516
|
+
r("div", {
|
|
517
|
+
class: "max-w-full",
|
|
518
|
+
inert: e.disabled,
|
|
519
|
+
"aria-disabled": e.disabled || void 0
|
|
520
|
+
}, [
|
|
521
|
+
g(t.$slots, "default")
|
|
522
|
+
], 8, Ke)
|
|
512
523
|
], 2));
|
|
513
524
|
}
|
|
514
|
-
}),
|
|
525
|
+
}), Ge = { class: "text-title-md uppercase font-bold flex-auto" }, Je = { class: "px-4 pb-4 md:px-6" }, Qe = {
|
|
515
526
|
key: 0,
|
|
516
527
|
class: "text-title-md uppercase font-bold"
|
|
517
|
-
}, lt = /* @__PURE__ */
|
|
528
|
+
}, lt = /* @__PURE__ */ E({
|
|
518
529
|
__name: "VDialog",
|
|
519
530
|
props: {
|
|
520
531
|
title: {},
|
|
@@ -527,23 +538,23 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
527
538
|
timeout: {}
|
|
528
539
|
},
|
|
529
540
|
emits: ["close", "click", "open"],
|
|
530
|
-
setup(e, { expose:
|
|
531
|
-
const
|
|
541
|
+
setup(e, { expose: t, emit: a }) {
|
|
542
|
+
const b = a, m = J(Q), { show: l, onClose: s, onOpen: p } = G(b, e.timeout), v = {
|
|
532
543
|
sm: "max-w-full md:max-w-[330px] h-full md:h-[unset]",
|
|
533
544
|
md: "max-w-full md:max-w-[672px] h-full md:h-[unset]",
|
|
534
545
|
lg: "max-w-full md:max-w-[960px] h-full md:h-[unset]",
|
|
535
546
|
full: "relative max-w-full w-full h-3/4 "
|
|
536
|
-
},
|
|
547
|
+
}, i = {
|
|
537
548
|
none: "",
|
|
538
549
|
white: "bg-white dark:bg-gray-900",
|
|
539
550
|
gray: ""
|
|
540
|
-
},
|
|
541
|
-
return
|
|
542
|
-
show:
|
|
543
|
-
onClose:
|
|
544
|
-
}), (C,
|
|
545
|
-
const h =
|
|
546
|
-
return e.isOnlyDialog ||
|
|
551
|
+
}, y = z(() => [v[e.size], i[e.color]]), L = m.greaterOrEqual("lg");
|
|
552
|
+
return t({
|
|
553
|
+
show: l,
|
|
554
|
+
onClose: s
|
|
555
|
+
}), (C, f) => {
|
|
556
|
+
const h = X;
|
|
557
|
+
return e.isOnlyDialog || d(L) ? (o(), S(R, {
|
|
547
558
|
key: 0,
|
|
548
559
|
to: "body"
|
|
549
560
|
}, [
|
|
@@ -554,39 +565,39 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
554
565
|
"leave-active-class": "duration-200 ease-in",
|
|
555
566
|
"leave-from-class": "opacity-100 translate-y-0",
|
|
556
567
|
"leave-to-class": "transform opacity-0 -translate-y-2",
|
|
557
|
-
onAfterEnter:
|
|
568
|
+
onAfterEnter: d(p)
|
|
558
569
|
}, {
|
|
559
570
|
default: w(() => [
|
|
560
|
-
|
|
571
|
+
d(l) ? (o(), u("div", {
|
|
561
572
|
key: 0,
|
|
562
573
|
class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
|
|
563
|
-
onWheel:
|
|
574
|
+
onWheel: f[4] || (f[4] = B(() => {
|
|
564
575
|
}, ["stop"]))
|
|
565
576
|
}, [
|
|
566
|
-
|
|
577
|
+
r("div", {
|
|
567
578
|
class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
|
|
568
|
-
onClick:
|
|
569
|
-
(...$) =>
|
|
579
|
+
onClick: f[0] || (f[0] = //@ts-ignore
|
|
580
|
+
(...$) => d(s) && d(s)(...$))
|
|
570
581
|
}),
|
|
571
|
-
|
|
582
|
+
r("div", {
|
|
572
583
|
class: x(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
|
|
573
584
|
}, [
|
|
574
|
-
|
|
575
|
-
class: x(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm",
|
|
585
|
+
r("div", {
|
|
586
|
+
class: x(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm", y.value])
|
|
576
587
|
}, [
|
|
577
|
-
|
|
588
|
+
r("div", {
|
|
578
589
|
class: x(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
|
|
579
|
-
onWheel:
|
|
590
|
+
onWheel: f[1] || (f[1] = B(() => {
|
|
580
591
|
}, ["prevent"])),
|
|
581
|
-
onTouchmove:
|
|
592
|
+
onTouchmove: f[2] || (f[2] = B(() => {
|
|
582
593
|
}, ["prevent"]))
|
|
583
594
|
}, [
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
V(
|
|
595
|
+
r("h4", Ge, O(e.title), 1),
|
|
596
|
+
g(C.$slots, "header-btn", { close: d(s) }),
|
|
597
|
+
V(U, {
|
|
587
598
|
color: "transparent",
|
|
588
599
|
size: "md",
|
|
589
|
-
onClick:
|
|
600
|
+
onClick: d(s)
|
|
590
601
|
}, {
|
|
591
602
|
default: w(() => [
|
|
592
603
|
V(h)
|
|
@@ -594,12 +605,12 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
594
605
|
_: 1
|
|
595
606
|
}, 8, ["onClick"])
|
|
596
607
|
], 34),
|
|
597
|
-
|
|
608
|
+
r("div", {
|
|
598
609
|
class: x(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
|
|
599
|
-
onClose:
|
|
600
|
-
(...$) =>
|
|
610
|
+
onClose: f[3] || (f[3] = //@ts-ignore
|
|
611
|
+
(...$) => d(s) && d(s)(...$))
|
|
601
612
|
}, [
|
|
602
|
-
|
|
613
|
+
g(C.$slots, "default", { close: d(s) })
|
|
603
614
|
], 34)
|
|
604
615
|
], 2)
|
|
605
616
|
], 2)
|
|
@@ -607,26 +618,26 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
607
618
|
]),
|
|
608
619
|
_: 3
|
|
609
620
|
}, 8, ["onAfterEnter"])
|
|
610
|
-
])) : (o(), S(
|
|
621
|
+
])) : (o(), S(Y, {
|
|
611
622
|
key: 1,
|
|
612
623
|
size: e.popupSize,
|
|
613
|
-
onClose:
|
|
624
|
+
onClose: d(s)
|
|
614
625
|
}, {
|
|
615
626
|
button: w(() => [
|
|
616
|
-
|
|
627
|
+
g(C.$slots, "header-btn", { close: d(s) })
|
|
617
628
|
]),
|
|
618
629
|
default: w(({ close: $ }) => [
|
|
619
|
-
|
|
620
|
-
|
|
630
|
+
r("div", Je, [
|
|
631
|
+
r("div", {
|
|
621
632
|
class: x(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
|
|
622
|
-
onWheel:
|
|
633
|
+
onWheel: f[5] || (f[5] = B(() => {
|
|
623
634
|
}, ["prevent"])),
|
|
624
|
-
onTouchmove:
|
|
635
|
+
onTouchmove: f[6] || (f[6] = B(() => {
|
|
625
636
|
}, ["prevent"]))
|
|
626
637
|
}, [
|
|
627
|
-
e.title ? (o(),
|
|
638
|
+
e.title ? (o(), u("h4", Qe, O(e.title), 1)) : k("", !0)
|
|
628
639
|
], 34),
|
|
629
|
-
|
|
640
|
+
g(C.$slots, "default", { close: $ })
|
|
630
641
|
])
|
|
631
642
|
]),
|
|
632
643
|
_: 3
|
|
@@ -635,18 +646,19 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
|
|
|
635
646
|
}
|
|
636
647
|
});
|
|
637
648
|
export {
|
|
638
|
-
|
|
649
|
+
Ye as V,
|
|
639
650
|
lt as _,
|
|
640
|
-
|
|
651
|
+
Ze as a,
|
|
641
652
|
tt as b,
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
653
|
+
xe as c,
|
|
654
|
+
_e as d,
|
|
655
|
+
et as e,
|
|
656
|
+
Ae as f,
|
|
657
|
+
Be as g,
|
|
658
|
+
$e as h,
|
|
659
|
+
be as i,
|
|
649
660
|
U as j,
|
|
650
|
-
|
|
651
|
-
|
|
661
|
+
X as k,
|
|
662
|
+
N as l,
|
|
663
|
+
Y as m
|
|
652
664
|
};
|