@quidgest/ui 0.14.17 → 0.14.19
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/manifest/components.json +3 -0
- package/dist/ui.css +90 -27
- package/dist/ui.esm.js +5867 -5517
- package/dist/ui.js +16 -16
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +222 -198
- package/dist/ui.scss +94 -30
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +42 -48
- package/esm/components/QCheckbox/QCheckbox.d.ts +2 -1
- package/esm/components/QCheckbox/QCheckbox.d.ts.map +1 -1
- package/esm/components/QCheckbox/QCheckbox.vue.js +4 -4
- package/esm/components/QCheckbox/constants.d.ts +9 -0
- package/esm/components/QCheckbox/constants.d.ts.map +1 -0
- package/esm/components/QCheckbox/index.d.ts +6 -6
- package/esm/components/QCheckbox/types.d.ts +1 -8
- package/esm/components/QCheckbox/types.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +9 -8
- package/esm/components/QCombobox/QCombobox.d.ts +24 -0
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +1 -0
- package/esm/components/QCombobox/index.d.ts +45 -3
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +12 -10
- package/esm/components/QDateTimePicker/index.d.ts +6 -0
- package/esm/components/QDateTimePicker/index.d.ts.map +1 -1
- package/esm/components/QField/QField.d.ts.map +1 -1
- package/esm/components/QField/QField.vue.js +47 -39
- package/esm/components/QField/types.d.ts +6 -10
- package/esm/components/QField/types.d.ts.map +1 -1
- package/esm/components/QFileUpload/QFileUpload.d.ts.map +1 -1
- package/esm/components/QFileUpload/QFileUpload.vue.js +15 -13
- package/esm/components/QFileUpload/index.d.ts +6 -0
- package/esm/components/QFileUpload/index.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.d.ts +2 -0
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +40 -32
- package/esm/components/QInputGroup/index.d.ts +2 -0
- package/esm/components/QInputGroup/index.d.ts.map +1 -1
- package/esm/components/QLabel/QLabel.d.ts +20 -0
- package/esm/components/QLabel/QLabel.d.ts.map +1 -0
- package/esm/components/QLabel/QLabel.vue.js +27 -0
- package/esm/components/QLabel/QLabel.vue2.js +4 -0
- package/esm/components/QLabel/index.d.ts +22 -0
- package/esm/components/QLabel/index.d.ts.map +1 -0
- package/esm/components/QLabel/index.js +6 -0
- package/esm/components/QLabel/types.d.ts +12 -0
- package/esm/components/QLabel/types.d.ts.map +1 -0
- package/esm/components/QMeter/QMeter.d.ts +14 -0
- package/esm/components/QMeter/QMeter.d.ts.map +1 -0
- package/esm/components/QMeter/QMeter.vue.js +60 -0
- package/esm/components/QMeter/QMeter.vue2.js +4 -0
- package/esm/components/QMeter/index.d.ts +29 -0
- package/esm/components/QMeter/index.d.ts.map +1 -0
- package/esm/components/QMeter/index.js +6 -0
- package/esm/components/QMeter/types.d.ts +20 -0
- package/esm/components/QMeter/types.d.ts.map +1 -0
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +94 -102
- package/esm/components/QOverlay/index.d.ts +2 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts +413 -0
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -0
- package/esm/components/QPasswordField/QPasswordField.vue.js +162 -0
- package/esm/components/QPasswordField/QPasswordField.vue2.js +4 -0
- package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts +4 -0
- package/esm/components/QPasswordField/QPasswordFieldMessages.d.ts.map +1 -0
- package/esm/components/QPasswordField/QPasswordFieldMessages.vue.js +28 -0
- package/esm/components/QPasswordField/QPasswordFieldMessages.vue2.js +4 -0
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts +12 -0
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.d.ts.map +1 -0
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +97 -0
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue2.js +4 -0
- package/esm/components/QPasswordField/constants.d.ts +9 -0
- package/esm/components/QPasswordField/constants.d.ts.map +1 -0
- package/esm/components/QPasswordField/constants.js +11 -0
- package/esm/components/QPasswordField/index.d.ts +264 -0
- package/esm/components/QPasswordField/index.d.ts.map +1 -0
- package/esm/components/QPasswordField/index.js +6 -0
- package/esm/components/QPasswordField/types.d.ts +100 -0
- package/esm/components/QPasswordField/types.d.ts.map +1 -0
- package/esm/components/QSelect/QSelect.d.ts +2 -0
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +31 -29
- package/esm/components/QSelect/index.d.ts +7 -0
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +10 -9
- package/esm/components/QTextArea/index.d.ts +6 -0
- package/esm/components/QTextArea/index.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.d.ts +2 -0
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +8 -6
- package/esm/components/QTextField/index.d.ts +9 -0
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.d.ts.map +1 -1
- package/esm/components/QThemeProvider/QThemeProvider.vue.js +9 -9
- package/esm/components/index.d.ts +3 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +51 -45
- package/esm/composables/theme.d.ts +2 -0
- package/esm/composables/theme.d.ts.map +1 -1
- package/esm/composables/useColorStyle/index.d.ts +11 -0
- package/esm/composables/useColorStyle/index.d.ts.map +1 -0
- package/esm/composables/useColorStyle/index.js +33 -0
- package/esm/composables/useColorStyle/types.d.ts +36 -0
- package/esm/composables/useColorStyle/types.d.ts.map +1 -0
- package/esm/index.d.ts +3 -0
- package/esm/utils/theme.d.ts.map +1 -1
- package/esm/utils/theme.js +27 -26
- package/package.json +1 -1
- /package/esm/components/QCheckbox/{types.js → constants.js} +0 -0
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as
|
|
1
|
+
import { defineComponent as X, mergeModels as I, useModel as j, ref as f, computed as b, watch as G, nextTick as J, createElementBlock as m, openBlock as n, Fragment as N, createVNode as k, unref as i, mergeProps as D, withModifiers as F, createSlots as Y, withCtx as r, toDisplayString as O, createCommentVNode as g, createTextVNode as Z, renderSlot as c, createBlock as h, normalizeProps as ee, createElementVNode as le } from "vue";
|
|
2
2
|
import { DEFAULT_TEXTS as oe, DEFAULT_ICONS as te } from "./types.js";
|
|
3
3
|
import { QButton as ae } from "../QButton/index.js";
|
|
4
4
|
import { QField as ne } from "../QField/index.js";
|
|
5
5
|
import { QIcon as ie } from "../QIcon/index.js";
|
|
6
6
|
import { QList as se } from "../QList/index.js";
|
|
7
|
-
import { QOverlay as
|
|
8
|
-
import { QSpinnerLoader as
|
|
7
|
+
import { QOverlay as de } from "../QOverlay/index.js";
|
|
8
|
+
import { QSpinnerLoader as re } from "../QSpinnerLoader/index.js";
|
|
9
9
|
import { QChevron as ue } from "../__internal__/QChevron/index.js";
|
|
10
10
|
import { QClearButton as ce } from "../__internal__/QClearButton/index.js";
|
|
11
11
|
const fe = {
|
|
@@ -14,7 +14,7 @@ const fe = {
|
|
|
14
14
|
}, me = {
|
|
15
15
|
key: 1,
|
|
16
16
|
class: "q-select__placeholder"
|
|
17
|
-
}, pe = ["data-key"],
|
|
17
|
+
}, pe = ["data-key"], ve = {
|
|
18
18
|
key: 0,
|
|
19
19
|
class: "q-select__loader"
|
|
20
20
|
}, qe = /* @__PURE__ */ X({
|
|
@@ -29,6 +29,7 @@ const fe = {
|
|
|
29
29
|
readonly: { type: Boolean },
|
|
30
30
|
disabled: { type: Boolean },
|
|
31
31
|
required: { type: Boolean },
|
|
32
|
+
invalid: { type: Boolean },
|
|
32
33
|
items: {},
|
|
33
34
|
groups: { default: () => [] },
|
|
34
35
|
itemValue: { default: "key" },
|
|
@@ -44,10 +45,10 @@ const fe = {
|
|
|
44
45
|
}),
|
|
45
46
|
emits: /* @__PURE__ */ I(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
|
|
46
47
|
setup(x, { emit: R }) {
|
|
47
|
-
const e = x, p = R,
|
|
48
|
+
const e = x, p = R, v = j(x, "modelValue"), t = f(!1), w = f(""), y = f(null), _ = f(null), V = f(null), A = b(() => u.value === void 0), u = b(
|
|
48
49
|
() => {
|
|
49
50
|
var l;
|
|
50
|
-
return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] ===
|
|
51
|
+
return (l = e.items) == null ? void 0 : l.find((o) => o[e.itemValue] === v.value);
|
|
51
52
|
}
|
|
52
53
|
), M = b(
|
|
53
54
|
() => u.value ? u.value[e.itemLabel] : ""
|
|
@@ -55,14 +56,14 @@ const fe = {
|
|
|
55
56
|
() => e.clearable && !e.readonly && !e.disabled && !e.loading
|
|
56
57
|
);
|
|
57
58
|
function B(l) {
|
|
58
|
-
|
|
59
|
+
v.value = l, q();
|
|
59
60
|
}
|
|
60
61
|
function L() {
|
|
61
62
|
E.value && (B(e.emptyValue), T());
|
|
62
63
|
}
|
|
63
64
|
function U(l) {
|
|
64
65
|
var o, s, a;
|
|
65
|
-
!((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s =
|
|
66
|
+
!((o = V.value) != null && o.contains(l.relatedTarget)) && !((a = (s = y.value) == null ? void 0 : s.fieldRef) != null && a.contains(l.relatedTarget)) && q();
|
|
66
67
|
}
|
|
67
68
|
function K() {
|
|
68
69
|
t.value || (p("before-show"), t.value = !0);
|
|
@@ -100,7 +101,7 @@ const fe = {
|
|
|
100
101
|
}
|
|
101
102
|
function T() {
|
|
102
103
|
var l, o;
|
|
103
|
-
(o = (l =
|
|
104
|
+
(o = (l = y.value) == null ? void 0 : l.fieldRef) == null || o.focus();
|
|
104
105
|
}
|
|
105
106
|
function Q() {
|
|
106
107
|
var l;
|
|
@@ -124,7 +125,7 @@ const fe = {
|
|
|
124
125
|
k(i(ne), D({
|
|
125
126
|
id: e.id,
|
|
126
127
|
ref_key: "triggerEl",
|
|
127
|
-
ref:
|
|
128
|
+
ref: y,
|
|
128
129
|
label: e.label,
|
|
129
130
|
required: e.required,
|
|
130
131
|
role: "combobox",
|
|
@@ -142,14 +143,15 @@ const fe = {
|
|
|
142
143
|
"data-loading": e.loading,
|
|
143
144
|
"aria-expanded": t.value,
|
|
144
145
|
"aria-haspopup": "listbox",
|
|
145
|
-
size: e.size
|
|
146
|
+
size: e.size,
|
|
147
|
+
invalid: e.invalid
|
|
146
148
|
}, l.$attrs, {
|
|
147
149
|
onClick: C,
|
|
148
150
|
onKeydown: F($, ["stop"])
|
|
149
151
|
}), Y({
|
|
150
|
-
append:
|
|
152
|
+
append: r(() => [
|
|
151
153
|
c(l.$slots, "append"),
|
|
152
|
-
E.value &&
|
|
154
|
+
E.value && v.value ? (n(), h(i(ce), {
|
|
153
155
|
key: 0,
|
|
154
156
|
icons: e.icons,
|
|
155
157
|
texts: e.texts,
|
|
@@ -165,7 +167,7 @@ const fe = {
|
|
|
165
167
|
disabled: e.disabled,
|
|
166
168
|
onClick: C
|
|
167
169
|
}, {
|
|
168
|
-
default:
|
|
170
|
+
default: r(() => [
|
|
169
171
|
k(i(ue), {
|
|
170
172
|
"model-value": t.value,
|
|
171
173
|
icons: e.icons
|
|
@@ -175,7 +177,7 @@ const fe = {
|
|
|
175
177
|
/* STABLE */
|
|
176
178
|
}, 8, ["aria-label", "disabled"]))
|
|
177
179
|
]),
|
|
178
|
-
default:
|
|
180
|
+
default: r(() => [
|
|
179
181
|
A.value ? (n(), m("span", me, [
|
|
180
182
|
!e.readonly && !e.disabled ? (n(), m(
|
|
181
183
|
N,
|
|
@@ -203,11 +205,11 @@ const fe = {
|
|
|
203
205
|
}, [
|
|
204
206
|
(s = u.value) != null && s.icon || l.$slots.prepend ? {
|
|
205
207
|
name: "prepend",
|
|
206
|
-
fn:
|
|
207
|
-
var
|
|
208
|
+
fn: r(() => {
|
|
209
|
+
var d, z;
|
|
208
210
|
return [
|
|
209
211
|
c(l.$slots, "prepend"),
|
|
210
|
-
(
|
|
212
|
+
(d = u.value) != null && d.icon ? (n(), h(
|
|
211
213
|
i(ie),
|
|
212
214
|
ee(D({ key: 0 }, (z = u.value) == null ? void 0 : z.icon)),
|
|
213
215
|
null,
|
|
@@ -220,26 +222,26 @@ const fe = {
|
|
|
220
222
|
} : void 0,
|
|
221
223
|
l.$slots.extras ? {
|
|
222
224
|
name: "extras",
|
|
223
|
-
fn:
|
|
225
|
+
fn: r(() => [
|
|
224
226
|
c(l.$slots, "extras")
|
|
225
227
|
]),
|
|
226
228
|
key: "1"
|
|
227
229
|
} : void 0
|
|
228
|
-
]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
|
|
229
|
-
k(i(
|
|
230
|
+
]), 1040, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size", "invalid"]),
|
|
231
|
+
k(i(de), {
|
|
230
232
|
modelValue: t.value,
|
|
231
|
-
"onUpdate:modelValue": o[0] || (o[0] = (
|
|
233
|
+
"onUpdate:modelValue": o[0] || (o[0] = (d) => t.value = d),
|
|
232
234
|
spy: "",
|
|
233
235
|
trigger: "manual",
|
|
234
236
|
placement: "bottom-start",
|
|
235
237
|
width: "anchor",
|
|
236
238
|
"scroll-lock": "",
|
|
237
|
-
anchor: (a =
|
|
239
|
+
anchor: (a = y.value) == null ? void 0 : a.$el,
|
|
238
240
|
offset: 2,
|
|
239
241
|
onEnter: P,
|
|
240
242
|
onLeave: H
|
|
241
243
|
}, {
|
|
242
|
-
default:
|
|
244
|
+
default: r(() => [
|
|
243
245
|
le("div", {
|
|
244
246
|
ref_key: "contentRef",
|
|
245
247
|
ref: V,
|
|
@@ -251,23 +253,23 @@ const fe = {
|
|
|
251
253
|
onKeydown: F($, ["stop"])
|
|
252
254
|
}, [
|
|
253
255
|
c(l.$slots, "body.prepend"),
|
|
254
|
-
e.loading ? (n(), m("div",
|
|
255
|
-
k(i(
|
|
256
|
+
e.loading ? (n(), m("div", ve, [
|
|
257
|
+
k(i(re), { size: 24 })
|
|
256
258
|
])) : (n(), h(i(se), {
|
|
257
259
|
key: 1,
|
|
258
260
|
ref_key: "listRef",
|
|
259
261
|
ref: _,
|
|
260
262
|
class: "q-select__items",
|
|
261
263
|
selectable: "",
|
|
262
|
-
"model-value":
|
|
264
|
+
"model-value": v.value,
|
|
263
265
|
items: e.items,
|
|
264
266
|
groups: l.groups,
|
|
265
267
|
"item-label": e.itemLabel,
|
|
266
268
|
"item-value": e.itemValue,
|
|
267
269
|
"onUpdate:modelValue": B
|
|
268
270
|
}, {
|
|
269
|
-
item:
|
|
270
|
-
c(l.$slots, "item", { item:
|
|
271
|
+
item: r(({ item: d }) => [
|
|
272
|
+
c(l.$slots, "item", { item: d })
|
|
271
273
|
]),
|
|
272
274
|
_: 3
|
|
273
275
|
/* FORWARDED */
|
|
@@ -4,10 +4,12 @@ declare const QSelect: {
|
|
|
4
4
|
} & import('../../types/component').QBaseComponentProps & {
|
|
5
5
|
label?: string;
|
|
6
6
|
for?: string;
|
|
7
|
+
} & {
|
|
7
8
|
size?: import('..').QFieldSize;
|
|
8
9
|
readonly?: boolean;
|
|
9
10
|
disabled?: boolean;
|
|
10
11
|
required?: boolean;
|
|
12
|
+
invalid?: boolean;
|
|
11
13
|
} & {
|
|
12
14
|
items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
|
|
13
15
|
[key: string]: any;
|
|
@@ -56,6 +58,7 @@ declare const QSelect: {
|
|
|
56
58
|
readonly readonly?: boolean | undefined;
|
|
57
59
|
readonly disabled?: boolean | undefined;
|
|
58
60
|
readonly required?: boolean | undefined;
|
|
61
|
+
readonly invalid?: boolean | undefined;
|
|
59
62
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
60
63
|
$attrs: {
|
|
61
64
|
[x: string]: unknown;
|
|
@@ -300,10 +303,12 @@ declare const QSelect: {
|
|
|
300
303
|
} & import('../../types/component').QBaseComponentProps & {
|
|
301
304
|
label?: string;
|
|
302
305
|
for?: string;
|
|
306
|
+
} & {
|
|
303
307
|
size?: import('..').QFieldSize;
|
|
304
308
|
readonly?: boolean;
|
|
305
309
|
disabled?: boolean;
|
|
306
310
|
required?: boolean;
|
|
311
|
+
invalid?: boolean;
|
|
307
312
|
} & {
|
|
308
313
|
items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
|
|
309
314
|
[key: string]: any;
|
|
@@ -341,10 +346,12 @@ declare const QSelect: {
|
|
|
341
346
|
} & import('../../types/component').QBaseComponentProps & {
|
|
342
347
|
label?: string;
|
|
343
348
|
for?: string;
|
|
349
|
+
} & {
|
|
344
350
|
size?: import('..').QFieldSize;
|
|
345
351
|
readonly?: boolean;
|
|
346
352
|
disabled?: boolean;
|
|
347
353
|
required?: boolean;
|
|
354
|
+
invalid?: boolean;
|
|
348
355
|
} & {
|
|
349
356
|
items?: (Omit<import('..').QListItemProps, "value" | "label"> & {
|
|
350
357
|
[key: string]: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAI2wzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAJr2zB,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as b, mergeModels as h, useModel as z, computed as
|
|
1
|
+
import { defineComponent as b, mergeModels as h, useModel as z, computed as o, ref as g, createBlock as x, openBlock as w, unref as s, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as v, createElementVNode as B, mergeProps as k, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
|
|
2
2
|
import { QField as L } from "../QField/index.js";
|
|
3
3
|
import { useId as A } from "../../composables/uid.js";
|
|
4
4
|
import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
|
|
@@ -14,6 +14,7 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
14
14
|
readonly: { type: Boolean },
|
|
15
15
|
disabled: { type: Boolean },
|
|
16
16
|
required: { type: Boolean },
|
|
17
|
+
invalid: { type: Boolean },
|
|
17
18
|
placeholder: {},
|
|
18
19
|
maxLength: {},
|
|
19
20
|
rows: { default: 3 },
|
|
@@ -27,20 +28,20 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
27
28
|
}),
|
|
28
29
|
emits: ["update:modelValue"],
|
|
29
30
|
setup(t) {
|
|
30
|
-
const e = t, d = z(t, "modelValue"), n = A(e.id), m =
|
|
31
|
+
const e = t, d = z(t, "modelValue"), n = A(e.id), m = o(
|
|
31
32
|
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
32
|
-
), f =
|
|
33
|
-
element:
|
|
33
|
+
), f = o(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
|
|
34
|
+
element: o(() => e.autosize ? i.value : void 0),
|
|
34
35
|
styleProp: "minHeight"
|
|
35
|
-
}), p =
|
|
36
|
+
}), p = o({
|
|
36
37
|
get: () => d.value,
|
|
37
38
|
set: (l) => {
|
|
38
39
|
d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
|
|
39
40
|
}
|
|
40
41
|
});
|
|
41
|
-
return (l, u) => (w(), x(
|
|
42
|
+
return (l, u) => (w(), x(s(L), {
|
|
42
43
|
class: q(["q-text-area", e.class]),
|
|
43
|
-
for:
|
|
44
|
+
for: s(n),
|
|
44
45
|
label: e.label,
|
|
45
46
|
size: e.size,
|
|
46
47
|
readonly: e.readonly,
|
|
@@ -54,8 +55,8 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
54
55
|
r(l.$slots, "label.append")
|
|
55
56
|
]),
|
|
56
57
|
default: a(() => [
|
|
57
|
-
|
|
58
|
-
id:
|
|
58
|
+
v(B("textarea", k({
|
|
59
|
+
id: s(n),
|
|
59
60
|
ref_key: "textareaRef",
|
|
60
61
|
ref: i,
|
|
61
62
|
"onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),
|
|
@@ -4,10 +4,12 @@ declare const QTextArea: {
|
|
|
4
4
|
} & import('../../types/component').QBaseComponentProps & {
|
|
5
5
|
label?: string;
|
|
6
6
|
for?: string;
|
|
7
|
+
} & {
|
|
7
8
|
size?: import('..').QFieldSize;
|
|
8
9
|
readonly?: boolean;
|
|
9
10
|
disabled?: boolean;
|
|
10
11
|
required?: boolean;
|
|
12
|
+
invalid?: boolean;
|
|
11
13
|
} & {
|
|
12
14
|
placeholder?: string;
|
|
13
15
|
maxLength?: number;
|
|
@@ -38,10 +40,12 @@ declare const QTextArea: {
|
|
|
38
40
|
} & import('../../types/component').QBaseComponentProps & {
|
|
39
41
|
label?: string;
|
|
40
42
|
for?: string;
|
|
43
|
+
} & {
|
|
41
44
|
size?: import('..').QFieldSize;
|
|
42
45
|
readonly?: boolean;
|
|
43
46
|
disabled?: boolean;
|
|
44
47
|
required?: boolean;
|
|
48
|
+
invalid?: boolean;
|
|
45
49
|
} & {
|
|
46
50
|
placeholder?: string;
|
|
47
51
|
maxLength?: number;
|
|
@@ -65,10 +69,12 @@ declare const QTextArea: {
|
|
|
65
69
|
} & import('../../types/component').QBaseComponentProps & {
|
|
66
70
|
label?: string;
|
|
67
71
|
for?: string;
|
|
72
|
+
} & {
|
|
68
73
|
size?: import('..').QFieldSize;
|
|
69
74
|
readonly?: boolean;
|
|
70
75
|
disabled?: boolean;
|
|
71
76
|
required?: boolean;
|
|
77
|
+
invalid?: boolean;
|
|
72
78
|
} & {
|
|
73
79
|
placeholder?: string;
|
|
74
80
|
maxLength?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA"}
|
|
@@ -25,6 +25,7 @@ declare function __VLS_template(): {
|
|
|
25
25
|
readonly readonly?: boolean | undefined;
|
|
26
26
|
readonly disabled?: boolean | undefined;
|
|
27
27
|
readonly required?: boolean | undefined;
|
|
28
|
+
readonly invalid?: boolean | undefined;
|
|
28
29
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
29
30
|
$attrs: {
|
|
30
31
|
[x: string]: unknown;
|
|
@@ -111,6 +112,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
111
112
|
readonly readonly?: boolean | undefined;
|
|
112
113
|
readonly disabled?: boolean | undefined;
|
|
113
114
|
readonly required?: boolean | undefined;
|
|
115
|
+
readonly invalid?: boolean | undefined;
|
|
114
116
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
115
117
|
$attrs: {
|
|
116
118
|
[x: string]: unknown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAmDA;AAmHC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAwDpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEole,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnDzue;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B+le,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArBxue,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -14,6 +14,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
14
14
|
readonly: { type: Boolean },
|
|
15
15
|
disabled: { type: Boolean },
|
|
16
16
|
required: { type: Boolean },
|
|
17
|
+
invalid: { type: Boolean },
|
|
17
18
|
placeholder: {},
|
|
18
19
|
clearable: { type: Boolean },
|
|
19
20
|
type: { default: "text" },
|
|
@@ -24,10 +25,10 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
24
25
|
}),
|
|
25
26
|
emits: /* @__PURE__ */ m(["click:clear"], ["update:modelValue"]),
|
|
26
27
|
setup(n, { expose: k, emit: q }) {
|
|
27
|
-
const e = n, h = q, t = R(n, "modelValue"), s = S(e.id), i = y(null), p = y(null),
|
|
28
|
+
const e = n, h = q, t = R(n, "modelValue"), s = S(e.id), i = y(null), p = y(null), B = o(
|
|
28
29
|
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
29
30
|
), u = o(() => e.clearable && !e.readonly && !e.disabled), f = o(() => u.value && t.value);
|
|
30
|
-
function
|
|
31
|
+
function $(l) {
|
|
31
32
|
u.value && (t.value = "", h("click:clear", l));
|
|
32
33
|
}
|
|
33
34
|
return k({
|
|
@@ -45,7 +46,8 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
45
46
|
size: e.size,
|
|
46
47
|
readonly: e.readonly,
|
|
47
48
|
disabled: e.disabled,
|
|
48
|
-
required: e.required
|
|
49
|
+
required: e.required,
|
|
50
|
+
invalid: e.invalid
|
|
49
51
|
}, z({
|
|
50
52
|
"label.prepend": a(() => [
|
|
51
53
|
d(l.$slots, "label.prepend")
|
|
@@ -62,7 +64,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
62
64
|
class: "q-text-field__input",
|
|
63
65
|
type: e.type,
|
|
64
66
|
required: e.required,
|
|
65
|
-
placeholder:
|
|
67
|
+
placeholder: B.value,
|
|
66
68
|
readonly: e.readonly,
|
|
67
69
|
disabled: e.disabled
|
|
68
70
|
}, l.$attrs), null, 16, _), [
|
|
@@ -87,7 +89,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
87
89
|
key: 0,
|
|
88
90
|
"data-testid": "q-text-field__clear-button",
|
|
89
91
|
texts: e.texts,
|
|
90
|
-
onClick:
|
|
92
|
+
onClick: $
|
|
91
93
|
}, null, 8, ["texts"])) : D("v-if", !0)
|
|
92
94
|
]),
|
|
93
95
|
key: "1"
|
|
@@ -99,7 +101,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
99
101
|
]),
|
|
100
102
|
key: "2"
|
|
101
103
|
} : void 0
|
|
102
|
-
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
|
|
104
|
+
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required", "invalid"]));
|
|
103
105
|
}
|
|
104
106
|
});
|
|
105
107
|
export {
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
+
import { QTextFieldProps } from './types';
|
|
1
2
|
declare const QTextField: {
|
|
2
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
4
|
modelValue?: string;
|
|
4
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
5
6
|
label?: string;
|
|
6
7
|
for?: string;
|
|
8
|
+
} & {
|
|
7
9
|
size?: import('..').QFieldSize;
|
|
8
10
|
readonly?: boolean;
|
|
9
11
|
disabled?: boolean;
|
|
10
12
|
required?: boolean;
|
|
13
|
+
invalid?: boolean;
|
|
11
14
|
} & {
|
|
12
15
|
placeholder?: string;
|
|
13
16
|
clearable?: boolean;
|
|
@@ -38,6 +41,7 @@ declare const QTextField: {
|
|
|
38
41
|
readonly readonly?: boolean | undefined;
|
|
39
42
|
readonly disabled?: boolean | undefined;
|
|
40
43
|
readonly required?: boolean | undefined;
|
|
44
|
+
readonly invalid?: boolean | undefined;
|
|
41
45
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
42
46
|
$attrs: {
|
|
43
47
|
[x: string]: unknown;
|
|
@@ -107,10 +111,12 @@ declare const QTextField: {
|
|
|
107
111
|
} & import('../../types/component').QBaseComponentProps & {
|
|
108
112
|
label?: string;
|
|
109
113
|
for?: string;
|
|
114
|
+
} & {
|
|
110
115
|
size?: import('..').QFieldSize;
|
|
111
116
|
readonly?: boolean;
|
|
112
117
|
disabled?: boolean;
|
|
113
118
|
required?: boolean;
|
|
119
|
+
invalid?: boolean;
|
|
114
120
|
} & {
|
|
115
121
|
placeholder?: string;
|
|
116
122
|
clearable?: boolean;
|
|
@@ -133,10 +139,12 @@ declare const QTextField: {
|
|
|
133
139
|
} & import('../../types/component').QBaseComponentProps & {
|
|
134
140
|
label?: string;
|
|
135
141
|
for?: string;
|
|
142
|
+
} & {
|
|
136
143
|
size?: import('..').QFieldSize;
|
|
137
144
|
readonly?: boolean;
|
|
138
145
|
disabled?: boolean;
|
|
139
146
|
required?: boolean;
|
|
147
|
+
invalid?: boolean;
|
|
140
148
|
} & {
|
|
141
149
|
placeholder?: string;
|
|
142
150
|
clearable?: boolean;
|
|
@@ -164,4 +172,5 @@ declare const QTextField: {
|
|
|
164
172
|
};
|
|
165
173
|
});
|
|
166
174
|
export { QTextField };
|
|
175
|
+
export type { QTextFieldProps };
|
|
167
176
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAO+ozB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPtuzB,CAAA;AAG/C,OAAO,EAAE,UAAU,EAAE,CAAA;AAGrB,YAAY,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAOA;AA2BC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;
|
|
1
|
+
{"version":3,"file":"QThemeProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QThemeProvider/QThemeProvider.vue"],"names":[],"mappings":"AAOA;AA2BC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiBnD,iBAAS,cAAc;WAyBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6TAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { provideTheme as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as n, toRef as m, createElementBlock as c, openBlock as a, normalizeClass as i, unref as l, renderSlot as d } from "vue";
|
|
2
|
+
import { provideTheme as p } from "../../composables/theme.js";
|
|
3
|
+
const f = ["id"], v = /* @__PURE__ */ n({
|
|
4
4
|
__name: "QThemeProvider",
|
|
5
5
|
props: {
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
8
|
theme: {}
|
|
9
9
|
},
|
|
10
|
-
setup(
|
|
11
|
-
const e =
|
|
12
|
-
return
|
|
10
|
+
setup(o) {
|
|
11
|
+
const e = o, s = m(e, "theme"), { class: t } = p(s);
|
|
12
|
+
return (r, h) => (a(), c("div", {
|
|
13
13
|
id: e.id,
|
|
14
|
-
class:
|
|
14
|
+
class: i(["q-theme-provider", l(t), e.class])
|
|
15
15
|
}, [
|
|
16
16
|
d(r.$slots, "default")
|
|
17
|
-
], 10,
|
|
17
|
+
], 10, f));
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
export {
|
|
21
|
-
|
|
21
|
+
v as default
|
|
22
22
|
};
|
|
@@ -16,9 +16,12 @@ export * from './QField';
|
|
|
16
16
|
export * from './QFileUpload';
|
|
17
17
|
export * from './QIcon';
|
|
18
18
|
export * from './QInputGroup';
|
|
19
|
+
export * from './QLabel';
|
|
19
20
|
export * from './QLineLoader';
|
|
20
21
|
export * from './QList';
|
|
22
|
+
export * from './QMeter';
|
|
21
23
|
export * from './QOverlay';
|
|
24
|
+
export * from './QPasswordField';
|
|
22
25
|
export * from './QPopover';
|
|
23
26
|
export * from './QPropertyList';
|
|
24
27
|
export * from './QSelect';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
|