@quidgest/ui 0.14.0 → 0.14.1
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.css +4 -0
- package/dist/ui.esm.js +693 -686
- package/dist/ui.js +4 -4
- package/dist/ui.min.js +51 -51
- package/dist/ui.scss +1053 -1049
- package/esm/components/QBadge/QBadge.d.ts +14 -41
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +33 -33
- package/esm/components/QBadge/index.d.ts +0 -1
- package/esm/components/QBadge/types.d.ts +6 -7
- package/esm/components/QBadge/types.d.ts.map +1 -1
- package/esm/components/QButton/QButton.d.ts +12 -35
- package/esm/components/QButton/QButton.d.ts.map +1 -1
- package/esm/components/QButton/index.d.ts +0 -1
- package/esm/components/QButtonGroup/QButtonGroup.d.ts +9 -26
- package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
- package/esm/components/QButtonGroup/index.d.ts +0 -1
- package/esm/components/QButtonToggle/QButtonToggle.d.ts +17 -47
- package/esm/components/QButtonToggle/QButtonToggle.d.ts.map +1 -1
- package/esm/components/QButtonToggle/index.d.ts +0 -1
- package/esm/components/QCombobox/QCombobox.d.ts +373 -485
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +92 -87
- package/esm/components/QCombobox/index.d.ts +0 -1
- package/esm/components/QCombobox/types.d.ts +9 -8
- package/esm/components/QCombobox/types.d.ts.map +1 -1
- package/esm/components/QCombobox/types.js +3 -1
- package/esm/components/QDialog/QDialog.d.ts +21 -109
- package/esm/components/QDialog/QDialog.d.ts.map +1 -1
- package/esm/components/QDialog/QDialog.vue.js +16 -16
- package/esm/components/QDialog/index.d.ts +0 -1
- package/esm/components/QDialog/types.d.ts +6 -8
- package/esm/components/QDialog/types.d.ts.map +1 -1
- package/esm/components/QField/QField.d.ts +18 -41
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/index.d.ts +0 -1
- package/esm/components/QIcon/InlineSvg.d.ts +6 -6
- package/esm/components/QIcon/QIcon.d.ts +2 -28
- package/esm/components/QIcon/QIcon.d.ts.map +1 -1
- package/esm/components/QIcon/QIconFont.d.ts +2 -30
- package/esm/components/QIcon/QIconFont.d.ts.map +1 -1
- package/esm/components/QIcon/QIconImg.d.ts +1 -11
- package/esm/components/QIcon/QIconImg.d.ts.map +1 -1
- package/esm/components/QIcon/QIconSvg.d.ts +6 -32
- package/esm/components/QIcon/QIconSvg.d.ts.map +1 -1
- package/esm/components/QIcon/index.d.ts +0 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts +12 -39
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/index.d.ts +0 -1
- package/esm/components/QInputGroup/types.d.ts +0 -1
- package/esm/components/QLineLoader/QLineLoader.d.ts +2 -24
- package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
- package/esm/components/QLineLoader/index.d.ts +0 -1
- package/esm/components/QList/QList.d.ts +22 -72
- package/esm/components/QList/QList.d.ts.map +1 -1
- package/esm/components/QList/QListItem.d.ts +14 -39
- package/esm/components/QList/QListItem.d.ts.map +1 -1
- package/esm/components/QList/QListItem.vue.js +5 -5
- package/esm/components/QList/QListItemGroup.d.ts +9 -26
- package/esm/components/QList/QListItemGroup.d.ts.map +1 -1
- package/esm/components/QList/index.d.ts +0 -1
- package/esm/components/QList/types.d.ts +5 -7
- package/esm/components/QList/types.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts +23 -141
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/index.d.ts +0 -1
- package/esm/components/QOverlay/types.d.ts +0 -1
- package/esm/components/QPopover/QPopover.d.ts +19 -77
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/index.d.ts +0 -1
- package/esm/components/QPopover/types.d.ts +0 -1
- package/esm/components/QPropertyList/QPropertyList.d.ts +28 -56
- package/esm/components/QPropertyList/QPropertyList.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +61 -62
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts +7 -44
- package/esm/components/QPropertyList/QPropertyListGroup.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListGroup.vue.js +22 -26
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts +11 -43
- package/esm/components/QPropertyList/QPropertyListPanel.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListPanel.vue.js +14 -16
- package/esm/components/QPropertyList/QPropertyListRow.d.ts +12 -17
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/index.d.ts +0 -1
- package/esm/components/QPropertyList/types.d.ts +70 -34
- package/esm/components/QPropertyList/types.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.d.ts +199 -147
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +130 -125
- package/esm/components/QSelect/index.d.ts +0 -1
- package/esm/components/QSelect/types.d.ts +9 -8
- package/esm/components/QSelect/types.d.ts.map +1 -1
- package/esm/components/QSelect/types.js +5 -3
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts +2 -28
- package/esm/components/QSkeletonLoader/QSkeletonLoader.d.ts.map +1 -1
- package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js +19 -19
- package/esm/components/QSkeletonLoader/index.d.ts +0 -1
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts +2 -26
- package/esm/components/QSpinnerLoader/QSpinnerLoader.d.ts.map +1 -1
- package/esm/components/QSpinnerLoader/index.d.ts +0 -1
- package/esm/components/QTextField/QTextField.d.ts +100 -96
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/index.d.ts +0 -1
- package/esm/components/QTextField/types.d.ts +0 -1
- package/esm/components/QThemeProvider/QThemeProvider.d.ts +8 -13
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QThemeProvider/index.d.ts +0 -1
- package/esm/components/QTooltip/QTooltip.d.ts +23 -121
- package/esm/components/QTooltip/QTooltip.d.ts.map +1 -1
- package/esm/components/QTooltip/index.d.ts +0 -1
- package/esm/components/QTooltip/types.d.ts +0 -1
- package/esm/composables/defaults.d.ts +0 -1
- package/esm/composables/theme.d.ts +0 -1
- package/esm/framework.d.ts +0 -1
- package/esm/templates/theme.d.ts +0 -1
- package/esm/utils/setupPropsProxy.d.ts +0 -1
- package/esm/utils/theme.d.ts +0 -1
- package/package.json +31 -31
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as Y, mergeModels as R, useModel as Z, ref as f, computed as k, watch as ee, nextTick as le, openBlock as o, createElementBlock as m, Fragment as D, createVNode as p, unref as i, mergeProps as F, withModifiers as O, createSlots as ae, withCtx as n, renderSlot as u, createBlock as g, normalizeProps as x, guardReactiveProps as A, createCommentVNode as h, toDisplayString as M, createTextVNode as te, createElementVNode as oe } from "vue";
|
|
2
2
|
import { QButton as U } from "../QButton/index.js";
|
|
3
3
|
import { QField as ie } from "../QField/index.js";
|
|
4
|
-
import { QIcon as
|
|
5
|
-
import { QList as
|
|
6
|
-
import { QOverlay as
|
|
7
|
-
import { QSpinnerLoader as
|
|
8
|
-
import { DEFAULT_ICONS as
|
|
9
|
-
const
|
|
4
|
+
import { QIcon as S } from "../QIcon/index.js";
|
|
5
|
+
import { QList as ne } from "../QList/index.js";
|
|
6
|
+
import { QOverlay as se } from "../QOverlay/index.js";
|
|
7
|
+
import { QSpinnerLoader as de } from "../QSpinnerLoader/index.js";
|
|
8
|
+
import { DEFAULT_ICONS as re, DEFAULT_TEXTS as ue } from "./types.js";
|
|
9
|
+
const ce = {
|
|
10
10
|
key: 0,
|
|
11
11
|
class: "q-select__value"
|
|
12
|
-
},
|
|
12
|
+
}, fe = {
|
|
13
13
|
key: 1,
|
|
14
14
|
class: "q-select__placeholder"
|
|
15
|
-
},
|
|
15
|
+
}, me = ["data-key"], pe = {
|
|
16
16
|
key: 0,
|
|
17
17
|
class: "q-select__loader"
|
|
18
|
-
},
|
|
18
|
+
}, Ve = /* @__PURE__ */ Y({
|
|
19
|
+
inheritAttrs: !1,
|
|
19
20
|
__name: "QSelect",
|
|
20
21
|
props: /* @__PURE__ */ R({
|
|
21
22
|
id: { default: void 0 },
|
|
@@ -32,7 +33,8 @@ const fe = {
|
|
|
32
33
|
emptyValue: { type: [String, Number, Boolean, Symbol], default: void 0 },
|
|
33
34
|
size: { default: void 0 },
|
|
34
35
|
class: { default: "" },
|
|
35
|
-
|
|
36
|
+
icons: { default: () => re },
|
|
37
|
+
texts: { default: () => ue }
|
|
36
38
|
}, {
|
|
37
39
|
modelValue: {
|
|
38
40
|
type: [String, Number, Boolean, Symbol]
|
|
@@ -40,122 +42,124 @@ const fe = {
|
|
|
40
42
|
modelModifiers: {}
|
|
41
43
|
}),
|
|
42
44
|
emits: /* @__PURE__ */ R(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
|
|
43
|
-
setup(
|
|
44
|
-
const
|
|
45
|
+
setup($, { emit: P }) {
|
|
46
|
+
const e = $, v = P, y = Z($, "modelValue"), t = f(!1), _ = f(""), b = f(null), w = f(null), V = f(null), K = k(() => s.value === void 0), s = k(
|
|
45
47
|
() => {
|
|
46
|
-
var
|
|
47
|
-
return (
|
|
48
|
+
var l;
|
|
49
|
+
return (l = e.items) == null ? void 0 : l.find((a) => a[e.itemValue] === y.value);
|
|
48
50
|
}
|
|
49
|
-
),
|
|
50
|
-
() => s.value ? s.value[
|
|
51
|
+
), H = k(
|
|
52
|
+
() => s.value ? s.value[e.itemLabel] : ""
|
|
51
53
|
), q = k(
|
|
52
|
-
() =>
|
|
54
|
+
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
53
55
|
);
|
|
54
|
-
function
|
|
55
|
-
y.value =
|
|
56
|
+
function B(l) {
|
|
57
|
+
y.value = l, L();
|
|
56
58
|
}
|
|
57
59
|
function E() {
|
|
58
|
-
q.value && (
|
|
60
|
+
q.value && (B(e.emptyValue), I());
|
|
59
61
|
}
|
|
60
|
-
function
|
|
62
|
+
function W(l) {
|
|
61
63
|
var a, d, c;
|
|
62
|
-
!((a = V.value) != null && a.contains(
|
|
64
|
+
!((a = V.value) != null && a.contains(l.relatedTarget)) && !((c = (d = b.value) == null ? void 0 : d.fieldRef) != null && c.contains(l.relatedTarget)) && L();
|
|
63
65
|
}
|
|
64
|
-
function
|
|
65
|
-
|
|
66
|
+
function X() {
|
|
67
|
+
t.value || (v("before-show"), t.value = !0);
|
|
66
68
|
}
|
|
67
69
|
function L() {
|
|
68
|
-
|
|
70
|
+
t.value && (v("before-hide"), t.value = !1);
|
|
69
71
|
}
|
|
70
72
|
function T() {
|
|
71
|
-
|
|
73
|
+
e.readonly || e.disabled || (t.value ? L() : X());
|
|
72
74
|
}
|
|
73
|
-
let
|
|
74
|
-
function z(
|
|
75
|
-
if (!(!
|
|
76
|
-
if (window.clearTimeout(
|
|
77
|
-
_.value +=
|
|
78
|
-
for (let a = 0; a <
|
|
79
|
-
if (
|
|
80
|
-
|
|
75
|
+
let C;
|
|
76
|
+
function z(l) {
|
|
77
|
+
if (!(!l.key || e.readonly || e.disabled)) {
|
|
78
|
+
if (window.clearTimeout(C), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(l.key) && (l.preventDefault(), l.stopPropagation()), ["Enter", " "].includes(l.key) && (t.value = !0), ["Escape", "Tab"].includes(l.key) && (t.value ? t.value = !1 : q.value && l.key === "Escape" && E()), l.key === "Delete" && e.clearable && E(), /^[a-z]$/i.test(l.key)) {
|
|
79
|
+
_.value += l.key.toLowerCase();
|
|
80
|
+
for (let a = 0; a < e.items.length; a++)
|
|
81
|
+
if (e.items[a][e.itemLabel].toLowerCase().startsWith(_.value)) {
|
|
82
|
+
J(a);
|
|
81
83
|
break;
|
|
82
84
|
}
|
|
83
85
|
}
|
|
84
|
-
|
|
86
|
+
C = window.setTimeout(function() {
|
|
85
87
|
_.value = "";
|
|
86
88
|
}, 500);
|
|
87
89
|
}
|
|
88
90
|
}
|
|
89
|
-
function X() {
|
|
90
|
-
var e;
|
|
91
|
-
l.loading ? (e = V.value) == null || e.focus() : N(), v("show");
|
|
92
|
-
}
|
|
93
91
|
function j() {
|
|
92
|
+
var l;
|
|
93
|
+
e.loading ? (l = V.value) == null || l.focus() : N(), v("show");
|
|
94
|
+
}
|
|
95
|
+
function G() {
|
|
94
96
|
I(), v("hide");
|
|
95
97
|
}
|
|
96
98
|
function I() {
|
|
97
|
-
var
|
|
98
|
-
(a = (
|
|
99
|
+
var l, a;
|
|
100
|
+
(a = (l = b.value) == null ? void 0 : l.fieldRef) == null || a.focus();
|
|
99
101
|
}
|
|
100
102
|
function N() {
|
|
101
|
-
var
|
|
102
|
-
(
|
|
103
|
+
var l;
|
|
104
|
+
(l = w.value) == null || l.$el.focus();
|
|
103
105
|
}
|
|
104
|
-
function
|
|
106
|
+
function J(l) {
|
|
105
107
|
var a;
|
|
106
|
-
(a = w.value) == null || a.focusItem(
|
|
108
|
+
(a = w.value) == null || a.focusItem(l);
|
|
107
109
|
}
|
|
108
|
-
return
|
|
109
|
-
() =>
|
|
110
|
-
(
|
|
111
|
-
!
|
|
110
|
+
return ee(
|
|
111
|
+
() => e.loading,
|
|
112
|
+
(l) => {
|
|
113
|
+
!l && t.value && le(N);
|
|
112
114
|
}
|
|
113
|
-
), (
|
|
115
|
+
), (l, a) => {
|
|
114
116
|
var d, c;
|
|
115
|
-
return
|
|
117
|
+
return o(), m(
|
|
116
118
|
D,
|
|
117
119
|
null,
|
|
118
120
|
[
|
|
119
|
-
p(
|
|
120
|
-
id:
|
|
121
|
-
label:
|
|
122
|
-
required:
|
|
121
|
+
p(i(ie), F({
|
|
122
|
+
id: e.id,
|
|
123
|
+
label: e.label,
|
|
124
|
+
required: e.required,
|
|
123
125
|
ref_key: "triggerEl",
|
|
124
126
|
ref: b,
|
|
125
127
|
role: "combobox",
|
|
126
|
-
tabindex:
|
|
127
|
-
class:
|
|
128
|
+
tabindex: e.disabled ? -1 : 0,
|
|
129
|
+
class: [
|
|
128
130
|
"q-select",
|
|
129
131
|
{
|
|
130
|
-
"q-select--readonly":
|
|
131
|
-
"q-select--disabled":
|
|
132
|
-
"q-select--expanded":
|
|
132
|
+
"q-select--readonly": e.readonly,
|
|
133
|
+
"q-select--disabled": e.disabled,
|
|
134
|
+
"q-select--expanded": t.value
|
|
133
135
|
},
|
|
134
|
-
|
|
135
|
-
]
|
|
136
|
-
readonly:
|
|
137
|
-
disabled:
|
|
138
|
-
"data-loading":
|
|
139
|
-
"aria-expanded":
|
|
136
|
+
e.class
|
|
137
|
+
],
|
|
138
|
+
readonly: e.readonly,
|
|
139
|
+
disabled: e.disabled,
|
|
140
|
+
"data-loading": e.loading,
|
|
141
|
+
"aria-expanded": t.value,
|
|
140
142
|
"aria-haspopup": "listbox",
|
|
141
|
-
size:
|
|
143
|
+
size: e.size
|
|
144
|
+
}, l.$attrs, {
|
|
142
145
|
onClick: T,
|
|
143
|
-
onKeydown:
|
|
144
|
-
}, ae({
|
|
145
|
-
append:
|
|
146
|
-
u(
|
|
147
|
-
q.value && y.value ? (
|
|
146
|
+
onKeydown: O(z, ["stop"])
|
|
147
|
+
}), ae({
|
|
148
|
+
append: n(() => [
|
|
149
|
+
u(l.$slots, "append"),
|
|
150
|
+
q.value && y.value ? (o(), g(i(U), {
|
|
148
151
|
key: 0,
|
|
149
152
|
class: "q-select__clear",
|
|
153
|
+
"aria-label": e.texts.clearValue,
|
|
150
154
|
"b-style": "plain",
|
|
151
155
|
borderless: "",
|
|
152
156
|
tabindex: "-1",
|
|
153
157
|
onClick: E
|
|
154
158
|
}, {
|
|
155
|
-
default:
|
|
159
|
+
default: n(() => [
|
|
156
160
|
p(
|
|
157
|
-
|
|
158
|
-
|
|
161
|
+
i(S),
|
|
162
|
+
x(A(e.icons.clear)),
|
|
159
163
|
null,
|
|
160
164
|
16
|
|
161
165
|
/* FULL_PROPS */
|
|
@@ -163,20 +167,21 @@ const fe = {
|
|
|
163
167
|
]),
|
|
164
168
|
_: 1
|
|
165
169
|
/* STABLE */
|
|
166
|
-
})) : h("v-if", !0),
|
|
167
|
-
|
|
170
|
+
}, 8, ["aria-label"])) : h("v-if", !0),
|
|
171
|
+
e.readonly ? h("v-if", !0) : (o(), g(i(U), {
|
|
168
172
|
key: 1,
|
|
169
173
|
class: "q-select__chevron",
|
|
174
|
+
"aria-label": e.texts.showOptions,
|
|
170
175
|
"b-style": "plain",
|
|
171
176
|
borderless: "",
|
|
172
177
|
tabindex: "-1",
|
|
173
|
-
disabled:
|
|
178
|
+
disabled: e.disabled,
|
|
174
179
|
onClick: T
|
|
175
180
|
}, {
|
|
176
|
-
default:
|
|
181
|
+
default: n(() => [
|
|
177
182
|
p(
|
|
178
|
-
|
|
179
|
-
|
|
183
|
+
i(S),
|
|
184
|
+
x(A(e.icons.chevron)),
|
|
180
185
|
null,
|
|
181
186
|
16
|
|
182
187
|
/* FULL_PROPS */
|
|
@@ -184,16 +189,16 @@ const fe = {
|
|
|
184
189
|
]),
|
|
185
190
|
_: 1
|
|
186
191
|
/* STABLE */
|
|
187
|
-
}, 8, ["disabled"]))
|
|
192
|
+
}, 8, ["aria-label", "disabled"]))
|
|
188
193
|
]),
|
|
189
|
-
default:
|
|
190
|
-
|
|
191
|
-
!
|
|
194
|
+
default: n(() => [
|
|
195
|
+
K.value ? (o(), m("span", fe, [
|
|
196
|
+
!e.readonly && !e.disabled ? (o(), m(
|
|
192
197
|
D,
|
|
193
198
|
{ key: 0 },
|
|
194
199
|
[
|
|
195
|
-
|
|
196
|
-
|
|
200
|
+
te(
|
|
201
|
+
M(e.texts.placeholder),
|
|
197
202
|
1
|
|
198
203
|
/* TEXT */
|
|
199
204
|
)
|
|
@@ -201,10 +206,10 @@ const fe = {
|
|
|
201
206
|
64
|
|
202
207
|
/* STABLE_FRAGMENT */
|
|
203
208
|
)) : h("v-if", !0)
|
|
204
|
-
])) : (
|
|
209
|
+
])) : (o(), m(
|
|
205
210
|
"span",
|
|
206
|
-
|
|
207
|
-
|
|
211
|
+
ce,
|
|
212
|
+
M(H.value),
|
|
208
213
|
1
|
|
209
214
|
/* TEXT */
|
|
210
215
|
))
|
|
@@ -212,15 +217,15 @@ const fe = {
|
|
|
212
217
|
_: 2
|
|
213
218
|
/* DYNAMIC */
|
|
214
219
|
}, [
|
|
215
|
-
(d = s.value) != null && d.icon ||
|
|
220
|
+
(d = s.value) != null && d.icon || l.$slots.prepend ? {
|
|
216
221
|
name: "prepend",
|
|
217
|
-
fn:
|
|
222
|
+
fn: n(() => {
|
|
218
223
|
var r, Q;
|
|
219
224
|
return [
|
|
220
|
-
u(
|
|
221
|
-
(r = s.value) != null && r.icon ? (
|
|
222
|
-
|
|
223
|
-
|
|
225
|
+
u(l.$slots, "prepend"),
|
|
226
|
+
(r = s.value) != null && r.icon ? (o(), g(
|
|
227
|
+
i(S),
|
|
228
|
+
x(F({ key: 0 }, (Q = s.value) == null ? void 0 : Q.icon)),
|
|
224
229
|
null,
|
|
225
230
|
16
|
|
226
231
|
/* FULL_PROPS */
|
|
@@ -229,17 +234,17 @@ const fe = {
|
|
|
229
234
|
}),
|
|
230
235
|
key: "0"
|
|
231
236
|
} : void 0,
|
|
232
|
-
|
|
237
|
+
l.$slots.extras ? {
|
|
233
238
|
name: "extras",
|
|
234
|
-
fn:
|
|
235
|
-
u(
|
|
239
|
+
fn: n(() => [
|
|
240
|
+
u(l.$slots, "extras")
|
|
236
241
|
]),
|
|
237
242
|
key: "1"
|
|
238
243
|
} : void 0
|
|
239
|
-
]),
|
|
240
|
-
p(
|
|
241
|
-
modelValue:
|
|
242
|
-
"onUpdate:modelValue": a[0] || (a[0] = (r) =>
|
|
244
|
+
]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
|
|
245
|
+
p(i(se), {
|
|
246
|
+
modelValue: t.value,
|
|
247
|
+
"onUpdate:modelValue": a[0] || (a[0] = (r) => t.value = r),
|
|
243
248
|
spy: "",
|
|
244
249
|
trigger: "manual",
|
|
245
250
|
placement: "bottom-start",
|
|
@@ -247,44 +252,44 @@ const fe = {
|
|
|
247
252
|
"scroll-lock": "",
|
|
248
253
|
anchor: (c = b.value) == null ? void 0 : c.$el,
|
|
249
254
|
offset: 2,
|
|
250
|
-
onEnter:
|
|
251
|
-
onLeave:
|
|
255
|
+
onEnter: j,
|
|
256
|
+
onLeave: G
|
|
252
257
|
}, {
|
|
253
|
-
default:
|
|
254
|
-
|
|
258
|
+
default: n(() => [
|
|
259
|
+
oe("div", {
|
|
255
260
|
ref_key: "contentRef",
|
|
256
261
|
ref: V,
|
|
257
262
|
"data-testid": "combobox-dropdown",
|
|
258
|
-
"data-key":
|
|
263
|
+
"data-key": e.id,
|
|
259
264
|
class: "q-select__body",
|
|
260
265
|
tabindex: "-1",
|
|
261
|
-
onFocusout:
|
|
262
|
-
onKeydown:
|
|
266
|
+
onFocusout: W,
|
|
267
|
+
onKeydown: O(z, ["stop"])
|
|
263
268
|
}, [
|
|
264
|
-
u(
|
|
265
|
-
|
|
266
|
-
p(
|
|
267
|
-
])) : (
|
|
269
|
+
u(l.$slots, "body.prepend"),
|
|
270
|
+
e.loading ? (o(), m("div", pe, [
|
|
271
|
+
p(i(de), { size: 24 })
|
|
272
|
+
])) : (o(), g(i(ne), {
|
|
268
273
|
key: 1,
|
|
269
274
|
ref_key: "listRef",
|
|
270
275
|
ref: w,
|
|
271
276
|
class: "q-select__items",
|
|
272
277
|
selectable: "",
|
|
273
278
|
"model-value": y.value,
|
|
274
|
-
items:
|
|
275
|
-
groups:
|
|
276
|
-
"item-label":
|
|
277
|
-
"item-value":
|
|
278
|
-
"onUpdate:modelValue":
|
|
279
|
+
items: e.items,
|
|
280
|
+
groups: l.groups,
|
|
281
|
+
"item-label": e.itemLabel,
|
|
282
|
+
"item-value": e.itemValue,
|
|
283
|
+
"onUpdate:modelValue": B
|
|
279
284
|
}, {
|
|
280
|
-
item:
|
|
281
|
-
u(
|
|
285
|
+
item: n(({ item: r }) => [
|
|
286
|
+
u(l.$slots, "item", { item: r })
|
|
282
287
|
]),
|
|
283
288
|
_: 3
|
|
284
289
|
/* FORWARDED */
|
|
285
290
|
}, 8, ["model-value", "items", "groups", "item-label", "item-value"])),
|
|
286
|
-
u(
|
|
287
|
-
], 40,
|
|
291
|
+
u(l.$slots, "body.append")
|
|
292
|
+
], 40, me)
|
|
288
293
|
]),
|
|
289
294
|
_: 3
|
|
290
295
|
/* FORWARDED */
|
|
@@ -297,5 +302,5 @@ const fe = {
|
|
|
297
302
|
}
|
|
298
303
|
});
|
|
299
304
|
export {
|
|
300
|
-
|
|
305
|
+
Ve as default
|
|
301
306
|
};
|
|
@@ -2,7 +2,6 @@ import { QFieldSize } from '../QField';
|
|
|
2
2
|
import { Icon } from '../QIcon';
|
|
3
3
|
import { QListItemGroupProps, QListItemProps } from '../QList';
|
|
4
4
|
import { Primitive } from '../../types/primitive';
|
|
5
|
-
|
|
6
5
|
export type QSelectProps = {
|
|
7
6
|
/**
|
|
8
7
|
* The field unique identifier.
|
|
@@ -67,14 +66,16 @@ export type QSelectProps = {
|
|
|
67
66
|
*/
|
|
68
67
|
class?: string | unknown[];
|
|
69
68
|
/**
|
|
70
|
-
*
|
|
69
|
+
* Custom icon configurations.
|
|
71
70
|
*/
|
|
72
|
-
|
|
71
|
+
icons?: typeof DEFAULT_ICONS;
|
|
72
|
+
/**
|
|
73
|
+
* Custom text configurations.
|
|
74
|
+
*/
|
|
75
|
+
texts?: typeof DEFAULT_TEXTS;
|
|
73
76
|
};
|
|
74
77
|
export declare const DEFAULT_TEXTS: Record<string, string>;
|
|
75
|
-
|
|
76
|
-
export
|
|
77
|
-
|
|
78
|
-
texts: typeof DEFAULT_TEXTS;
|
|
79
|
-
};
|
|
78
|
+
type IconKeys = 'chevron' | 'clear';
|
|
79
|
+
export declare const DEFAULT_ICONS: Record<IconKeys, Icon>;
|
|
80
|
+
export {};
|
|
80
81
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;QAGjD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAClB,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,mBAAmB,GAAG;QAC/B,EAAE,EAAE,MAAM,CAAA;KACV,CAAC,EAAE,CAAA;IAEJ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAIhD,CAAA;AAED,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAGnC,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,CAOhD,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
const o = {
|
|
2
|
-
placeholder: "Choose..."
|
|
3
|
-
|
|
2
|
+
placeholder: "Choose...",
|
|
3
|
+
clearValue: "Clear value",
|
|
4
|
+
showOptions: "Show options"
|
|
5
|
+
}, e = {
|
|
4
6
|
chevron: {
|
|
5
7
|
icon: "chevron-down"
|
|
6
8
|
},
|
|
@@ -9,6 +11,6 @@ const o = {
|
|
|
9
11
|
}
|
|
10
12
|
};
|
|
11
13
|
export {
|
|
12
|
-
|
|
14
|
+
e as DEFAULT_ICONS,
|
|
13
15
|
o as DEFAULT_TEXTS
|
|
14
16
|
};
|
|
@@ -1,34 +1,8 @@
|
|
|
1
1
|
import { QSkeletonLoaderProps } from './types';
|
|
2
|
-
|
|
3
|
-
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
|
|
4
|
-
type: undefined;
|
|
5
|
-
width: undefined;
|
|
6
|
-
height: undefined;
|
|
7
|
-
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSkeletonLoaderProps>, {
|
|
8
|
-
type: undefined;
|
|
9
|
-
width: undefined;
|
|
10
|
-
height: undefined;
|
|
11
|
-
}>>>, {
|
|
2
|
+
declare const _default: import('vue').DefineComponent<QSkeletonLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSkeletonLoaderProps> & Readonly<{}>, {
|
|
12
3
|
type: "text" | "icon";
|
|
13
4
|
height: string | number;
|
|
14
5
|
width: string | number;
|
|
15
|
-
}, {}>;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
7
|
export default _default;
|
|
17
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
18
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
19
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
20
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
21
|
-
} : {
|
|
22
|
-
type: import('vue').PropType<T[K]>;
|
|
23
|
-
required: true;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
type __VLS_WithDefaults<P, D> = {
|
|
27
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
28
|
-
default: D[K];
|
|
29
|
-
}> : P[K];
|
|
30
|
-
};
|
|
31
|
-
type __VLS_Prettify<T> = {
|
|
32
|
-
[K in keyof T]: T[K];
|
|
33
|
-
} & {};
|
|
34
8
|
//# sourceMappingURL=QSkeletonLoader.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QSkeletonLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSkeletonLoader/QSkeletonLoader.vue"],"names":[],"mappings":"AAoCC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;;;;;;AAoFpD,wBAOG"}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { defineComponent as i, computed as
|
|
2
|
-
const
|
|
3
|
-
"div",
|
|
4
|
-
{ class: "q-skeleton-loader__bone" },
|
|
5
|
-
null,
|
|
6
|
-
-1
|
|
7
|
-
/* HOISTED */
|
|
8
|
-
), m = [
|
|
9
|
-
u
|
|
10
|
-
], f = /* @__PURE__ */ i({
|
|
1
|
+
import { defineComponent as i, computed as l, openBlock as r, createElementBlock as a, normalizeClass as p, normalizeStyle as h, createElementVNode as u } from "vue";
|
|
2
|
+
const m = /* @__PURE__ */ i({
|
|
11
3
|
__name: "QSkeletonLoader",
|
|
12
4
|
props: {
|
|
13
5
|
type: { default: void 0 },
|
|
14
6
|
width: { default: void 0 },
|
|
15
7
|
height: { default: void 0 }
|
|
16
8
|
},
|
|
17
|
-
setup(
|
|
18
|
-
const e =
|
|
19
|
-
const
|
|
9
|
+
setup(n) {
|
|
10
|
+
const e = n, s = l(() => e.type ? `q-skeleton-loader--${e.type}` : void 0), d = l(() => {
|
|
11
|
+
const o = typeof e.width == "number" ? `${e.width}px` : e.width, t = typeof e.height == "number" ? `${e.height}px` : e.height;
|
|
20
12
|
return {
|
|
21
|
-
width:
|
|
22
|
-
height:
|
|
13
|
+
width: o,
|
|
14
|
+
height: t
|
|
23
15
|
};
|
|
24
16
|
});
|
|
25
|
-
return (
|
|
17
|
+
return (o, t) => (r(), a(
|
|
26
18
|
"div",
|
|
27
19
|
{
|
|
28
|
-
class:
|
|
20
|
+
class: p(["q-skeleton-loader", s.value]),
|
|
29
21
|
style: h(d.value)
|
|
30
22
|
},
|
|
31
|
-
|
|
23
|
+
t[0] || (t[0] = [
|
|
24
|
+
u(
|
|
25
|
+
"div",
|
|
26
|
+
{ class: "q-skeleton-loader__bone" },
|
|
27
|
+
null,
|
|
28
|
+
-1
|
|
29
|
+
/* HOISTED */
|
|
30
|
+
)
|
|
31
|
+
]),
|
|
32
32
|
6
|
|
33
33
|
/* CLASS, STYLE */
|
|
34
34
|
));
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
m as default
|
|
39
39
|
};
|
|
@@ -1,31 +1,7 @@
|
|
|
1
1
|
import { QSpinnerLoaderProps } from './types';
|
|
2
|
-
|
|
3
|
-
declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSpinnerLoaderProps>, {
|
|
4
|
-
size: number;
|
|
5
|
-
class: undefined;
|
|
6
|
-
}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QSpinnerLoaderProps>, {
|
|
7
|
-
size: number;
|
|
8
|
-
class: undefined;
|
|
9
|
-
}>>>, {
|
|
2
|
+
declare const _default: import('vue').DefineComponent<QSpinnerLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSpinnerLoaderProps> & Readonly<{}>, {
|
|
10
3
|
size: number;
|
|
11
4
|
class: string | unknown[];
|
|
12
|
-
}, {}>;
|
|
5
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
6
|
export default _default;
|
|
14
|
-
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
15
|
-
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
16
|
-
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
17
|
-
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
18
|
-
} : {
|
|
19
|
-
type: import('vue').PropType<T[K]>;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
type __VLS_WithDefaults<P, D> = {
|
|
24
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
25
|
-
default: D[K];
|
|
26
|
-
}> : P[K];
|
|
27
|
-
};
|
|
28
|
-
type __VLS_Prettify<T> = {
|
|
29
|
-
[K in keyof T]: T[K];
|
|
30
|
-
} & {};
|
|
31
7
|
//# sourceMappingURL=QSpinnerLoader.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QSpinnerLoader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSpinnerLoader/QSpinnerLoader.vue"],"names":[],"mappings":"AAyBC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;;AAuEnD,wBAOG"}
|