@quidgest/ui 0.8.11 → 0.8.12
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/ui.esm.js +141 -136
- package/dist/ui.esm.js.map +1 -1
- package/dist/ui.js +1 -1
- package/dist/ui.js.map +1 -1
- package/dist/ui.min.js +3 -3
- package/dist/ui.min.js.map +1 -1
- package/dist/ui.scss +1 -1
- package/package.json +1 -1
package/dist/ui.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { getCurrentInstance as Ve, computed as k, ref as q, provide as Be, inject as Ee, watch as
|
|
1
|
+
import { getCurrentInstance as Ve, computed as k, ref as q, provide as Be, inject as Ee, watch as z, defineComponent as S, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as X, withModifiers as ie, createVNode as C, unref as b, createCommentVNode as L, Fragment as ee, createTextVNode as re, toDisplayString as W, renderSlot as h, toRef as we, createBlock as B, withCtx as _, renderList as me, resolveDynamicComponent as Te, h as $e, normalizeProps as te, mergeProps as oe, reactive as Ne, onBeforeUnmount as Me, onMounted as De, nextTick as G, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as ae } from "vue";
|
|
2
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
|
}
|
|
@@ -200,15 +200,15 @@ function lt(t, l) {
|
|
|
200
200
|
activeTheme: q(e),
|
|
201
201
|
themes: o
|
|
202
202
|
};
|
|
203
|
-
tt(o),
|
|
203
|
+
tt(o), z(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
function nt(t) {
|
|
207
207
|
const l = document.documentElement, e = Array.from(l.classList).filter((n) => !n.startsWith("q-theme"));
|
|
208
208
|
l.className = e.join(" "), l.classList.add(`q-theme--${t}`);
|
|
209
209
|
}
|
|
210
|
-
const ot = /* @__PURE__ */
|
|
211
|
-
/* @__PURE__ */
|
|
210
|
+
const ot = /* @__PURE__ */ X("svg", { viewBox: "25 25 50 50" }, [
|
|
211
|
+
/* @__PURE__ */ X("circle", {
|
|
212
212
|
class: "path",
|
|
213
213
|
cx: "50",
|
|
214
214
|
cy: "50",
|
|
@@ -307,9 +307,9 @@ const ge = x(st), rt = ["disabled"], dt = {
|
|
|
307
307
|
onClick: ie(d, ["stop", "prevent"])
|
|
308
308
|
}, [
|
|
309
309
|
u.loading ? (c(), v("div", dt, [
|
|
310
|
-
|
|
310
|
+
C(b(ge), { size: 20 })
|
|
311
311
|
])) : L("", !0),
|
|
312
|
-
|
|
312
|
+
X("span", ut, [
|
|
313
313
|
u.iconOnRight ? (c(), v(ee, { key: 0 }, [
|
|
314
314
|
re(W(e.label), 1)
|
|
315
315
|
], 64)) : L("", !0),
|
|
@@ -363,7 +363,7 @@ const ge = x(st), rt = ["disabled"], dt = {
|
|
|
363
363
|
emits: ["update:modelValue"],
|
|
364
364
|
setup(t, { emit: l }) {
|
|
365
365
|
const o = l, e = t, n = q(e.modelValue);
|
|
366
|
-
|
|
366
|
+
z(
|
|
367
367
|
() => e.modelValue,
|
|
368
368
|
(u) => n.value = u
|
|
369
369
|
);
|
|
@@ -648,7 +648,7 @@ const wt = /* @__PURE__ */ S({
|
|
|
648
648
|
function f() {
|
|
649
649
|
s.value = !0;
|
|
650
650
|
}
|
|
651
|
-
function
|
|
651
|
+
function Q() {
|
|
652
652
|
s.value = !1;
|
|
653
653
|
}
|
|
654
654
|
function T(i) {
|
|
@@ -658,7 +658,7 @@ const wt = /* @__PURE__ */ S({
|
|
|
658
658
|
let a;
|
|
659
659
|
d.value ? a = n.items.findIndex((D) => D[n.itemValue] === d.value) : a = j();
|
|
660
660
|
const m = s.value;
|
|
661
|
-
|
|
661
|
+
R(a, m);
|
|
662
662
|
}
|
|
663
663
|
function V(i) {
|
|
664
664
|
switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(i.key) && i.preventDefault(), i.key) {
|
|
@@ -680,17 +680,17 @@ const wt = /* @__PURE__ */ S({
|
|
|
680
680
|
switch (i) {
|
|
681
681
|
case "next":
|
|
682
682
|
case "prev":
|
|
683
|
-
|
|
683
|
+
R(M(i));
|
|
684
684
|
break;
|
|
685
685
|
case "first":
|
|
686
|
-
|
|
686
|
+
R(j());
|
|
687
687
|
break;
|
|
688
688
|
case "last":
|
|
689
|
-
F(
|
|
689
|
+
R(F());
|
|
690
690
|
break;
|
|
691
691
|
}
|
|
692
692
|
}
|
|
693
|
-
function
|
|
693
|
+
function R(i, a = !1) {
|
|
694
694
|
var $;
|
|
695
695
|
($ = O()[i]) == null || $.focus({ preventScroll: a });
|
|
696
696
|
}
|
|
@@ -702,53 +702,53 @@ const wt = /* @__PURE__ */ S({
|
|
|
702
702
|
function U(i) {
|
|
703
703
|
return O()[i];
|
|
704
704
|
}
|
|
705
|
-
function
|
|
705
|
+
function N() {
|
|
706
706
|
return O().indexOf(document.activeElement);
|
|
707
707
|
}
|
|
708
708
|
function j() {
|
|
709
|
-
const i = O(), a = i.find((m) =>
|
|
709
|
+
const i = O(), a = i.find((m) => Z(m));
|
|
710
710
|
return a ? i.indexOf(a) : -1;
|
|
711
711
|
}
|
|
712
|
-
function
|
|
713
|
-
const i = O(), a = [...i].reverse().find((m) =>
|
|
712
|
+
function F() {
|
|
713
|
+
const i = O(), a = [...i].reverse().find((m) => Z(m));
|
|
714
714
|
return a ? i.indexOf(a) : -1;
|
|
715
715
|
}
|
|
716
716
|
function K(i, a, m) {
|
|
717
717
|
return a === "prev" && i === 0 || a === "next" && i === m.length - 1;
|
|
718
718
|
}
|
|
719
|
-
function
|
|
720
|
-
const a =
|
|
721
|
-
return
|
|
719
|
+
function M(i) {
|
|
720
|
+
const a = N();
|
|
721
|
+
return Y(a, i);
|
|
722
722
|
}
|
|
723
|
-
function
|
|
723
|
+
function Y(i, a) {
|
|
724
724
|
const m = O();
|
|
725
725
|
if (K(i, a, m))
|
|
726
726
|
return i;
|
|
727
727
|
let $ = i + (a === "next" ? 1 : -1);
|
|
728
|
-
for (; !
|
|
728
|
+
for (; !Z(m[$]); ) {
|
|
729
729
|
if (K($, a, m))
|
|
730
730
|
return i;
|
|
731
731
|
$ += a === "next" ? 1 : -1;
|
|
732
732
|
}
|
|
733
733
|
return $;
|
|
734
734
|
}
|
|
735
|
-
function
|
|
735
|
+
function Z(i) {
|
|
736
736
|
return i.tabIndex === -2;
|
|
737
737
|
}
|
|
738
738
|
function P(i) {
|
|
739
739
|
return i ? n.items.filter((a) => a.group === i) : n.items;
|
|
740
740
|
}
|
|
741
|
-
return
|
|
741
|
+
return z(
|
|
742
742
|
() => n.modelValue,
|
|
743
743
|
(i) => {
|
|
744
744
|
d.value = i;
|
|
745
745
|
}
|
|
746
746
|
), l({
|
|
747
|
-
focusItem:
|
|
747
|
+
focusItem: R,
|
|
748
748
|
getItem: U,
|
|
749
|
-
getAdjacentItemIndex:
|
|
749
|
+
getAdjacentItemIndex: Y,
|
|
750
750
|
getFirstFocusableItemIndex: j,
|
|
751
|
-
getLastFocusableItemIndex:
|
|
751
|
+
getLastFocusableItemIndex: F
|
|
752
752
|
}), (i, a) => (c(), B(Te(u.value), {
|
|
753
753
|
ref_key: "listRef",
|
|
754
754
|
ref: y,
|
|
@@ -757,7 +757,7 @@ const wt = /* @__PURE__ */ S({
|
|
|
757
757
|
tabindex: n.disabled ? -1 : 0,
|
|
758
758
|
onFocus: T,
|
|
759
759
|
onMousedown: f,
|
|
760
|
-
onMouseup:
|
|
760
|
+
onMouseup: Q,
|
|
761
761
|
onKeydown: V
|
|
762
762
|
}, {
|
|
763
763
|
default: _(() => [
|
|
@@ -839,7 +839,7 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Vt = { class: "q-l
|
|
|
839
839
|
e.icon ? (c(), B(b(J), te(oe({ key: 0 }, e.icon)), null, 16)) : L("", !0),
|
|
840
840
|
re(" " + W(e.label), 1)
|
|
841
841
|
]),
|
|
842
|
-
|
|
842
|
+
X("div", Vt, [
|
|
843
843
|
e.selected ? (c(), B(b(J), oe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : L("", !0)
|
|
844
844
|
])
|
|
845
845
|
], 42, xt));
|
|
@@ -967,10 +967,10 @@ const Rt = ["role"], Ot = {
|
|
|
967
967
|
width: 0,
|
|
968
968
|
placement: e.placement
|
|
969
969
|
});
|
|
970
|
-
|
|
970
|
+
z(
|
|
971
971
|
() => e.modelValue,
|
|
972
972
|
() => s.visible = e.modelValue
|
|
973
|
-
),
|
|
973
|
+
), z(
|
|
974
974
|
() => s.visible,
|
|
975
975
|
() => s.animating = !0
|
|
976
976
|
);
|
|
@@ -1010,24 +1010,24 @@ const Rt = ["role"], Ot = {
|
|
|
1010
1010
|
}
|
|
1011
1011
|
}
|
|
1012
1012
|
}
|
|
1013
|
-
|
|
1013
|
+
z([() => s.visible, () => e.placement], y);
|
|
1014
1014
|
let w;
|
|
1015
1015
|
function f() {
|
|
1016
1016
|
T(0);
|
|
1017
1017
|
}
|
|
1018
|
-
function
|
|
1018
|
+
function Q() {
|
|
1019
1019
|
T(e.delay);
|
|
1020
1020
|
}
|
|
1021
1021
|
function T(i) {
|
|
1022
1022
|
w || (w = window.setTimeout(() => {
|
|
1023
|
-
s.visible = !0,
|
|
1023
|
+
s.visible = !0, G(() => {
|
|
1024
1024
|
var a;
|
|
1025
1025
|
e.trigger === "click" && ((a = p.value) == null || a.focus());
|
|
1026
1026
|
});
|
|
1027
1027
|
}, i));
|
|
1028
1028
|
}
|
|
1029
1029
|
function V() {
|
|
1030
|
-
clearTimeout(w), w = void 0, s.visible = !1,
|
|
1030
|
+
clearTimeout(w), w = void 0, s.visible = !1, G(() => {
|
|
1031
1031
|
if (e.anchor && e.trigger === "click") {
|
|
1032
1032
|
const i = ne(e.anchor);
|
|
1033
1033
|
i == null || i.focus();
|
|
@@ -1035,15 +1035,15 @@ const Rt = ["role"], Ot = {
|
|
|
1035
1035
|
});
|
|
1036
1036
|
}
|
|
1037
1037
|
let A;
|
|
1038
|
-
function
|
|
1038
|
+
function R() {
|
|
1039
1039
|
o("enter");
|
|
1040
1040
|
}
|
|
1041
1041
|
function O() {
|
|
1042
1042
|
window.clearTimeout(A), A = window.setTimeout(() => s.animating = !1, 200), o("leave");
|
|
1043
1043
|
}
|
|
1044
1044
|
let U;
|
|
1045
|
-
function
|
|
1046
|
-
|
|
1045
|
+
function N() {
|
|
1046
|
+
G(() => {
|
|
1047
1047
|
if (!e.anchor)
|
|
1048
1048
|
return;
|
|
1049
1049
|
const i = ne(e.anchor);
|
|
@@ -1053,13 +1053,13 @@ const Rt = ["role"], Ot = {
|
|
|
1053
1053
|
i.addEventListener("click", f);
|
|
1054
1054
|
break;
|
|
1055
1055
|
case "hover":
|
|
1056
|
-
i.addEventListener("mouseenter",
|
|
1056
|
+
i.addEventListener("mouseenter", Q), i.addEventListener("mouseleave", V), i.addEventListener("focusin", f), i.addEventListener("focusout", V);
|
|
1057
1057
|
break;
|
|
1058
1058
|
}
|
|
1059
1059
|
});
|
|
1060
1060
|
}
|
|
1061
1061
|
function j() {
|
|
1062
|
-
|
|
1062
|
+
G(() => {
|
|
1063
1063
|
if (!e.anchor)
|
|
1064
1064
|
return;
|
|
1065
1065
|
const i = ne(e.anchor);
|
|
@@ -1071,7 +1071,7 @@ const Rt = ["role"], Ot = {
|
|
|
1071
1071
|
}), y());
|
|
1072
1072
|
});
|
|
1073
1073
|
}
|
|
1074
|
-
function
|
|
1074
|
+
function F() {
|
|
1075
1075
|
if (!e.anchor)
|
|
1076
1076
|
return;
|
|
1077
1077
|
const i = ne(e.anchor);
|
|
@@ -1081,35 +1081,35 @@ const Rt = ["role"], Ot = {
|
|
|
1081
1081
|
i.removeEventListener("click", f);
|
|
1082
1082
|
break;
|
|
1083
1083
|
case "hover":
|
|
1084
|
-
i.removeEventListener("mouseenter",
|
|
1084
|
+
i.removeEventListener("mouseenter", Q), i.removeEventListener("mouseleave", V), i.removeEventListener("focusin", f), i.removeEventListener("focusout", V);
|
|
1085
1085
|
break;
|
|
1086
1086
|
}
|
|
1087
1087
|
}
|
|
1088
1088
|
function K() {
|
|
1089
1089
|
window.removeEventListener("resize", y), U == null || U.disconnect();
|
|
1090
1090
|
}
|
|
1091
|
-
let
|
|
1092
|
-
function
|
|
1091
|
+
let M;
|
|
1092
|
+
function Y() {
|
|
1093
1093
|
if (!e.anchor)
|
|
1094
1094
|
return;
|
|
1095
|
-
ne(e.anchor) ? (y(),
|
|
1095
|
+
ne(e.anchor) ? (y(), M = window.setTimeout(Y, 100)) : V();
|
|
1096
1096
|
}
|
|
1097
|
-
function
|
|
1098
|
-
j(), e.spy &&
|
|
1097
|
+
function Z() {
|
|
1098
|
+
j(), e.spy && Y(), e.anchor && document.addEventListener("scroll", V);
|
|
1099
1099
|
}
|
|
1100
1100
|
function P() {
|
|
1101
|
-
K(), e.spy && (clearTimeout(
|
|
1101
|
+
K(), e.spy && (clearTimeout(M), M = void 0), document.removeEventListener("scroll", V);
|
|
1102
1102
|
}
|
|
1103
1103
|
return Me(() => {
|
|
1104
|
-
|
|
1104
|
+
F(), P();
|
|
1105
1105
|
}), De(() => {
|
|
1106
|
-
|
|
1107
|
-
|
|
1106
|
+
G(() => {
|
|
1107
|
+
N(), y();
|
|
1108
1108
|
});
|
|
1109
|
-
}),
|
|
1109
|
+
}), z(
|
|
1110
1110
|
() => s.visible,
|
|
1111
1111
|
(i) => {
|
|
1112
|
-
i ?
|
|
1112
|
+
i ? Z() : P(), o("update:modelValue", i);
|
|
1113
1113
|
},
|
|
1114
1114
|
{ immediate: !0 }
|
|
1115
1115
|
), (i, a) => (c(), B(He, {
|
|
@@ -1123,10 +1123,10 @@ const Rt = ["role"], Ot = {
|
|
|
1123
1123
|
{ "q-overlay__underlay--blur": e.backdropBlur }
|
|
1124
1124
|
])
|
|
1125
1125
|
}, null, 2)) : L("", !0),
|
|
1126
|
-
|
|
1126
|
+
C(Ke, {
|
|
1127
1127
|
name: e.transition,
|
|
1128
1128
|
appear: "",
|
|
1129
|
-
onEnter:
|
|
1129
|
+
onEnter: R,
|
|
1130
1130
|
onLeave: O
|
|
1131
1131
|
}, {
|
|
1132
1132
|
default: _(() => [
|
|
@@ -1135,7 +1135,7 @@ const Rt = ["role"], Ot = {
|
|
|
1135
1135
|
class: E(n.value),
|
|
1136
1136
|
style: ce(u.value)
|
|
1137
1137
|
}, [
|
|
1138
|
-
|
|
1138
|
+
X("div", oe({
|
|
1139
1139
|
class: "q-overlay__content",
|
|
1140
1140
|
ref_key: "overlayRef",
|
|
1141
1141
|
ref: p,
|
|
@@ -1198,13 +1198,13 @@ const Rt = ["role"], Ot = {
|
|
|
1198
1198
|
}, [
|
|
1199
1199
|
o.label ? (c(), v("div", Mt, [
|
|
1200
1200
|
h(s.$slots, "label.prepend"),
|
|
1201
|
-
|
|
1201
|
+
X("label", {
|
|
1202
1202
|
for: o.for
|
|
1203
1203
|
}, W(o.label), 9, Ht),
|
|
1204
1204
|
h(s.$slots, "label.append")
|
|
1205
1205
|
])) : L("", !0),
|
|
1206
1206
|
h(s.$slots, "control", {}, () => [
|
|
1207
|
-
|
|
1207
|
+
X("div", oe({
|
|
1208
1208
|
class: "q-field__control",
|
|
1209
1209
|
ref_key: "fieldRef",
|
|
1210
1210
|
ref: n
|
|
@@ -1252,7 +1252,7 @@ const Rt = ["role"], Ot = {
|
|
|
1252
1252
|
}), w = k(
|
|
1253
1253
|
() => n.readonly || n.disabled ? "" : n.placeholder
|
|
1254
1254
|
);
|
|
1255
|
-
return
|
|
1255
|
+
return z(
|
|
1256
1256
|
() => n.modelValue,
|
|
1257
1257
|
(f) => s.value = f
|
|
1258
1258
|
), l({
|
|
@@ -1261,7 +1261,7 @@ const Rt = ["role"], Ot = {
|
|
|
1261
1261
|
return (f = u.value) == null ? void 0 : f.fieldRef;
|
|
1262
1262
|
}),
|
|
1263
1263
|
inputRef: p
|
|
1264
|
-
}), (f,
|
|
1264
|
+
}), (f, Q) => (c(), B(b(_e), {
|
|
1265
1265
|
ref_key: "fieldRef",
|
|
1266
1266
|
ref: u,
|
|
1267
1267
|
class: E(["q-text-field", n.class]),
|
|
@@ -1279,8 +1279,8 @@ const Rt = ["role"], Ot = {
|
|
|
1279
1279
|
h(f.$slots, "label.append")
|
|
1280
1280
|
]),
|
|
1281
1281
|
default: _(() => [
|
|
1282
|
-
We(
|
|
1283
|
-
"onUpdate:modelValue":
|
|
1282
|
+
We(X("input", oe({
|
|
1283
|
+
"onUpdate:modelValue": Q[0] || (Q[0] = (T) => y.value = T),
|
|
1284
1284
|
ref_key: "inputRef",
|
|
1285
1285
|
ref: p,
|
|
1286
1286
|
id: b(d),
|
|
@@ -1363,8 +1363,8 @@ const Rt = ["role"], Ot = {
|
|
|
1363
1363
|
emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
|
|
1364
1364
|
setup(t, { expose: l, emit: o }) {
|
|
1365
1365
|
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);
|
|
1366
|
-
De(
|
|
1367
|
-
const
|
|
1366
|
+
De(F);
|
|
1367
|
+
const Q = k(() => n.clearable && !n.readonly && !n.disabled), T = k(() => {
|
|
1368
1368
|
var r;
|
|
1369
1369
|
return n.filterMode === "manual" || !U.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
|
|
1370
1370
|
(g) => g[n.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
|
|
@@ -1372,7 +1372,7 @@ const Rt = ["role"], Ot = {
|
|
|
1372
1372
|
}), V = k(() => {
|
|
1373
1373
|
var r;
|
|
1374
1374
|
return (r = n.items) == null ? void 0 : r.find((g) => g[n.itemValue] === d.value);
|
|
1375
|
-
}), A = k(() => V.value === void 0),
|
|
1375
|
+
}), A = k(() => V.value === void 0), R = k(() => {
|
|
1376
1376
|
const r = p.value;
|
|
1377
1377
|
if (r !== void 0 && T.value[r])
|
|
1378
1378
|
return T.value[r];
|
|
@@ -1386,54 +1386,54 @@ const Rt = ["role"], Ot = {
|
|
|
1386
1386
|
var r;
|
|
1387
1387
|
return u.value.length > 0 && u.value !== ((r = V.value) == null ? void 0 : r[n.itemLabel]);
|
|
1388
1388
|
});
|
|
1389
|
-
function
|
|
1390
|
-
d.value = r,
|
|
1389
|
+
function N(r) {
|
|
1390
|
+
d.value = r, F(), e("update:modelValue", r);
|
|
1391
1391
|
}
|
|
1392
1392
|
function j(r) {
|
|
1393
|
-
|
|
1393
|
+
N(r), M();
|
|
1394
1394
|
}
|
|
1395
|
-
function
|
|
1395
|
+
function F() {
|
|
1396
1396
|
var r;
|
|
1397
1397
|
u.value = ((r = V.value) == null ? void 0 : r[n.itemLabel]) || "";
|
|
1398
1398
|
}
|
|
1399
1399
|
function K() {
|
|
1400
1400
|
s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, le());
|
|
1401
1401
|
}
|
|
1402
|
-
function
|
|
1402
|
+
function M() {
|
|
1403
1403
|
s.value && (e("before-hide"), s.value = !1, p.value = void 0);
|
|
1404
1404
|
}
|
|
1405
|
-
function
|
|
1406
|
-
s.value ?
|
|
1405
|
+
function Y() {
|
|
1406
|
+
s.value ? M() : P();
|
|
1407
1407
|
}
|
|
1408
|
-
function
|
|
1409
|
-
|
|
1408
|
+
function Z() {
|
|
1409
|
+
Q.value && (N(n.emptyValue), p.value = void 0, le());
|
|
1410
1410
|
}
|
|
1411
1411
|
function P() {
|
|
1412
1412
|
if (K(), V.value !== void 0) {
|
|
1413
1413
|
const r = T.value.indexOf(V.value);
|
|
1414
|
-
r !== -1 &&
|
|
1414
|
+
r !== -1 && G(() => ke(r));
|
|
1415
1415
|
}
|
|
1416
1416
|
}
|
|
1417
1417
|
function i(r) {
|
|
1418
1418
|
var g, I;
|
|
1419
1419
|
if (!(!r.key || n.readonly || n.disabled))
|
|
1420
1420
|
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(r.key) && (r.preventDefault(), r.stopPropagation()), r.key === "Escape")
|
|
1421
|
-
|
|
1421
|
+
F(), s.value && M();
|
|
1422
1422
|
else if (["ArrowDown", "ArrowUp"].includes(r.key))
|
|
1423
|
-
s.value ?
|
|
1423
|
+
s.value ? G(() => {
|
|
1424
1424
|
if (p.value === void 0)
|
|
1425
1425
|
a();
|
|
1426
1426
|
else {
|
|
1427
|
-
const
|
|
1428
|
-
$(p.value,
|
|
1427
|
+
const H = r.key === "ArrowDown" ? "next" : "prev";
|
|
1428
|
+
$(p.value, H);
|
|
1429
1429
|
}
|
|
1430
|
-
}) : (K(),
|
|
1430
|
+
}) : (K(), G(() => {
|
|
1431
1431
|
r.key === "ArrowDown" ? a() : m();
|
|
1432
1432
|
}));
|
|
1433
1433
|
else if (r.key === "Enter") {
|
|
1434
|
-
if (
|
|
1434
|
+
if (R.value === void 0)
|
|
1435
1435
|
return;
|
|
1436
|
-
j(
|
|
1436
|
+
j(R.value[n.itemValue]);
|
|
1437
1437
|
} else
|
|
1438
1438
|
r.key === "Home" ? p.value = (g = w.value) == null ? void 0 : g.getFirstFocusableItemIndex() : r.key === "End" ? p.value = (I = w.value) == null ? void 0 : I.getLastFocusableItemIndex() : (/^[a-z]$/i.test(r.key) || r.key === "Backspace") && K();
|
|
1439
1439
|
}
|
|
@@ -1443,7 +1443,7 @@ const Rt = ["role"], Ot = {
|
|
|
1443
1443
|
p.value = (g = w.value) == null ? void 0 : g.getFirstFocusableItemIndex();
|
|
1444
1444
|
else {
|
|
1445
1445
|
const I = T.value.findIndex(
|
|
1446
|
-
(
|
|
1446
|
+
(H) => H[n.itemValue] === d.value
|
|
1447
1447
|
);
|
|
1448
1448
|
I === -1 ? p.value = (r = w.value) == null ? void 0 : r.getFirstFocusableItemIndex() : p.value = I;
|
|
1449
1449
|
}
|
|
@@ -1457,8 +1457,8 @@ const Rt = ["role"], Ot = {
|
|
|
1457
1457
|
p.value = (I = w.value) == null ? void 0 : I.getAdjacentItemIndex(r, g);
|
|
1458
1458
|
}
|
|
1459
1459
|
function D(r) {
|
|
1460
|
-
var g, I,
|
|
1461
|
-
!((g = f.value) != null && g.contains(r.relatedTarget)) && !((
|
|
1460
|
+
var g, I, H;
|
|
1461
|
+
!((g = f.value) != null && g.contains(r.relatedTarget)) && !((H = (I = y.value) == null ? void 0 : I.fieldRef) != null && H.contains(r.relatedTarget)) ? (M(), Q.value && !u.value && N(n.emptyValue), F()) : (r.preventDefault(), r.stopPropagation());
|
|
1462
1462
|
}
|
|
1463
1463
|
function le() {
|
|
1464
1464
|
var r, g;
|
|
@@ -1478,28 +1478,33 @@ const Rt = ["role"], Ot = {
|
|
|
1478
1478
|
const g = (I = w.value) == null ? void 0 : I.getItem(r);
|
|
1479
1479
|
g == null || g.scrollIntoView({ block: "nearest", inline: "start" });
|
|
1480
1480
|
}
|
|
1481
|
-
return
|
|
1481
|
+
return z(
|
|
1482
1482
|
() => n.modelValue,
|
|
1483
1483
|
(r) => {
|
|
1484
1484
|
d.value = r;
|
|
1485
1485
|
}
|
|
1486
|
-
),
|
|
1486
|
+
), z(d, F), z(
|
|
1487
1487
|
() => n.items,
|
|
1488
1488
|
(r, g) => {
|
|
1489
1489
|
if (!A.value) {
|
|
1490
|
-
const I = g.find((
|
|
1491
|
-
u.value === (I == null ? void 0 : I[n.itemLabel]) &&
|
|
1490
|
+
const I = g.find((H) => H[n.itemValue] === d.value);
|
|
1491
|
+
u.value === (I == null ? void 0 : I[n.itemLabel]) && F();
|
|
1492
1492
|
}
|
|
1493
1493
|
},
|
|
1494
1494
|
{ deep: !0 }
|
|
1495
|
-
),
|
|
1495
|
+
), z(p, (r) => {
|
|
1496
1496
|
r !== void 0 && ke(r);
|
|
1497
|
-
}),
|
|
1498
|
-
|
|
1499
|
-
}),
|
|
1497
|
+
}), z(u, (r) => {
|
|
1498
|
+
r && s.value && n.selectionMode === "automatic" && G(a), e("update:inputValue", r);
|
|
1499
|
+
}), z(
|
|
1500
|
+
() => n.loading,
|
|
1501
|
+
(r) => {
|
|
1502
|
+
!r && s.value && G(a);
|
|
1503
|
+
}
|
|
1504
|
+
), l({
|
|
1500
1505
|
triggerEl: y
|
|
1501
1506
|
}), (r, g) => (c(), v(ee, null, [
|
|
1502
|
-
|
|
1507
|
+
C(b(Yt), {
|
|
1503
1508
|
modelValue: u.value,
|
|
1504
1509
|
"onUpdate:modelValue": g[0] || (g[0] = (I) => u.value = I),
|
|
1505
1510
|
id: n.id,
|
|
@@ -1538,16 +1543,16 @@ const Rt = ["role"], Ot = {
|
|
|
1538
1543
|
]),
|
|
1539
1544
|
append: _(() => [
|
|
1540
1545
|
h(r.$slots, "append"),
|
|
1541
|
-
|
|
1546
|
+
Q.value && u.value ? (c(), B(b(ue), {
|
|
1542
1547
|
key: 0,
|
|
1543
1548
|
class: "q-combobox__clear",
|
|
1544
1549
|
"b-style": "plain",
|
|
1545
1550
|
borderless: "",
|
|
1546
1551
|
tabindex: "-1",
|
|
1547
|
-
onClick:
|
|
1552
|
+
onClick: Z
|
|
1548
1553
|
}, {
|
|
1549
1554
|
default: _(() => [
|
|
1550
|
-
|
|
1555
|
+
C(b(J), te(ae(n.icons.clear)), null, 16)
|
|
1551
1556
|
]),
|
|
1552
1557
|
_: 1
|
|
1553
1558
|
})) : L("", !0),
|
|
@@ -1558,10 +1563,10 @@ const Rt = ["role"], Ot = {
|
|
|
1558
1563
|
borderless: "",
|
|
1559
1564
|
tabindex: "-1",
|
|
1560
1565
|
disabled: n.disabled,
|
|
1561
|
-
onClick:
|
|
1566
|
+
onClick: Y
|
|
1562
1567
|
}, {
|
|
1563
1568
|
default: _(() => [
|
|
1564
|
-
|
|
1569
|
+
C(b(J), te(ae(n.icons.chevron)), null, 16)
|
|
1565
1570
|
]),
|
|
1566
1571
|
_: 1
|
|
1567
1572
|
}, 8, ["disabled"]))
|
|
@@ -1583,7 +1588,7 @@ const Rt = ["role"], Ot = {
|
|
|
1583
1588
|
key: "1"
|
|
1584
1589
|
} : void 0
|
|
1585
1590
|
]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
|
|
1586
|
-
|
|
1591
|
+
C(b(pe), {
|
|
1587
1592
|
modelValue: s.value,
|
|
1588
1593
|
"onUpdate:modelValue": g[2] || (g[2] = (I) => s.value = I),
|
|
1589
1594
|
spy: "",
|
|
@@ -1598,7 +1603,7 @@ const Rt = ["role"], Ot = {
|
|
|
1598
1603
|
default: _(() => {
|
|
1599
1604
|
var I;
|
|
1600
1605
|
return [
|
|
1601
|
-
|
|
1606
|
+
X("div", {
|
|
1602
1607
|
ref_key: "contentRef",
|
|
1603
1608
|
ref: f,
|
|
1604
1609
|
class: "q-select__body",
|
|
@@ -1606,7 +1611,7 @@ const Rt = ["role"], Ot = {
|
|
|
1606
1611
|
}, [
|
|
1607
1612
|
h(r.$slots, "body.prepend"),
|
|
1608
1613
|
n.loading ? (c(), v("div", Zt, [
|
|
1609
|
-
|
|
1614
|
+
C(b(ge), { size: 24 })
|
|
1610
1615
|
])) : T.value.length ? (c(), B(b(Ae), {
|
|
1611
1616
|
key: 1,
|
|
1612
1617
|
ref_key: "listRef",
|
|
@@ -1614,18 +1619,18 @@ const Rt = ["role"], Ot = {
|
|
|
1614
1619
|
class: "q-select__items",
|
|
1615
1620
|
modelValue: d.value,
|
|
1616
1621
|
"onUpdate:modelValue": [
|
|
1617
|
-
g[1] || (g[1] = (
|
|
1622
|
+
g[1] || (g[1] = (H) => d.value = H),
|
|
1618
1623
|
j
|
|
1619
1624
|
],
|
|
1620
|
-
highlighted: (I =
|
|
1625
|
+
highlighted: (I = R.value) == null ? void 0 : I[n.itemValue],
|
|
1621
1626
|
items: T.value,
|
|
1622
1627
|
groups: r.groups,
|
|
1623
1628
|
"item-label": n.itemLabel,
|
|
1624
1629
|
"item-value": n.itemValue,
|
|
1625
1630
|
onMouseup: Re
|
|
1626
1631
|
}, {
|
|
1627
|
-
item: _(({ item:
|
|
1628
|
-
h(r.$slots, "item", { item:
|
|
1632
|
+
item: _(({ item: H }) => [
|
|
1633
|
+
h(r.$slots, "item", { item: H })
|
|
1629
1634
|
]),
|
|
1630
1635
|
_: 3
|
|
1631
1636
|
}, 8, ["modelValue", "highlighted", "items", "groups", "item-label", "item-value"])) : (c(), v("div", Jt, W(r.texts.noData), 1)),
|
|
@@ -1670,14 +1675,14 @@ const Rt = ["role"], Ot = {
|
|
|
1670
1675
|
default: _(() => [
|
|
1671
1676
|
o.$slots.prepend || l.prependIcon ? (c(), v("div", nl, [
|
|
1672
1677
|
l.prependIcon ? (c(), v("span", ol, [
|
|
1673
|
-
|
|
1678
|
+
C(b(J), te(ae(l.prependIcon)), null, 16)
|
|
1674
1679
|
])) : L("", !0),
|
|
1675
1680
|
h(o.$slots, "prepend")
|
|
1676
1681
|
])) : L("", !0),
|
|
1677
1682
|
h(o.$slots, "default"),
|
|
1678
1683
|
o.$slots.append || l.appendIcon ? (c(), v("div", al, [
|
|
1679
1684
|
l.appendIcon ? (c(), v("span", sl, [
|
|
1680
|
-
|
|
1685
|
+
C(b(J), te(ae(l.appendIcon)), null, 16)
|
|
1681
1686
|
])) : L("", !0),
|
|
1682
1687
|
h(o.$slots, "append")
|
|
1683
1688
|
])) : L("", !0)
|
|
@@ -1790,37 +1795,37 @@ const Rt = ["role"], Ot = {
|
|
|
1790
1795
|
var a;
|
|
1791
1796
|
return (a = e.items) == null ? void 0 : a.find((m) => m[e.itemValue] === n.value);
|
|
1792
1797
|
}
|
|
1793
|
-
),
|
|
1798
|
+
), Q = k(
|
|
1794
1799
|
() => f.value ? f.value[e.itemLabel] : ""
|
|
1795
1800
|
), T = k(
|
|
1796
1801
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
1797
1802
|
);
|
|
1798
1803
|
function V(a) {
|
|
1799
|
-
n.value = a, o("update:modelValue", a),
|
|
1804
|
+
n.value = a, o("update:modelValue", a), N();
|
|
1800
1805
|
}
|
|
1801
1806
|
function A() {
|
|
1802
1807
|
T.value && V(e.emptyValue);
|
|
1803
1808
|
}
|
|
1804
|
-
function
|
|
1805
|
-
e.readonly || e.disabled || (d.value ?
|
|
1809
|
+
function R() {
|
|
1810
|
+
e.readonly || e.disabled || (d.value ? N() : U());
|
|
1806
1811
|
}
|
|
1807
1812
|
function O(a) {
|
|
1808
1813
|
var m, $, D;
|
|
1809
|
-
!((m = y.value) != null && m.contains(a.relatedTarget)) && !((D = ($ = u.value) == null ? void 0 : $.fieldRef) != null && D.contains(a.relatedTarget)) &&
|
|
1814
|
+
!((m = y.value) != null && m.contains(a.relatedTarget)) && !((D = ($ = u.value) == null ? void 0 : $.fieldRef) != null && D.contains(a.relatedTarget)) && N();
|
|
1810
1815
|
}
|
|
1811
1816
|
function U() {
|
|
1812
1817
|
d.value || (o("before-show"), d.value = !0);
|
|
1813
1818
|
}
|
|
1814
|
-
function
|
|
1819
|
+
function N() {
|
|
1815
1820
|
d.value && (o("before-hide"), d.value = !1);
|
|
1816
1821
|
}
|
|
1817
1822
|
function j() {
|
|
1818
|
-
d.value ?
|
|
1823
|
+
d.value ? N() : U();
|
|
1819
1824
|
}
|
|
1820
|
-
let
|
|
1825
|
+
let F;
|
|
1821
1826
|
function K(a) {
|
|
1822
1827
|
if (!(!a.key || e.readonly || e.disabled)) {
|
|
1823
|
-
if (window.clearTimeout(
|
|
1828
|
+
if (window.clearTimeout(F), ["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 : T.value && a.key === "Escape" && A()), a.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(a.key)) {
|
|
1824
1829
|
s.value += a.key.toLowerCase();
|
|
1825
1830
|
for (let m = 0; m < e.items.length; m++)
|
|
1826
1831
|
if (e.items[m][e.itemLabel].toLowerCase().startsWith(s.value)) {
|
|
@@ -1828,19 +1833,19 @@ const Rt = ["role"], Ot = {
|
|
|
1828
1833
|
break;
|
|
1829
1834
|
}
|
|
1830
1835
|
}
|
|
1831
|
-
|
|
1836
|
+
F = window.setTimeout(function() {
|
|
1832
1837
|
s.value = "";
|
|
1833
1838
|
}, 500);
|
|
1834
1839
|
}
|
|
1835
1840
|
}
|
|
1836
|
-
function
|
|
1841
|
+
function M() {
|
|
1837
1842
|
var a;
|
|
1838
1843
|
e.loading ? (a = y.value) == null || a.focus() : P(), o("show");
|
|
1839
1844
|
}
|
|
1840
|
-
function
|
|
1841
|
-
|
|
1845
|
+
function Y() {
|
|
1846
|
+
Z(), o("hide");
|
|
1842
1847
|
}
|
|
1843
|
-
function
|
|
1848
|
+
function Z() {
|
|
1844
1849
|
var a, m;
|
|
1845
1850
|
(m = (a = u.value) == null ? void 0 : a.fieldRef) == null || m.focus();
|
|
1846
1851
|
}
|
|
@@ -1852,20 +1857,20 @@ const Rt = ["role"], Ot = {
|
|
|
1852
1857
|
var m;
|
|
1853
1858
|
(m = p.value) == null || m.focusItem(a);
|
|
1854
1859
|
}
|
|
1855
|
-
return
|
|
1860
|
+
return z(
|
|
1856
1861
|
() => e.modelValue,
|
|
1857
1862
|
(a) => {
|
|
1858
1863
|
n.value = a;
|
|
1859
1864
|
}
|
|
1860
|
-
),
|
|
1865
|
+
), z(
|
|
1861
1866
|
() => e.loading,
|
|
1862
1867
|
(a) => {
|
|
1863
|
-
!a && d.value &&
|
|
1868
|
+
!a && d.value && G(P);
|
|
1864
1869
|
}
|
|
1865
1870
|
), (a, m) => {
|
|
1866
1871
|
var $;
|
|
1867
1872
|
return c(), v(ee, null, [
|
|
1868
|
-
|
|
1873
|
+
C(b(_e), {
|
|
1869
1874
|
id: e.id,
|
|
1870
1875
|
label: e.label,
|
|
1871
1876
|
required: e.required,
|
|
@@ -1887,7 +1892,7 @@ const Rt = ["role"], Ot = {
|
|
|
1887
1892
|
"aria-expanded": d.value,
|
|
1888
1893
|
"aria-haspopup": "listbox",
|
|
1889
1894
|
size: e.size,
|
|
1890
|
-
onClick:
|
|
1895
|
+
onClick: R,
|
|
1891
1896
|
onKeydown: ie(K, ["stop"])
|
|
1892
1897
|
}, he({
|
|
1893
1898
|
append: _(() => [
|
|
@@ -1901,7 +1906,7 @@ const Rt = ["role"], Ot = {
|
|
|
1901
1906
|
onClick: A
|
|
1902
1907
|
}, {
|
|
1903
1908
|
default: _(() => [
|
|
1904
|
-
|
|
1909
|
+
C(b(J), te(ae(e.icons.clear)), null, 16)
|
|
1905
1910
|
]),
|
|
1906
1911
|
_: 1
|
|
1907
1912
|
})) : L("", !0),
|
|
@@ -1915,7 +1920,7 @@ const Rt = ["role"], Ot = {
|
|
|
1915
1920
|
onClick: j
|
|
1916
1921
|
}, {
|
|
1917
1922
|
default: _(() => [
|
|
1918
|
-
|
|
1923
|
+
C(b(J), te(ae(e.icons.chevron)), null, 16)
|
|
1919
1924
|
]),
|
|
1920
1925
|
_: 1
|
|
1921
1926
|
}, 8, ["disabled"]))
|
|
@@ -1925,7 +1930,7 @@ const Rt = ["role"], Ot = {
|
|
|
1925
1930
|
!e.readonly && !e.disabled ? (c(), v(ee, { key: 0 }, [
|
|
1926
1931
|
re(W(a.texts.placeholder), 1)
|
|
1927
1932
|
], 64)) : L("", !0)
|
|
1928
|
-
])) : (c(), v("span", ml, W(
|
|
1933
|
+
])) : (c(), v("span", ml, W(Q.value), 1))
|
|
1929
1934
|
]),
|
|
1930
1935
|
_: 2
|
|
1931
1936
|
}, [
|
|
@@ -1948,7 +1953,7 @@ const Rt = ["role"], Ot = {
|
|
|
1948
1953
|
key: "1"
|
|
1949
1954
|
} : void 0
|
|
1950
1955
|
]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
|
|
1951
|
-
|
|
1956
|
+
C(b(pe), {
|
|
1952
1957
|
modelValue: d.value,
|
|
1953
1958
|
"onUpdate:modelValue": m[1] || (m[1] = (D) => d.value = D),
|
|
1954
1959
|
spy: "",
|
|
@@ -1957,11 +1962,11 @@ const Rt = ["role"], Ot = {
|
|
|
1957
1962
|
width: "anchor",
|
|
1958
1963
|
anchor: u.value,
|
|
1959
1964
|
offset: 2,
|
|
1960
|
-
onEnter:
|
|
1961
|
-
onLeave:
|
|
1965
|
+
onEnter: M,
|
|
1966
|
+
onLeave: Y
|
|
1962
1967
|
}, {
|
|
1963
1968
|
default: _(() => [
|
|
1964
|
-
|
|
1969
|
+
X("div", {
|
|
1965
1970
|
ref_key: "contentRef",
|
|
1966
1971
|
ref: y,
|
|
1967
1972
|
class: "q-select__body",
|
|
@@ -1971,7 +1976,7 @@ const Rt = ["role"], Ot = {
|
|
|
1971
1976
|
}, [
|
|
1972
1977
|
h(a.$slots, "body.prepend"),
|
|
1973
1978
|
e.loading ? (c(), v("div", hl, [
|
|
1974
|
-
|
|
1979
|
+
C(b(ge), { size: 24 })
|
|
1975
1980
|
])) : (c(), B(b(Ae), {
|
|
1976
1981
|
key: 1,
|
|
1977
1982
|
ref_key: "listRef",
|
|
@@ -2036,7 +2041,7 @@ const Rt = ["role"], Ot = {
|
|
|
2036
2041
|
h(e.$slots, "anchor", {
|
|
2037
2042
|
props: { "aria-describedby": b(o) }
|
|
2038
2043
|
}),
|
|
2039
|
-
|
|
2044
|
+
C(b(pe), {
|
|
2040
2045
|
"model-value": l.modelValue,
|
|
2041
2046
|
anchor: l.anchor,
|
|
2042
2047
|
role: "tooltip",
|