@quidgest/ui 0.15.8 → 0.15.9
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 +13 -13
- package/dist/ui.js +6 -6
- package/dist/ui.min.js +7 -7
- package/dist/ui.scss +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +36 -39
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +71 -71
- package/esm/components/QCombobox/index.d.ts +36 -54
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QCombobox/types.d.ts +4 -9
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts +2 -3
- package/esm/components/QDropdownMenu/QDropdownMenu.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts +37 -38
- package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map +1 -1
- package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js +24 -24
- package/esm/components/QDropdownMenu/index.d.ts +2 -2
- package/esm/components/QList/QList.d.ts +7 -8
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QList.vue.js +46 -46
- package/esm/components/QList/QListItem.vue.js +19 -19
- package/esm/components/QList/index.d.ts +17 -17
- package/esm/components/QList/types.d.ts +3 -4
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.d.ts +3 -4
- package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioGroup.vue.js +7 -7
- package/esm/components/QRadioGroup/index.d.ts +8 -8
- package/esm/components/QSelect/QSelect.d.ts +36 -39
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +49 -49
- package/esm/components/QSelect/index.d.ts +36 -54
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QSelect/types.d.ts +4 -9
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as ie, mergeModels as H, useModel as
|
|
1
|
+
import { defineComponent as ie, mergeModels as H, useModel as T, ref as g, onMounted as ue, computed as m, watch as k, nextTick as I, createElementBlock as A, openBlock as b, Fragment as se, createVNode as B, unref as v, mergeProps as de, withModifiers as K, createSlots as re, withCtx as r, renderSlot as f, createBlock as _, createCommentVNode as j, createElementVNode as fe, toDisplayString as ce } from "vue";
|
|
2
2
|
import { DEFAULT_ICONS as me, DEFAULT_TEXTS as ve } from "./types.js";
|
|
3
3
|
import { QButton as pe } from "../QButton/index.js";
|
|
4
4
|
import { QList as be } from "../QList/index.js";
|
|
5
|
-
import { QOverlay as
|
|
6
|
-
import { QSpinnerLoader as
|
|
5
|
+
import { QOverlay as he } from "../QOverlay/index.js";
|
|
6
|
+
import { QSpinnerLoader as ye } from "../QSpinnerLoader/index.js";
|
|
7
7
|
import { QTextField as ge } from "../QTextField/index.js";
|
|
8
8
|
import { QChevron as ke } from "../__internal__/QChevron/index.js";
|
|
9
9
|
import { QClearButton as Ie } from "../__internal__/QClearButton/index.js";
|
|
@@ -13,7 +13,7 @@ const we = ["data-key"], xe = {
|
|
|
13
13
|
}, Ve = {
|
|
14
14
|
key: 2,
|
|
15
15
|
class: "q-select__loader"
|
|
16
|
-
},
|
|
16
|
+
}, Te = /* @__PURE__ */ ie({
|
|
17
17
|
inheritAttrs: !1,
|
|
18
18
|
__name: "QCombobox",
|
|
19
19
|
props: /* @__PURE__ */ H({
|
|
@@ -37,10 +37,10 @@ const we = ["data-key"], xe = {
|
|
|
37
37
|
selectionMode: { default: "automatic" },
|
|
38
38
|
filterMode: { default: "builtin" },
|
|
39
39
|
loading: { type: Boolean },
|
|
40
|
-
emptyValue: {
|
|
40
|
+
emptyValue: {},
|
|
41
41
|
icons: { default: () => me }
|
|
42
42
|
}, {
|
|
43
|
-
modelValue: {
|
|
43
|
+
modelValue: {},
|
|
44
44
|
modelModifiers: {},
|
|
45
45
|
open: { type: Boolean },
|
|
46
46
|
openModifiers: {},
|
|
@@ -49,134 +49,134 @@ const we = ["data-key"], xe = {
|
|
|
49
49
|
}),
|
|
50
50
|
emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
|
|
51
51
|
setup(w, { expose: W, emit: X }) {
|
|
52
|
-
const l = w, x = X, d =
|
|
53
|
-
ue(
|
|
52
|
+
const l = w, x = X, d = T(w, "modelValue"), i = T(w, "open"), u = T(w, "search"), o = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
|
|
53
|
+
ue(y);
|
|
54
54
|
const q = m(() => l.clearable && !l.readonly && !l.disabled), p = m(() => {
|
|
55
55
|
var e;
|
|
56
56
|
return l.filterMode === "manual" || !J.value ? l.items ?? [] : ((e = l.items) == null ? void 0 : e.filter(
|
|
57
57
|
(t) => t[l.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
|
|
58
58
|
)) ?? [];
|
|
59
|
-
}),
|
|
59
|
+
}), h = m(() => {
|
|
60
60
|
var e;
|
|
61
61
|
return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
|
|
62
|
-
}),
|
|
63
|
-
const e =
|
|
62
|
+
}), Q = m(() => h.value === void 0), C = m(() => {
|
|
63
|
+
const e = o.value;
|
|
64
64
|
if (e !== void 0 && p.value[e])
|
|
65
65
|
return p.value[e];
|
|
66
66
|
}), G = m(() => {
|
|
67
67
|
var t;
|
|
68
|
-
if (
|
|
68
|
+
if (o.value === void 0)
|
|
69
69
|
return;
|
|
70
|
-
const e = (t = s.value) == null ? void 0 : t.getItem(
|
|
70
|
+
const e = (t = s.value) == null ? void 0 : t.getItem(o.value);
|
|
71
71
|
return e == null ? void 0 : e.id;
|
|
72
72
|
}), J = m(() => {
|
|
73
73
|
var e;
|
|
74
|
-
return u.value.length > 0 && u.value !== ((e =
|
|
74
|
+
return u.value.length > 0 && u.value !== ((e = h.value) == null ? void 0 : e[l.itemLabel]);
|
|
75
75
|
});
|
|
76
|
-
function
|
|
76
|
+
function S(e) {
|
|
77
77
|
d.value = e, F();
|
|
78
78
|
}
|
|
79
|
-
function
|
|
79
|
+
function y() {
|
|
80
80
|
var t;
|
|
81
|
-
const e = ((t =
|
|
81
|
+
const e = ((t = h.value) == null ? void 0 : t[l.itemLabel]) || "";
|
|
82
82
|
u.value !== e && (u.value = e);
|
|
83
83
|
}
|
|
84
84
|
function D() {
|
|
85
85
|
i.value || l.readonly || l.disabled || (x("before-show"), i.value = !0, E());
|
|
86
86
|
}
|
|
87
87
|
function F() {
|
|
88
|
-
i.value && (x("before-hide"), i.value = !1,
|
|
88
|
+
i.value && (x("before-hide"), i.value = !1, o.value = void 0);
|
|
89
89
|
}
|
|
90
90
|
function Y() {
|
|
91
91
|
i.value ? F() : U();
|
|
92
92
|
}
|
|
93
93
|
function Z() {
|
|
94
|
-
q.value && (d.value = l.emptyValue,
|
|
94
|
+
q.value && (d.value = l.emptyValue, o.value = void 0, E());
|
|
95
95
|
}
|
|
96
96
|
function U() {
|
|
97
|
-
if (D(),
|
|
98
|
-
const e = p.value.indexOf(
|
|
99
|
-
e !== -1 && I(() =>
|
|
97
|
+
if (D(), h.value !== void 0) {
|
|
98
|
+
const e = p.value.indexOf(h.value);
|
|
99
|
+
e !== -1 && I(() => z(e));
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
function ee(e) {
|
|
103
|
-
var t,
|
|
103
|
+
var t, a;
|
|
104
104
|
if (!(!e.key || l.readonly || l.disabled))
|
|
105
105
|
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape")
|
|
106
|
-
|
|
106
|
+
y(), i.value && F();
|
|
107
107
|
else if (["ArrowDown", "ArrowUp"].includes(e.key))
|
|
108
108
|
i.value ? I(() => {
|
|
109
|
-
if (
|
|
109
|
+
if (o.value === void 0)
|
|
110
110
|
$();
|
|
111
111
|
else {
|
|
112
112
|
const n = e.key === "ArrowDown" ? "next" : "prev";
|
|
113
|
-
te(
|
|
113
|
+
te(o.value, n);
|
|
114
114
|
}
|
|
115
115
|
}) : (D(), I(() => {
|
|
116
116
|
e.key === "ArrowDown" ? $() : le();
|
|
117
117
|
}));
|
|
118
118
|
else if (e.key === "Enter") {
|
|
119
119
|
if (C.value === void 0) return;
|
|
120
|
-
|
|
121
|
-
} else e.key === "Home" ?
|
|
120
|
+
S(C.value[l.itemValue]);
|
|
121
|
+
} else e.key === "Home" ? o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? o.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && D();
|
|
122
122
|
}
|
|
123
123
|
function $() {
|
|
124
124
|
var e, t;
|
|
125
|
-
if (
|
|
126
|
-
|
|
125
|
+
if (Q.value)
|
|
126
|
+
o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex();
|
|
127
127
|
else {
|
|
128
|
-
const
|
|
128
|
+
const a = p.value.findIndex(
|
|
129
129
|
(n) => n[l.itemValue] === d.value
|
|
130
130
|
);
|
|
131
|
-
|
|
131
|
+
a === -1 ? o.value = (e = s.value) == null ? void 0 : e.getFirstFocusableItemIndex() : o.value = a;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
function le() {
|
|
135
135
|
var e;
|
|
136
|
-
|
|
136
|
+
o.value = (e = s.value) == null ? void 0 : e.getLastFocusableItemIndex();
|
|
137
137
|
}
|
|
138
138
|
function te(e, t) {
|
|
139
|
-
var
|
|
140
|
-
|
|
139
|
+
var a;
|
|
140
|
+
o.value = (a = s.value) == null ? void 0 : a.getAdjacentItemIndex(e, t);
|
|
141
141
|
}
|
|
142
|
-
function
|
|
143
|
-
var
|
|
144
|
-
const t = ((
|
|
145
|
-
if (t || n ||
|
|
142
|
+
function O(e) {
|
|
143
|
+
var M, N, P, R;
|
|
144
|
+
const t = ((M = V == null ? void 0 : V.value) == null ? void 0 : M.$el) === e.relatedTarget, a = (P = (N = c == null ? void 0 : c.value) == null ? void 0 : N.$el) == null ? void 0 : P.contains(e.relatedTarget), n = (R = L == null ? void 0 : L.value) == null ? void 0 : R.contains(e.relatedTarget);
|
|
145
|
+
if (t || n || a) {
|
|
146
146
|
e.preventDefault(), e.stopPropagation();
|
|
147
147
|
return;
|
|
148
148
|
}
|
|
149
|
-
F(), q.value && !u.value && (d.value = l.emptyValue),
|
|
149
|
+
F(), q.value && !u.value && (d.value = l.emptyValue), y();
|
|
150
150
|
}
|
|
151
151
|
function E() {
|
|
152
152
|
var e, t;
|
|
153
153
|
(t = (e = c.value) == null ? void 0 : e.inputRef) == null || t.focus();
|
|
154
154
|
}
|
|
155
|
-
function
|
|
155
|
+
function ae() {
|
|
156
156
|
E();
|
|
157
157
|
}
|
|
158
|
-
function
|
|
158
|
+
function oe() {
|
|
159
159
|
x("show");
|
|
160
160
|
}
|
|
161
161
|
function ne() {
|
|
162
162
|
x("hide");
|
|
163
163
|
}
|
|
164
|
-
function
|
|
165
|
-
var
|
|
166
|
-
const t = (
|
|
164
|
+
function z(e) {
|
|
165
|
+
var a;
|
|
166
|
+
const t = (a = s.value) == null ? void 0 : a.getItem(e);
|
|
167
167
|
s.value && (s.value.$el.scrollTop = t == null ? void 0 : t.offsetTop);
|
|
168
168
|
}
|
|
169
|
-
return k(d,
|
|
169
|
+
return k(d, y), k(
|
|
170
170
|
() => l.items,
|
|
171
171
|
(e, t) => {
|
|
172
|
-
if (!
|
|
173
|
-
const
|
|
174
|
-
u.value === (
|
|
172
|
+
if (!Q.value) {
|
|
173
|
+
const a = t == null ? void 0 : t.find((n) => n[l.itemValue] === d.value);
|
|
174
|
+
u.value === (a == null ? void 0 : a[l.itemLabel]) && y();
|
|
175
175
|
}
|
|
176
176
|
},
|
|
177
177
|
{ deep: !0 }
|
|
178
|
-
), k(
|
|
179
|
-
e !== void 0 &&
|
|
178
|
+
), k(o, (e) => {
|
|
179
|
+
e !== void 0 && z(e);
|
|
180
180
|
}), k(u, (e) => {
|
|
181
181
|
e && i.value && l.selectionMode === "automatic" && I($);
|
|
182
182
|
}), k(
|
|
@@ -187,12 +187,12 @@ const we = ["data-key"], xe = {
|
|
|
187
187
|
), W({
|
|
188
188
|
triggerEl: c
|
|
189
189
|
}), (e, t) => {
|
|
190
|
-
var
|
|
191
|
-
return b(),
|
|
190
|
+
var a;
|
|
191
|
+
return b(), A(
|
|
192
192
|
se,
|
|
193
193
|
null,
|
|
194
194
|
[
|
|
195
|
-
|
|
195
|
+
B(v(ge), de({
|
|
196
196
|
id: l.id,
|
|
197
197
|
ref_key: "triggerEl",
|
|
198
198
|
ref: c,
|
|
@@ -221,7 +221,7 @@ const we = ["data-key"], xe = {
|
|
|
221
221
|
size: l.size
|
|
222
222
|
}, e.$attrs, {
|
|
223
223
|
onClick: U,
|
|
224
|
-
onFocusout:
|
|
224
|
+
onFocusout: O,
|
|
225
225
|
onKeydown: K(ee, ["stop"])
|
|
226
226
|
}), re({
|
|
227
227
|
"label.prepend": r(() => [
|
|
@@ -232,13 +232,13 @@ const we = ["data-key"], xe = {
|
|
|
232
232
|
]),
|
|
233
233
|
append: r(() => [
|
|
234
234
|
f(e.$slots, "append"),
|
|
235
|
-
q.value && u.value ? (b(),
|
|
235
|
+
q.value && u.value ? (b(), _(v(Ie), {
|
|
236
236
|
key: 0,
|
|
237
237
|
icons: l.icons,
|
|
238
238
|
texts: l.texts,
|
|
239
239
|
onClick: Z
|
|
240
240
|
}, null, 8, ["icons", "texts"])) : j("v-if", !0),
|
|
241
|
-
l.readonly ? j("v-if", !0) : (b(),
|
|
241
|
+
l.readonly ? j("v-if", !0) : (b(), _(v(pe), {
|
|
242
242
|
key: 1,
|
|
243
243
|
ref_key: "toggleRef",
|
|
244
244
|
ref: V,
|
|
@@ -252,7 +252,7 @@ const we = ["data-key"], xe = {
|
|
|
252
252
|
onMousedown: K(Y, ["stop", "prevent"])
|
|
253
253
|
}, {
|
|
254
254
|
default: r(() => [
|
|
255
|
-
|
|
255
|
+
B(v(ke), {
|
|
256
256
|
"model-value": i.value,
|
|
257
257
|
icons: l.icons
|
|
258
258
|
}, null, 8, ["model-value", "icons"])
|
|
@@ -279,7 +279,7 @@ const we = ["data-key"], xe = {
|
|
|
279
279
|
key: "1"
|
|
280
280
|
} : void 0
|
|
281
281
|
]), 1040, ["id", "modelValue", "label", "required", "placeholder", "class", "readonly", "disabled", "data-loading", "aria-expanded", "aria-activedescendant", "size"]),
|
|
282
|
-
|
|
282
|
+
B(v(he), {
|
|
283
283
|
modelValue: i.value,
|
|
284
284
|
"onUpdate:modelValue": t[1] || (t[1] = (n) => i.value = n),
|
|
285
285
|
spy: "",
|
|
@@ -288,8 +288,8 @@ const we = ["data-key"], xe = {
|
|
|
288
288
|
placement: "bottom-start",
|
|
289
289
|
width: "anchor",
|
|
290
290
|
offset: 4,
|
|
291
|
-
anchor: (
|
|
292
|
-
onEnter:
|
|
291
|
+
anchor: (a = c.value) == null ? void 0 : a.$el,
|
|
292
|
+
onEnter: oe,
|
|
293
293
|
onLeave: ne
|
|
294
294
|
}, {
|
|
295
295
|
default: r(() => {
|
|
@@ -301,12 +301,12 @@ const we = ["data-key"], xe = {
|
|
|
301
301
|
class: "q-select__body",
|
|
302
302
|
"data-testid": "combobox-dropdown",
|
|
303
303
|
"data-key": l.id,
|
|
304
|
-
onFocusout:
|
|
304
|
+
onFocusout: O
|
|
305
305
|
}, [
|
|
306
306
|
f(e.$slots, "body.prepend"),
|
|
307
|
-
l.loading ? (b(),
|
|
308
|
-
|
|
309
|
-
])) : p.value.length ? (b(),
|
|
307
|
+
l.loading ? (b(), A("div", xe, [
|
|
308
|
+
B(v(ye), { size: 24 })
|
|
309
|
+
])) : p.value.length ? (b(), _(v(be), {
|
|
310
310
|
key: 1,
|
|
311
311
|
ref_key: "listRef",
|
|
312
312
|
ref: s,
|
|
@@ -318,15 +318,15 @@ const we = ["data-key"], xe = {
|
|
|
318
318
|
groups: e.groups,
|
|
319
319
|
"item-label": l.itemLabel,
|
|
320
320
|
"item-value": l.itemValue,
|
|
321
|
-
onMouseup:
|
|
322
|
-
"onUpdate:modelValue":
|
|
321
|
+
onMouseup: ae,
|
|
322
|
+
"onUpdate:modelValue": S
|
|
323
323
|
}, {
|
|
324
|
-
item: r(({ item:
|
|
325
|
-
f(e.$slots, "item", { item:
|
|
324
|
+
item: r(({ item: M }) => [
|
|
325
|
+
f(e.$slots, "item", { item: M })
|
|
326
326
|
]),
|
|
327
327
|
_: 3
|
|
328
328
|
/* FORWARDED */
|
|
329
|
-
}, 8, ["model-value", "highlighted", "items", "groups", "item-label", "item-value"])) : (b(),
|
|
329
|
+
}, 8, ["model-value", "highlighted", "items", "groups", "item-label", "item-value"])) : (b(), A(
|
|
330
330
|
"div",
|
|
331
331
|
Ve,
|
|
332
332
|
ce(l.texts.noData),
|
|
@@ -348,5 +348,5 @@ const we = ["data-key"], xe = {
|
|
|
348
348
|
}
|
|
349
349
|
});
|
|
350
350
|
export {
|
|
351
|
-
|
|
351
|
+
Te as default
|
|
352
352
|
};
|
|
@@ -1,25 +1,21 @@
|
|
|
1
1
|
declare const QCombobox: {
|
|
2
2
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
|
-
modelValue?:
|
|
3
|
+
modelValue?: any;
|
|
4
4
|
open?: boolean;
|
|
5
5
|
search?: string;
|
|
6
6
|
} & Omit<import('..').QTextFieldProps, "type"> & {
|
|
7
|
-
items?:
|
|
8
|
-
|
|
9
|
-
})[];
|
|
10
|
-
groups?: (import('..').QListItemGroupProps & {
|
|
11
|
-
id: string;
|
|
12
|
-
})[];
|
|
7
|
+
items?: import('../QList/types').Item[];
|
|
8
|
+
groups?: import('../QList/types').Group[];
|
|
13
9
|
itemValue?: string;
|
|
14
10
|
itemLabel?: string;
|
|
15
11
|
selectionMode?: "manual" | "automatic";
|
|
16
12
|
filterMode?: "builtin" | "manual";
|
|
17
13
|
loading?: boolean;
|
|
18
|
-
emptyValue?:
|
|
14
|
+
emptyValue?: any;
|
|
19
15
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
20
16
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
21
17
|
}> & Readonly<{
|
|
22
|
-
"onUpdate:modelValue"?: ((value:
|
|
18
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
23
19
|
"onBefore-show"?: (() => any) | undefined;
|
|
24
20
|
"onBefore-hide"?: (() => any) | undefined;
|
|
25
21
|
onShow?: (() => any) | undefined;
|
|
@@ -411,7 +407,7 @@ declare const QCombobox: {
|
|
|
411
407
|
};
|
|
412
408
|
}) | null>;
|
|
413
409
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
414
|
-
"update:modelValue": (value:
|
|
410
|
+
"update:modelValue": (value: any) => any;
|
|
415
411
|
"update:open": (value: boolean) => any;
|
|
416
412
|
"update:search": (value: string) => any;
|
|
417
413
|
} & {
|
|
@@ -428,9 +424,7 @@ declare const QCombobox: {
|
|
|
428
424
|
showOptions: string;
|
|
429
425
|
clearValue: string;
|
|
430
426
|
};
|
|
431
|
-
groups:
|
|
432
|
-
id: string;
|
|
433
|
-
})[];
|
|
427
|
+
groups: import('../QList/types').Group[];
|
|
434
428
|
itemValue: string;
|
|
435
429
|
itemLabel: string;
|
|
436
430
|
selectionMode: "manual" | "automatic";
|
|
@@ -708,18 +702,18 @@ declare const QCombobox: {
|
|
|
708
702
|
$: import('vue').ComponentInternalInstance;
|
|
709
703
|
$data: {};
|
|
710
704
|
$props: {
|
|
711
|
-
readonly modelValue?:
|
|
705
|
+
readonly modelValue?: any;
|
|
712
706
|
readonly id?: string | undefined;
|
|
713
707
|
readonly class?: string | unknown[] | undefined;
|
|
714
|
-
readonly highlighted?:
|
|
708
|
+
readonly highlighted?: any;
|
|
715
709
|
readonly items?: import('../QList/types').Item[] | undefined;
|
|
716
710
|
readonly groups?: import('../QList/types').Group[] | undefined;
|
|
717
711
|
readonly itemValue?: string | undefined;
|
|
718
712
|
readonly itemLabel?: string | undefined;
|
|
719
713
|
readonly disabled?: boolean | undefined;
|
|
720
714
|
readonly selectable?: boolean | undefined;
|
|
721
|
-
readonly "onUpdate:modelValue"?: ((value:
|
|
722
|
-
readonly onClick?: ((key:
|
|
715
|
+
readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
716
|
+
readonly onClick?: ((key: any) => any) | undefined;
|
|
723
717
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
724
718
|
$attrs: {
|
|
725
719
|
[x: string]: unknown;
|
|
@@ -733,7 +727,7 @@ declare const QCombobox: {
|
|
|
733
727
|
$data: {};
|
|
734
728
|
$props: {
|
|
735
729
|
readonly modelValue?: boolean | undefined;
|
|
736
|
-
readonly value:
|
|
730
|
+
readonly value: any;
|
|
737
731
|
readonly label: string;
|
|
738
732
|
readonly icon?: import('..').Icon | undefined;
|
|
739
733
|
readonly selectable?: boolean | undefined;
|
|
@@ -810,12 +804,12 @@ declare const QCombobox: {
|
|
|
810
804
|
$root: import('vue').ComponentPublicInstance | null;
|
|
811
805
|
$parent: import('vue').ComponentPublicInstance | null;
|
|
812
806
|
$host: Element | null;
|
|
813
|
-
$emit: ((event: "update:modelValue", value:
|
|
807
|
+
$emit: ((event: "update:modelValue", value: any) => void) & ((event: "click", key: any) => void);
|
|
814
808
|
$el: any;
|
|
815
809
|
$options: import('vue').ComponentOptionsBase<Readonly<{
|
|
816
|
-
modelValue?:
|
|
810
|
+
modelValue?: any;
|
|
817
811
|
} & import('../../types/component').QBaseComponentProps & {
|
|
818
|
-
highlighted?:
|
|
812
|
+
highlighted?: any;
|
|
819
813
|
items?: import('../QList/types').Item[];
|
|
820
814
|
groups?: import('../QList/types').Group[];
|
|
821
815
|
itemValue?: string;
|
|
@@ -823,17 +817,17 @@ declare const QCombobox: {
|
|
|
823
817
|
disabled?: boolean;
|
|
824
818
|
selectable?: boolean;
|
|
825
819
|
}> & Readonly<{
|
|
826
|
-
"onUpdate:modelValue"?: ((value:
|
|
827
|
-
onClick?: ((key:
|
|
820
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
821
|
+
onClick?: ((key: any) => any) | undefined;
|
|
828
822
|
}>, {
|
|
829
823
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
830
824
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
831
825
|
getFirstFocusableItemIndex: () => number;
|
|
832
826
|
getLastFocusableItemIndex: () => number;
|
|
833
827
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
834
|
-
"update:modelValue": (value:
|
|
828
|
+
"update:modelValue": (value: any) => any;
|
|
835
829
|
} & {
|
|
836
|
-
click: (key:
|
|
830
|
+
click: (key: any) => any;
|
|
837
831
|
}, string, {
|
|
838
832
|
groups: import('../QList/types').Group[];
|
|
839
833
|
itemValue: string;
|
|
@@ -863,9 +857,9 @@ declare const QCombobox: {
|
|
|
863
857
|
itemValue: string;
|
|
864
858
|
itemLabel: string;
|
|
865
859
|
}> & Omit<Readonly<{
|
|
866
|
-
modelValue?:
|
|
860
|
+
modelValue?: any;
|
|
867
861
|
} & import('../../types/component').QBaseComponentProps & {
|
|
868
|
-
highlighted?:
|
|
862
|
+
highlighted?: any;
|
|
869
863
|
items?: import('../QList/types').Item[];
|
|
870
864
|
groups?: import('../QList/types').Group[];
|
|
871
865
|
itemValue?: string;
|
|
@@ -873,8 +867,8 @@ declare const QCombobox: {
|
|
|
873
867
|
disabled?: boolean;
|
|
874
868
|
selectable?: boolean;
|
|
875
869
|
}> & Readonly<{
|
|
876
|
-
"onUpdate:modelValue"?: ((value:
|
|
877
|
-
onClick?: ((key:
|
|
870
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
871
|
+
onClick?: ((key: any) => any) | undefined;
|
|
878
872
|
}>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
|
|
879
873
|
getItem: (idx: number) => HTMLElement | undefined;
|
|
880
874
|
getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
|
|
@@ -900,26 +894,22 @@ declare const QCombobox: {
|
|
|
900
894
|
M: {};
|
|
901
895
|
Defaults: {};
|
|
902
896
|
}, Readonly<{
|
|
903
|
-
modelValue?:
|
|
897
|
+
modelValue?: any;
|
|
904
898
|
open?: boolean;
|
|
905
899
|
search?: string;
|
|
906
900
|
} & Omit<import('..').QTextFieldProps, "type"> & {
|
|
907
|
-
items?:
|
|
908
|
-
|
|
909
|
-
})[];
|
|
910
|
-
groups?: (import('..').QListItemGroupProps & {
|
|
911
|
-
id: string;
|
|
912
|
-
})[];
|
|
901
|
+
items?: import('../QList/types').Item[];
|
|
902
|
+
groups?: import('../QList/types').Group[];
|
|
913
903
|
itemValue?: string;
|
|
914
904
|
itemLabel?: string;
|
|
915
905
|
selectionMode?: "manual" | "automatic";
|
|
916
906
|
filterMode?: "builtin" | "manual";
|
|
917
907
|
loading?: boolean;
|
|
918
|
-
emptyValue?:
|
|
908
|
+
emptyValue?: any;
|
|
919
909
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
920
910
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
921
911
|
}> & Readonly<{
|
|
922
|
-
"onUpdate:modelValue"?: ((value:
|
|
912
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
923
913
|
"onBefore-show"?: (() => any) | undefined;
|
|
924
914
|
"onBefore-hide"?: (() => any) | undefined;
|
|
925
915
|
onShow?: (() => any) | undefined;
|
|
@@ -1319,9 +1309,7 @@ declare const QCombobox: {
|
|
|
1319
1309
|
showOptions: string;
|
|
1320
1310
|
clearValue: string;
|
|
1321
1311
|
};
|
|
1322
|
-
groups:
|
|
1323
|
-
id: string;
|
|
1324
|
-
})[];
|
|
1312
|
+
groups: import('../QList/types').Group[];
|
|
1325
1313
|
itemValue: string;
|
|
1326
1314
|
itemLabel: string;
|
|
1327
1315
|
selectionMode: "manual" | "automatic";
|
|
@@ -1331,26 +1319,22 @@ declare const QCombobox: {
|
|
|
1331
1319
|
__isTeleport?: never;
|
|
1332
1320
|
__isSuspense?: never;
|
|
1333
1321
|
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
1334
|
-
modelValue?:
|
|
1322
|
+
modelValue?: any;
|
|
1335
1323
|
open?: boolean;
|
|
1336
1324
|
search?: string;
|
|
1337
1325
|
} & Omit<import('..').QTextFieldProps, "type"> & {
|
|
1338
|
-
items?:
|
|
1339
|
-
|
|
1340
|
-
})[];
|
|
1341
|
-
groups?: (import('..').QListItemGroupProps & {
|
|
1342
|
-
id: string;
|
|
1343
|
-
})[];
|
|
1326
|
+
items?: import('../QList/types').Item[];
|
|
1327
|
+
groups?: import('../QList/types').Group[];
|
|
1344
1328
|
itemValue?: string;
|
|
1345
1329
|
itemLabel?: string;
|
|
1346
1330
|
selectionMode?: "manual" | "automatic";
|
|
1347
1331
|
filterMode?: "builtin" | "manual";
|
|
1348
1332
|
loading?: boolean;
|
|
1349
|
-
emptyValue?:
|
|
1333
|
+
emptyValue?: any;
|
|
1350
1334
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
1351
1335
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
1352
1336
|
}> & Readonly<{
|
|
1353
|
-
"onUpdate:modelValue"?: ((value:
|
|
1337
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
1354
1338
|
"onBefore-show"?: (() => any) | undefined;
|
|
1355
1339
|
"onBefore-hide"?: (() => any) | undefined;
|
|
1356
1340
|
onShow?: (() => any) | undefined;
|
|
@@ -1742,7 +1726,7 @@ declare const QCombobox: {
|
|
|
1742
1726
|
};
|
|
1743
1727
|
}) | null>;
|
|
1744
1728
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
1745
|
-
"update:modelValue": (value:
|
|
1729
|
+
"update:modelValue": (value: any) => any;
|
|
1746
1730
|
"update:open": (value: boolean) => any;
|
|
1747
1731
|
"update:search": (value: string) => any;
|
|
1748
1732
|
} & {
|
|
@@ -1759,9 +1743,7 @@ declare const QCombobox: {
|
|
|
1759
1743
|
showOptions: string;
|
|
1760
1744
|
clearValue: string;
|
|
1761
1745
|
};
|
|
1762
|
-
groups:
|
|
1763
|
-
id: string;
|
|
1764
|
-
})[];
|
|
1746
|
+
groups: import('../QList/types').Group[];
|
|
1765
1747
|
itemValue: string;
|
|
1766
1748
|
itemLabel: string;
|
|
1767
1749
|
selectionMode: "manual" | "automatic";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAI2vzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJn1zB,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Primitive } from '../../types/primitive';
|
|
1
|
+
import { Group, Item } from '../QList/types';
|
|
3
2
|
import { QTextFieldProps } from '../QTextField/types';
|
|
4
3
|
export type QComboboxProps = Omit<QTextFieldProps, 'type'> & {
|
|
5
4
|
/**
|
|
6
5
|
* The list of available items for selection.
|
|
7
6
|
*/
|
|
8
|
-
items?:
|
|
9
|
-
[key: string]: any;
|
|
10
|
-
})[];
|
|
7
|
+
items?: Item[];
|
|
11
8
|
/**
|
|
12
9
|
* The item groups used for organizing the available items.
|
|
13
10
|
*/
|
|
14
|
-
groups?:
|
|
15
|
-
id: string;
|
|
16
|
-
})[];
|
|
11
|
+
groups?: Group[];
|
|
17
12
|
/**
|
|
18
13
|
* Property on each item that contains its value.
|
|
19
14
|
*/
|
|
@@ -38,7 +33,7 @@ export type QComboboxProps = Omit<QTextFieldProps, 'type'> & {
|
|
|
38
33
|
* The value to be used in comparisons,
|
|
39
34
|
* used to check if the field has a selected item.
|
|
40
35
|
*/
|
|
41
|
-
emptyValue?:
|
|
36
|
+
emptyValue?: any;
|
|
42
37
|
/**
|
|
43
38
|
* Custom icon configurations.
|
|
44
39
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/types.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/types.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IAEtC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGM,CAAA"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Primitive } from '../../types/primitive';
|
|
2
1
|
import { QDropdownMenuProps } from './types';
|
|
3
2
|
type __VLS_Props = QDropdownMenuProps;
|
|
4
3
|
type __VLS_PublicProps = {
|
|
@@ -7,9 +6,9 @@ type __VLS_PublicProps = {
|
|
|
7
6
|
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
8
7
|
"update:modelValue": (value: boolean) => any;
|
|
9
8
|
} & {
|
|
10
|
-
select: (item:
|
|
9
|
+
select: (item: any) => any;
|
|
11
10
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
12
|
-
onSelect?: ((item:
|
|
11
|
+
onSelect?: ((item: any) => any) | undefined;
|
|
13
12
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
14
13
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
15
14
|
export default _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAMA;
|
|
1
|
+
{"version":3,"file":"QDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenu.vue"],"names":[],"mappings":"AAMA;AA4CC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA6BvC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;AA2DhB,wBAOG"}
|