@quidgest/ui 0.7.2 → 0.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1789 -2986
- package/dist/ui.css +13 -8
- package/dist/ui.esm.js +954 -946
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +4 -4
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +101 -101
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +15 -9
- package/package.json +18 -17
package/dist/ui.esm.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
|
-
import { getCurrentInstance as
|
|
2
|
-
function
|
|
3
|
-
return
|
|
1
|
+
import { getCurrentInstance as Be, computed as b, ref as I, provide as He, inject as Ve, watch as z, defineComponent as L, openBlock as c, createElementBlock as m, normalizeStyle as se, createElementVNode as U, normalizeClass as K, withModifiers as J, createVNode as ee, unref as y, createCommentVNode as q, Fragment as P, createTextVNode as de, toDisplayString as N, renderSlot as w, toRef as pe, createBlock as S, withCtx as x, renderList as ve, resolveDynamicComponent as De, h as we, normalizeProps as ue, mergeProps as te, reactive as Ke, onBeforeUnmount as We, onMounted as Te, Teleport as Ge, Transition as je, nextTick as Z, createSlots as Ee, withDirectives as Xe, vModelText as Ye, useAttrs as Pe, guardReactiveProps as he } from "vue";
|
|
2
|
+
function ye(t) {
|
|
3
|
+
return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
|
|
4
4
|
}
|
|
5
|
-
function
|
|
6
|
-
return
|
|
5
|
+
function $e(t) {
|
|
6
|
+
return t !== null && typeof t == "object" && !Array.isArray(t);
|
|
7
7
|
}
|
|
8
|
-
function
|
|
9
|
-
const
|
|
10
|
-
for (const
|
|
11
|
-
e
|
|
12
|
-
for (const
|
|
13
|
-
const
|
|
14
|
-
if (
|
|
15
|
-
e
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
function ze(t = {}, n = {}) {
|
|
9
|
+
const o = {};
|
|
10
|
+
for (const e in t)
|
|
11
|
+
o[e] = t[e];
|
|
12
|
+
for (const e in n) {
|
|
13
|
+
const a = t[e], l = n[e];
|
|
14
|
+
if ($e(a) && $e(l)) {
|
|
15
|
+
o[e] = ze(
|
|
16
|
+
a,
|
|
17
|
+
l
|
|
18
18
|
);
|
|
19
19
|
continue;
|
|
20
20
|
}
|
|
21
|
-
e
|
|
21
|
+
o[e] = l;
|
|
22
22
|
}
|
|
23
|
-
return
|
|
23
|
+
return o;
|
|
24
24
|
}
|
|
25
|
-
const
|
|
26
|
-
function
|
|
27
|
-
const
|
|
28
|
-
if (!n)
|
|
29
|
-
throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
|
|
30
|
-
const t = n.type.name ?? n.type.__name;
|
|
25
|
+
const be = "q-defaults";
|
|
26
|
+
function Ze() {
|
|
27
|
+
const t = Be();
|
|
31
28
|
if (!t)
|
|
29
|
+
throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
|
|
30
|
+
const n = t.type.name ?? t.type.__name;
|
|
31
|
+
if (!n)
|
|
32
32
|
throw new Error("[Quidgest UI] Could not determine component name");
|
|
33
|
-
const
|
|
34
|
-
return
|
|
35
|
-
var
|
|
36
|
-
return (
|
|
33
|
+
const o = Ce();
|
|
34
|
+
return b(() => {
|
|
35
|
+
var e;
|
|
36
|
+
return (e = o.value) == null ? void 0 : e[n];
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
-
function
|
|
40
|
-
if (
|
|
39
|
+
function Ae(t) {
|
|
40
|
+
if (ye(t))
|
|
41
41
|
return;
|
|
42
|
-
const
|
|
43
|
-
|
|
42
|
+
const n = Ce(), o = I(t), e = b(() => ye(o.value) ? n.value : ze(n.value, o.value));
|
|
43
|
+
He(be, e);
|
|
44
44
|
}
|
|
45
45
|
function Ce() {
|
|
46
|
-
const
|
|
47
|
-
if (!
|
|
46
|
+
const t = Ve(be, void 0);
|
|
47
|
+
if (!t)
|
|
48
48
|
throw new Error("[Quidgest UI] Could not find defaults instance");
|
|
49
|
-
return
|
|
49
|
+
return t;
|
|
50
50
|
}
|
|
51
|
-
const
|
|
51
|
+
const Ie = {
|
|
52
52
|
primary: "#00a1f8",
|
|
53
53
|
primaryLight: "#e5f6ff",
|
|
54
54
|
primaryDark: "#0079ba",
|
|
@@ -78,7 +78,7 @@ const $e = {
|
|
|
78
78
|
onWarning: "#fff",
|
|
79
79
|
onDanger: "#fff",
|
|
80
80
|
onInfo: "#fff"
|
|
81
|
-
},
|
|
81
|
+
}, Je = {
|
|
82
82
|
primary: "#018BD2",
|
|
83
83
|
primaryLight: "#cce7f6",
|
|
84
84
|
primaryDark: "#006fac",
|
|
@@ -109,167 +109,167 @@ const $e = {
|
|
|
109
109
|
onDanger: "#fff",
|
|
110
110
|
onInfo: "#fff"
|
|
111
111
|
};
|
|
112
|
-
function
|
|
113
|
-
if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(
|
|
112
|
+
function Fe(t) {
|
|
113
|
+
if (!/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t))
|
|
114
114
|
throw new Error("Invalid color format");
|
|
115
|
-
|
|
116
|
-
const
|
|
117
|
-
return { r:
|
|
115
|
+
t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
|
|
116
|
+
const n = parseInt(t.slice(1, 3), 16), o = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
|
|
117
|
+
return { r: n, g: o, b: e };
|
|
118
118
|
}
|
|
119
|
-
function
|
|
120
|
-
if (
|
|
119
|
+
function et(t, n) {
|
|
120
|
+
if (n < 0 || n > 100)
|
|
121
121
|
throw new Error("Amount must be in the range [0, 100]");
|
|
122
|
-
if (
|
|
123
|
-
return
|
|
124
|
-
const
|
|
125
|
-
return
|
|
122
|
+
if (n === 0)
|
|
123
|
+
return t;
|
|
124
|
+
const o = Qe(t), e = n / 100;
|
|
125
|
+
return o.l = o.l + e * (100 - o.l), Re(o);
|
|
126
126
|
}
|
|
127
|
-
function
|
|
128
|
-
if (
|
|
127
|
+
function tt(t, n) {
|
|
128
|
+
if (n < 0 || n > 100)
|
|
129
129
|
throw new Error("Amount must be in the range [0, 100]");
|
|
130
|
-
if (
|
|
131
|
-
return
|
|
132
|
-
const
|
|
133
|
-
return
|
|
130
|
+
if (n === 0)
|
|
131
|
+
return t;
|
|
132
|
+
const o = Qe(t), e = n / 100;
|
|
133
|
+
return o.l = o.l - e * o.l, Re(o);
|
|
134
134
|
}
|
|
135
|
-
function
|
|
136
|
-
const
|
|
137
|
-
return `#${
|
|
135
|
+
function qe(t) {
|
|
136
|
+
const n = t.r.toString(16).padStart(2, "0"), o = t.g.toString(16).padStart(2, "0"), e = t.b.toString(16).padStart(2, "0");
|
|
137
|
+
return `#${n}${o}${e}`;
|
|
138
138
|
}
|
|
139
|
-
function
|
|
140
|
-
const
|
|
141
|
-
let i = 0,
|
|
142
|
-
const
|
|
143
|
-
if (
|
|
144
|
-
i =
|
|
139
|
+
function Qe(t) {
|
|
140
|
+
const n = t.r / 255, o = t.g / 255, e = t.b / 255, a = Math.max(n, o, e), l = Math.min(n, o, e);
|
|
141
|
+
let i = 0, r;
|
|
142
|
+
const f = (a + l) / 2;
|
|
143
|
+
if (a === l)
|
|
144
|
+
i = r = 0;
|
|
145
145
|
else {
|
|
146
|
-
const
|
|
147
|
-
switch (
|
|
148
|
-
case
|
|
149
|
-
i = (
|
|
150
|
-
break;
|
|
151
|
-
case e:
|
|
152
|
-
i = (o - t) / p + 2;
|
|
146
|
+
const u = a - l;
|
|
147
|
+
switch (r = f > 0.5 ? u / (2 - a - l) : u / (a + l), a) {
|
|
148
|
+
case n:
|
|
149
|
+
i = (o - e) / u + (o < e ? 6 : 0);
|
|
153
150
|
break;
|
|
154
151
|
case o:
|
|
155
|
-
i = (
|
|
152
|
+
i = (e - n) / u + 2;
|
|
153
|
+
break;
|
|
154
|
+
case e:
|
|
155
|
+
i = (n - o) / u + 4;
|
|
156
156
|
break;
|
|
157
157
|
}
|
|
158
158
|
i /= 6;
|
|
159
159
|
}
|
|
160
160
|
return {
|
|
161
161
|
h: Math.round(i * 360),
|
|
162
|
-
s: Math.round(
|
|
163
|
-
l: Math.round(
|
|
162
|
+
s: Math.round(r * 100),
|
|
163
|
+
l: Math.round(f * 100)
|
|
164
164
|
};
|
|
165
165
|
}
|
|
166
|
-
function
|
|
167
|
-
const
|
|
168
|
-
let
|
|
169
|
-
if (
|
|
170
|
-
|
|
166
|
+
function Re(t) {
|
|
167
|
+
const n = t.h / 360, o = t.s / 100, e = t.l / 100;
|
|
168
|
+
let a, l, i;
|
|
169
|
+
if (o === 0)
|
|
170
|
+
a = l = i = e;
|
|
171
171
|
else {
|
|
172
|
-
const
|
|
173
|
-
|
|
172
|
+
const r = e < 0.5 ? e * (1 + o) : e + o - e * o, f = 2 * e - r;
|
|
173
|
+
a = me(f, r, n + 1 / 3), l = me(f, r, n), i = me(f, r, n - 1 / 3);
|
|
174
174
|
}
|
|
175
175
|
return {
|
|
176
|
-
r: Math.round(
|
|
177
|
-
g: Math.round(
|
|
176
|
+
r: Math.round(a * 255),
|
|
177
|
+
g: Math.round(l * 255),
|
|
178
178
|
b: Math.round(i * 255)
|
|
179
179
|
};
|
|
180
180
|
}
|
|
181
|
-
function
|
|
182
|
-
return
|
|
181
|
+
function me(t, n, o) {
|
|
182
|
+
return o < 0 && (o += 1), o > 1 && (o -= 1), o < 1 / 6 ? t + (n - t) * 6 * o : o < 1 / 2 ? n : o < 2 / 3 ? t + (n - t) * (2 / 3 - o) * 6 : t;
|
|
183
183
|
}
|
|
184
|
-
const
|
|
184
|
+
const ce = "q-theme";
|
|
185
185
|
function Ln() {
|
|
186
|
-
const
|
|
187
|
-
if (!
|
|
186
|
+
const t = Ve(ce);
|
|
187
|
+
if (!t)
|
|
188
188
|
throw new Error("[Quidgest UI] Could not find theme instance");
|
|
189
|
-
return
|
|
189
|
+
return t;
|
|
190
190
|
}
|
|
191
|
-
function
|
|
192
|
-
let
|
|
193
|
-
if (
|
|
194
|
-
for (const
|
|
195
|
-
const
|
|
196
|
-
if (
|
|
197
|
-
let
|
|
198
|
-
for (
|
|
199
|
-
const i =
|
|
200
|
-
if (i && !
|
|
201
|
-
const
|
|
202
|
-
|
|
191
|
+
function nt(t, n) {
|
|
192
|
+
let o = null;
|
|
193
|
+
if (n)
|
|
194
|
+
for (const e of n.themes) {
|
|
195
|
+
const a = e.mode === "light" ? Ie : Je;
|
|
196
|
+
if (e.colors) {
|
|
197
|
+
let l;
|
|
198
|
+
for (l in e.colors) {
|
|
199
|
+
const i = e.colors[l];
|
|
200
|
+
if (i && !l.startsWith("on") && !l.endsWith("Light") && !l.endsWith("Dark")) {
|
|
201
|
+
const r = Fe(i), f = `${l}Light`, u = `${l}Dark`;
|
|
202
|
+
f in e.colors || (e.colors[f] = qe(et(r, 85))), u in e.colors || (e.colors[u] = qe(tt(r, 25)));
|
|
203
203
|
}
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
|
-
|
|
206
|
+
e.colors = ot(a, e.colors), e.name === n.defaultTheme && (o = e);
|
|
207
207
|
}
|
|
208
208
|
else {
|
|
209
|
-
const
|
|
210
|
-
|
|
211
|
-
name:
|
|
209
|
+
const e = "default";
|
|
210
|
+
o = {
|
|
211
|
+
name: e,
|
|
212
212
|
mode: "light",
|
|
213
|
-
colors:
|
|
214
|
-
},
|
|
215
|
-
defaultTheme:
|
|
216
|
-
themes: [
|
|
213
|
+
colors: Ie
|
|
214
|
+
}, n = {
|
|
215
|
+
defaultTheme: e,
|
|
216
|
+
themes: [o]
|
|
217
217
|
};
|
|
218
218
|
}
|
|
219
|
-
if (
|
|
220
|
-
const
|
|
221
|
-
activeTheme:
|
|
222
|
-
themes:
|
|
219
|
+
if (o) {
|
|
220
|
+
const e = I({
|
|
221
|
+
activeTheme: o.name,
|
|
222
|
+
themes: n.themes
|
|
223
223
|
});
|
|
224
|
-
|
|
225
|
-
() =>
|
|
226
|
-
(
|
|
227
|
-
const
|
|
228
|
-
|
|
224
|
+
z(
|
|
225
|
+
() => e.value.activeTheme,
|
|
226
|
+
(a) => {
|
|
227
|
+
const l = e.value.themes.find((i) => i.name === a);
|
|
228
|
+
l && lt(l.colors);
|
|
229
229
|
},
|
|
230
230
|
{ immediate: !0 }
|
|
231
|
-
),
|
|
231
|
+
), t.provide(ce, e);
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
|
-
function
|
|
235
|
-
return { ...
|
|
234
|
+
function ot(t, n = {}) {
|
|
235
|
+
return { ...t, ...n };
|
|
236
236
|
}
|
|
237
|
-
function
|
|
238
|
-
let
|
|
239
|
-
|
|
237
|
+
function lt(t) {
|
|
238
|
+
let n = document.getElementById(
|
|
239
|
+
ce
|
|
240
240
|
);
|
|
241
|
-
|
|
242
|
-
let
|
|
243
|
-
`,
|
|
244
|
-
for (
|
|
245
|
-
const
|
|
246
|
-
if (
|
|
247
|
-
|
|
241
|
+
n || (n = document.createElement("style"), n.type = "text/css", n.id = ce, document.head.appendChild(n));
|
|
242
|
+
let o = `:root {
|
|
243
|
+
`, e;
|
|
244
|
+
for (e in t) {
|
|
245
|
+
const a = t[e];
|
|
246
|
+
if (a) {
|
|
247
|
+
o += ` ${Se(e)}: ${a};
|
|
248
248
|
`;
|
|
249
|
-
const
|
|
250
|
-
|
|
249
|
+
const l = Fe(a);
|
|
250
|
+
o += ` ${Se(e)}-rgb: ${l.r} ${l.g} ${l.b};
|
|
251
251
|
`;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
|
|
254
|
+
o += "}", n.textContent = o;
|
|
255
255
|
}
|
|
256
|
-
function
|
|
257
|
-
return
|
|
256
|
+
function Se(t) {
|
|
257
|
+
return t ? `--q-theme-${t.replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}` : "";
|
|
258
258
|
}
|
|
259
|
-
function Bn(
|
|
260
|
-
return { install: (
|
|
261
|
-
const
|
|
262
|
-
for (const i in
|
|
263
|
-
|
|
264
|
-
const
|
|
265
|
-
for (const i in
|
|
266
|
-
|
|
267
|
-
const
|
|
268
|
-
|
|
259
|
+
function Bn(t = {}) {
|
|
260
|
+
return { install: (o) => {
|
|
261
|
+
const e = t.components || {};
|
|
262
|
+
for (const i in e)
|
|
263
|
+
o.component(i, e[i]);
|
|
264
|
+
const a = t.directives || {};
|
|
265
|
+
for (const i in a)
|
|
266
|
+
o.directive(i, a[i]);
|
|
267
|
+
const l = t.defaults || {};
|
|
268
|
+
o.provide(be, I(l)), nt(o, t.themes);
|
|
269
269
|
} };
|
|
270
270
|
}
|
|
271
|
-
const
|
|
272
|
-
/* @__PURE__ */
|
|
271
|
+
const at = /* @__PURE__ */ U("svg", { viewBox: "25 25 50 50" }, [
|
|
272
|
+
/* @__PURE__ */ U("circle", {
|
|
273
273
|
class: "path",
|
|
274
274
|
cx: "50",
|
|
275
275
|
cy: "50",
|
|
@@ -279,50 +279,50 @@ const lt = /* @__PURE__ */ M("svg", { viewBox: "25 25 50 50" }, [
|
|
|
279
279
|
"stroke-width": "5",
|
|
280
280
|
"stroke-miterlimit": "10"
|
|
281
281
|
})
|
|
282
|
-
], -1),
|
|
283
|
-
|
|
284
|
-
],
|
|
282
|
+
], -1), st = [
|
|
283
|
+
at
|
|
284
|
+
], it = /* @__PURE__ */ L({
|
|
285
285
|
__name: "QSpinnerLoader",
|
|
286
286
|
props: {
|
|
287
287
|
size: { default: 48 }
|
|
288
288
|
},
|
|
289
|
-
setup(
|
|
290
|
-
const
|
|
291
|
-
"font-size":
|
|
289
|
+
setup(t) {
|
|
290
|
+
const n = t, o = b(() => ({
|
|
291
|
+
"font-size": n.size !== 48 ? `${n.size}px` : void 0
|
|
292
292
|
}));
|
|
293
|
-
return (
|
|
293
|
+
return (e, a) => (c(), m("div", {
|
|
294
294
|
class: "q-spinner-loader",
|
|
295
|
-
style:
|
|
296
|
-
},
|
|
295
|
+
style: se(o.value)
|
|
296
|
+
}, st, 4));
|
|
297
297
|
}
|
|
298
298
|
});
|
|
299
|
-
function
|
|
300
|
-
var
|
|
301
|
-
return typeof ((
|
|
299
|
+
function rt(t, n) {
|
|
300
|
+
var o;
|
|
301
|
+
return typeof ((o = t.props) == null ? void 0 : o[n]) < "u";
|
|
302
302
|
}
|
|
303
|
-
function B(
|
|
304
|
-
const
|
|
305
|
-
return
|
|
306
|
-
const
|
|
307
|
-
if (
|
|
308
|
-
return
|
|
309
|
-
const
|
|
310
|
-
if (
|
|
311
|
-
return
|
|
312
|
-
const i = new Proxy(
|
|
313
|
-
get(
|
|
314
|
-
var
|
|
315
|
-
const
|
|
316
|
-
return typeof
|
|
303
|
+
function B(t) {
|
|
304
|
+
const n = t.setup;
|
|
305
|
+
return n && (t.setup = (o, e) => {
|
|
306
|
+
const a = Ze();
|
|
307
|
+
if (ye(a.value))
|
|
308
|
+
return n(o, e);
|
|
309
|
+
const l = Be();
|
|
310
|
+
if (l === null)
|
|
311
|
+
return n(o, e);
|
|
312
|
+
const i = new Proxy(o, {
|
|
313
|
+
get(r, f) {
|
|
314
|
+
var g;
|
|
315
|
+
const u = Reflect.get(r, f), h = (g = a.value) == null ? void 0 : g[f];
|
|
316
|
+
return typeof f == "string" && !rt(l.vnode, f) ? h ?? u : u;
|
|
317
317
|
}
|
|
318
318
|
});
|
|
319
|
-
return
|
|
320
|
-
}),
|
|
319
|
+
return n(i, e);
|
|
320
|
+
}), t;
|
|
321
321
|
}
|
|
322
|
-
const
|
|
322
|
+
const ge = B(it), dt = ["disabled"], ut = {
|
|
323
323
|
key: 0,
|
|
324
324
|
class: "q-btn__spinner"
|
|
325
|
-
},
|
|
325
|
+
}, ct = { class: "q-btn__content" }, ft = /* @__PURE__ */ L({
|
|
326
326
|
__name: "QButton",
|
|
327
327
|
props: {
|
|
328
328
|
active: { type: Boolean },
|
|
@@ -337,17 +337,17 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
337
337
|
size: { default: "regular" }
|
|
338
338
|
},
|
|
339
339
|
emits: ["click"],
|
|
340
|
-
setup(
|
|
341
|
-
const
|
|
342
|
-
function l(
|
|
343
|
-
|
|
340
|
+
setup(t, { emit: n }) {
|
|
341
|
+
const o = n, e = t, a = b(() => e.disabled || e.loading);
|
|
342
|
+
function l(r) {
|
|
343
|
+
a.value || o("click", r);
|
|
344
344
|
}
|
|
345
|
-
const
|
|
346
|
-
const
|
|
345
|
+
const i = b(() => {
|
|
346
|
+
const r = e.size !== "regular" ? `q-btn--${e.size}` : void 0;
|
|
347
347
|
return [
|
|
348
348
|
"q-btn",
|
|
349
349
|
`q-btn--${e.bStyle}`,
|
|
350
|
-
|
|
350
|
+
r,
|
|
351
351
|
{
|
|
352
352
|
"q-btn--active": e.active,
|
|
353
353
|
"q-btn--borderless": e.borderless,
|
|
@@ -357,57 +357,57 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
357
357
|
}
|
|
358
358
|
];
|
|
359
359
|
});
|
|
360
|
-
return (
|
|
360
|
+
return (r, f) => (c(), m("button", {
|
|
361
361
|
type: "button",
|
|
362
|
-
class:
|
|
363
|
-
disabled:
|
|
364
|
-
onClick:
|
|
362
|
+
class: K(i.value),
|
|
363
|
+
disabled: a.value,
|
|
364
|
+
onClick: J(l, ["stop", "prevent"])
|
|
365
365
|
}, [
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
])) :
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
], 64)) :
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
366
|
+
r.loading ? (c(), m("div", ut, [
|
|
367
|
+
ee(y(ge), { size: 23 })
|
|
368
|
+
])) : q("", !0),
|
|
369
|
+
U("span", ct, [
|
|
370
|
+
r.iconOnRight ? (c(), m(P, { key: 0 }, [
|
|
371
|
+
de(N(e.label), 1)
|
|
372
|
+
], 64)) : q("", !0),
|
|
373
|
+
w(r.$slots, "default"),
|
|
374
|
+
r.iconOnRight ? q("", !0) : (c(), m(P, { key: 1 }, [
|
|
375
|
+
de(N(e.label), 1)
|
|
376
376
|
], 64))
|
|
377
377
|
])
|
|
378
|
-
], 10,
|
|
378
|
+
], 10, dt));
|
|
379
379
|
}
|
|
380
|
-
}),
|
|
380
|
+
}), pt = B(ft), mt = /* @__PURE__ */ L({
|
|
381
381
|
__name: "QButtonGroup",
|
|
382
382
|
props: {
|
|
383
|
-
bStyle: {},
|
|
383
|
+
bStyle: { default: void 0 },
|
|
384
384
|
disabled: { type: Boolean },
|
|
385
385
|
borderless: { type: Boolean },
|
|
386
386
|
elevated: { type: Boolean }
|
|
387
387
|
},
|
|
388
|
-
setup(
|
|
389
|
-
const
|
|
390
|
-
|
|
388
|
+
setup(t) {
|
|
389
|
+
const n = t;
|
|
390
|
+
Ae({
|
|
391
391
|
QButton: {
|
|
392
|
-
bStyle:
|
|
393
|
-
disabled:
|
|
394
|
-
borderless:
|
|
392
|
+
bStyle: pe(n, "bStyle"),
|
|
393
|
+
disabled: pe(n, "disabled"),
|
|
394
|
+
borderless: pe(n, "borderless"),
|
|
395
395
|
elevated: !1
|
|
396
396
|
}
|
|
397
397
|
});
|
|
398
|
-
const
|
|
398
|
+
const o = b(() => [
|
|
399
399
|
"q-btn-group",
|
|
400
400
|
{
|
|
401
|
-
"q-btn-group--elevated":
|
|
401
|
+
"q-btn-group--elevated": n.elevated
|
|
402
402
|
}
|
|
403
403
|
]);
|
|
404
|
-
return (
|
|
405
|
-
class:
|
|
404
|
+
return (e, a) => (c(), m("div", {
|
|
405
|
+
class: K(o.value)
|
|
406
406
|
}, [
|
|
407
|
-
|
|
407
|
+
w(e.$slots, "default")
|
|
408
408
|
], 2));
|
|
409
409
|
}
|
|
410
|
-
}),
|
|
410
|
+
}), vt = B(mt), ht = /* @__PURE__ */ L({
|
|
411
411
|
__name: "QButtonToggle",
|
|
412
412
|
props: {
|
|
413
413
|
modelValue: {},
|
|
@@ -418,39 +418,39 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
418
418
|
mandatory: { type: Boolean }
|
|
419
419
|
},
|
|
420
420
|
emits: ["update:modelValue"],
|
|
421
|
-
setup(
|
|
422
|
-
const
|
|
423
|
-
|
|
421
|
+
setup(t, { emit: n }) {
|
|
422
|
+
const o = n, e = t, a = I(e.modelValue);
|
|
423
|
+
z(
|
|
424
424
|
() => e.modelValue,
|
|
425
|
-
(
|
|
425
|
+
(r) => a.value = r
|
|
426
426
|
);
|
|
427
|
-
const l =
|
|
427
|
+
const l = b({
|
|
428
428
|
get() {
|
|
429
|
-
return
|
|
429
|
+
return a.value;
|
|
430
430
|
},
|
|
431
|
-
set(
|
|
432
|
-
|
|
431
|
+
set(r) {
|
|
432
|
+
a.value = r, o("update:modelValue", r);
|
|
433
433
|
}
|
|
434
434
|
});
|
|
435
|
-
function
|
|
436
|
-
l.value ===
|
|
435
|
+
function i(r) {
|
|
436
|
+
l.value === r.key && !e.mandatory ? l.value = void 0 : l.value = r.key;
|
|
437
437
|
}
|
|
438
|
-
return (
|
|
438
|
+
return (r, f) => (c(), S(y(vt), {
|
|
439
439
|
"b-style": "secondary",
|
|
440
440
|
disabled: e.disabled,
|
|
441
441
|
borderless: e.borderless,
|
|
442
442
|
elevated: e.elevated
|
|
443
443
|
}, {
|
|
444
|
-
default:
|
|
445
|
-
(
|
|
446
|
-
key:
|
|
447
|
-
title:
|
|
448
|
-
label:
|
|
449
|
-
active: l.value ===
|
|
450
|
-
onClick: () =>
|
|
444
|
+
default: x(() => [
|
|
445
|
+
(c(!0), m(P, null, ve(e.options, (u) => (c(), S(y(pt), {
|
|
446
|
+
key: u.key,
|
|
447
|
+
title: u.title,
|
|
448
|
+
label: u.label,
|
|
449
|
+
active: l.value === u.key,
|
|
450
|
+
onClick: () => i(u)
|
|
451
451
|
}, {
|
|
452
|
-
default:
|
|
453
|
-
|
|
452
|
+
default: x(() => [
|
|
453
|
+
w(r.$slots, u.key)
|
|
454
454
|
]),
|
|
455
455
|
_: 2
|
|
456
456
|
}, 1032, ["title", "label", "active", "onClick"]))), 128))
|
|
@@ -458,32 +458,32 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
458
458
|
_: 3
|
|
459
459
|
}, 8, ["disabled", "borderless", "elevated"]));
|
|
460
460
|
}
|
|
461
|
-
}), Vn = B(ht),
|
|
461
|
+
}), Vn = B(ht), yt = /* @__PURE__ */ L({
|
|
462
462
|
__name: "QIcon",
|
|
463
463
|
props: {
|
|
464
464
|
icon: {},
|
|
465
465
|
type: { default: "svg" },
|
|
466
466
|
size: { default: void 0 }
|
|
467
467
|
},
|
|
468
|
-
setup(
|
|
469
|
-
const
|
|
470
|
-
switch (
|
|
468
|
+
setup(t) {
|
|
469
|
+
const n = t, o = b(() => {
|
|
470
|
+
switch (n.type) {
|
|
471
471
|
case "svg":
|
|
472
472
|
return xt;
|
|
473
473
|
case "font":
|
|
474
|
-
return It;
|
|
475
|
-
case "img":
|
|
476
474
|
return qt;
|
|
475
|
+
case "img":
|
|
476
|
+
return St;
|
|
477
477
|
default:
|
|
478
478
|
return;
|
|
479
479
|
}
|
|
480
480
|
});
|
|
481
|
-
return (
|
|
482
|
-
icon:
|
|
483
|
-
size:
|
|
481
|
+
return (e, a) => (c(), S(De(o.value), {
|
|
482
|
+
icon: n.icon,
|
|
483
|
+
size: n.size
|
|
484
484
|
}, null, 8, ["icon", "size"]));
|
|
485
485
|
}
|
|
486
|
-
}),
|
|
486
|
+
}), bt = /* @__PURE__ */ L({
|
|
487
487
|
__name: "QIconFont",
|
|
488
488
|
props: {
|
|
489
489
|
icon: {},
|
|
@@ -491,43 +491,43 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
491
491
|
variant: { default: "" },
|
|
492
492
|
size: { default: void 0 }
|
|
493
493
|
},
|
|
494
|
-
setup(
|
|
495
|
-
const
|
|
496
|
-
"font-size":
|
|
494
|
+
setup(t) {
|
|
495
|
+
const n = t, o = b(() => n.variant ? `${n.library}-${n.variant}` : n.library), e = b(() => n.library && n.icon ? `${n.library}-${n.icon}` : n.icon), a = b(() => ({
|
|
496
|
+
"font-size": n.size !== void 0 ? `${n.size}px` : void 0
|
|
497
497
|
}));
|
|
498
|
-
return (
|
|
499
|
-
class:
|
|
500
|
-
style:
|
|
498
|
+
return (l, i) => (c(), m("i", {
|
|
499
|
+
class: K(["q-icon", "q-icon__font", o.value, e.value]),
|
|
500
|
+
style: se(a.value)
|
|
501
501
|
}, null, 6));
|
|
502
502
|
}
|
|
503
|
-
}),
|
|
503
|
+
}), gt = ["src"], _t = /* @__PURE__ */ L({
|
|
504
504
|
__name: "QIconImg",
|
|
505
505
|
props: {
|
|
506
506
|
icon: {},
|
|
507
507
|
size: {}
|
|
508
508
|
},
|
|
509
|
-
setup(
|
|
510
|
-
const
|
|
511
|
-
"font-size":
|
|
509
|
+
setup(t) {
|
|
510
|
+
const n = t, o = b(() => ({
|
|
511
|
+
"font-size": n.size !== void 0 ? `${n.size}px` : void 0
|
|
512
512
|
}));
|
|
513
|
-
return (
|
|
514
|
-
src:
|
|
513
|
+
return (e, a) => (c(), m("img", {
|
|
514
|
+
src: n.icon,
|
|
515
515
|
class: "q-icon q-icon__img",
|
|
516
|
-
style:
|
|
517
|
-
}, null, 12,
|
|
516
|
+
style: se(o.value)
|
|
517
|
+
}, null, 12, gt));
|
|
518
518
|
}
|
|
519
|
-
}),
|
|
519
|
+
}), ae = {}, kt = L({
|
|
520
520
|
name: "InlineSvg",
|
|
521
521
|
emits: ["loaded", "unloaded", "error"],
|
|
522
522
|
inheritAttrs: !1,
|
|
523
523
|
render() {
|
|
524
524
|
if (!this.svgElSource)
|
|
525
525
|
return null;
|
|
526
|
-
const
|
|
527
|
-
if (!
|
|
528
|
-
return
|
|
529
|
-
const
|
|
530
|
-
return this.copySvgAttrs(
|
|
526
|
+
const t = this.getSvgContent(this.svgElSource);
|
|
527
|
+
if (!t)
|
|
528
|
+
return we("div", this.$attrs);
|
|
529
|
+
const n = {};
|
|
530
|
+
return this.copySvgAttrs(n, this.svgElSource), this.copySvgAttrs(n, t), this.copyComponentAttrs(n, this.$attrs), n.innerHTML = t.innerHTML, we("svg", n);
|
|
531
531
|
},
|
|
532
532
|
props: {
|
|
533
533
|
src: {
|
|
@@ -561,30 +561,30 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
561
561
|
await this.getSource(this.src);
|
|
562
562
|
},
|
|
563
563
|
methods: {
|
|
564
|
-
copySvgAttrs(
|
|
565
|
-
const
|
|
566
|
-
if (
|
|
567
|
-
for (const
|
|
568
|
-
|
|
564
|
+
copySvgAttrs(t, n) {
|
|
565
|
+
const o = n.attributes;
|
|
566
|
+
if (o)
|
|
567
|
+
for (const e of o)
|
|
568
|
+
t[e.name] = e.value;
|
|
569
569
|
},
|
|
570
|
-
copyComponentAttrs(
|
|
571
|
-
for (const [
|
|
572
|
-
|
|
570
|
+
copyComponentAttrs(t, n) {
|
|
571
|
+
for (const [o, e] of Object.entries(n))
|
|
572
|
+
e !== !1 && e !== null && e !== void 0 && (t[o] = e);
|
|
573
573
|
},
|
|
574
|
-
getSvgContent(
|
|
575
|
-
return this.symbol && (
|
|
574
|
+
getSvgContent(t) {
|
|
575
|
+
return this.symbol && (t = t.getElementById(this.symbol), !t) ? null : (this.transformSource && (t = t.cloneNode(!0), t = this.transformSource(t)), this.title && (this.transformSource || (t = t.cloneNode(!0)), wt(t, this.title)), t);
|
|
576
576
|
},
|
|
577
577
|
/**
|
|
578
578
|
* Get svgElSource
|
|
579
579
|
* @param {string} src
|
|
580
580
|
*/
|
|
581
|
-
async getSource(
|
|
581
|
+
async getSource(t) {
|
|
582
582
|
try {
|
|
583
|
-
|
|
584
|
-
const
|
|
585
|
-
this.svgElSource =
|
|
586
|
-
} catch (
|
|
587
|
-
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete
|
|
583
|
+
ae[t] || (ae[t] = $t(this.download(t))), this.svgElSource && ae[t].getIsPending() && !this.keepDuringLoading && (this.svgElSource = null, this.$emit("unloaded"));
|
|
584
|
+
const n = await ae[t];
|
|
585
|
+
this.svgElSource = n, await this.$nextTick(), this.$emit("loaded", this.$el);
|
|
586
|
+
} catch (n) {
|
|
587
|
+
this.svgElSource && (this.svgElSource = null, this.$emit("unloaded")), delete ae[t], this.$emit("error", n);
|
|
588
588
|
}
|
|
589
589
|
},
|
|
590
590
|
/**
|
|
@@ -592,44 +592,44 @@ const be = B(st), rt = ["disabled", "onClick"], dt = {
|
|
|
592
592
|
* @param {string} url
|
|
593
593
|
* @returns {PromiseWithState<Element>}
|
|
594
594
|
*/
|
|
595
|
-
async download(
|
|
596
|
-
const
|
|
597
|
-
if (!
|
|
595
|
+
async download(t) {
|
|
596
|
+
const n = await fetch(t);
|
|
597
|
+
if (!n.ok)
|
|
598
598
|
throw new Error("Error loading SVG");
|
|
599
|
-
const
|
|
600
|
-
if (!
|
|
599
|
+
const o = await n.text(), l = new DOMParser().parseFromString(o, "text/xml").getElementsByTagName("svg")[0];
|
|
600
|
+
if (!l)
|
|
601
601
|
throw new Error("Loaded file is not a valid SVG");
|
|
602
|
-
return
|
|
602
|
+
return l;
|
|
603
603
|
}
|
|
604
604
|
},
|
|
605
605
|
watch: {
|
|
606
|
-
src(
|
|
607
|
-
this.getSource(
|
|
606
|
+
src(t) {
|
|
607
|
+
this.getSource(t);
|
|
608
608
|
}
|
|
609
609
|
}
|
|
610
610
|
});
|
|
611
|
-
function
|
|
612
|
-
const
|
|
613
|
-
if (
|
|
614
|
-
|
|
611
|
+
function wt(t, n) {
|
|
612
|
+
const o = t.getElementsByTagName("title");
|
|
613
|
+
if (o.length)
|
|
614
|
+
o[0].textContent = n;
|
|
615
615
|
else {
|
|
616
|
-
const
|
|
617
|
-
|
|
616
|
+
const e = document.createElementNS("http://www.w3.org/2000/svg", "title");
|
|
617
|
+
e.textContent = n, t.insertBefore(e, t.firstChild);
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
|
-
function
|
|
621
|
-
if (
|
|
622
|
-
return
|
|
623
|
-
let
|
|
624
|
-
const
|
|
625
|
-
(
|
|
626
|
-
(
|
|
627
|
-
throw
|
|
620
|
+
function $t(t) {
|
|
621
|
+
if (t.getIsPending)
|
|
622
|
+
return t;
|
|
623
|
+
let n = !0;
|
|
624
|
+
const o = t.then(
|
|
625
|
+
(e) => (n = !1, e),
|
|
626
|
+
(e) => {
|
|
627
|
+
throw n = !1, e;
|
|
628
628
|
}
|
|
629
629
|
);
|
|
630
|
-
return
|
|
630
|
+
return o.getIsPending = () => n, o;
|
|
631
631
|
}
|
|
632
|
-
const
|
|
632
|
+
const It = /* @__PURE__ */ L({
|
|
633
633
|
__name: "QIconSvg",
|
|
634
634
|
props: {
|
|
635
635
|
icon: {},
|
|
@@ -637,26 +637,26 @@ const $t = /* @__PURE__ */ L({
|
|
|
637
637
|
size: { default: void 0 }
|
|
638
638
|
},
|
|
639
639
|
emits: ["loaded", "unloaded"],
|
|
640
|
-
setup(
|
|
641
|
-
const
|
|
640
|
+
setup(t, { emit: n }) {
|
|
641
|
+
const o = n, e = t, a = b(() => ({
|
|
642
642
|
"font-size": e.size !== void 0 ? `${e.size}px` : void 0
|
|
643
643
|
}));
|
|
644
|
-
function l(
|
|
645
|
-
|
|
644
|
+
function l(r) {
|
|
645
|
+
o("loaded", r);
|
|
646
646
|
}
|
|
647
|
-
function
|
|
648
|
-
|
|
647
|
+
function i() {
|
|
648
|
+
o("unloaded");
|
|
649
649
|
}
|
|
650
|
-
return (
|
|
650
|
+
return (r, f) => (c(), S(y(kt), {
|
|
651
651
|
class: "q-icon q-icon__svg",
|
|
652
652
|
src: e.bundle,
|
|
653
653
|
symbol: e.icon,
|
|
654
|
-
style:
|
|
654
|
+
style: se(a.value),
|
|
655
655
|
onLoaded: l,
|
|
656
|
-
onUnloaded:
|
|
656
|
+
onUnloaded: i
|
|
657
657
|
}, null, 8, ["src", "symbol", "style"]));
|
|
658
658
|
}
|
|
659
|
-
}),
|
|
659
|
+
}), Y = B(yt), qt = B(bt), St = B(_t), xt = B(It), Lt = /* @__PURE__ */ L({
|
|
660
660
|
__name: "QList",
|
|
661
661
|
props: {
|
|
662
662
|
modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
@@ -668,142 +668,142 @@ const $t = /* @__PURE__ */ L({
|
|
|
668
668
|
disabled: { type: Boolean }
|
|
669
669
|
},
|
|
670
670
|
emits: ["update:modelValue"],
|
|
671
|
-
setup(
|
|
672
|
-
const o =
|
|
673
|
-
function
|
|
671
|
+
setup(t, { expose: n, emit: o }) {
|
|
672
|
+
const e = o, a = t, l = I(a.modelValue), i = I(!1), r = b(() => f.value.length > 1 ? "div" : "ul"), f = b(() => a.groups.length ? a.groups : [{ title: "" }]), u = I(null);
|
|
673
|
+
function h(s) {
|
|
674
674
|
l.value = s, e("update:modelValue", s);
|
|
675
675
|
}
|
|
676
|
-
function
|
|
677
|
-
|
|
676
|
+
function g() {
|
|
677
|
+
i.value = !0;
|
|
678
678
|
}
|
|
679
|
-
function
|
|
680
|
-
|
|
679
|
+
function R() {
|
|
680
|
+
i.value = !1;
|
|
681
681
|
}
|
|
682
|
-
function
|
|
683
|
-
var
|
|
684
|
-
if ((
|
|
682
|
+
function A(s) {
|
|
683
|
+
var $;
|
|
684
|
+
if (($ = u.value) != null && $.contains(s.relatedTarget))
|
|
685
685
|
return;
|
|
686
|
-
let
|
|
687
|
-
l.value ?
|
|
688
|
-
const
|
|
689
|
-
|
|
686
|
+
let p;
|
|
687
|
+
l.value ? p = a.items.findIndex((oe) => oe[a.itemValue] === l.value) : p = Q();
|
|
688
|
+
const k = i.value;
|
|
689
|
+
O(p, k);
|
|
690
690
|
}
|
|
691
691
|
function F(s) {
|
|
692
692
|
switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && s.preventDefault(), s.key) {
|
|
693
693
|
case "ArrowDown":
|
|
694
|
-
|
|
694
|
+
E("next");
|
|
695
695
|
break;
|
|
696
696
|
case "ArrowUp":
|
|
697
|
-
|
|
697
|
+
E("prev");
|
|
698
698
|
break;
|
|
699
699
|
case "Home":
|
|
700
|
-
|
|
700
|
+
E("first");
|
|
701
701
|
break;
|
|
702
702
|
case "End":
|
|
703
|
-
|
|
703
|
+
E("last");
|
|
704
704
|
break;
|
|
705
705
|
}
|
|
706
706
|
}
|
|
707
|
-
function
|
|
707
|
+
function E(s) {
|
|
708
708
|
switch (s) {
|
|
709
709
|
case "next":
|
|
710
710
|
case "prev":
|
|
711
|
-
|
|
711
|
+
O(W(s));
|
|
712
712
|
break;
|
|
713
713
|
case "first":
|
|
714
|
-
|
|
714
|
+
O(Q());
|
|
715
715
|
break;
|
|
716
716
|
case "last":
|
|
717
|
-
|
|
717
|
+
O(C());
|
|
718
718
|
break;
|
|
719
719
|
}
|
|
720
720
|
}
|
|
721
|
-
function
|
|
722
|
-
var
|
|
723
|
-
(
|
|
721
|
+
function O(s, p = !1) {
|
|
722
|
+
var $;
|
|
723
|
+
($ = T().at(s)) == null || $.focus({ preventScroll: p });
|
|
724
724
|
}
|
|
725
|
-
function
|
|
726
|
-
var
|
|
727
|
-
const s = (
|
|
725
|
+
function T() {
|
|
726
|
+
var p;
|
|
727
|
+
const s = (p = u.value) == null ? void 0 : p.querySelectorAll("li");
|
|
728
728
|
return s ? Array.from(s) : [];
|
|
729
729
|
}
|
|
730
|
-
function
|
|
731
|
-
return
|
|
730
|
+
function X(s) {
|
|
731
|
+
return T().at(s);
|
|
732
732
|
}
|
|
733
|
-
function
|
|
734
|
-
return
|
|
733
|
+
function H() {
|
|
734
|
+
return T().indexOf(document.activeElement);
|
|
735
735
|
}
|
|
736
736
|
function Q() {
|
|
737
|
-
const s =
|
|
738
|
-
return
|
|
737
|
+
const s = T(), p = s.find((k) => v(k));
|
|
738
|
+
return p ? s.indexOf(p) : -1;
|
|
739
739
|
}
|
|
740
|
-
function
|
|
741
|
-
const s =
|
|
742
|
-
return
|
|
740
|
+
function C() {
|
|
741
|
+
const s = T(), p = [...s].reverse().find((k) => v(k));
|
|
742
|
+
return p ? s.indexOf(p) : -1;
|
|
743
743
|
}
|
|
744
|
-
function
|
|
745
|
-
return
|
|
744
|
+
function M(s, p, k) {
|
|
745
|
+
return p === "prev" && s === 0 || p === "next" && s === k.length - 1;
|
|
746
746
|
}
|
|
747
|
-
function
|
|
748
|
-
const
|
|
749
|
-
return
|
|
747
|
+
function W(s) {
|
|
748
|
+
const p = H();
|
|
749
|
+
return G(p, s);
|
|
750
750
|
}
|
|
751
|
-
function
|
|
752
|
-
const
|
|
753
|
-
if (
|
|
751
|
+
function G(s, p) {
|
|
752
|
+
const k = T();
|
|
753
|
+
if (M(s, p, k))
|
|
754
754
|
return s;
|
|
755
|
-
let
|
|
756
|
-
for (; !
|
|
757
|
-
if (
|
|
755
|
+
let $ = s + (p === "next" ? 1 : -1);
|
|
756
|
+
for (; !v(k[$]); ) {
|
|
757
|
+
if (M($, p, k))
|
|
758
758
|
return s;
|
|
759
|
-
|
|
759
|
+
$ += p === "next" ? 1 : -1;
|
|
760
760
|
}
|
|
761
|
-
return
|
|
761
|
+
return $;
|
|
762
762
|
}
|
|
763
|
-
function
|
|
763
|
+
function v(s) {
|
|
764
764
|
return s.tabIndex === -2;
|
|
765
765
|
}
|
|
766
766
|
function V(s) {
|
|
767
|
-
return s ?
|
|
767
|
+
return s ? a.items.filter((p) => p.group === s) : a.items;
|
|
768
768
|
}
|
|
769
|
-
return
|
|
770
|
-
() =>
|
|
769
|
+
return z(
|
|
770
|
+
() => a.modelValue,
|
|
771
771
|
(s) => {
|
|
772
772
|
l.value = s;
|
|
773
773
|
}
|
|
774
|
-
),
|
|
775
|
-
focusItem:
|
|
776
|
-
getItem:
|
|
777
|
-
getAdjacentItemIndex:
|
|
774
|
+
), n({
|
|
775
|
+
focusItem: O,
|
|
776
|
+
getItem: X,
|
|
777
|
+
getAdjacentItemIndex: G,
|
|
778
778
|
getFirstFocusableItemIndex: Q,
|
|
779
|
-
getLastFocusableItemIndex:
|
|
780
|
-
}), (s,
|
|
779
|
+
getLastFocusableItemIndex: C
|
|
780
|
+
}), (s, p) => (c(), S(De(r.value), {
|
|
781
781
|
ref_key: "listRef",
|
|
782
|
-
ref:
|
|
783
|
-
class:
|
|
782
|
+
ref: u,
|
|
783
|
+
class: K(["q-list", { "q-list--disabled": a.disabled }]),
|
|
784
784
|
role: "listbox",
|
|
785
|
-
tabindex:
|
|
786
|
-
onFocus:
|
|
787
|
-
onMousedown:
|
|
788
|
-
onMouseup:
|
|
785
|
+
tabindex: a.disabled ? -1 : 0,
|
|
786
|
+
onFocus: A,
|
|
787
|
+
onMousedown: g,
|
|
788
|
+
onMouseup: R,
|
|
789
789
|
onKeydown: F
|
|
790
790
|
}, {
|
|
791
|
-
default:
|
|
792
|
-
(
|
|
793
|
-
key:
|
|
794
|
-
title:
|
|
795
|
-
disabled:
|
|
791
|
+
default: x(() => [
|
|
792
|
+
(c(!0), m(P, null, ve(f.value, (k) => (c(), S(y(Qt), {
|
|
793
|
+
key: k.id,
|
|
794
|
+
title: k.title,
|
|
795
|
+
disabled: k.disabled
|
|
796
796
|
}, {
|
|
797
|
-
default:
|
|
798
|
-
(
|
|
799
|
-
key:
|
|
800
|
-
value:
|
|
801
|
-
label:
|
|
802
|
-
icon:
|
|
803
|
-
disabled:
|
|
804
|
-
highlighted:
|
|
805
|
-
selected: l.value ===
|
|
806
|
-
onSelect:
|
|
797
|
+
default: x(() => [
|
|
798
|
+
(c(!0), m(P, null, ve(V(k.id), ($) => (c(), S(y(Ft), {
|
|
799
|
+
key: $[a.itemValue],
|
|
800
|
+
value: $[a.itemValue],
|
|
801
|
+
label: $[a.itemLabel],
|
|
802
|
+
icon: $.icon,
|
|
803
|
+
disabled: a.disabled || $.disabled,
|
|
804
|
+
highlighted: a.highlighted === $[a.itemValue],
|
|
805
|
+
selected: l.value === $[a.itemValue],
|
|
806
|
+
onSelect: h
|
|
807
807
|
}, null, 8, ["value", "label", "icon", "disabled", "highlighted", "selected"]))), 128))
|
|
808
808
|
]),
|
|
809
809
|
_: 2
|
|
@@ -813,15 +813,15 @@ const $t = /* @__PURE__ */ L({
|
|
|
813
813
|
}, 40, ["class", "tabindex"]));
|
|
814
814
|
}
|
|
815
815
|
});
|
|
816
|
-
let
|
|
817
|
-
function
|
|
818
|
-
return `uid-${++
|
|
816
|
+
let Bt = 0;
|
|
817
|
+
function ne() {
|
|
818
|
+
return `uid-${++Bt}`;
|
|
819
819
|
}
|
|
820
|
-
const
|
|
820
|
+
const Vt = ["id", "tabindex", "aria-label", "aria-selected"], Dt = { class: "q-list-item__check-container" }, Tt = {
|
|
821
821
|
check: {
|
|
822
822
|
icon: "check"
|
|
823
823
|
}
|
|
824
|
-
},
|
|
824
|
+
}, Et = /* @__PURE__ */ L({
|
|
825
825
|
__name: "QListItem",
|
|
826
826
|
props: {
|
|
827
827
|
value: { type: [String, Number, Boolean, Symbol] },
|
|
@@ -833,19 +833,19 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected", "onClick"], Vt = {
|
|
|
833
833
|
disabled: { type: Boolean }
|
|
834
834
|
},
|
|
835
835
|
emits: ["select"],
|
|
836
|
-
setup(
|
|
837
|
-
const
|
|
836
|
+
setup(t, { emit: n }) {
|
|
837
|
+
const o = n, e = t, a = ne();
|
|
838
838
|
function l() {
|
|
839
|
-
e.disabled ||
|
|
839
|
+
e.disabled || o("select", e.value);
|
|
840
840
|
}
|
|
841
|
-
function
|
|
842
|
-
|
|
841
|
+
function i(r) {
|
|
842
|
+
r.key === "Tab" && l(), (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), l());
|
|
843
843
|
}
|
|
844
|
-
return (
|
|
845
|
-
id:
|
|
844
|
+
return (r, f) => (c(), m("li", {
|
|
845
|
+
id: y(a),
|
|
846
846
|
role: "option",
|
|
847
847
|
tabindex: e.disabled ? void 0 : -2,
|
|
848
|
-
class:
|
|
848
|
+
class: K([
|
|
849
849
|
"q-list-item",
|
|
850
850
|
{
|
|
851
851
|
"q-list-item--disabled": e.disabled,
|
|
@@ -855,103 +855,103 @@ const Bt = ["id", "tabindex", "aria-label", "aria-selected", "onClick"], Vt = {
|
|
|
855
855
|
]),
|
|
856
856
|
"aria-label": e.label,
|
|
857
857
|
"aria-selected": e.disabled ? void 0 : e.selected,
|
|
858
|
-
onKeydown:
|
|
859
|
-
onClick:
|
|
858
|
+
onKeydown: i,
|
|
859
|
+
onClick: J(l, ["stop", "prevent"])
|
|
860
860
|
}, [
|
|
861
|
-
e.icon ? (
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
e.selected ? (
|
|
861
|
+
e.icon ? (c(), S(y(Y), ue(te({ key: 0 }, e.icon)), null, 16)) : q("", !0),
|
|
862
|
+
de(" " + N(e.label) + " ", 1),
|
|
863
|
+
U("div", Dt, [
|
|
864
|
+
e.selected ? (c(), S(y(Y), te({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : q("", !0)
|
|
865
865
|
])
|
|
866
|
-
], 42,
|
|
866
|
+
], 42, Vt));
|
|
867
867
|
}
|
|
868
|
-
}),
|
|
868
|
+
}), zt = ["aria-labelledby"], At = ["id"], Ct = /* @__PURE__ */ L({
|
|
869
869
|
__name: "QListItemGroup",
|
|
870
870
|
props: {
|
|
871
871
|
title: { default: "" },
|
|
872
872
|
disabled: { type: Boolean }
|
|
873
873
|
},
|
|
874
|
-
setup(
|
|
875
|
-
const
|
|
876
|
-
return (
|
|
874
|
+
setup(t) {
|
|
875
|
+
const n = t, o = ne();
|
|
876
|
+
return (e, a) => (c(), m("ul", {
|
|
877
877
|
class: "q-list-item-group",
|
|
878
878
|
role: "group",
|
|
879
|
-
"aria-labelledby":
|
|
879
|
+
"aria-labelledby": n.title ? y(o) : void 0
|
|
880
880
|
}, [
|
|
881
|
-
|
|
881
|
+
n.title ? (c(), m("li", {
|
|
882
882
|
key: 0,
|
|
883
|
-
id:
|
|
883
|
+
id: y(o),
|
|
884
884
|
class: "q-list-item-group__title",
|
|
885
885
|
role: "presentation"
|
|
886
|
-
},
|
|
887
|
-
|
|
888
|
-
], 8,
|
|
886
|
+
}, N(n.title), 9, At)) : q("", !0),
|
|
887
|
+
w(e.$slots, "default")
|
|
888
|
+
], 8, zt));
|
|
889
889
|
}
|
|
890
|
-
}),
|
|
891
|
-
function
|
|
892
|
-
const
|
|
893
|
-
let
|
|
894
|
-
|
|
895
|
-
const
|
|
896
|
-
switch (
|
|
890
|
+
}), Oe = B(Lt), Ft = B(Et), Qt = B(Ct);
|
|
891
|
+
function Rt(t, n, o = "right", e) {
|
|
892
|
+
const a = t.getBoundingClientRect(), l = a.x + window.scrollX, i = a.y + window.scrollY, r = n == null ? void 0 : n.getBoundingClientRect(), f = (r == null ? void 0 : r.width) ?? 0, u = (r == null ? void 0 : r.height) ?? 0;
|
|
893
|
+
let h = o;
|
|
894
|
+
r && !Me(a, r, h) && (h = Ot(a, r, h));
|
|
895
|
+
const g = { x: 0, y: 0, placement: h };
|
|
896
|
+
switch (h) {
|
|
897
897
|
case "top":
|
|
898
|
-
|
|
898
|
+
e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = i - u;
|
|
899
899
|
break;
|
|
900
900
|
case "bottom":
|
|
901
|
-
|
|
901
|
+
e === "anchor" ? g.x = l : g.x = l + (a.width - f) / 2, g.y = i + a.height;
|
|
902
902
|
break;
|
|
903
903
|
case "left":
|
|
904
|
-
|
|
904
|
+
g.x = l - f, g.y = i + a.height / 2 - u / 2;
|
|
905
905
|
break;
|
|
906
906
|
case "right":
|
|
907
|
-
|
|
907
|
+
g.x = l + a.width, g.y = i + a.height / 2 - u / 2;
|
|
908
908
|
break;
|
|
909
909
|
}
|
|
910
|
-
return
|
|
910
|
+
return e === "anchor" && a.width >= f && (g.width = a.width), g;
|
|
911
911
|
}
|
|
912
|
-
function
|
|
913
|
-
let
|
|
914
|
-
switch (
|
|
912
|
+
function Me(t, n, o) {
|
|
913
|
+
let e = !1, a = !1;
|
|
914
|
+
switch (o) {
|
|
915
915
|
case "top":
|
|
916
|
-
|
|
916
|
+
e = Le(t, n), a = t.top > n.height;
|
|
917
917
|
break;
|
|
918
918
|
case "bottom":
|
|
919
|
-
|
|
919
|
+
e = Le(t, n), a = window.innerHeight - t.top - t.height > n.height;
|
|
920
920
|
break;
|
|
921
921
|
case "left":
|
|
922
|
-
|
|
922
|
+
e = t.left > n.width, a = xe(t, n);
|
|
923
923
|
break;
|
|
924
924
|
case "right":
|
|
925
|
-
|
|
925
|
+
e = window.innerWidth - t.left - t.width > n.width, a = xe(t, n);
|
|
926
926
|
break;
|
|
927
927
|
}
|
|
928
|
-
return
|
|
928
|
+
return e && a;
|
|
929
929
|
}
|
|
930
|
-
function xe(
|
|
931
|
-
return window.innerHeight -
|
|
930
|
+
function xe(t, n) {
|
|
931
|
+
return window.innerHeight - t.top - t.height / 2 > n.height / 2 && t.top + t.height / 2 > n.height / 2;
|
|
932
932
|
}
|
|
933
|
-
function
|
|
934
|
-
return window.innerWidth -
|
|
933
|
+
function Le(t, n) {
|
|
934
|
+
return window.innerWidth - t.left - t.width / 2 > n.width / 2 && t.left + t.width / 2 > n.width / 2;
|
|
935
935
|
}
|
|
936
|
-
function
|
|
937
|
-
const
|
|
936
|
+
function Ot(t, n, o) {
|
|
937
|
+
const e = {
|
|
938
938
|
top: ["bottom", "left", "right"],
|
|
939
939
|
bottom: ["top", "left", "right"],
|
|
940
940
|
left: ["right", "top", "bottom"],
|
|
941
941
|
right: ["left", "top", "bottom"]
|
|
942
942
|
};
|
|
943
|
-
for (const
|
|
944
|
-
if (
|
|
945
|
-
return
|
|
946
|
-
return
|
|
943
|
+
for (const a of e[o])
|
|
944
|
+
if (Me(t, n, a))
|
|
945
|
+
return a;
|
|
946
|
+
return o;
|
|
947
947
|
}
|
|
948
|
-
function
|
|
949
|
-
return typeof
|
|
948
|
+
function re(t) {
|
|
949
|
+
return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
|
|
950
950
|
}
|
|
951
|
-
const
|
|
951
|
+
const Mt = {
|
|
952
952
|
key: 0,
|
|
953
953
|
class: "q-overlay__arrow"
|
|
954
|
-
},
|
|
954
|
+
}, Ut = /* @__PURE__ */ L({
|
|
955
955
|
inheritAttrs: !1,
|
|
956
956
|
__name: "QOverlay",
|
|
957
957
|
props: {
|
|
@@ -971,29 +971,29 @@ const Ot = {
|
|
|
971
971
|
width: { default: "auto" }
|
|
972
972
|
},
|
|
973
973
|
emits: ["enter", "leave"],
|
|
974
|
-
setup(
|
|
975
|
-
const
|
|
974
|
+
setup(t, { emit: n }) {
|
|
975
|
+
const o = n, e = t, a = b(() => [
|
|
976
976
|
"q-overlay",
|
|
977
977
|
`q-overlay--${l.placement}`,
|
|
978
978
|
{ "q-overlay--inverted": e.appearance === "inverted" },
|
|
979
979
|
...e.contentClasses
|
|
980
|
-
]), l =
|
|
980
|
+
]), l = Ke({
|
|
981
981
|
visible: e.modelValue,
|
|
982
982
|
animating: !1,
|
|
983
983
|
top: 0,
|
|
984
984
|
left: 0,
|
|
985
985
|
width: 0,
|
|
986
986
|
placement: e.placement
|
|
987
|
-
}),
|
|
988
|
-
|
|
987
|
+
}), i = b(() => l.visible && !e.disabled);
|
|
988
|
+
z(
|
|
989
989
|
() => e.modelValue,
|
|
990
990
|
() => l.visible = e.modelValue
|
|
991
|
-
),
|
|
991
|
+
), z(
|
|
992
992
|
() => l.visible,
|
|
993
993
|
() => l.animating = !0
|
|
994
994
|
);
|
|
995
|
-
const
|
|
996
|
-
let
|
|
995
|
+
const r = b(() => {
|
|
996
|
+
let v = 0, V = 0;
|
|
997
997
|
switch (l.placement) {
|
|
998
998
|
case "top":
|
|
999
999
|
V = -(e.offset || 0);
|
|
@@ -1002,305 +1002,307 @@ const Ot = {
|
|
|
1002
1002
|
V = e.offset || 0;
|
|
1003
1003
|
break;
|
|
1004
1004
|
case "left":
|
|
1005
|
-
|
|
1005
|
+
v = -(e.offset || 0);
|
|
1006
1006
|
break;
|
|
1007
1007
|
case "right":
|
|
1008
|
-
|
|
1008
|
+
v = e.offset || 0;
|
|
1009
1009
|
break;
|
|
1010
1010
|
}
|
|
1011
1011
|
const s = {
|
|
1012
1012
|
top: `${l.top + V}px`,
|
|
1013
|
-
left: `${l.left +
|
|
1013
|
+
left: `${l.left + v}px`
|
|
1014
1014
|
};
|
|
1015
1015
|
return l.width !== void 0 && ["top", "bottom"].includes(l.placement) && (s.width = `${l.width}px`), s;
|
|
1016
|
-
}),
|
|
1017
|
-
function
|
|
1018
|
-
const
|
|
1019
|
-
if (
|
|
1020
|
-
const V =
|
|
1016
|
+
}), f = I(null);
|
|
1017
|
+
function u() {
|
|
1018
|
+
const v = re(e.anchor);
|
|
1019
|
+
if (v) {
|
|
1020
|
+
const V = Rt(v, f.value, e.placement, e.width);
|
|
1021
1021
|
l.left = V.x, l.top = V.y, l.width = V.width, l.placement = V.placement;
|
|
1022
1022
|
}
|
|
1023
1023
|
}
|
|
1024
|
-
|
|
1025
|
-
let
|
|
1026
|
-
function
|
|
1027
|
-
const
|
|
1028
|
-
|
|
1024
|
+
z([() => i.value, () => e.placement], u);
|
|
1025
|
+
let h;
|
|
1026
|
+
function g() {
|
|
1027
|
+
const v = e.trigger === "hover" ? e.delay : 0;
|
|
1028
|
+
h || (h = window.setTimeout(() => l.visible = !0, v));
|
|
1029
1029
|
}
|
|
1030
|
-
function
|
|
1031
|
-
clearTimeout(
|
|
1030
|
+
function R() {
|
|
1031
|
+
clearTimeout(h), h = void 0, l.visible = !1;
|
|
1032
1032
|
}
|
|
1033
|
-
function
|
|
1034
|
-
|
|
1033
|
+
function A() {
|
|
1034
|
+
i.value ? R() : g();
|
|
1035
1035
|
}
|
|
1036
1036
|
let F;
|
|
1037
|
-
function
|
|
1038
|
-
|
|
1037
|
+
function E() {
|
|
1038
|
+
o("enter");
|
|
1039
1039
|
}
|
|
1040
|
-
function
|
|
1041
|
-
window.clearTimeout(F), F = window.setTimeout(() => l.animating = !1, 200),
|
|
1040
|
+
function O() {
|
|
1041
|
+
window.clearTimeout(F), F = window.setTimeout(() => l.animating = !1, 200), o("leave");
|
|
1042
1042
|
}
|
|
1043
|
-
let
|
|
1044
|
-
function
|
|
1045
|
-
|
|
1046
|
-
const
|
|
1047
|
-
if (
|
|
1043
|
+
let T;
|
|
1044
|
+
function X() {
|
|
1045
|
+
Z(() => {
|
|
1046
|
+
const v = re(e.anchor);
|
|
1047
|
+
if (v)
|
|
1048
1048
|
switch (e.trigger) {
|
|
1049
1049
|
case "click":
|
|
1050
|
-
|
|
1050
|
+
v.addEventListener("click", A);
|
|
1051
1051
|
break;
|
|
1052
1052
|
case "hover":
|
|
1053
|
-
|
|
1053
|
+
v.addEventListener("mouseenter", g), v.addEventListener("mouseleave", R);
|
|
1054
1054
|
break;
|
|
1055
1055
|
}
|
|
1056
1056
|
});
|
|
1057
1057
|
}
|
|
1058
|
-
function
|
|
1059
|
-
|
|
1060
|
-
const
|
|
1061
|
-
|
|
1058
|
+
function H() {
|
|
1059
|
+
Z(() => {
|
|
1060
|
+
const v = re(e.anchor);
|
|
1061
|
+
v && (window.addEventListener("scroll", u), window.addEventListener("resize", u), T = new MutationObserver(u), T.observe(v, {
|
|
1062
1062
|
attributes: !1,
|
|
1063
1063
|
childList: !0,
|
|
1064
1064
|
characterData: !0,
|
|
1065
1065
|
subtree: !0
|
|
1066
|
-
}),
|
|
1066
|
+
}), u());
|
|
1067
1067
|
});
|
|
1068
1068
|
}
|
|
1069
1069
|
function Q() {
|
|
1070
|
-
window.removeEventListener("scroll",
|
|
1071
|
-
}
|
|
1072
|
-
let z;
|
|
1073
|
-
function O() {
|
|
1074
|
-
ie(e.anchor) ? (d(), z = window.setTimeout(O, 100)) : k();
|
|
1070
|
+
window.removeEventListener("scroll", u), window.removeEventListener("resize", u), T == null || T.disconnect();
|
|
1075
1071
|
}
|
|
1076
|
-
|
|
1077
|
-
|
|
1072
|
+
let C;
|
|
1073
|
+
function M() {
|
|
1074
|
+
re(e.anchor) ? (u(), C = window.setTimeout(M, 100)) : R();
|
|
1078
1075
|
}
|
|
1079
1076
|
function W() {
|
|
1080
|
-
|
|
1077
|
+
H(), e.spy && M();
|
|
1078
|
+
}
|
|
1079
|
+
function G() {
|
|
1080
|
+
Q(), e.spy && (clearTimeout(C), C = void 0);
|
|
1081
1081
|
}
|
|
1082
|
-
return
|
|
1082
|
+
return We(G), Te(u), z(
|
|
1083
1083
|
() => e.disabled,
|
|
1084
|
-
(
|
|
1085
|
-
|
|
1084
|
+
(v) => {
|
|
1085
|
+
v || X();
|
|
1086
1086
|
},
|
|
1087
1087
|
{ immediate: !0 }
|
|
1088
|
-
),
|
|
1089
|
-
() =>
|
|
1090
|
-
(
|
|
1091
|
-
|
|
1088
|
+
), z(
|
|
1089
|
+
() => i.value,
|
|
1090
|
+
(v) => {
|
|
1091
|
+
v ? W() : G();
|
|
1092
1092
|
},
|
|
1093
1093
|
{ immediate: !0 }
|
|
1094
|
-
), (
|
|
1095
|
-
|
|
1096
|
-
|
|
1094
|
+
), (v, V) => (c(), m(P, null, [
|
|
1095
|
+
w(v.$slots, "trigger", { open: i.value }),
|
|
1096
|
+
i.value || l.animating ? (c(), S(Ge, {
|
|
1097
1097
|
key: 0,
|
|
1098
1098
|
disabled: !e.attach,
|
|
1099
1099
|
to: e.attach
|
|
1100
1100
|
}, [
|
|
1101
|
-
|
|
1101
|
+
ee(je, {
|
|
1102
1102
|
name: e.transition,
|
|
1103
1103
|
appear: "",
|
|
1104
|
-
onEnter:
|
|
1105
|
-
onLeave:
|
|
1104
|
+
onEnter: E,
|
|
1105
|
+
onLeave: O
|
|
1106
1106
|
}, {
|
|
1107
|
-
default:
|
|
1108
|
-
|
|
1107
|
+
default: x(() => [
|
|
1108
|
+
i.value ? (c(), m("div", {
|
|
1109
1109
|
key: 0,
|
|
1110
|
-
class:
|
|
1111
|
-
style:
|
|
1110
|
+
class: K(a.value),
|
|
1111
|
+
style: se(r.value)
|
|
1112
1112
|
}, [
|
|
1113
|
-
|
|
1114
|
-
class:
|
|
1113
|
+
U("div", {
|
|
1114
|
+
class: K(["q-overlay__content"]),
|
|
1115
1115
|
ref_key: "overlay",
|
|
1116
|
-
ref:
|
|
1116
|
+
ref: f
|
|
1117
1117
|
}, [
|
|
1118
|
-
e.arrow ? (
|
|
1119
|
-
|
|
1118
|
+
e.arrow ? (c(), m("div", Mt)) : q("", !0),
|
|
1119
|
+
w(v.$slots, "default")
|
|
1120
1120
|
], 512)
|
|
1121
|
-
], 6)) :
|
|
1121
|
+
], 6)) : q("", !0)
|
|
1122
1122
|
]),
|
|
1123
1123
|
_: 3
|
|
1124
1124
|
}, 8, ["name"])
|
|
1125
|
-
], 8, ["disabled", "to"])) :
|
|
1125
|
+
], 8, ["disabled", "to"])) : q("", !0)
|
|
1126
1126
|
], 64));
|
|
1127
1127
|
}
|
|
1128
|
-
}),
|
|
1128
|
+
}), fe = B(Ut), Nt = ["id"], Ht = {
|
|
1129
1129
|
key: 0,
|
|
1130
1130
|
class: "q-field__label"
|
|
1131
|
-
},
|
|
1131
|
+
}, Kt = ["for"], Wt = {
|
|
1132
1132
|
key: 0,
|
|
1133
1133
|
class: "q-field__prepend"
|
|
1134
|
-
},
|
|
1134
|
+
}, Gt = {
|
|
1135
1135
|
key: 1,
|
|
1136
1136
|
class: "q-field__append"
|
|
1137
|
-
},
|
|
1137
|
+
}, jt = {
|
|
1138
1138
|
key: 1,
|
|
1139
1139
|
class: "q-field__extras"
|
|
1140
|
-
},
|
|
1140
|
+
}, Xt = /* @__PURE__ */ L({
|
|
1141
1141
|
inheritAttrs: !1,
|
|
1142
1142
|
__name: "QField",
|
|
1143
1143
|
props: {
|
|
1144
|
-
id: { default: () =>
|
|
1144
|
+
id: { default: () => ne() },
|
|
1145
1145
|
label: { default: "" },
|
|
1146
1146
|
size: { default: "medium" },
|
|
1147
1147
|
readonly: { type: Boolean },
|
|
1148
1148
|
disabled: { type: Boolean },
|
|
1149
1149
|
required: { type: Boolean }
|
|
1150
1150
|
},
|
|
1151
|
-
setup(
|
|
1152
|
-
const
|
|
1153
|
-
return
|
|
1154
|
-
fieldRef:
|
|
1155
|
-
}), (
|
|
1156
|
-
id:
|
|
1157
|
-
class:
|
|
1151
|
+
setup(t, { expose: n }) {
|
|
1152
|
+
const o = t, e = I(null), a = b(() => o.required && !o.readonly && !o.disabled);
|
|
1153
|
+
return n({
|
|
1154
|
+
fieldRef: e
|
|
1155
|
+
}), (l, i) => (c(), m("div", {
|
|
1156
|
+
id: o.id,
|
|
1157
|
+
class: K([
|
|
1158
1158
|
"q-field",
|
|
1159
|
-
`q-field--${
|
|
1159
|
+
`q-field--${o.size}`,
|
|
1160
1160
|
{
|
|
1161
|
-
"q-field--readonly":
|
|
1162
|
-
"q-field--disabled":
|
|
1163
|
-
"q-field--required":
|
|
1161
|
+
"q-field--readonly": o.readonly,
|
|
1162
|
+
"q-field--disabled": o.disabled,
|
|
1163
|
+
"q-field--required": a.value
|
|
1164
1164
|
}
|
|
1165
1165
|
])
|
|
1166
1166
|
}, [
|
|
1167
|
-
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
for:
|
|
1171
|
-
},
|
|
1172
|
-
|
|
1173
|
-
])) :
|
|
1174
|
-
|
|
1175
|
-
|
|
1167
|
+
o.label ? (c(), m("div", Ht, [
|
|
1168
|
+
w(l.$slots, "label.prepend"),
|
|
1169
|
+
U("label", {
|
|
1170
|
+
for: o.id
|
|
1171
|
+
}, N(o.label), 9, Kt),
|
|
1172
|
+
w(l.$slots, "label.append")
|
|
1173
|
+
])) : q("", !0),
|
|
1174
|
+
w(l.$slots, "control", {}, () => [
|
|
1175
|
+
U("div", te({
|
|
1176
1176
|
class: "q-field__control",
|
|
1177
1177
|
ref_key: "fieldRef",
|
|
1178
|
-
ref:
|
|
1179
|
-
},
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
])) :
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
])) :
|
|
1178
|
+
ref: e
|
|
1179
|
+
}, l.$attrs), [
|
|
1180
|
+
l.$slots.prepend ? (c(), m("div", Wt, [
|
|
1181
|
+
w(l.$slots, "prepend")
|
|
1182
|
+
])) : q("", !0),
|
|
1183
|
+
w(l.$slots, "default"),
|
|
1184
|
+
l.$slots.append ? (c(), m("div", Gt, [
|
|
1185
|
+
w(l.$slots, "append")
|
|
1186
|
+
])) : q("", !0)
|
|
1187
1187
|
], 16)
|
|
1188
1188
|
]),
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
])) :
|
|
1192
|
-
], 10,
|
|
1189
|
+
l.$slots.extras ? (c(), m("div", jt, [
|
|
1190
|
+
w(l.$slots, "extras")
|
|
1191
|
+
])) : q("", !0)
|
|
1192
|
+
], 10, Nt));
|
|
1193
1193
|
}
|
|
1194
|
-
}),
|
|
1194
|
+
}), _e = B(Xt), Yt = ["role", "required", "placeholder", "readonly", "disabled", "maxlength"], Pt = /* @__PURE__ */ L({
|
|
1195
1195
|
__name: "QTextField",
|
|
1196
1196
|
props: {
|
|
1197
1197
|
modelValue: { default: "" },
|
|
1198
|
-
id: { default: () =>
|
|
1198
|
+
id: { default: () => ne() },
|
|
1199
1199
|
placeholder: { default: "" },
|
|
1200
1200
|
label: { default: "" },
|
|
1201
|
-
size: { default:
|
|
1201
|
+
size: { default: void 0 },
|
|
1202
1202
|
maxLength: { default: void 0 },
|
|
1203
1203
|
readonly: { type: Boolean },
|
|
1204
1204
|
disabled: { type: Boolean },
|
|
1205
|
-
required: { type: Boolean }
|
|
1205
|
+
required: { type: Boolean },
|
|
1206
|
+
role: { default: void 0 }
|
|
1206
1207
|
},
|
|
1207
1208
|
emits: ["update:modelValue"],
|
|
1208
|
-
setup(
|
|
1209
|
-
const o =
|
|
1209
|
+
setup(t, { expose: n, emit: o }) {
|
|
1210
|
+
const e = o, a = t, l = I(a.modelValue), i = I(null), r = I(null), f = b({
|
|
1210
1211
|
get() {
|
|
1211
1212
|
return l.value;
|
|
1212
1213
|
},
|
|
1213
|
-
set(
|
|
1214
|
-
l.value =
|
|
1214
|
+
set(u) {
|
|
1215
|
+
l.value = u, e("update:modelValue", u);
|
|
1215
1216
|
}
|
|
1216
1217
|
});
|
|
1217
|
-
return
|
|
1218
|
-
() =>
|
|
1219
|
-
(
|
|
1220
|
-
),
|
|
1221
|
-
fieldRef:
|
|
1222
|
-
var
|
|
1223
|
-
return (
|
|
1218
|
+
return z(
|
|
1219
|
+
() => a.modelValue,
|
|
1220
|
+
(u) => l.value = u
|
|
1221
|
+
), n({
|
|
1222
|
+
fieldRef: b(() => {
|
|
1223
|
+
var u;
|
|
1224
|
+
return (u = i.value) == null ? void 0 : u.fieldRef;
|
|
1224
1225
|
}),
|
|
1225
|
-
inputRef:
|
|
1226
|
-
}), (
|
|
1226
|
+
inputRef: r
|
|
1227
|
+
}), (u, h) => (c(), S(y(_e), {
|
|
1227
1228
|
ref_key: "fieldRef",
|
|
1228
|
-
ref:
|
|
1229
|
+
ref: i,
|
|
1229
1230
|
class: "q-text-field",
|
|
1230
|
-
id:
|
|
1231
|
-
label:
|
|
1232
|
-
size:
|
|
1233
|
-
readonly:
|
|
1234
|
-
disabled:
|
|
1235
|
-
required:
|
|
1236
|
-
},
|
|
1237
|
-
"label.prepend":
|
|
1238
|
-
|
|
1231
|
+
id: a.id,
|
|
1232
|
+
label: a.label,
|
|
1233
|
+
size: a.size,
|
|
1234
|
+
readonly: a.readonly,
|
|
1235
|
+
disabled: a.disabled,
|
|
1236
|
+
required: a.required
|
|
1237
|
+
}, Ee({
|
|
1238
|
+
"label.prepend": x(() => [
|
|
1239
|
+
w(u.$slots, "label.prepend")
|
|
1239
1240
|
]),
|
|
1240
|
-
"label.append":
|
|
1241
|
-
|
|
1241
|
+
"label.append": x(() => [
|
|
1242
|
+
w(u.$slots, "label.append")
|
|
1242
1243
|
]),
|
|
1243
|
-
default:
|
|
1244
|
-
|
|
1245
|
-
"onUpdate:modelValue":
|
|
1244
|
+
default: x(() => [
|
|
1245
|
+
Xe(U("input", {
|
|
1246
|
+
"onUpdate:modelValue": h[0] || (h[0] = (g) => f.value = g),
|
|
1246
1247
|
ref_key: "inputRef",
|
|
1247
|
-
ref:
|
|
1248
|
+
ref: r,
|
|
1248
1249
|
class: "q-text-field__input",
|
|
1249
1250
|
type: "text",
|
|
1250
|
-
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1251
|
+
role: a.role,
|
|
1252
|
+
required: a.required,
|
|
1253
|
+
placeholder: a.placeholder,
|
|
1254
|
+
readonly: a.readonly,
|
|
1255
|
+
disabled: a.disabled,
|
|
1256
|
+
maxlength: a.maxLength
|
|
1257
|
+
}, null, 8, Yt), [
|
|
1258
|
+
[Ye, f.value]
|
|
1257
1259
|
])
|
|
1258
1260
|
]),
|
|
1259
1261
|
_: 2
|
|
1260
1262
|
}, [
|
|
1261
|
-
|
|
1263
|
+
u.$slots.prepend ? {
|
|
1262
1264
|
name: "prepend",
|
|
1263
|
-
fn:
|
|
1264
|
-
|
|
1265
|
+
fn: x(() => [
|
|
1266
|
+
w(u.$slots, "prepend")
|
|
1265
1267
|
]),
|
|
1266
1268
|
key: "0"
|
|
1267
1269
|
} : void 0,
|
|
1268
|
-
|
|
1270
|
+
u.$slots.append ? {
|
|
1269
1271
|
name: "append",
|
|
1270
|
-
fn:
|
|
1271
|
-
|
|
1272
|
+
fn: x(() => [
|
|
1273
|
+
w(u.$slots, "append")
|
|
1272
1274
|
]),
|
|
1273
1275
|
key: "1"
|
|
1274
1276
|
} : void 0,
|
|
1275
|
-
|
|
1277
|
+
u.$slots.extras ? {
|
|
1276
1278
|
name: "extras",
|
|
1277
|
-
fn:
|
|
1278
|
-
|
|
1279
|
+
fn: x(() => [
|
|
1280
|
+
w(u.$slots, "extras")
|
|
1279
1281
|
]),
|
|
1280
1282
|
key: "2"
|
|
1281
1283
|
} : void 0
|
|
1282
1284
|
]), 1032, ["id", "label", "size", "readonly", "disabled", "required"]));
|
|
1283
1285
|
}
|
|
1284
|
-
}),
|
|
1285
|
-
function
|
|
1286
|
-
const
|
|
1287
|
-
return typeof
|
|
1286
|
+
}), Zt = B(Pt);
|
|
1287
|
+
function Ue() {
|
|
1288
|
+
const t = Pe(), n = {};
|
|
1289
|
+
return typeof t.class == "string" ? n.class = t.class.split(" ") : Array.isArray(t.class) ? n.class = t.class : n.class = [], n;
|
|
1288
1290
|
}
|
|
1289
|
-
const
|
|
1291
|
+
const Jt = {
|
|
1290
1292
|
key: 2,
|
|
1291
1293
|
class: "q-select__loader"
|
|
1292
|
-
}, Jt = {
|
|
1293
|
-
noData: "No data available"
|
|
1294
1294
|
}, en = {
|
|
1295
|
+
noData: "No data available"
|
|
1296
|
+
}, tn = {
|
|
1295
1297
|
clear: {
|
|
1296
1298
|
icon: "close"
|
|
1297
1299
|
}
|
|
1298
|
-
},
|
|
1300
|
+
}, nn = /* @__PURE__ */ L({
|
|
1299
1301
|
inheritAttrs: !1,
|
|
1300
1302
|
__name: "QCombobox",
|
|
1301
1303
|
props: {
|
|
1302
1304
|
modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
1303
|
-
id: { default: () =>
|
|
1305
|
+
id: { default: () => ne() },
|
|
1304
1306
|
selectionMode: { default: "automatic" },
|
|
1305
1307
|
filterMode: { default: "builtin" },
|
|
1306
1308
|
label: { default: "" },
|
|
@@ -1313,279 +1315,285 @@ const Zt = {
|
|
|
1313
1315
|
groups: { default: () => [] },
|
|
1314
1316
|
itemValue: { default: "key" },
|
|
1315
1317
|
itemLabel: { default: "label" },
|
|
1316
|
-
size: { default:
|
|
1317
|
-
texts: { default: () =>
|
|
1318
|
-
icons: { default: () =>
|
|
1318
|
+
size: { default: void 0 },
|
|
1319
|
+
texts: { default: () => en },
|
|
1320
|
+
icons: { default: () => tn }
|
|
1319
1321
|
},
|
|
1320
1322
|
emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
|
|
1321
|
-
setup(
|
|
1322
|
-
const
|
|
1323
|
+
setup(t, { emit: n }) {
|
|
1324
|
+
const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(void 0), u = I(null), h = I(null), g = I(null);
|
|
1323
1325
|
Te(Q);
|
|
1324
|
-
const
|
|
1326
|
+
const R = b(
|
|
1325
1327
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
1326
|
-
),
|
|
1327
|
-
var
|
|
1328
|
-
return e.filterMode === "manual" || !
|
|
1329
|
-
(
|
|
1328
|
+
), A = b(() => {
|
|
1329
|
+
var d;
|
|
1330
|
+
return e.filterMode === "manual" || !T.value ? e.items : (d = e.items) == null ? void 0 : d.filter(
|
|
1331
|
+
(_) => _[e.itemLabel].toLowerCase().startsWith(r.value.toLowerCase())
|
|
1330
1332
|
);
|
|
1331
|
-
}), F =
|
|
1332
|
-
var
|
|
1333
|
-
return (
|
|
1334
|
-
}),
|
|
1335
|
-
const
|
|
1336
|
-
if (
|
|
1337
|
-
return
|
|
1338
|
-
}),
|
|
1339
|
-
var
|
|
1340
|
-
if (
|
|
1333
|
+
}), F = b(() => {
|
|
1334
|
+
var d;
|
|
1335
|
+
return (d = e.items) == null ? void 0 : d.find((_) => _[e.itemValue] === l.value);
|
|
1336
|
+
}), E = b(() => {
|
|
1337
|
+
const d = f.value;
|
|
1338
|
+
if (d !== void 0 && A.value[d])
|
|
1339
|
+
return A.value[d];
|
|
1340
|
+
}), O = b(() => {
|
|
1341
|
+
var _;
|
|
1342
|
+
if (f.value === void 0)
|
|
1341
1343
|
return;
|
|
1342
|
-
const
|
|
1343
|
-
return
|
|
1344
|
-
}),
|
|
1345
|
-
var
|
|
1346
|
-
return
|
|
1344
|
+
const d = (_ = h.value) == null ? void 0 : _.getItem(f.value);
|
|
1345
|
+
return d == null ? void 0 : d.id;
|
|
1346
|
+
}), T = b(() => {
|
|
1347
|
+
var d;
|
|
1348
|
+
return r.value.length > 0 && r.value !== ((d = F.value) == null ? void 0 : d[e.itemLabel]);
|
|
1347
1349
|
});
|
|
1348
|
-
function
|
|
1349
|
-
l.value =
|
|
1350
|
+
function X(d) {
|
|
1351
|
+
l.value = d, Q(), o("update:modelValue", d);
|
|
1350
1352
|
}
|
|
1351
|
-
function
|
|
1352
|
-
|
|
1353
|
+
function H(d) {
|
|
1354
|
+
X(d), M();
|
|
1353
1355
|
}
|
|
1354
1356
|
function Q() {
|
|
1355
|
-
var
|
|
1356
|
-
|
|
1357
|
-
}
|
|
1358
|
-
function z() {
|
|
1359
|
-
a.value || e.readonly || e.disabled || (t("before-show"), a.value = !0);
|
|
1357
|
+
var d;
|
|
1358
|
+
r.value = ((d = F.value) == null ? void 0 : d[e.itemLabel]) || "";
|
|
1360
1359
|
}
|
|
1361
|
-
function
|
|
1362
|
-
|
|
1360
|
+
function C() {
|
|
1361
|
+
i.value || e.readonly || e.disabled || (o("before-show"), i.value = !0);
|
|
1363
1362
|
}
|
|
1364
|
-
function
|
|
1365
|
-
|
|
1363
|
+
function M() {
|
|
1364
|
+
i.value && (o("before-hide"), i.value = !1, f.value = void 0);
|
|
1366
1365
|
}
|
|
1367
1366
|
function W() {
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1367
|
+
X(void 0), f.value = void 0;
|
|
1368
|
+
}
|
|
1369
|
+
function G() {
|
|
1370
|
+
if (C(), F.value !== void 0) {
|
|
1371
|
+
const d = A.value.indexOf(F.value);
|
|
1372
|
+
d !== -1 && Z(() => ke(d));
|
|
1371
1373
|
}
|
|
1372
1374
|
}
|
|
1373
|
-
function
|
|
1374
|
-
var
|
|
1375
|
-
if (!(!
|
|
1376
|
-
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(
|
|
1377
|
-
|
|
1378
|
-
else if (["ArrowDown", "ArrowUp"].includes(
|
|
1379
|
-
|
|
1380
|
-
if (
|
|
1375
|
+
function v(d) {
|
|
1376
|
+
var _, D;
|
|
1377
|
+
if (!(!d.key || e.readonly || e.disabled))
|
|
1378
|
+
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(d.key) && (d.preventDefault(), d.stopPropagation()), d.key === "Escape")
|
|
1379
|
+
i.value ? M() : W();
|
|
1380
|
+
else if (["ArrowDown", "ArrowUp"].includes(d.key))
|
|
1381
|
+
i.value ? Z(() => {
|
|
1382
|
+
if (f.value === void 0)
|
|
1381
1383
|
V();
|
|
1382
1384
|
else {
|
|
1383
|
-
const
|
|
1384
|
-
f
|
|
1385
|
+
const j = d.key === "ArrowDown" ? "next" : "prev";
|
|
1386
|
+
p(f.value, j);
|
|
1385
1387
|
}
|
|
1386
|
-
}) : (
|
|
1387
|
-
|
|
1388
|
+
}) : (C(), Z(() => {
|
|
1389
|
+
d.key === "ArrowDown" ? V() : s();
|
|
1388
1390
|
}));
|
|
1389
|
-
else if (
|
|
1390
|
-
if (
|
|
1391
|
+
else if (d.key === "Enter") {
|
|
1392
|
+
if (E.value === void 0)
|
|
1391
1393
|
return;
|
|
1392
|
-
|
|
1394
|
+
H(E.value[e.itemValue]);
|
|
1393
1395
|
} else
|
|
1394
|
-
|
|
1396
|
+
d.key === "Home" ? f.value = (_ = h.value) == null ? void 0 : _.getFirstFocusableItemIndex() : d.key === "End" ? f.value = (D = h.value) == null ? void 0 : D.getLastFocusableItemIndex() : (/^[a-z]$/i.test(d.key) || d.key === "Backspace") && C();
|
|
1395
1397
|
}
|
|
1396
1398
|
function V() {
|
|
1397
|
-
var
|
|
1399
|
+
var d, _;
|
|
1398
1400
|
if (l.value !== void 0) {
|
|
1399
|
-
const
|
|
1400
|
-
(
|
|
1401
|
+
const D = A.value.findIndex(
|
|
1402
|
+
(j) => j[e.itemValue] === l.value
|
|
1401
1403
|
);
|
|
1402
|
-
|
|
1404
|
+
D === -1 ? f.value = (d = h.value) == null ? void 0 : d.getFirstFocusableItemIndex() : f.value = D;
|
|
1403
1405
|
} else
|
|
1404
|
-
|
|
1406
|
+
f.value = (_ = h.value) == null ? void 0 : _.getFirstFocusableItemIndex();
|
|
1405
1407
|
}
|
|
1406
1408
|
function s() {
|
|
1407
|
-
var
|
|
1408
|
-
|
|
1409
|
-
}
|
|
1410
|
-
function f(r, b) {
|
|
1411
|
-
var T;
|
|
1412
|
-
c.value = (T = p.value) == null ? void 0 : T.getAdjacentItemIndex(r, b);
|
|
1409
|
+
var d;
|
|
1410
|
+
f.value = (d = h.value) == null ? void 0 : d.getLastFocusableItemIndex();
|
|
1413
1411
|
}
|
|
1414
|
-
function
|
|
1415
|
-
var
|
|
1416
|
-
|
|
1412
|
+
function p(d, _) {
|
|
1413
|
+
var D;
|
|
1414
|
+
f.value = (D = h.value) == null ? void 0 : D.getAdjacentItemIndex(d, _);
|
|
1417
1415
|
}
|
|
1418
|
-
function
|
|
1419
|
-
var
|
|
1420
|
-
(
|
|
1416
|
+
function k(d) {
|
|
1417
|
+
var _, D, j;
|
|
1418
|
+
!((_ = g.value) != null && _.contains(d.relatedTarget)) && !((j = (D = u.value) == null ? void 0 : D.fieldRef) != null && j.contains(d.relatedTarget)) && (M(), Q());
|
|
1421
1419
|
}
|
|
1422
|
-
function
|
|
1423
|
-
|
|
1420
|
+
function $() {
|
|
1421
|
+
var d, _;
|
|
1422
|
+
(_ = (d = u.value) == null ? void 0 : d.inputRef) == null || _.focus();
|
|
1424
1423
|
}
|
|
1425
1424
|
function oe() {
|
|
1426
|
-
|
|
1425
|
+
o("show");
|
|
1427
1426
|
}
|
|
1428
|
-
function
|
|
1429
|
-
|
|
1430
|
-
const b = (T = p.value) == null ? void 0 : T.getItem(r);
|
|
1431
|
-
b == null || b.scrollIntoView({ block: "nearest", inline: "start" });
|
|
1427
|
+
function le() {
|
|
1428
|
+
o("hide");
|
|
1432
1429
|
}
|
|
1433
|
-
|
|
1430
|
+
function ke(d) {
|
|
1431
|
+
var D;
|
|
1432
|
+
const _ = (D = h.value) == null ? void 0 : D.getItem(d);
|
|
1433
|
+
_ == null || _.scrollIntoView({ block: "nearest", inline: "start" });
|
|
1434
|
+
}
|
|
1435
|
+
return z(
|
|
1434
1436
|
() => e.modelValue,
|
|
1435
|
-
(
|
|
1436
|
-
l.value =
|
|
1437
|
+
(d) => {
|
|
1438
|
+
l.value = d;
|
|
1437
1439
|
}
|
|
1438
|
-
),
|
|
1439
|
-
|
|
1440
|
-
}),
|
|
1441
|
-
!
|
|
1442
|
-
}), (
|
|
1443
|
-
var
|
|
1444
|
-
return
|
|
1445
|
-
|
|
1446
|
-
modelValue:
|
|
1447
|
-
"onUpdate:modelValue":
|
|
1440
|
+
), z(f, (d) => {
|
|
1441
|
+
d !== void 0 && ke(d);
|
|
1442
|
+
}), z(r, (d) => {
|
|
1443
|
+
!d && R.value ? W() : i.value && e.selectionMode === "automatic" && Z(V);
|
|
1444
|
+
}), (d, _) => {
|
|
1445
|
+
var D, j;
|
|
1446
|
+
return c(), m(P, null, [
|
|
1447
|
+
ee(y(Zt), {
|
|
1448
|
+
modelValue: r.value,
|
|
1449
|
+
"onUpdate:modelValue": _[0] || (_[0] = (ie) => r.value = ie),
|
|
1448
1450
|
id: e.id,
|
|
1449
1451
|
label: e.label,
|
|
1450
1452
|
required: e.required,
|
|
1451
1453
|
ref_key: "triggerEl",
|
|
1452
|
-
ref:
|
|
1454
|
+
ref: u,
|
|
1453
1455
|
role: "combobox",
|
|
1454
|
-
class:
|
|
1456
|
+
class: K(["q-combobox", ...y(a).class]),
|
|
1455
1457
|
readonly: e.readonly,
|
|
1456
1458
|
disabled: e.disabled,
|
|
1457
|
-
"aria-expanded":
|
|
1459
|
+
"aria-expanded": i.value,
|
|
1458
1460
|
"aria-haspopup": "listbox",
|
|
1459
1461
|
"aria-autocomplete": "list",
|
|
1460
|
-
"aria-activedescendant":
|
|
1462
|
+
"aria-activedescendant": O.value,
|
|
1461
1463
|
size: e.size,
|
|
1462
|
-
onClick:
|
|
1463
|
-
onFocusout:
|
|
1464
|
-
onKeydown:
|
|
1464
|
+
onClick: G,
|
|
1465
|
+
onFocusout: k,
|
|
1466
|
+
onKeydown: J(v, ["stop"])
|
|
1465
1467
|
}, {
|
|
1466
|
-
append:
|
|
1467
|
-
|
|
1468
|
+
append: x(() => [
|
|
1469
|
+
R.value && r.value ? (c(), S(y(Y), te({ key: 0 }, e.icons.clear, {
|
|
1468
1470
|
class: "q-combobox__clear",
|
|
1469
|
-
onClick:
|
|
1470
|
-
}), null, 16
|
|
1471
|
+
onClick: J(W, ["stop", "prevent"])
|
|
1472
|
+
}), null, 16)) : q("", !0)
|
|
1471
1473
|
]),
|
|
1472
1474
|
_: 1
|
|
1473
|
-
}, 8, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"
|
|
1474
|
-
(
|
|
1475
|
+
}, 8, ["modelValue", "id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
|
|
1476
|
+
(D = u.value) != null && D.fieldRef ? (c(), S(y(fe), {
|
|
1475
1477
|
key: 0,
|
|
1476
|
-
"model-value":
|
|
1478
|
+
"model-value": i.value,
|
|
1477
1479
|
spy: "",
|
|
1478
1480
|
trigger: "manual",
|
|
1479
1481
|
placement: "bottom",
|
|
1480
1482
|
width: "anchor",
|
|
1481
1483
|
offset: 4,
|
|
1482
|
-
anchor: (
|
|
1483
|
-
onEnter:
|
|
1484
|
-
onLeave:
|
|
1484
|
+
anchor: (j = u.value) == null ? void 0 : j.fieldRef,
|
|
1485
|
+
onEnter: oe,
|
|
1486
|
+
onLeave: le
|
|
1485
1487
|
}, {
|
|
1486
|
-
default:
|
|
1487
|
-
var
|
|
1488
|
+
default: x(() => {
|
|
1489
|
+
var ie;
|
|
1488
1490
|
return [
|
|
1489
|
-
|
|
1491
|
+
U("div", {
|
|
1490
1492
|
ref_key: "contentRef",
|
|
1491
|
-
ref:
|
|
1493
|
+
ref: g,
|
|
1492
1494
|
class: "q-select__body",
|
|
1493
|
-
onFocusout:
|
|
1495
|
+
onFocusout: k
|
|
1494
1496
|
}, [
|
|
1495
|
-
|
|
1496
|
-
e.loading ? (
|
|
1497
|
+
w(d.$slots, "body.prepend"),
|
|
1498
|
+
e.loading ? (c(), S(y(ge), {
|
|
1497
1499
|
key: 0,
|
|
1498
1500
|
class: "q-select__loader",
|
|
1499
1501
|
size: 24
|
|
1500
|
-
})) :
|
|
1502
|
+
})) : A.value.length ? (c(), S(y(Oe), {
|
|
1501
1503
|
key: 1,
|
|
1502
1504
|
ref_key: "listRef",
|
|
1503
|
-
ref:
|
|
1505
|
+
ref: h,
|
|
1504
1506
|
class: "q-select__items",
|
|
1505
1507
|
modelValue: l.value,
|
|
1506
1508
|
"onUpdate:modelValue": [
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
+
_[1] || (_[1] = (Ne) => l.value = Ne),
|
|
1510
|
+
H
|
|
1509
1511
|
],
|
|
1510
|
-
highlighted: (
|
|
1511
|
-
items:
|
|
1512
|
-
groups:
|
|
1512
|
+
highlighted: (ie = E.value) == null ? void 0 : ie[e.itemValue],
|
|
1513
|
+
items: A.value,
|
|
1514
|
+
groups: d.groups,
|
|
1513
1515
|
"item-label": e.itemLabel,
|
|
1514
1516
|
"item-value": e.itemValue,
|
|
1515
|
-
onMouseup:
|
|
1516
|
-
}, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (
|
|
1517
|
-
|
|
1517
|
+
onMouseup: $
|
|
1518
|
+
}, null, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), m("div", Jt, N(d.texts.noData), 1)),
|
|
1519
|
+
w(d.$slots, "body.append")
|
|
1518
1520
|
], 544)
|
|
1519
1521
|
];
|
|
1520
1522
|
}),
|
|
1521
1523
|
_: 3
|
|
1522
|
-
}, 8, ["model-value", "anchor"])) :
|
|
1524
|
+
}, 8, ["model-value", "anchor"])) : q("", !0)
|
|
1523
1525
|
], 64);
|
|
1524
1526
|
};
|
|
1525
1527
|
}
|
|
1526
|
-
}),
|
|
1528
|
+
}), Dn = B(nn), on = {
|
|
1527
1529
|
key: 0,
|
|
1528
1530
|
class: "q-input-group__prepend"
|
|
1529
|
-
},
|
|
1531
|
+
}, ln = { key: 0 }, an = {
|
|
1530
1532
|
key: 1,
|
|
1531
1533
|
class: "q-input-group__append"
|
|
1532
|
-
},
|
|
1534
|
+
}, sn = { key: 0 }, rn = /* @__PURE__ */ L({
|
|
1533
1535
|
inheritAttrs: !1,
|
|
1534
1536
|
__name: "QInputGroup",
|
|
1535
1537
|
props: {
|
|
1536
|
-
id: { default: () =>
|
|
1538
|
+
id: { default: () => ne() },
|
|
1537
1539
|
label: { default: "" },
|
|
1538
1540
|
readonly: { type: Boolean },
|
|
1539
1541
|
disabled: { type: Boolean },
|
|
1540
1542
|
required: { type: Boolean },
|
|
1541
1543
|
prependIcon: { default: void 0 },
|
|
1542
|
-
appendIcon: { default: void 0 }
|
|
1544
|
+
appendIcon: { default: void 0 },
|
|
1545
|
+
size: { default: "fit-content" }
|
|
1543
1546
|
},
|
|
1544
|
-
setup(
|
|
1545
|
-
const t = n;
|
|
1546
|
-
return (
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1547
|
+
setup(t) {
|
|
1548
|
+
const n = t, o = b(() => n.size === "block" ? "block" : void 0);
|
|
1549
|
+
return Ae({
|
|
1550
|
+
QField: {
|
|
1551
|
+
size: o
|
|
1552
|
+
}
|
|
1553
|
+
}), (e, a) => (c(), S(y(_e), {
|
|
1554
|
+
id: n.id,
|
|
1555
|
+
label: n.label,
|
|
1556
|
+
readonly: n.readonly,
|
|
1557
|
+
disabled: n.disabled,
|
|
1558
|
+
required: n.required,
|
|
1559
|
+
size: n.size
|
|
1552
1560
|
}, {
|
|
1553
|
-
control:
|
|
1554
|
-
|
|
1555
|
-
e.$slots.prepend ||
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
])) :
|
|
1559
|
-
|
|
1560
|
-
])) :
|
|
1561
|
-
|
|
1562
|
-
e.$slots.append ||
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
])) :
|
|
1566
|
-
|
|
1567
|
-
])) :
|
|
1561
|
+
control: x(() => [
|
|
1562
|
+
U("div", te({ class: "q-input-group" }, e.$attrs), [
|
|
1563
|
+
e.$slots.prepend || n.prependIcon ? (c(), m("div", on, [
|
|
1564
|
+
n.prependIcon ? (c(), m("span", ln, [
|
|
1565
|
+
ee(y(Y), ue(he(n.prependIcon)), null, 16)
|
|
1566
|
+
])) : q("", !0),
|
|
1567
|
+
w(e.$slots, "prepend")
|
|
1568
|
+
])) : q("", !0),
|
|
1569
|
+
w(e.$slots, "default"),
|
|
1570
|
+
e.$slots.append || n.appendIcon ? (c(), m("div", an, [
|
|
1571
|
+
n.appendIcon ? (c(), m("span", sn, [
|
|
1572
|
+
ee(y(Y), ue(he(n.appendIcon)), null, 16)
|
|
1573
|
+
])) : q("", !0),
|
|
1574
|
+
w(e.$slots, "append")
|
|
1575
|
+
])) : q("", !0)
|
|
1568
1576
|
], 16)
|
|
1569
1577
|
]),
|
|
1570
1578
|
_: 3
|
|
1571
|
-
}, 8, ["id", "label", "readonly", "disabled", "required"]));
|
|
1579
|
+
}, 8, ["id", "label", "readonly", "disabled", "required", "size"]));
|
|
1572
1580
|
}
|
|
1573
|
-
}),
|
|
1574
|
-
const
|
|
1575
|
-
for (const [
|
|
1576
|
-
e
|
|
1577
|
-
return
|
|
1578
|
-
},
|
|
1579
|
-
function
|
|
1580
|
-
return
|
|
1581
|
+
}), Tn = B(rn), dn = (t, n) => {
|
|
1582
|
+
const o = t.__vccOpts || t;
|
|
1583
|
+
for (const [e, a] of n)
|
|
1584
|
+
o[e] = a;
|
|
1585
|
+
return o;
|
|
1586
|
+
}, un = {}, cn = { class: "q-line-loader" };
|
|
1587
|
+
function fn(t, n) {
|
|
1588
|
+
return c(), m("div", cn);
|
|
1581
1589
|
}
|
|
1582
|
-
const
|
|
1590
|
+
const pn = /* @__PURE__ */ dn(un, [["render", fn]]), En = B(pn), mn = {
|
|
1583
1591
|
key: 0,
|
|
1584
1592
|
class: "q-popover__header"
|
|
1585
|
-
},
|
|
1593
|
+
}, vn = {
|
|
1586
1594
|
key: 1,
|
|
1587
1595
|
class: "q-popover__body"
|
|
1588
|
-
}, hn = ["innerHTML"],
|
|
1596
|
+
}, hn = ["innerHTML"], yn = { key: 1 }, bn = /* @__PURE__ */ L({
|
|
1589
1597
|
inheritAttrs: !1,
|
|
1590
1598
|
__name: "QPopover",
|
|
1591
1599
|
props: {
|
|
@@ -1600,42 +1608,42 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
|
|
|
1600
1608
|
text: {},
|
|
1601
1609
|
title: {}
|
|
1602
1610
|
},
|
|
1603
|
-
setup(
|
|
1604
|
-
const
|
|
1605
|
-
return (
|
|
1606
|
-
"model-value":
|
|
1611
|
+
setup(t) {
|
|
1612
|
+
const n = t;
|
|
1613
|
+
return (o, e) => (c(), S(y(fe), {
|
|
1614
|
+
"model-value": n.modelValue,
|
|
1607
1615
|
trigger: "click",
|
|
1608
|
-
anchor:
|
|
1609
|
-
arrow:
|
|
1610
|
-
attach:
|
|
1616
|
+
anchor: n.anchor,
|
|
1617
|
+
arrow: n.arrow,
|
|
1618
|
+
attach: n.attach,
|
|
1611
1619
|
"content-classes": ["q-popover"],
|
|
1612
|
-
disabled:
|
|
1613
|
-
placement:
|
|
1614
|
-
spy:
|
|
1620
|
+
disabled: n.disabled,
|
|
1621
|
+
placement: n.placement,
|
|
1622
|
+
spy: n.spy
|
|
1615
1623
|
}, {
|
|
1616
|
-
default:
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
])) :
|
|
1621
|
-
|
|
1622
|
-
|
|
1624
|
+
default: x(() => [
|
|
1625
|
+
n.title || o.$slots.header ? (c(), m("h3", mn, [
|
|
1626
|
+
de(N(n.title) + " ", 1),
|
|
1627
|
+
w(o.$slots, "header")
|
|
1628
|
+
])) : q("", !0),
|
|
1629
|
+
n.text || o.$slots.body ? (c(), m("div", vn, [
|
|
1630
|
+
n.html ? (c(), m("span", {
|
|
1623
1631
|
key: 0,
|
|
1624
|
-
innerHTML:
|
|
1625
|
-
}, null, 8, hn)) : (
|
|
1626
|
-
|
|
1627
|
-
])) :
|
|
1632
|
+
innerHTML: n.text
|
|
1633
|
+
}, null, 8, hn)) : (c(), m("span", yn, N(n.text), 1)),
|
|
1634
|
+
w(o.$slots, "body")
|
|
1635
|
+
])) : q("", !0)
|
|
1628
1636
|
]),
|
|
1629
1637
|
_: 3
|
|
1630
1638
|
}, 8, ["model-value", "anchor", "arrow", "attach", "disabled", "placement", "spy"]));
|
|
1631
1639
|
}
|
|
1632
|
-
}),
|
|
1640
|
+
}), zn = B(bn), gn = {
|
|
1633
1641
|
key: 0,
|
|
1634
1642
|
class: "q-select__value"
|
|
1635
|
-
},
|
|
1643
|
+
}, _n = {
|
|
1636
1644
|
key: 1,
|
|
1637
1645
|
class: "q-select__placeholder"
|
|
1638
|
-
},
|
|
1646
|
+
}, kn = {
|
|
1639
1647
|
placeholder: "Choose..."
|
|
1640
1648
|
}, wn = {
|
|
1641
1649
|
chevron: {
|
|
@@ -1649,7 +1657,7 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
|
|
|
1649
1657
|
__name: "QSelect",
|
|
1650
1658
|
props: {
|
|
1651
1659
|
modelValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
1652
|
-
id: { default: () =>
|
|
1660
|
+
id: { default: () => ne() },
|
|
1653
1661
|
label: { default: "" },
|
|
1654
1662
|
clearable: { type: Boolean },
|
|
1655
1663
|
readonly: { type: Boolean },
|
|
@@ -1661,170 +1669,170 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
|
|
|
1661
1669
|
groups: { default: () => [] },
|
|
1662
1670
|
itemValue: { default: "key" },
|
|
1663
1671
|
itemLabel: { default: "label" },
|
|
1664
|
-
size: { default:
|
|
1672
|
+
size: { default: void 0 },
|
|
1665
1673
|
texts: { default: () => kn }
|
|
1666
1674
|
},
|
|
1667
1675
|
emits: ["update:modelValue", "before-show", "before-hide", "show", "hide"],
|
|
1668
|
-
setup(
|
|
1669
|
-
const
|
|
1676
|
+
setup(t, { emit: n }) {
|
|
1677
|
+
const o = n, e = t, a = Ue(), l = I(e.modelValue), i = I(!1), r = I(""), f = I(null), u = I(null), h = I(null), g = b(
|
|
1670
1678
|
() => {
|
|
1671
1679
|
var s;
|
|
1672
|
-
return (s = e.items) == null ? void 0 : s.find((
|
|
1680
|
+
return (s = e.items) == null ? void 0 : s.find((p) => p[e.itemValue] === l.value);
|
|
1673
1681
|
}
|
|
1674
|
-
),
|
|
1675
|
-
() =>
|
|
1676
|
-
),
|
|
1682
|
+
), R = b(
|
|
1683
|
+
() => g.value ? g.value[e.itemLabel] : ""
|
|
1684
|
+
), A = b(
|
|
1677
1685
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
1678
1686
|
);
|
|
1679
1687
|
function F(s) {
|
|
1680
|
-
l.value = s,
|
|
1688
|
+
l.value = s, o("update:modelValue", s), H();
|
|
1681
1689
|
}
|
|
1682
|
-
function
|
|
1683
|
-
|
|
1690
|
+
function E() {
|
|
1691
|
+
A.value && F(void 0);
|
|
1684
1692
|
}
|
|
1685
|
-
function
|
|
1686
|
-
e.readonly || e.disabled || (
|
|
1693
|
+
function O() {
|
|
1694
|
+
e.readonly || e.disabled || (i.value ? H() : X());
|
|
1687
1695
|
}
|
|
1688
|
-
function
|
|
1689
|
-
var
|
|
1690
|
-
!((
|
|
1696
|
+
function T(s) {
|
|
1697
|
+
var p, k, $;
|
|
1698
|
+
!((p = h.value) != null && p.contains(s.relatedTarget)) && !(($ = (k = f.value) == null ? void 0 : k.fieldRef) != null && $.contains(s.relatedTarget)) && H();
|
|
1691
1699
|
}
|
|
1692
|
-
function
|
|
1693
|
-
|
|
1700
|
+
function X() {
|
|
1701
|
+
i.value || (o("before-show"), i.value = !0);
|
|
1694
1702
|
}
|
|
1695
|
-
function
|
|
1696
|
-
|
|
1703
|
+
function H() {
|
|
1704
|
+
i.value && (o("before-hide"), i.value = !1);
|
|
1697
1705
|
}
|
|
1698
1706
|
let Q;
|
|
1699
|
-
function
|
|
1707
|
+
function C(s) {
|
|
1700
1708
|
if (!(!s.key || e.readonly || e.disabled)) {
|
|
1701
|
-
if (window.clearTimeout(Q), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (
|
|
1702
|
-
|
|
1703
|
-
for (let
|
|
1704
|
-
if (e.items[
|
|
1705
|
-
V(
|
|
1709
|
+
if (window.clearTimeout(Q), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(s.key) && (s.preventDefault(), s.stopPropagation()), ["Enter", " "].includes(s.key) && (i.value = !0), ["Escape", "Tab"].includes(s.key) && (i.value ? i.value = !1 : e.clearable && s.key === "Escape" && E()), s.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(s.key)) {
|
|
1710
|
+
r.value += s.key.toLowerCase();
|
|
1711
|
+
for (let p = 0; p < e.items.length; p++)
|
|
1712
|
+
if (e.items[p][e.itemLabel].toLowerCase().startsWith(r.value)) {
|
|
1713
|
+
V(p);
|
|
1706
1714
|
break;
|
|
1707
1715
|
}
|
|
1708
1716
|
}
|
|
1709
1717
|
Q = window.setTimeout(function() {
|
|
1710
|
-
|
|
1718
|
+
r.value = "";
|
|
1711
1719
|
}, 500);
|
|
1712
1720
|
}
|
|
1713
1721
|
}
|
|
1714
|
-
function
|
|
1722
|
+
function M() {
|
|
1715
1723
|
var s;
|
|
1716
|
-
e.loading ? (s =
|
|
1717
|
-
}
|
|
1718
|
-
function K() {
|
|
1719
|
-
W(), t("hide");
|
|
1724
|
+
e.loading ? (s = h.value) == null || s.focus() : v(), o("show");
|
|
1720
1725
|
}
|
|
1721
1726
|
function W() {
|
|
1722
|
-
|
|
1723
|
-
|
|
1727
|
+
G(), o("hide");
|
|
1728
|
+
}
|
|
1729
|
+
function G() {
|
|
1730
|
+
var s, p;
|
|
1731
|
+
(p = (s = f.value) == null ? void 0 : s.fieldRef) == null || p.focus();
|
|
1724
1732
|
}
|
|
1725
|
-
function
|
|
1733
|
+
function v() {
|
|
1726
1734
|
var s;
|
|
1727
|
-
(s =
|
|
1735
|
+
(s = u.value) == null || s.$el.focus();
|
|
1728
1736
|
}
|
|
1729
1737
|
function V(s) {
|
|
1730
|
-
var
|
|
1731
|
-
(
|
|
1738
|
+
var p;
|
|
1739
|
+
(p = u.value) == null || p.focusItem(s);
|
|
1732
1740
|
}
|
|
1733
|
-
return
|
|
1741
|
+
return z(
|
|
1734
1742
|
() => e.modelValue,
|
|
1735
1743
|
(s) => {
|
|
1736
1744
|
l.value = s;
|
|
1737
1745
|
}
|
|
1738
|
-
),
|
|
1746
|
+
), z(
|
|
1739
1747
|
() => e.loading,
|
|
1740
1748
|
(s) => {
|
|
1741
|
-
!s &&
|
|
1749
|
+
!s && i.value && Z(v);
|
|
1742
1750
|
}
|
|
1743
|
-
), (s,
|
|
1744
|
-
var
|
|
1745
|
-
return
|
|
1746
|
-
|
|
1751
|
+
), (s, p) => {
|
|
1752
|
+
var k, $, oe;
|
|
1753
|
+
return c(), m(P, null, [
|
|
1754
|
+
ee(y(_e), {
|
|
1747
1755
|
id: e.id,
|
|
1748
1756
|
label: e.label,
|
|
1749
1757
|
required: e.required,
|
|
1750
1758
|
ref_key: "triggerEl",
|
|
1751
|
-
ref:
|
|
1759
|
+
ref: f,
|
|
1752
1760
|
role: "combobox",
|
|
1753
1761
|
tabindex: "0",
|
|
1754
|
-
class:
|
|
1762
|
+
class: K([
|
|
1755
1763
|
"q-select",
|
|
1756
1764
|
{
|
|
1757
1765
|
"q-select--readonly": e.readonly,
|
|
1758
1766
|
"q-select--disabled": e.disabled,
|
|
1759
|
-
"q-select--expanded":
|
|
1767
|
+
"q-select--expanded": i.value
|
|
1760
1768
|
},
|
|
1761
|
-
...
|
|
1769
|
+
...y(a).class
|
|
1762
1770
|
]),
|
|
1763
1771
|
readonly: e.readonly,
|
|
1764
1772
|
disabled: e.disabled,
|
|
1765
|
-
"aria-expanded":
|
|
1773
|
+
"aria-expanded": i.value,
|
|
1766
1774
|
"aria-haspopup": "listbox",
|
|
1767
1775
|
size: e.size,
|
|
1768
|
-
onClick:
|
|
1769
|
-
onKeydown:
|
|
1770
|
-
},
|
|
1771
|
-
append:
|
|
1772
|
-
|
|
1776
|
+
onClick: O,
|
|
1777
|
+
onKeydown: J(C, ["stop"])
|
|
1778
|
+
}, Ee({
|
|
1779
|
+
append: x(() => [
|
|
1780
|
+
A.value && l.value ? (c(), S(y(Y), te({ key: 0 }, e.icons.clear, {
|
|
1773
1781
|
class: "q-select__clear",
|
|
1774
|
-
onClick:
|
|
1775
|
-
}), null, 16
|
|
1776
|
-
!e.readonly && !e.disabled ? (
|
|
1782
|
+
onClick: J(E, ["stop", "prevent"])
|
|
1783
|
+
}), null, 16)) : q("", !0),
|
|
1784
|
+
!e.readonly && !e.disabled ? (c(), S(y(Y), te({ key: 1 }, e.icons.chevron, { class: "q-select__chevron" }), null, 16)) : q("", !0)
|
|
1777
1785
|
]),
|
|
1778
|
-
default:
|
|
1779
|
-
l.value ? (
|
|
1786
|
+
default: x(() => [
|
|
1787
|
+
l.value ? (c(), m("span", gn, N(R.value), 1)) : (c(), m("span", _n, N(s.texts.placeholder), 1))
|
|
1780
1788
|
]),
|
|
1781
1789
|
_: 2
|
|
1782
1790
|
}, [
|
|
1783
|
-
(
|
|
1791
|
+
(k = g.value) != null && k.icon ? {
|
|
1784
1792
|
name: "prepend",
|
|
1785
|
-
fn:
|
|
1786
|
-
var
|
|
1793
|
+
fn: x(() => {
|
|
1794
|
+
var le;
|
|
1787
1795
|
return [
|
|
1788
|
-
|
|
1796
|
+
ee(y(Y), ue(he((le = g.value) == null ? void 0 : le.icon)), null, 16)
|
|
1789
1797
|
];
|
|
1790
1798
|
}),
|
|
1791
1799
|
key: "0"
|
|
1792
1800
|
} : void 0
|
|
1793
|
-
]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"
|
|
1794
|
-
(
|
|
1801
|
+
]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "aria-expanded", "size"]),
|
|
1802
|
+
($ = f.value) != null && $.fieldRef ? (c(), S(y(fe), {
|
|
1795
1803
|
key: 0,
|
|
1796
|
-
"model-value":
|
|
1804
|
+
"model-value": i.value,
|
|
1797
1805
|
spy: "",
|
|
1798
1806
|
trigger: "manual",
|
|
1799
1807
|
placement: "bottom",
|
|
1800
1808
|
width: "anchor",
|
|
1801
1809
|
offset: 2,
|
|
1802
|
-
anchor: (
|
|
1803
|
-
onEnter:
|
|
1804
|
-
onLeave:
|
|
1810
|
+
anchor: (oe = f.value) == null ? void 0 : oe.fieldRef,
|
|
1811
|
+
onEnter: M,
|
|
1812
|
+
onLeave: W
|
|
1805
1813
|
}, {
|
|
1806
|
-
default:
|
|
1807
|
-
|
|
1814
|
+
default: x(() => [
|
|
1815
|
+
U("div", {
|
|
1808
1816
|
ref_key: "contentRef",
|
|
1809
|
-
ref:
|
|
1817
|
+
ref: h,
|
|
1810
1818
|
class: "q-select__body",
|
|
1811
1819
|
tabindex: "-1",
|
|
1812
|
-
onFocusout:
|
|
1813
|
-
onKeydown:
|
|
1820
|
+
onFocusout: T,
|
|
1821
|
+
onKeydown: J(C, ["stop"])
|
|
1814
1822
|
}, [
|
|
1815
|
-
|
|
1816
|
-
e.loading ? (
|
|
1823
|
+
w(s.$slots, "body.prepend"),
|
|
1824
|
+
e.loading ? (c(), S(y(ge), {
|
|
1817
1825
|
key: 0,
|
|
1818
1826
|
class: "q-select__loader",
|
|
1819
1827
|
size: 24
|
|
1820
|
-
})) : (
|
|
1828
|
+
})) : (c(), S(y(Oe), {
|
|
1821
1829
|
key: 1,
|
|
1822
1830
|
ref_key: "listRef",
|
|
1823
|
-
ref:
|
|
1831
|
+
ref: u,
|
|
1824
1832
|
class: "q-select__items",
|
|
1825
1833
|
modelValue: l.value,
|
|
1826
1834
|
"onUpdate:modelValue": [
|
|
1827
|
-
|
|
1835
|
+
p[0] || (p[0] = (le) => l.value = le),
|
|
1828
1836
|
F
|
|
1829
1837
|
],
|
|
1830
1838
|
items: e.items,
|
|
@@ -1832,15 +1840,15 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
|
|
|
1832
1840
|
"item-label": e.itemLabel,
|
|
1833
1841
|
"item-value": e.itemValue
|
|
1834
1842
|
}, null, 8, ["modelValue", "items", "groups", "item-label", "item-value"])),
|
|
1835
|
-
|
|
1836
|
-
],
|
|
1843
|
+
w(s.$slots, "body.append")
|
|
1844
|
+
], 544)
|
|
1837
1845
|
]),
|
|
1838
1846
|
_: 3
|
|
1839
|
-
}, 8, ["model-value", "anchor"])) :
|
|
1847
|
+
}, 8, ["model-value", "anchor"])) : q("", !0)
|
|
1840
1848
|
], 64);
|
|
1841
1849
|
};
|
|
1842
1850
|
}
|
|
1843
|
-
}), An = B($n), In = ["innerHTML"], qn = { key: 1 },
|
|
1851
|
+
}), An = B($n), In = ["innerHTML"], qn = { key: 1 }, Sn = /* @__PURE__ */ L({
|
|
1844
1852
|
inheritAttrs: !1,
|
|
1845
1853
|
__name: "QTooltip",
|
|
1846
1854
|
props: {
|
|
@@ -1856,65 +1864,65 @@ const fn = /* @__PURE__ */ rn(dn, [["render", cn]]), En = B(fn), pn = {
|
|
|
1856
1864
|
text: {},
|
|
1857
1865
|
trigger: { default: "hover" }
|
|
1858
1866
|
},
|
|
1859
|
-
setup(
|
|
1860
|
-
const
|
|
1861
|
-
return (
|
|
1862
|
-
"model-value":
|
|
1863
|
-
anchor:
|
|
1864
|
-
appearance:
|
|
1865
|
-
arrow:
|
|
1866
|
-
attach:
|
|
1867
|
+
setup(t) {
|
|
1868
|
+
const n = t;
|
|
1869
|
+
return (o, e) => (c(), S(y(fe), {
|
|
1870
|
+
"model-value": n.modelValue,
|
|
1871
|
+
anchor: n.anchor,
|
|
1872
|
+
appearance: n.appearance,
|
|
1873
|
+
arrow: n.arrow,
|
|
1874
|
+
attach: n.attach,
|
|
1867
1875
|
"content-classes": ["q-tooltip"],
|
|
1868
|
-
delay:
|
|
1869
|
-
disabled:
|
|
1870
|
-
placement:
|
|
1871
|
-
trigger:
|
|
1876
|
+
delay: n.delay,
|
|
1877
|
+
disabled: n.disabled,
|
|
1878
|
+
placement: n.placement,
|
|
1879
|
+
trigger: n.trigger
|
|
1872
1880
|
}, {
|
|
1873
|
-
default:
|
|
1874
|
-
|
|
1881
|
+
default: x(() => [
|
|
1882
|
+
n.html ? (c(), m("span", {
|
|
1875
1883
|
key: 0,
|
|
1876
|
-
innerHTML:
|
|
1877
|
-
}, null, 8, In)) : (
|
|
1884
|
+
innerHTML: n.text
|
|
1885
|
+
}, null, 8, In)) : (c(), m("span", qn, N(n.text), 1))
|
|
1878
1886
|
]),
|
|
1879
1887
|
_: 1
|
|
1880
1888
|
}, 8, ["model-value", "anchor", "appearance", "arrow", "attach", "delay", "disabled", "placement", "trigger"]));
|
|
1881
1889
|
}
|
|
1882
|
-
}),
|
|
1883
|
-
mounted(
|
|
1884
|
-
|
|
1885
|
-
const
|
|
1886
|
-
|
|
1887
|
-
}, document.addEventListener("click",
|
|
1890
|
+
}), Cn = B(Sn), Fn = {
|
|
1891
|
+
mounted(t, n) {
|
|
1892
|
+
t.clickOutsideEvent = function(o) {
|
|
1893
|
+
const e = o.target;
|
|
1894
|
+
n.arg ? t === e || t.contains(e) || e.closest(n.arg) || n.value(o, t) : t === e || t.contains(e) || n.value(o, t);
|
|
1895
|
+
}, document.addEventListener("click", t.clickOutsideEvent);
|
|
1888
1896
|
},
|
|
1889
|
-
unmounted(
|
|
1890
|
-
document.removeEventListener("click",
|
|
1897
|
+
unmounted(t) {
|
|
1898
|
+
document.removeEventListener("click", t.clickOutsideEvent);
|
|
1891
1899
|
}
|
|
1892
1900
|
};
|
|
1893
1901
|
export {
|
|
1894
|
-
|
|
1895
|
-
|
|
1902
|
+
pt as QButton,
|
|
1903
|
+
vt as QButtonGroup,
|
|
1896
1904
|
Vn as QButtonToggle,
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1905
|
+
Dn as QCombobox,
|
|
1906
|
+
_e as QField,
|
|
1907
|
+
Y as QIcon,
|
|
1908
|
+
qt as QIconFont,
|
|
1909
|
+
St as QIconImg,
|
|
1902
1910
|
xt as QIconSvg,
|
|
1903
|
-
|
|
1911
|
+
Tn as QInputGroup,
|
|
1904
1912
|
En as QLineLoader,
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1913
|
+
Oe as QList,
|
|
1914
|
+
Ft as QListItem,
|
|
1915
|
+
Qt as QListItemGroup,
|
|
1916
|
+
fe as QOverlay,
|
|
1917
|
+
zn as QPopover,
|
|
1910
1918
|
An as QSelect,
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1919
|
+
ge as QSpinnerLoader,
|
|
1920
|
+
Zt as QTextField,
|
|
1921
|
+
Cn as QTooltip,
|
|
1914
1922
|
Fn as clickOutside,
|
|
1915
1923
|
Bn as createFramework,
|
|
1916
|
-
|
|
1917
|
-
|
|
1924
|
+
Je as defaultDarkColorScheme,
|
|
1925
|
+
Ie as defaultLightColorScheme,
|
|
1918
1926
|
Ln as useTheme
|
|
1919
1927
|
};
|
|
1920
1928
|
//# sourceMappingURL=ui.esm.js.map
|