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