@quidgest/ui 0.16.66 → 0.16.67
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/json/api.json +1 -1
- package/dist/ui.esm.js +13 -7
- package/dist/ui.js +3 -3
- package/dist/ui.min.js +141 -141
- package/dist/ui.scss +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +18 -17
- package/esm/components/QFileUpload/QFileUpload.d.ts.map +1 -1
- package/esm/components/QFileUpload/QFileUpload.vue.js +14 -13
- package/esm/components/QInputGroup/QInputGroup.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +11 -10
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +8 -7
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +20 -19
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +14 -13
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QDateTimePicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/QDateTimePicker.vue"],"names":[],"mappings":"AAuEA;AAgNC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAc1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAQnD,KAAK,WAAW,GAAG,oBAAoB,CAAC;AAuHzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;CACnC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4KT,OAAO,IAA6B;;wBAZrB,GAAG;;;;;;EAiB/B;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as C, mergeModels as V, useModel as
|
|
1
|
+
import { defineComponent as C, mergeModels as V, useModel as P, computed as t, ref as F, createBlock as U, openBlock as w, unref as n, normalizeClass as D, createSlots as E, withCtx as i, createVNode as s, createElementVNode as N, mergeProps as k, renderSlot as Q } from "vue";
|
|
2
2
|
import { DEFAULT_TEXTS as H, DEFAULT_ICONS as I } from "./constants.js";
|
|
3
3
|
import { QClearButton as Z } from "../__internal__/QClearButton/index.js";
|
|
4
4
|
import { QField as $ } from "../QField/index.js";
|
|
@@ -9,7 +9,7 @@ import { convertDatePatternToMask as X } from "../../utils/date/date.js";
|
|
|
9
9
|
import { isTimeOnlyFormat as j } from "../../utils/date/tokens.js";
|
|
10
10
|
import { formatUsesTime as W, formatUsesSeconds as G, uses12HourFormat as J } from "../../utils/time.js";
|
|
11
11
|
import { useTheme as Y } from "../../composables/theme.js";
|
|
12
|
-
const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput", "onBlur", "onFocus", "onKeypress", "onKeydown", "onPaste"],
|
|
12
|
+
const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput", "onBlur", "onFocus", "onKeypress", "onKeydown", "onPaste"], pe = /* @__PURE__ */ C({
|
|
13
13
|
inheritAttrs: !1,
|
|
14
14
|
__name: "QDateTimePicker",
|
|
15
15
|
props: /* @__PURE__ */ V({
|
|
@@ -39,13 +39,13 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
39
39
|
}),
|
|
40
40
|
emits: ["update:modelValue"],
|
|
41
41
|
setup(d) {
|
|
42
|
-
const e = d, m =
|
|
42
|
+
const e = d, m = P(d, "modelValue"), u = t({
|
|
43
43
|
get: () => m.value,
|
|
44
44
|
set: (o) => m.value = o || void 0
|
|
45
|
-
}), b = t(() =>
|
|
45
|
+
}), b = t(() => r.value ? "format" : void 0), v = t(() => ({
|
|
46
46
|
closeOnAutoApply: e.closeOnSelect,
|
|
47
47
|
tabOutClosesMenu: !0
|
|
48
|
-
})),
|
|
48
|
+
})), p = Y(), T = t(() => p.current.value.mode === "dark"), x = t(() => W(e.format)), h = t(() => G(e.format)), r = t(() => j(e.format)), _ = t(() => J(e.format)), g = t(() => f(e.minTime)), q = t(() => f(e.maxTime)), B = t(() => r.value ? e.icons.clock : e.icons.calendar), S = t(() => ({
|
|
49
49
|
mask: X(e.format),
|
|
50
50
|
tokens: {
|
|
51
51
|
// Default tokens
|
|
@@ -73,8 +73,8 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
73
73
|
},
|
|
74
74
|
eager: !0
|
|
75
75
|
// Show static characters before the user types them
|
|
76
|
-
})),
|
|
77
|
-
R(
|
|
76
|
+
})), c = F();
|
|
77
|
+
R(c, S);
|
|
78
78
|
function f(o) {
|
|
79
79
|
if (!o) return;
|
|
80
80
|
const a = o.split(":");
|
|
@@ -88,13 +88,14 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
88
88
|
id: e.id,
|
|
89
89
|
class: D(["q-date-time-picker", e.class]),
|
|
90
90
|
label: e.label,
|
|
91
|
+
"label-position": e.labelPosition,
|
|
91
92
|
readonly: e.readonly,
|
|
92
93
|
disabled: e.disabled,
|
|
93
94
|
required: e.required,
|
|
94
95
|
size: e.size,
|
|
95
96
|
invalid: e.invalid
|
|
96
97
|
}, E({
|
|
97
|
-
prepend:
|
|
98
|
+
prepend: i(() => [
|
|
98
99
|
s(
|
|
99
100
|
n(K),
|
|
100
101
|
k({ class: "q-date-time-picker__input-icon" }, B.value),
|
|
@@ -103,7 +104,7 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
103
104
|
/* FULL_PROPS */
|
|
104
105
|
)
|
|
105
106
|
]),
|
|
106
|
-
default:
|
|
107
|
+
default: i(() => [
|
|
107
108
|
s(n(L), {
|
|
108
109
|
modelValue: u.value,
|
|
109
110
|
"onUpdate:modelValue": a[0] || (a[0] = (l) => u.value = l),
|
|
@@ -118,21 +119,21 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
118
119
|
locale: e.locale,
|
|
119
120
|
"enable-time-picker": x.value,
|
|
120
121
|
"enable-seconds": h.value,
|
|
121
|
-
"time-picker":
|
|
122
|
+
"time-picker": r.value,
|
|
122
123
|
config: v.value,
|
|
123
124
|
teleport: !e.inline,
|
|
124
125
|
offset: 16,
|
|
125
126
|
dark: T.value,
|
|
126
|
-
ui: { menu: ["q-date-time-picker__menu", n(
|
|
127
|
+
ui: { menu: ["q-date-time-picker__menu", n(p).class.value] },
|
|
127
128
|
"text-input": { enterSubmit: !0 },
|
|
128
129
|
"auto-apply": e.closeOnSelect,
|
|
129
130
|
"hide-input-icon": "",
|
|
130
131
|
clearable: ""
|
|
131
132
|
}, {
|
|
132
|
-
"dp-input":
|
|
133
|
+
"dp-input": i(({ value: l, onInput: z, onBlur: M, onFocus: A, onKeypress: y, onPaste: O }) => [
|
|
133
134
|
N("input", k({
|
|
134
135
|
ref_key: "inputRef",
|
|
135
|
-
ref:
|
|
136
|
+
ref: c,
|
|
136
137
|
"data-test-id": "dp-input",
|
|
137
138
|
class: "dp__input",
|
|
138
139
|
type: "text",
|
|
@@ -150,7 +151,7 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
150
151
|
onPaste: O
|
|
151
152
|
}), null, 16, ee)
|
|
152
153
|
]),
|
|
153
|
-
"clear-icon":
|
|
154
|
+
"clear-icon": i(({ clear: l }) => [
|
|
154
155
|
s(n(Z), {
|
|
155
156
|
texts: e.texts,
|
|
156
157
|
onClick: l
|
|
@@ -165,14 +166,14 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
165
166
|
}, [
|
|
166
167
|
o.$slots.extras ? {
|
|
167
168
|
name: "extras",
|
|
168
|
-
fn:
|
|
169
|
+
fn: i(() => [
|
|
169
170
|
Q(o.$slots, "extras")
|
|
170
171
|
]),
|
|
171
172
|
key: "0"
|
|
172
173
|
} : void 0
|
|
173
|
-
]), 1032, ["id", "class", "label", "readonly", "disabled", "required", "size", "invalid"]));
|
|
174
|
+
]), 1032, ["id", "class", "label", "label-position", "readonly", "disabled", "required", "size", "invalid"]));
|
|
174
175
|
}
|
|
175
176
|
});
|
|
176
177
|
export {
|
|
177
|
-
|
|
178
|
+
pe as default
|
|
178
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QFileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/QFileUpload.vue"],"names":[],"mappings":"AA0FA;AAoOC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAY1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAM/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HrC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,IAAI,CAAC;CACjB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwOT,OAAO,IAA6B;;wBAbrB,GAAG;;;;;;;EAkB/B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;OASnB,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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as L, mergeModels as N, useModel as O, toRef as
|
|
1
|
+
import { defineComponent as L, mergeModels as N, useModel as O, toRef as P, computed as d, ref as b, watch as T, createBlock as w, openBlock as n, unref as i, createSlots as Z, withCtx as _, createElementVNode as a, normalizeClass as Q, createElementBlock as c, mergeProps as F, createVNode as s, normalizeProps as v, guardReactiveProps as m, toDisplayString as y, createCommentVNode as j, createTextVNode as M, renderSlot as $ } from "vue";
|
|
2
2
|
import { DEFAULT_TEXTS as H, DEFAULT_ICONS as W } from "./constants.js";
|
|
3
|
-
import { QButton as
|
|
3
|
+
import { QButton as h } from "../QButton/index.js";
|
|
4
4
|
import { QField as X } from "../QField/index.js";
|
|
5
5
|
import { QIcon as u } from "../QIcon/index.js";
|
|
6
6
|
import { useId as G } from "../../composables/uid.js";
|
|
@@ -21,7 +21,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
21
21
|
}, de = {
|
|
22
22
|
key: 2,
|
|
23
23
|
class: "q-file-input__empty-container"
|
|
24
|
-
},
|
|
24
|
+
}, be = /* @__PURE__ */ L({
|
|
25
25
|
inheritAttrs: !1,
|
|
26
26
|
__name: "QFileUpload",
|
|
27
27
|
props: /* @__PURE__ */ N({
|
|
@@ -44,13 +44,13 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
44
44
|
}),
|
|
45
45
|
emits: ["update:modelValue"],
|
|
46
46
|
setup(q) {
|
|
47
|
-
const e = q, t = O(q, "modelValue"), k = G(
|
|
48
|
-
|
|
47
|
+
const e = q, t = O(q, "modelValue"), k = G(P(e, "id")), p = d(() => !e.readonly && !e.disabled), r = b(null);
|
|
48
|
+
T(t, (l) => {
|
|
49
49
|
r.value && URL.revokeObjectURL(r.value);
|
|
50
50
|
const o = l && l.type.startsWith("image/");
|
|
51
51
|
r.value = o ? URL.createObjectURL(l) : null;
|
|
52
52
|
});
|
|
53
|
-
const f =
|
|
53
|
+
const f = b(null);
|
|
54
54
|
function B() {
|
|
55
55
|
var l;
|
|
56
56
|
(l = f.value) == null || l.click();
|
|
@@ -71,7 +71,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
71
71
|
const o = l == null ? void 0 : l[0];
|
|
72
72
|
o && (t.value = o);
|
|
73
73
|
}
|
|
74
|
-
const g =
|
|
74
|
+
const g = b(null), x = d(() => Array.isArray(e.accept) ? e.accept : e.accept ? e.accept.split(",").map((l) => l.trim()) : []), I = d(() => {
|
|
75
75
|
var l;
|
|
76
76
|
return (l = x.value) == null ? void 0 : l.join(",");
|
|
77
77
|
}), S = d(() => p.value && !t.value), { isOverDropZone: z, isValid: A } = J(g, {
|
|
@@ -89,12 +89,13 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
89
89
|
return (l, o) => (n(), w(i(X), {
|
|
90
90
|
for: i(k),
|
|
91
91
|
label: e.label,
|
|
92
|
+
"label-position": e.labelPosition,
|
|
92
93
|
size: e.size,
|
|
93
94
|
readonly: e.readonly,
|
|
94
95
|
disabled: e.disabled,
|
|
95
96
|
required: e.required,
|
|
96
97
|
invalid: e.invalid
|
|
97
|
-
},
|
|
98
|
+
}, Z({
|
|
98
99
|
control: _(() => [
|
|
99
100
|
a(
|
|
100
101
|
"div",
|
|
@@ -130,7 +131,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
130
131
|
1
|
|
131
132
|
/* TEXT */
|
|
132
133
|
),
|
|
133
|
-
s(i(
|
|
134
|
+
s(i(h), {
|
|
134
135
|
label: e.texts.chooseFile,
|
|
135
136
|
onClick: B
|
|
136
137
|
}, null, 8, ["label"])
|
|
@@ -169,7 +170,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
169
170
|
])
|
|
170
171
|
]),
|
|
171
172
|
p.value ? (n(), c("div", re, [
|
|
172
|
-
s(i(
|
|
173
|
+
s(i(h), {
|
|
173
174
|
title: e.texts.download,
|
|
174
175
|
borderless: "",
|
|
175
176
|
onClick: U
|
|
@@ -186,7 +187,7 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
186
187
|
_: 1
|
|
187
188
|
/* STABLE */
|
|
188
189
|
}, 8, ["title"]),
|
|
189
|
-
s(i(
|
|
190
|
+
s(i(h), {
|
|
190
191
|
title: e.texts.remove,
|
|
191
192
|
borderless: "",
|
|
192
193
|
onClick: V
|
|
@@ -233,9 +234,9 @@ const Y = ["id", "accept", "required", "readonly", "disabled"], ee = {
|
|
|
233
234
|
]),
|
|
234
235
|
key: "0"
|
|
235
236
|
} : void 0
|
|
236
|
-
]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
|
|
237
|
+
]), 1032, ["for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
|
|
237
238
|
}
|
|
238
239
|
});
|
|
239
240
|
export {
|
|
240
|
-
|
|
241
|
+
be as default
|
|
241
242
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/QInputGroup.vue"],"names":[],"mappings":"AAuCA;AAoEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;iCAfb,GAAG;gCACJ,GAAG;yBACT,GAAG;yBACH,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;6EAQnB,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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as f, createBlock as m, openBlock as l, unref as r, normalizeClass as
|
|
1
|
+
import { defineComponent as f, createBlock as m, openBlock as l, unref as r, normalizeClass as b, createSlots as v, withCtx as p, createElementBlock as s, createCommentVNode as a, renderSlot as n, createVNode as i, normalizeProps as t, guardReactiveProps as d } from "vue";
|
|
2
2
|
import { QField as y } from "../QField/index.js";
|
|
3
3
|
import { QIcon as u } from "../QIcon/index.js";
|
|
4
4
|
import { provideDefaults as I } from "../../composables/defaults.js";
|
|
@@ -8,7 +8,7 @@ const _ = {
|
|
|
8
8
|
}, k = { key: 0 }, $ = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "q-input-group__append"
|
|
11
|
-
}, q = { key: 0 },
|
|
11
|
+
}, q = { key: 0 }, P = /* @__PURE__ */ f({
|
|
12
12
|
__name: "QInputGroup",
|
|
13
13
|
props: {
|
|
14
14
|
id: {},
|
|
@@ -32,12 +32,13 @@ const _ = {
|
|
|
32
32
|
}
|
|
33
33
|
}), (o, z) => (l(), m(r(y), {
|
|
34
34
|
id: e.id,
|
|
35
|
-
class:
|
|
35
|
+
class: b(["q-input-group", e.class]),
|
|
36
36
|
label: e.label,
|
|
37
|
+
"label-position": e.labelPosition,
|
|
37
38
|
required: e.required,
|
|
38
39
|
size: e.size,
|
|
39
40
|
invalid: e.invalid
|
|
40
|
-
},
|
|
41
|
+
}, v({
|
|
41
42
|
"label.prepend": p(() => [
|
|
42
43
|
n(o.$slots, "label.prepend")
|
|
43
44
|
]),
|
|
@@ -47,9 +48,9 @@ const _ = {
|
|
|
47
48
|
default: p(() => [
|
|
48
49
|
o.$slots.prepend || e.prependIcon ? (l(), s("div", _, [
|
|
49
50
|
e.prependIcon ? (l(), s("span", k, [
|
|
50
|
-
|
|
51
|
+
i(
|
|
51
52
|
r(u),
|
|
52
|
-
t(
|
|
53
|
+
t(d(e.prependIcon)),
|
|
53
54
|
null,
|
|
54
55
|
16
|
|
55
56
|
/* FULL_PROPS */
|
|
@@ -60,9 +61,9 @@ const _ = {
|
|
|
60
61
|
n(o.$slots, "default"),
|
|
61
62
|
o.$slots.append || e.appendIcon ? (l(), s("div", $, [
|
|
62
63
|
e.appendIcon ? (l(), s("span", q, [
|
|
63
|
-
|
|
64
|
+
i(
|
|
64
65
|
r(u),
|
|
65
|
-
t(
|
|
66
|
+
t(d(e.appendIcon)),
|
|
66
67
|
null,
|
|
67
68
|
16
|
|
68
69
|
/* FULL_PROPS */
|
|
@@ -81,9 +82,9 @@ const _ = {
|
|
|
81
82
|
]),
|
|
82
83
|
key: "0"
|
|
83
84
|
} : void 0
|
|
84
|
-
]), 1032, ["id", "class", "label", "required", "size", "invalid"]));
|
|
85
|
+
]), 1032, ["id", "class", "label", "label-position", "required", "size", "invalid"]));
|
|
85
86
|
}
|
|
86
87
|
});
|
|
87
88
|
export {
|
|
88
|
-
|
|
89
|
+
P as default
|
|
89
90
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"AAqMA;AAgiBC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAe1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAY,QAAQ,EAAgD,MAAM,KAAK,CAAA;AAMtF,KAAK,WAAW,GAAG,YAAY,CAAC;AAwUjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoeT,OAAO,IAA6B;;yBAtBpB,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACZ,GAAG;+BACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxXtC,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2YT;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAnbnB,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAHR,GAAG,8CAEF,GAAE,yBAAyB,GAAG,6DAC1B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAybR,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"}
|
|
@@ -60,9 +60,9 @@ const De = {
|
|
|
60
60
|
active: r,
|
|
61
61
|
required: z(e, "required"),
|
|
62
62
|
multiple: z(e, "multiple")
|
|
63
|
-
}), u = ee(!1), V = ee(0), K = g("trigger"), ie = g("input"), ne = g("list"), U = g("content"), N = g("badgesContainer"),
|
|
63
|
+
}), u = ee(!1), V = ee(0), K = g("trigger"), ie = g("input"), ne = g("list"), U = g("content"), N = g("badgesContainer"), P = g("allBadges");
|
|
64
64
|
pe(x);
|
|
65
|
-
const
|
|
65
|
+
const W = q(() => s.value.length === 0), s = q(() => {
|
|
66
66
|
var t;
|
|
67
67
|
if (e.multiple)
|
|
68
68
|
return ((t = r.value) == null ? void 0 : t.map((d) => j(d))) ?? [];
|
|
@@ -80,7 +80,7 @@ const De = {
|
|
|
80
80
|
return (l = s.value) == null ? void 0 : l.map((t) => t[e.itemLabel]).join(", ");
|
|
81
81
|
}
|
|
82
82
|
), L = q(
|
|
83
|
-
() => e.clearable && !e.readonly && !e.disabled && !e.loading && !
|
|
83
|
+
() => e.clearable && !e.readonly && !e.disabled && !e.loading && !W.value
|
|
84
84
|
);
|
|
85
85
|
function j(l) {
|
|
86
86
|
var t;
|
|
@@ -134,13 +134,13 @@ const De = {
|
|
|
134
134
|
if (await $(), await $(), !e.multiple || !e.badges || !N.value) return;
|
|
135
135
|
let l = 0, t = 0;
|
|
136
136
|
const d = N.value.offsetWidth, i = 4;
|
|
137
|
-
for (const b of
|
|
137
|
+
for (const b of P.value ?? []) {
|
|
138
138
|
const v = b.$el.scrollWidth + i;
|
|
139
139
|
if (l + v <= d)
|
|
140
140
|
l += v, t++;
|
|
141
141
|
else break;
|
|
142
142
|
}
|
|
143
|
-
V.value = (((n =
|
|
143
|
+
V.value = (((n = P.value) == null ? void 0 : n.length) ?? 0) - t;
|
|
144
144
|
}
|
|
145
145
|
return D(
|
|
146
146
|
() => e.loading,
|
|
@@ -157,6 +157,7 @@ const De = {
|
|
|
157
157
|
id: o(R),
|
|
158
158
|
ref: "trigger",
|
|
159
159
|
label: e.label,
|
|
160
|
+
"label-position": e.labelPosition,
|
|
160
161
|
required: e.required,
|
|
161
162
|
class: ve([
|
|
162
163
|
"q-select",
|
|
@@ -204,7 +205,7 @@ const De = {
|
|
|
204
205
|
}, 8, ["aria-label", "disabled"]))
|
|
205
206
|
]),
|
|
206
207
|
default: f(() => [
|
|
207
|
-
|
|
208
|
+
W.value ? (a(), c("span", Me, [
|
|
208
209
|
!e.readonly && !e.disabled ? (a(), c(
|
|
209
210
|
y,
|
|
210
211
|
{ key: 0 },
|
|
@@ -417,7 +418,7 @@ const De = {
|
|
|
417
418
|
]),
|
|
418
419
|
key: "1"
|
|
419
420
|
} : void 0
|
|
420
|
-
]), 1032, ["id", "label", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
|
|
421
|
+
]), 1032, ["id", "label", "label-position", "required", "class", "readonly", "disabled", "data-loading", "size", "invalid"]),
|
|
421
422
|
T(o(Ce), {
|
|
422
423
|
modelValue: u.value,
|
|
423
424
|
"onUpdate:modelValue": t[1] || (t[1] = (i) => u.value = i),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAiDA;AAmHC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAwDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QField as
|
|
3
|
-
import { useId as
|
|
4
|
-
import { useTextareaAutosize as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as y, mergeModels as h, useModel as z, computed as t, watch as x, toRef as g, ref as w, createBlock as q, openBlock as $, unref as n, normalizeClass as v, createSlots as B, withCtx as a, withDirectives as k, createElementVNode as M, mergeProps as V, toHandlers as P, vModelText as R, renderSlot as r } from "vue";
|
|
2
|
+
import { QField as A } from "../QField/index.js";
|
|
3
|
+
import { useId as C } from "../../composables/uid.js";
|
|
4
|
+
import { useTextareaAutosize as H } from "../../vendors/@vueuse/core/index.js";
|
|
5
|
+
const L = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], D = /* @__PURE__ */ y({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "QTextArea",
|
|
8
8
|
props: /* @__PURE__ */ h({
|
|
@@ -32,38 +32,39 @@ const P = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
32
32
|
const e = i, s = z(i, "modelValue"), d = t({
|
|
33
33
|
get: () => s.value,
|
|
34
34
|
set: (l) => {
|
|
35
|
-
const
|
|
36
|
-
s.value =
|
|
35
|
+
const o = e.maxLength;
|
|
36
|
+
s.value = o ? l == null ? void 0 : l.slice(0, o) : l;
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
x(s, (l) => d.value = l, { immediate: !0 });
|
|
40
|
-
const p =
|
|
40
|
+
const p = C(g(e, "id")), m = t(
|
|
41
41
|
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
42
|
-
), f = t(() => ({ input: e.autosize ? c : null })), u = w(), { triggerResize: c } =
|
|
42
|
+
), f = t(() => ({ input: e.autosize ? c : null })), u = w(), { triggerResize: c } = H({
|
|
43
43
|
element: t(() => e.autosize ? u.value : void 0),
|
|
44
44
|
styleProp: "minHeight"
|
|
45
45
|
});
|
|
46
|
-
return (l,
|
|
46
|
+
return (l, o) => ($(), q(n(A), {
|
|
47
47
|
class: v(["q-text-area", e.class]),
|
|
48
48
|
for: n(p),
|
|
49
49
|
label: e.label,
|
|
50
|
+
"label-position": e.labelPosition,
|
|
50
51
|
size: e.size,
|
|
51
52
|
readonly: e.readonly,
|
|
52
53
|
disabled: e.disabled,
|
|
53
54
|
required: e.required
|
|
54
55
|
}, B({
|
|
55
56
|
"label.prepend": a(() => [
|
|
56
|
-
|
|
57
|
+
r(l.$slots, "label.prepend")
|
|
57
58
|
]),
|
|
58
59
|
"label.append": a(() => [
|
|
59
|
-
|
|
60
|
+
r(l.$slots, "label.append")
|
|
60
61
|
]),
|
|
61
62
|
default: a(() => [
|
|
62
63
|
k(M("textarea", V({
|
|
63
64
|
id: n(p),
|
|
64
65
|
ref_key: "textareaRef",
|
|
65
66
|
ref: u,
|
|
66
|
-
"onUpdate:modelValue":
|
|
67
|
+
"onUpdate:modelValue": o[0] || (o[0] = (b) => d.value = b),
|
|
67
68
|
class: "q-text-area__input",
|
|
68
69
|
required: e.required,
|
|
69
70
|
placeholder: m.value,
|
|
@@ -74,8 +75,8 @@ const P = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
74
75
|
cols: e.cols,
|
|
75
76
|
resize: e.resize,
|
|
76
77
|
wrap: e.wrap
|
|
77
|
-
}, l.$attrs,
|
|
78
|
-
[
|
|
78
|
+
}, l.$attrs, P(f.value, !0)), null, 16, L), [
|
|
79
|
+
[R, d.value]
|
|
79
80
|
])
|
|
80
81
|
]),
|
|
81
82
|
_: 2
|
|
@@ -84,25 +85,25 @@ const P = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
84
85
|
l.$slots.prepend ? {
|
|
85
86
|
name: "prepend",
|
|
86
87
|
fn: a(() => [
|
|
87
|
-
|
|
88
|
+
r(l.$slots, "prepend")
|
|
88
89
|
]),
|
|
89
90
|
key: "0"
|
|
90
91
|
} : void 0,
|
|
91
92
|
l.$slots.append ? {
|
|
92
93
|
name: "append",
|
|
93
94
|
fn: a(() => [
|
|
94
|
-
|
|
95
|
+
r(l.$slots, "append")
|
|
95
96
|
]),
|
|
96
97
|
key: "1"
|
|
97
98
|
} : void 0,
|
|
98
99
|
l.$slots.extras ? {
|
|
99
100
|
name: "extras",
|
|
100
101
|
fn: a(() => [
|
|
101
|
-
|
|
102
|
+
r(l.$slots, "extras")
|
|
102
103
|
]),
|
|
103
104
|
key: "2"
|
|
104
105
|
} : void 0
|
|
105
|
-
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
|
|
106
|
+
]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required"]));
|
|
106
107
|
}
|
|
107
108
|
});
|
|
108
109
|
export {
|
|
@@ -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":"AAqDA;AAiIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C,KAAK,WAAW,GAAG,eAAe,CAAC;AAoEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqE+jc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAnDptc;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+B0kc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBntc,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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as C, mergeModels as y, useModel as R, computed as o, watch as V, toRef as z, ref as b, createBlock as h, openBlock as v, unref as
|
|
2
|
-
import { QField as
|
|
1
|
+
import { defineComponent as C, mergeModels as y, useModel as R, computed as o, watch as V, toRef as z, ref as b, createBlock as h, openBlock as v, unref as i, normalizeClass as M, createSlots as w, withCtx as a, withDirectives as L, createElementVNode as P, mergeProps as Q, vModelDynamic as D, renderSlot as n, createCommentVNode as F } from "vue";
|
|
2
|
+
import { QField as N } from "../QField/index.js";
|
|
3
3
|
import { QClearButton as S } from "../__internal__/QClearButton/index.js";
|
|
4
4
|
import { useId as _ } from "../../composables/uid.js";
|
|
5
5
|
const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "disabled"], j = /* @__PURE__ */ C({
|
|
@@ -27,14 +27,14 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
27
27
|
}),
|
|
28
28
|
emits: /* @__PURE__ */ y(["click:clear"], ["update:modelValue"]),
|
|
29
29
|
setup(s, { expose: x, emit: k }) {
|
|
30
|
-
const e = s, q = k, t = R(s, "modelValue"),
|
|
30
|
+
const e = s, q = k, t = R(s, "modelValue"), r = o({
|
|
31
31
|
get: () => t.value,
|
|
32
32
|
set: (l) => {
|
|
33
33
|
const d = e.maxLength;
|
|
34
34
|
t.value = d ? l == null ? void 0 : l.slice(0, d) : l;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
V(t, (l) =>
|
|
37
|
+
V(t, (l) => r.value = l, { immediate: !0 });
|
|
38
38
|
const p = _(z(e, "id")), u = b(null), f = b(null), g = o(
|
|
39
39
|
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
40
40
|
), m = o(() => e.clearable && !e.readonly && !e.disabled), c = o(() => m.value && t.value);
|
|
@@ -47,12 +47,13 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
47
47
|
return (l = u.value) == null ? void 0 : l.fieldRef;
|
|
48
48
|
}),
|
|
49
49
|
inputRef: f
|
|
50
|
-
}), (l, d) => (v(), h(
|
|
50
|
+
}), (l, d) => (v(), h(i(N), {
|
|
51
51
|
ref_key: "fieldRef",
|
|
52
52
|
ref: u,
|
|
53
53
|
class: M(["q-text-field", e.class]),
|
|
54
|
-
for:
|
|
54
|
+
for: i(p),
|
|
55
55
|
label: e.label,
|
|
56
|
+
"label-position": e.labelPosition,
|
|
56
57
|
size: e.size,
|
|
57
58
|
readonly: e.readonly,
|
|
58
59
|
disabled: e.disabled,
|
|
@@ -66,11 +67,11 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
66
67
|
n(l.$slots, "label.append")
|
|
67
68
|
]),
|
|
68
69
|
default: a(() => [
|
|
69
|
-
L(
|
|
70
|
-
id:
|
|
70
|
+
L(P("input", Q({
|
|
71
|
+
id: i(p),
|
|
71
72
|
ref_key: "inputRef",
|
|
72
73
|
ref: f,
|
|
73
|
-
"onUpdate:modelValue": d[0] || (d[0] = ($) =>
|
|
74
|
+
"onUpdate:modelValue": d[0] || (d[0] = ($) => r.value = $),
|
|
74
75
|
class: "q-text-field__input",
|
|
75
76
|
type: e.type,
|
|
76
77
|
maxlength: e.maxLength,
|
|
@@ -79,7 +80,7 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
79
80
|
readonly: e.readonly,
|
|
80
81
|
disabled: e.disabled
|
|
81
82
|
}, l.$attrs), null, 16, A), [
|
|
82
|
-
[
|
|
83
|
+
[D, r.value]
|
|
83
84
|
])
|
|
84
85
|
]),
|
|
85
86
|
_: 2
|
|
@@ -96,12 +97,12 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
96
97
|
name: "append",
|
|
97
98
|
fn: a(() => [
|
|
98
99
|
n(l.$slots, "append"),
|
|
99
|
-
c.value ? (v(), h(
|
|
100
|
+
c.value ? (v(), h(i(S), {
|
|
100
101
|
key: 0,
|
|
101
102
|
"data-testid": "q-text-field__clear-button",
|
|
102
103
|
texts: e.texts,
|
|
103
104
|
onClick: B
|
|
104
|
-
}, null, 8, ["texts"])) :
|
|
105
|
+
}, null, 8, ["texts"])) : F("v-if", !0)
|
|
105
106
|
]),
|
|
106
107
|
key: "1"
|
|
107
108
|
} : void 0,
|
|
@@ -112,7 +113,7 @@ const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "di
|
|
|
112
113
|
]),
|
|
113
114
|
key: "2"
|
|
114
115
|
} : void 0
|
|
115
|
-
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required", "invalid"]));
|
|
116
|
+
]), 1032, ["class", "for", "label", "label-position", "size", "readonly", "disabled", "required", "invalid"]));
|
|
116
117
|
}
|
|
117
118
|
});
|
|
118
119
|
export {
|