@quidgest/ui 0.14.20 → 0.14.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui.esm.js +1111 -1095
- package/dist/ui.js +3 -3
- package/dist/ui.min.js +16 -10
- package/dist/ui.scss +1 -1
- package/esm/components/QCollapsible/QCollapsible.d.ts.map +1 -1
- package/esm/components/QCollapsible/QCollapsible.vue.js +2 -1
- package/esm/components/QColorPicker/QColorPicker.vue.js +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +12 -0
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +30 -29
- package/esm/components/QCombobox/index.d.ts +21 -0
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts +6 -0
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +21 -20
- package/esm/components/QPasswordField/index.d.ts +3 -0
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +33 -30
- package/esm/components/QTextField/QTextField.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +48 -38
- package/esm/components/QTextField/index.d.ts +3 -0
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/QTextField/types.d.ts +5 -0
- package/esm/components/QTextField/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,7 @@ declare function __VLS_template(): {
|
|
|
29
29
|
readonly required?: boolean | undefined;
|
|
30
30
|
readonly invalid?: boolean | undefined;
|
|
31
31
|
readonly placeholder?: string | undefined;
|
|
32
|
+
readonly maxLength?: number | undefined;
|
|
32
33
|
readonly clearable?: boolean | undefined;
|
|
33
34
|
readonly type?: string | undefined;
|
|
34
35
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -133,6 +134,7 @@ declare function __VLS_template(): {
|
|
|
133
134
|
invalid?: boolean;
|
|
134
135
|
} & {
|
|
135
136
|
placeholder?: string;
|
|
137
|
+
maxLength?: number;
|
|
136
138
|
clearable?: boolean;
|
|
137
139
|
type?: string;
|
|
138
140
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -183,6 +185,7 @@ declare function __VLS_template(): {
|
|
|
183
185
|
invalid?: boolean;
|
|
184
186
|
} & {
|
|
185
187
|
placeholder?: string;
|
|
188
|
+
maxLength?: number;
|
|
186
189
|
clearable?: boolean;
|
|
187
190
|
type?: string;
|
|
188
191
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -230,6 +233,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
230
233
|
readonly required?: boolean | undefined;
|
|
231
234
|
readonly invalid?: boolean | undefined;
|
|
232
235
|
readonly placeholder?: string | undefined;
|
|
236
|
+
readonly maxLength?: number | undefined;
|
|
233
237
|
readonly clearable?: boolean | undefined;
|
|
234
238
|
readonly type?: string | undefined;
|
|
235
239
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -334,6 +338,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
334
338
|
invalid?: boolean;
|
|
335
339
|
} & {
|
|
336
340
|
placeholder?: string;
|
|
341
|
+
maxLength?: number;
|
|
337
342
|
clearable?: boolean;
|
|
338
343
|
type?: string;
|
|
339
344
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -384,6 +389,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
384
389
|
invalid?: boolean;
|
|
385
390
|
} & {
|
|
386
391
|
placeholder?: string;
|
|
392
|
+
maxLength?: number;
|
|
387
393
|
clearable?: boolean;
|
|
388
394
|
type?: string;
|
|
389
395
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;AAqLC,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,SAAS,CAAA;AAKhB,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA4FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG
|
|
1
|
+
{"version":3,"file":"QPasswordField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/QPasswordField.vue"],"names":[],"mappings":"AA6DA;AAqLC,OAAO,KAAK,EAEX,mBAAmB,EAEnB,MAAM,SAAS,CAAA;AAKhB,KAAK,WAAW,GAAG,mBAAmB,CAAC;AA4FxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkLT,OAAO,IAA6B;;iCAhBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAwE4uT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAvDj4T;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA8BuvT,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBh4T,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,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { DEFAULT_ICONS as
|
|
3
|
-
import { QButton as
|
|
1
|
+
import { defineComponent as L, mergeModels as S, useModel as V, ref as B, computed as v, createElementBlock as E, openBlock as g, Fragment as P, createVNode as y, createBlock as $, createCommentVNode as w, unref as b, mergeProps as Q, createSlots as R, withCtx as n, renderSlot as d, normalizeProps as x, guardReactiveProps as N } from "vue";
|
|
2
|
+
import { DEFAULT_ICONS as O } from "./constants.js";
|
|
3
|
+
import { QButton as U } from "../QButton/index.js";
|
|
4
4
|
import { QIcon as A } from "../QIcon/index.js";
|
|
5
5
|
import { QTextField as I } from "../QTextField/index.js";
|
|
6
6
|
import T from "./QPasswordFieldMessages.vue.js";
|
|
7
7
|
import D from "./QPasswordFieldMeterOverlay.vue.js";
|
|
8
|
-
const Y = /* @__PURE__ */
|
|
8
|
+
const Y = /* @__PURE__ */ L({
|
|
9
9
|
inheritAttrs: !1,
|
|
10
10
|
__name: "QPasswordField",
|
|
11
|
-
props: /* @__PURE__ */
|
|
11
|
+
props: /* @__PURE__ */ S({
|
|
12
12
|
id: {},
|
|
13
13
|
class: {},
|
|
14
14
|
label: {},
|
|
@@ -19,11 +19,12 @@ const Y = /* @__PURE__ */ S({
|
|
|
19
19
|
required: { type: Boolean },
|
|
20
20
|
invalid: { type: Boolean },
|
|
21
21
|
placeholder: {},
|
|
22
|
+
maxLength: {},
|
|
22
23
|
toggle: { type: Boolean },
|
|
23
24
|
meter: { type: Boolean },
|
|
24
25
|
meterLevels: {},
|
|
25
26
|
rules: {},
|
|
26
|
-
icons: { default: () =>
|
|
27
|
+
icons: { default: () => O }
|
|
27
28
|
}, {
|
|
28
29
|
modelValue: {},
|
|
29
30
|
modelModifiers: {},
|
|
@@ -39,13 +40,13 @@ const Y = /* @__PURE__ */ S({
|
|
|
39
40
|
function q(l, s) {
|
|
40
41
|
if (!l || !s) return;
|
|
41
42
|
let a = 0;
|
|
42
|
-
const
|
|
43
|
+
const r = [];
|
|
43
44
|
return s.forEach((m) => {
|
|
44
45
|
const c = m.test instanceof RegExp ? m.test.test(l) : m.test(l);
|
|
45
|
-
c === !0 ? a += m.weight : typeof c == "string" &&
|
|
46
|
+
c === !0 ? a += m.weight : typeof c == "string" && r.push(c);
|
|
46
47
|
}), {
|
|
47
48
|
score: k.value ? a / k.value : 0,
|
|
48
|
-
messages:
|
|
49
|
+
messages: r
|
|
49
50
|
};
|
|
50
51
|
}
|
|
51
52
|
function z() {
|
|
@@ -58,8 +59,8 @@ const Y = /* @__PURE__ */ S({
|
|
|
58
59
|
u.value = !1;
|
|
59
60
|
}
|
|
60
61
|
return (l, s) => {
|
|
61
|
-
var a,
|
|
62
|
-
return g(),
|
|
62
|
+
var a, r;
|
|
63
|
+
return g(), E(
|
|
63
64
|
P,
|
|
64
65
|
null,
|
|
65
66
|
[
|
|
@@ -82,10 +83,10 @@ const Y = /* @__PURE__ */ S({
|
|
|
82
83
|
onFocusin: F,
|
|
83
84
|
onFocusout: C
|
|
84
85
|
}), R({
|
|
85
|
-
"label.prepend":
|
|
86
|
+
"label.prepend": n(() => [
|
|
86
87
|
d(l.$slots, "label.prepend")
|
|
87
88
|
]),
|
|
88
|
-
"label.append":
|
|
89
|
+
"label.append": n(() => [
|
|
89
90
|
d(l.$slots, "label.append")
|
|
90
91
|
]),
|
|
91
92
|
_: 2
|
|
@@ -93,26 +94,26 @@ const Y = /* @__PURE__ */ S({
|
|
|
93
94
|
}, [
|
|
94
95
|
l.$slots.prepend ? {
|
|
95
96
|
name: "prepend",
|
|
96
|
-
fn:
|
|
97
|
+
fn: n(() => [
|
|
97
98
|
d(l.$slots, "prepend")
|
|
98
99
|
]),
|
|
99
100
|
key: "0"
|
|
100
101
|
} : void 0,
|
|
101
102
|
e.toggle ? {
|
|
102
103
|
name: "append",
|
|
103
|
-
fn:
|
|
104
|
+
fn: n(() => [
|
|
104
105
|
d(l.$slots, "append"),
|
|
105
|
-
y(b(
|
|
106
|
+
y(b(U), {
|
|
106
107
|
size: "small",
|
|
107
108
|
borderless: "",
|
|
108
109
|
"data-testid": "q-password-toggle",
|
|
109
110
|
disabled: e.disabled,
|
|
110
111
|
onClick: z
|
|
111
112
|
}, {
|
|
112
|
-
default:
|
|
113
|
+
default: n(() => [
|
|
113
114
|
y(
|
|
114
115
|
b(A),
|
|
115
|
-
N(
|
|
116
|
+
x(N(i.value ? e.icons.show : e.icons.hide)),
|
|
116
117
|
null,
|
|
117
118
|
16
|
|
118
119
|
/* FULL_PROPS */
|
|
@@ -126,7 +127,7 @@ const Y = /* @__PURE__ */ S({
|
|
|
126
127
|
} : void 0,
|
|
127
128
|
l.$slots.extras || e.rules && !e.meter ? {
|
|
128
129
|
name: "extras",
|
|
129
|
-
fn:
|
|
130
|
+
fn: n(() => [
|
|
130
131
|
d(l.$slots, "extras", {}, () => {
|
|
131
132
|
var o;
|
|
132
133
|
return [
|
|
@@ -148,7 +149,7 @@ const Y = /* @__PURE__ */ S({
|
|
|
148
149
|
score: t.value.score,
|
|
149
150
|
levels: e.meterLevels,
|
|
150
151
|
messages: t.value.messages,
|
|
151
|
-
anchor: (
|
|
152
|
+
anchor: (r = h.value) == null ? void 0 : r.$el
|
|
152
153
|
}, null, 8, ["modelValue", "score", "levels", "messages", "anchor"])) : w("v-if", !0)
|
|
153
154
|
],
|
|
154
155
|
64
|
|
@@ -34,6 +34,7 @@ declare const QPasswordField: {
|
|
|
34
34
|
readonly required?: boolean | undefined;
|
|
35
35
|
readonly invalid?: boolean | undefined;
|
|
36
36
|
readonly placeholder?: string | undefined;
|
|
37
|
+
readonly maxLength?: number | undefined;
|
|
37
38
|
readonly clearable?: boolean | undefined;
|
|
38
39
|
readonly type?: string | undefined;
|
|
39
40
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -138,6 +139,7 @@ declare const QPasswordField: {
|
|
|
138
139
|
invalid?: boolean;
|
|
139
140
|
} & {
|
|
140
141
|
placeholder?: string;
|
|
142
|
+
maxLength?: number;
|
|
141
143
|
clearable?: boolean;
|
|
142
144
|
type?: string;
|
|
143
145
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -188,6 +190,7 @@ declare const QPasswordField: {
|
|
|
188
190
|
invalid?: boolean;
|
|
189
191
|
} & {
|
|
190
192
|
placeholder?: string;
|
|
193
|
+
maxLength?: number;
|
|
191
194
|
clearable?: boolean;
|
|
192
195
|
type?: string;
|
|
193
196
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QPasswordField/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAO+mzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAPlszB,CAAA;AAGvD,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,YAAY,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;
|
|
1
|
+
{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AAkHC,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;WA0GT,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 b, mergeModels as h, useModel as z, computed as
|
|
2
|
-
import { QField as
|
|
3
|
-
import { useId as
|
|
4
|
-
import { useTextareaAutosize as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as b, mergeModels as h, useModel as z, computed as t, watch as x, ref as g, createBlock as w, openBlock as q, unref as n, normalizeClass as $, createSlots as v, withCtx as a, withDirectives as B, createElementVNode as k, mergeProps as M, toHandlers as V, vModelText as A, renderSlot as o } from "vue";
|
|
2
|
+
import { QField as C } from "../QField/index.js";
|
|
3
|
+
import { useId as H } from "../../composables/uid.js";
|
|
4
|
+
import { useTextareaAutosize as L } from "../../vendors/@vueuse/core/index.js";
|
|
5
|
+
const R = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], S = /* @__PURE__ */ b({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "QTextArea",
|
|
8
8
|
props: /* @__PURE__ */ h({
|
|
@@ -27,39 +27,42 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
27
27
|
modelModifiers: {}
|
|
28
28
|
}),
|
|
29
29
|
emits: ["update:modelValue"],
|
|
30
|
-
setup(
|
|
31
|
-
const e =
|
|
32
|
-
() =>
|
|
33
|
-
), f = o(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
|
|
34
|
-
element: o(() => e.autosize ? i.value : void 0),
|
|
35
|
-
styleProp: "minHeight"
|
|
36
|
-
}), p = o({
|
|
37
|
-
get: () => d.value,
|
|
30
|
+
setup(i) {
|
|
31
|
+
const e = i, s = z(i, "modelValue"), d = t({
|
|
32
|
+
get: () => s.value,
|
|
38
33
|
set: (l) => {
|
|
39
|
-
|
|
34
|
+
const r = e.maxLength;
|
|
35
|
+
s.value = r ? l == null ? void 0 : l.slice(0, r) : l;
|
|
40
36
|
}
|
|
41
37
|
});
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
38
|
+
x(s, (l) => d.value = l, { immediate: !0 });
|
|
39
|
+
const p = H(e.id), m = t(
|
|
40
|
+
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
41
|
+
), f = t(() => ({ input: e.autosize ? c : null })), u = g(), { triggerResize: c } = L({
|
|
42
|
+
element: t(() => e.autosize ? u.value : void 0),
|
|
43
|
+
styleProp: "minHeight"
|
|
44
|
+
});
|
|
45
|
+
return (l, r) => (q(), w(n(C), {
|
|
46
|
+
class: $(["q-text-area", e.class]),
|
|
47
|
+
for: n(p),
|
|
45
48
|
label: e.label,
|
|
46
49
|
size: e.size,
|
|
47
50
|
readonly: e.readonly,
|
|
48
51
|
disabled: e.disabled,
|
|
49
52
|
required: e.required
|
|
50
|
-
},
|
|
53
|
+
}, v({
|
|
51
54
|
"label.prepend": a(() => [
|
|
52
|
-
|
|
55
|
+
o(l.$slots, "label.prepend")
|
|
53
56
|
]),
|
|
54
57
|
"label.append": a(() => [
|
|
55
|
-
|
|
58
|
+
o(l.$slots, "label.append")
|
|
56
59
|
]),
|
|
57
60
|
default: a(() => [
|
|
58
|
-
|
|
59
|
-
id:
|
|
61
|
+
B(k("textarea", M({
|
|
62
|
+
id: n(p),
|
|
60
63
|
ref_key: "textareaRef",
|
|
61
|
-
ref:
|
|
62
|
-
"onUpdate:modelValue":
|
|
64
|
+
ref: u,
|
|
65
|
+
"onUpdate:modelValue": r[0] || (r[0] = (y) => d.value = y),
|
|
63
66
|
class: "q-text-area__input",
|
|
64
67
|
required: e.required,
|
|
65
68
|
placeholder: m.value,
|
|
@@ -70,8 +73,8 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
70
73
|
cols: e.cols,
|
|
71
74
|
resize: e.resize,
|
|
72
75
|
wrap: e.wrap
|
|
73
|
-
}, l.$attrs,
|
|
74
|
-
[
|
|
76
|
+
}, l.$attrs, V(f.value, !0)), null, 16, R), [
|
|
77
|
+
[A, d.value]
|
|
75
78
|
])
|
|
76
79
|
]),
|
|
77
80
|
_: 2
|
|
@@ -80,21 +83,21 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
80
83
|
l.$slots.prepend ? {
|
|
81
84
|
name: "prepend",
|
|
82
85
|
fn: a(() => [
|
|
83
|
-
|
|
86
|
+
o(l.$slots, "prepend")
|
|
84
87
|
]),
|
|
85
88
|
key: "0"
|
|
86
89
|
} : void 0,
|
|
87
90
|
l.$slots.append ? {
|
|
88
91
|
name: "append",
|
|
89
92
|
fn: a(() => [
|
|
90
|
-
|
|
93
|
+
o(l.$slots, "append")
|
|
91
94
|
]),
|
|
92
95
|
key: "1"
|
|
93
96
|
} : void 0,
|
|
94
97
|
l.$slots.extras ? {
|
|
95
98
|
name: "extras",
|
|
96
99
|
fn: a(() => [
|
|
97
|
-
|
|
100
|
+
o(l.$slots, "extras")
|
|
98
101
|
]),
|
|
99
102
|
key: "2"
|
|
100
103
|
} : void 0
|
|
@@ -102,5 +105,5 @@ const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength",
|
|
|
102
105
|
}
|
|
103
106
|
});
|
|
104
107
|
export {
|
|
105
|
-
|
|
108
|
+
S as default
|
|
106
109
|
};
|
|
@@ -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":"AAoDA;AAgIC,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;WAmIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqEyrc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;EAnD90c;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Bosc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;OArB70c,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,11 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { QField as
|
|
3
|
-
import { QClearButton as
|
|
4
|
-
import { useId as
|
|
5
|
-
const
|
|
1
|
+
import { defineComponent as C, mergeModels as y, useModel as R, computed as n, watch as V, ref as b, createBlock as h, openBlock as v, unref as r, normalizeClass as z, createSlots as M, withCtx as a, withDirectives as w, createElementVNode as L, mergeProps as Q, vModelDynamic as D, renderSlot as o, createCommentVNode as F } from "vue";
|
|
2
|
+
import { QField as N } from "../QField/index.js";
|
|
3
|
+
import { QClearButton as S } from "../__internal__/QClearButton/index.js";
|
|
4
|
+
import { useId as _ } from "../../composables/uid.js";
|
|
5
|
+
const A = ["id", "type", "maxlength", "required", "placeholder", "readonly", "disabled"], U = /* @__PURE__ */ C({
|
|
6
6
|
inheritAttrs: !1,
|
|
7
7
|
__name: "QTextField",
|
|
8
|
-
props: /* @__PURE__ */
|
|
8
|
+
props: /* @__PURE__ */ y({
|
|
9
9
|
id: {},
|
|
10
10
|
class: {},
|
|
11
11
|
label: {},
|
|
@@ -16,6 +16,7 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
16
16
|
required: { type: Boolean },
|
|
17
17
|
invalid: { type: Boolean },
|
|
18
18
|
placeholder: {},
|
|
19
|
+
maxLength: {},
|
|
19
20
|
clearable: { type: Boolean },
|
|
20
21
|
type: { default: "text" },
|
|
21
22
|
texts: {}
|
|
@@ -23,52 +24,61 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
23
24
|
modelValue: {},
|
|
24
25
|
modelModifiers: {}
|
|
25
26
|
}),
|
|
26
|
-
emits: /* @__PURE__ */
|
|
27
|
-
setup(
|
|
28
|
-
const e =
|
|
27
|
+
emits: /* @__PURE__ */ y(["click:clear"], ["update:modelValue"]),
|
|
28
|
+
setup(i, { expose: x, emit: k }) {
|
|
29
|
+
const e = i, q = k, t = R(i, "modelValue"), s = n({
|
|
30
|
+
get: () => t.value,
|
|
31
|
+
set: (l) => {
|
|
32
|
+
const d = e.maxLength;
|
|
33
|
+
t.value = d ? l == null ? void 0 : l.slice(0, d) : l;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
V(t, (l) => s.value = l, { immediate: !0 });
|
|
37
|
+
const p = _(e.id), u = b(null), f = b(null), g = n(
|
|
29
38
|
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
30
|
-
),
|
|
31
|
-
function
|
|
32
|
-
|
|
39
|
+
), m = n(() => e.clearable && !e.readonly && !e.disabled), c = n(() => m.value && t.value);
|
|
40
|
+
function B(l) {
|
|
41
|
+
m.value && (t.value = "", q("click:clear", l));
|
|
33
42
|
}
|
|
34
|
-
return
|
|
35
|
-
fieldRef:
|
|
43
|
+
return x({
|
|
44
|
+
fieldRef: n(() => {
|
|
36
45
|
var l;
|
|
37
|
-
return (l =
|
|
46
|
+
return (l = u.value) == null ? void 0 : l.fieldRef;
|
|
38
47
|
}),
|
|
39
|
-
inputRef:
|
|
40
|
-
}), (l,
|
|
48
|
+
inputRef: f
|
|
49
|
+
}), (l, d) => (v(), h(r(N), {
|
|
41
50
|
ref_key: "fieldRef",
|
|
42
|
-
ref:
|
|
43
|
-
class:
|
|
44
|
-
for: r(
|
|
51
|
+
ref: u,
|
|
52
|
+
class: z(["q-text-field", e.class]),
|
|
53
|
+
for: r(p),
|
|
45
54
|
label: e.label,
|
|
46
55
|
size: e.size,
|
|
47
56
|
readonly: e.readonly,
|
|
48
57
|
disabled: e.disabled,
|
|
49
58
|
required: e.required,
|
|
50
59
|
invalid: e.invalid
|
|
51
|
-
},
|
|
60
|
+
}, M({
|
|
52
61
|
"label.prepend": a(() => [
|
|
53
|
-
|
|
62
|
+
o(l.$slots, "label.prepend")
|
|
54
63
|
]),
|
|
55
64
|
"label.append": a(() => [
|
|
56
|
-
|
|
65
|
+
o(l.$slots, "label.append")
|
|
57
66
|
]),
|
|
58
67
|
default: a(() => [
|
|
59
|
-
|
|
60
|
-
id: r(
|
|
68
|
+
w(L("input", Q({
|
|
69
|
+
id: r(p),
|
|
61
70
|
ref_key: "inputRef",
|
|
62
|
-
ref:
|
|
63
|
-
"onUpdate:modelValue":
|
|
71
|
+
ref: f,
|
|
72
|
+
"onUpdate:modelValue": d[0] || (d[0] = ($) => s.value = $),
|
|
64
73
|
class: "q-text-field__input",
|
|
65
74
|
type: e.type,
|
|
75
|
+
maxlength: e.maxLength,
|
|
66
76
|
required: e.required,
|
|
67
|
-
placeholder:
|
|
77
|
+
placeholder: g.value,
|
|
68
78
|
readonly: e.readonly,
|
|
69
79
|
disabled: e.disabled
|
|
70
|
-
}, l.$attrs), null, 16,
|
|
71
|
-
[
|
|
80
|
+
}, l.$attrs), null, 16, A), [
|
|
81
|
+
[D, s.value]
|
|
72
82
|
])
|
|
73
83
|
]),
|
|
74
84
|
_: 2
|
|
@@ -77,27 +87,27 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
77
87
|
l.$slots.prepend ? {
|
|
78
88
|
name: "prepend",
|
|
79
89
|
fn: a(() => [
|
|
80
|
-
|
|
90
|
+
o(l.$slots, "prepend")
|
|
81
91
|
]),
|
|
82
92
|
key: "0"
|
|
83
93
|
} : void 0,
|
|
84
|
-
l.$slots.append ||
|
|
94
|
+
l.$slots.append || c.value ? {
|
|
85
95
|
name: "append",
|
|
86
96
|
fn: a(() => [
|
|
87
|
-
|
|
88
|
-
|
|
97
|
+
o(l.$slots, "append"),
|
|
98
|
+
c.value ? (v(), h(r(S), {
|
|
89
99
|
key: 0,
|
|
90
100
|
"data-testid": "q-text-field__clear-button",
|
|
91
101
|
texts: e.texts,
|
|
92
|
-
onClick:
|
|
93
|
-
}, null, 8, ["texts"])) :
|
|
102
|
+
onClick: B
|
|
103
|
+
}, null, 8, ["texts"])) : F("v-if", !0)
|
|
94
104
|
]),
|
|
95
105
|
key: "1"
|
|
96
106
|
} : void 0,
|
|
97
107
|
l.$slots.extras ? {
|
|
98
108
|
name: "extras",
|
|
99
109
|
fn: a(() => [
|
|
100
|
-
|
|
110
|
+
o(l.$slots, "extras")
|
|
101
111
|
]),
|
|
102
112
|
key: "2"
|
|
103
113
|
} : void 0
|
|
@@ -105,5 +115,5 @@ const _ = ["id", "type", "required", "placeholder", "readonly", "disabled"], T =
|
|
|
105
115
|
}
|
|
106
116
|
});
|
|
107
117
|
export {
|
|
108
|
-
|
|
118
|
+
U as default
|
|
109
119
|
};
|
|
@@ -13,6 +13,7 @@ declare const QTextField: {
|
|
|
13
13
|
invalid?: boolean;
|
|
14
14
|
} & {
|
|
15
15
|
placeholder?: string;
|
|
16
|
+
maxLength?: number;
|
|
16
17
|
clearable?: boolean;
|
|
17
18
|
type?: string;
|
|
18
19
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
@@ -119,6 +120,7 @@ declare const QTextField: {
|
|
|
119
120
|
invalid?: boolean;
|
|
120
121
|
} & {
|
|
121
122
|
placeholder?: string;
|
|
123
|
+
maxLength?: number;
|
|
122
124
|
clearable?: boolean;
|
|
123
125
|
type?: string;
|
|
124
126
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
@@ -147,6 +149,7 @@ declare const QTextField: {
|
|
|
147
149
|
invalid?: boolean;
|
|
148
150
|
} & {
|
|
149
151
|
placeholder?: string;
|
|
152
|
+
maxLength?: number;
|
|
150
153
|
clearable?: boolean;
|
|
151
154
|
type?: string;
|
|
152
155
|
texts?: typeof import('./types').DEFAULT_TEXTS;
|
|
@@ -1 +1 @@
|
|
|
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
|
|
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"}
|
|
@@ -4,6 +4,11 @@ export type QTextFieldProps = QFieldProps & {
|
|
|
4
4
|
* The placeholder text for the text field.
|
|
5
5
|
*/
|
|
6
6
|
placeholder?: string;
|
|
7
|
+
/**
|
|
8
|
+
* If set, defines the maximum string length
|
|
9
|
+
* that the user can enter into the text area field.
|
|
10
|
+
*/
|
|
11
|
+
maxLength?: number;
|
|
7
12
|
/**
|
|
8
13
|
* Whether the value of the field can be cleared.
|
|
9
14
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA"}
|