@quidgest/ui 0.14.16 → 0.14.18
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 +1 -0
- package/dist/ui.css +96 -20
- package/dist/ui.esm.js +3852 -3675
- package/dist/ui.js +16 -16
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +640 -615
- package/dist/ui.scss +84 -23
- 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/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +94 -102
- package/esm/components/QTextArea/QTextArea.d.ts +39 -0
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -0
- package/esm/components/QTextArea/QTextArea.vue.js +105 -0
- package/esm/components/QTextArea/QTextArea.vue2.js +4 -0
- package/esm/components/QTextArea/index.d.ts +98 -0
- package/esm/components/QTextArea/index.d.ts.map +1 -0
- package/esm/components/QTextArea/index.js +6 -0
- package/esm/components/QTextArea/types.d.ts +33 -0
- package/esm/components/QTextArea/types.d.ts.map +1 -0
- 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 +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +12 -10
- package/esm/composables/theme.d.ts +2 -0
- package/esm/composables/theme.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/utils/theme.d.ts.map +1 -1
- package/esm/utils/theme.js +27 -26
- package/esm/vendors/@vueuse/core/index.js +85 -0
- package/esm/vendors/@vueuse/shared/index.js +20 -0
- package/package.json +2 -1
- /package/esm/components/QCheckbox/{types.js → constants.js} +0 -0
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as Z, mergeModels as R, useModel as ee, computed as l, reactive as O, watch as k, ref as V, nextTick as v, onMounted as te, onBeforeUnmount as ne, createElementBlock as g, openBlock as c, Fragment as oe, createBlock as A, createCommentVNode as L, Teleport as re, createVNode as ie, normalizeClass as U, Transition as ae, withCtx as le, normalizeStyle as z, createElementVNode as se, mergeProps as de, withKeys as ce, renderSlot as ue, unref as fe } from "vue";
|
|
2
2
|
import { QRemoveScrollBar as me } from "../QRemoveScrollBar/index.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
3
|
+
import { getSideFromPlacement as ve, computePosition as pe } from "../../composables/overlay.js";
|
|
4
|
+
import { useTheme as he } from "../../composables/theme.js";
|
|
5
|
+
import { getElement as ye } from "../../utils/getElement.js";
|
|
6
|
+
const we = ["id"], ke = ["role"], be = /* @__PURE__ */ Z({
|
|
8
7
|
inheritAttrs: !1,
|
|
9
8
|
__name: "QOverlay",
|
|
10
|
-
props: /* @__PURE__ */
|
|
9
|
+
props: /* @__PURE__ */ R({
|
|
11
10
|
id: {},
|
|
12
11
|
class: {},
|
|
13
12
|
anchor: {},
|
|
@@ -32,29 +31,30 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
32
31
|
modelValue: { type: Boolean },
|
|
33
32
|
modelModifiers: {}
|
|
34
33
|
}),
|
|
35
|
-
emits: /* @__PURE__ */
|
|
36
|
-
setup(
|
|
37
|
-
const t =
|
|
34
|
+
emits: /* @__PURE__ */ R(["enter", "leave"], ["update:modelValue"]),
|
|
35
|
+
setup(B, { emit: I }) {
|
|
36
|
+
const t = B, _ = I, r = ee(B, "modelValue"), { class: N } = he(), P = l(() => [
|
|
38
37
|
"q-overlay",
|
|
39
|
-
`q-overlay--${
|
|
38
|
+
`q-overlay--${ve(n.placement)}`,
|
|
39
|
+
N.value,
|
|
40
40
|
{
|
|
41
41
|
"q-overlay--independent": u.value,
|
|
42
42
|
"q-overlay--inverted": t.appearance === "inverted"
|
|
43
43
|
},
|
|
44
44
|
t.class
|
|
45
|
-
]), u = l(() => t.anchor === void 0),
|
|
45
|
+
]), u = l(() => t.anchor === void 0), b = l(() => (r.value || n.animating) && !t.nonModal), D = l(() => (r.value || n.animating) && t.scrollLock), n = O({
|
|
46
46
|
animating: !1,
|
|
47
47
|
top: 0,
|
|
48
48
|
left: 0,
|
|
49
49
|
width: 0,
|
|
50
50
|
placement: t.placement
|
|
51
|
-
}), i =
|
|
51
|
+
}), i = O({
|
|
52
52
|
top: void 0,
|
|
53
53
|
left: void 0,
|
|
54
54
|
hidden: !0
|
|
55
|
-
}),
|
|
55
|
+
}), F = l(() => n.top !== 0 && n.left !== 0);
|
|
56
56
|
k(r, () => n.animating = !0);
|
|
57
|
-
const
|
|
57
|
+
const K = l(() => {
|
|
58
58
|
if (u.value) return;
|
|
59
59
|
const e = d(), w = t.width === "anchor", o = w ? e == null ? void 0 : e.getBoundingClientRect().width : void 0;
|
|
60
60
|
return {
|
|
@@ -62,14 +62,14 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
62
62
|
left: `${n.left}px`,
|
|
63
63
|
width: o !== void 0 ? `${o}px` : void 0
|
|
64
64
|
};
|
|
65
|
-
}),
|
|
65
|
+
}), Q = l(() => {
|
|
66
66
|
if (t.arrow)
|
|
67
67
|
return {
|
|
68
68
|
top: i.top !== void 0 ? `${i.top}px` : void 0,
|
|
69
69
|
left: i.left !== void 0 ? `${i.left}px` : void 0,
|
|
70
70
|
opacity: i.hidden ? 0 : 1
|
|
71
71
|
};
|
|
72
|
-
}), p =
|
|
72
|
+
}), p = V(null), h = V(null);
|
|
73
73
|
function a() {
|
|
74
74
|
const e = d();
|
|
75
75
|
if (!e || !h.value)
|
|
@@ -80,7 +80,7 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
80
80
|
offset: t.offset,
|
|
81
81
|
crossOffset: t.crossOffset,
|
|
82
82
|
arrow: t.arrow
|
|
83
|
-
}, o =
|
|
83
|
+
}, o = pe(
|
|
84
84
|
e,
|
|
85
85
|
h.value,
|
|
86
86
|
(p == null ? void 0 : p.value) ?? void 0,
|
|
@@ -94,38 +94,38 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
94
94
|
);
|
|
95
95
|
let f;
|
|
96
96
|
function y() {
|
|
97
|
-
|
|
97
|
+
T(0);
|
|
98
98
|
}
|
|
99
|
-
function
|
|
100
|
-
|
|
99
|
+
function C() {
|
|
100
|
+
T(t.delay);
|
|
101
101
|
}
|
|
102
|
-
function
|
|
103
|
-
f &&
|
|
102
|
+
function T(e) {
|
|
103
|
+
f && x(), f = window.setTimeout(() => {
|
|
104
104
|
r.value = !0;
|
|
105
105
|
}, e);
|
|
106
106
|
}
|
|
107
107
|
function s() {
|
|
108
|
-
if (f &&
|
|
108
|
+
if (f && x(), r.value = !1, t.anchor && t.trigger === "click") {
|
|
109
109
|
const e = d();
|
|
110
110
|
e == null || e.focus();
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
|
-
function
|
|
113
|
+
function x() {
|
|
114
114
|
clearTimeout(f), f = void 0;
|
|
115
115
|
}
|
|
116
|
-
k(
|
|
117
|
-
function
|
|
118
|
-
|
|
116
|
+
k(F, () => v(W));
|
|
117
|
+
function W() {
|
|
118
|
+
_("enter");
|
|
119
119
|
}
|
|
120
|
-
let
|
|
121
|
-
function
|
|
122
|
-
window.clearTimeout(
|
|
120
|
+
let S;
|
|
121
|
+
function j() {
|
|
122
|
+
window.clearTimeout(S), S = window.setTimeout(() => n.animating = !1, 200), _("leave");
|
|
123
123
|
}
|
|
124
124
|
function d() {
|
|
125
|
-
return t.anchor ?
|
|
125
|
+
return t.anchor ? ye(t.anchor) : null;
|
|
126
126
|
}
|
|
127
127
|
let m;
|
|
128
|
-
function
|
|
128
|
+
function G() {
|
|
129
129
|
const e = d();
|
|
130
130
|
if (e)
|
|
131
131
|
switch (m = new MutationObserver(a), m.observe(e, {
|
|
@@ -138,11 +138,11 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
138
138
|
e.addEventListener("click", y);
|
|
139
139
|
break;
|
|
140
140
|
case "hover":
|
|
141
|
-
e.addEventListener("mouseenter",
|
|
141
|
+
e.addEventListener("mouseenter", C), e.addEventListener("mouseleave", s), e.addEventListener("focusin", y), e.addEventListener("focusout", s);
|
|
142
142
|
break;
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
|
-
function
|
|
145
|
+
function H() {
|
|
146
146
|
const e = d();
|
|
147
147
|
if (e)
|
|
148
148
|
switch (m == null || m.disconnect(), t.trigger) {
|
|
@@ -150,55 +150,55 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
150
150
|
e.removeEventListener("click", y);
|
|
151
151
|
break;
|
|
152
152
|
case "hover":
|
|
153
|
-
e.removeEventListener("mouseenter",
|
|
153
|
+
e.removeEventListener("mouseenter", C), e.removeEventListener("mouseleave", s), e.removeEventListener("focusin", y), e.removeEventListener("focusout", s);
|
|
154
154
|
break;
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
|
-
function
|
|
157
|
+
function J() {
|
|
158
158
|
window.addEventListener("resize", a), t.scrollLock || window.addEventListener("scroll", a);
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function X() {
|
|
161
161
|
window.removeEventListener("resize", a), t.scrollLock || window.removeEventListener("scroll", a);
|
|
162
162
|
}
|
|
163
|
-
let
|
|
164
|
-
function
|
|
165
|
-
d() ? (a(),
|
|
163
|
+
let E;
|
|
164
|
+
function q() {
|
|
165
|
+
d() ? (a(), E = window.setTimeout(q, 100)) : s();
|
|
166
166
|
}
|
|
167
|
-
function
|
|
168
|
-
u.value || (
|
|
167
|
+
function Y() {
|
|
168
|
+
u.value || (J(), t.spy ? q() : a()), (u.value || t.trigger === "click") && v(() => {
|
|
169
169
|
var e;
|
|
170
170
|
return (e = h.value) == null ? void 0 : e.focus();
|
|
171
171
|
});
|
|
172
172
|
}
|
|
173
|
-
function
|
|
174
|
-
u.value ||
|
|
173
|
+
function $() {
|
|
174
|
+
u.value || X(), t.spy && (clearTimeout(E), E = void 0), n.top = 0, n.left = 0;
|
|
175
175
|
}
|
|
176
|
-
function
|
|
176
|
+
function M() {
|
|
177
177
|
t.persistent || s();
|
|
178
178
|
}
|
|
179
|
-
return
|
|
180
|
-
v(
|
|
181
|
-
}),
|
|
182
|
-
|
|
179
|
+
return te(() => {
|
|
180
|
+
v(G);
|
|
181
|
+
}), ne(() => {
|
|
182
|
+
H(), $();
|
|
183
183
|
}), k(
|
|
184
184
|
r,
|
|
185
185
|
(e) => {
|
|
186
|
-
v(() => e ?
|
|
186
|
+
v(() => e ? Y() : $());
|
|
187
187
|
},
|
|
188
188
|
{ immediate: !0 }
|
|
189
|
-
), (e, w) => (c(),
|
|
190
|
-
|
|
189
|
+
), (e, w) => (c(), g(
|
|
190
|
+
oe,
|
|
191
191
|
null,
|
|
192
192
|
[
|
|
193
|
-
(c(),
|
|
193
|
+
(c(), A(re, {
|
|
194
194
|
disabled: !r.value && !n.animating || t.inline,
|
|
195
195
|
to: t.attach
|
|
196
196
|
}, [
|
|
197
|
-
|
|
197
|
+
b.value ? (c(), g(
|
|
198
198
|
"div",
|
|
199
199
|
{
|
|
200
200
|
key: 0,
|
|
201
|
-
class:
|
|
201
|
+
class: U([
|
|
202
202
|
t.backdropClass,
|
|
203
203
|
"q-overlay__underlay",
|
|
204
204
|
{ "q-overlay__underlay--blur": t.backdropBlur }
|
|
@@ -207,60 +207,52 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
207
207
|
null,
|
|
208
208
|
2
|
|
209
209
|
/* CLASS */
|
|
210
|
-
)) :
|
|
211
|
-
|
|
210
|
+
)) : L("v-if", !0),
|
|
211
|
+
ie(ae, {
|
|
212
212
|
name: t.transition,
|
|
213
213
|
appear: "",
|
|
214
|
-
onLeave:
|
|
214
|
+
onLeave: j
|
|
215
215
|
}, {
|
|
216
|
-
default:
|
|
217
|
-
r.value ? (c(),
|
|
216
|
+
default: le(() => [
|
|
217
|
+
r.value ? (c(), g("div", {
|
|
218
218
|
key: 0,
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
)) : g("v-if", !0),
|
|
251
|
-
fe(e.$slots, "default")
|
|
252
|
-
], 16, ge)
|
|
253
|
-
], 14, ke)
|
|
254
|
-
]),
|
|
255
|
-
_: 3
|
|
256
|
-
/* FORWARDED */
|
|
257
|
-
}, 8, ["theme"])) : g("v-if", !0)
|
|
219
|
+
id: t.id,
|
|
220
|
+
class: U(P.value),
|
|
221
|
+
style: z(K.value)
|
|
222
|
+
}, [
|
|
223
|
+
se("div", de({
|
|
224
|
+
ref_key: "overlayRef",
|
|
225
|
+
ref: h,
|
|
226
|
+
class: "q-overlay__content",
|
|
227
|
+
tabindex: "-1",
|
|
228
|
+
role: b.value ? "dialog" : void 0
|
|
229
|
+
}, e.$attrs, {
|
|
230
|
+
onKeydown: ce(M, ["escape"]),
|
|
231
|
+
onBlur: M
|
|
232
|
+
}), [
|
|
233
|
+
t.arrow ? (c(), g(
|
|
234
|
+
"div",
|
|
235
|
+
{
|
|
236
|
+
key: 0,
|
|
237
|
+
ref_key: "arrowRef",
|
|
238
|
+
ref: p,
|
|
239
|
+
role: "presentation",
|
|
240
|
+
class: "q-overlay__arrow",
|
|
241
|
+
style: z(Q.value)
|
|
242
|
+
},
|
|
243
|
+
null,
|
|
244
|
+
4
|
|
245
|
+
/* STYLE */
|
|
246
|
+
)) : L("v-if", !0),
|
|
247
|
+
ue(e.$slots, "default")
|
|
248
|
+
], 16, ke)
|
|
249
|
+
], 14, we)) : L("v-if", !0)
|
|
258
250
|
]),
|
|
259
251
|
_: 3
|
|
260
252
|
/* FORWARDED */
|
|
261
253
|
}, 8, ["name"])
|
|
262
254
|
], 8, ["disabled", "to"])),
|
|
263
|
-
|
|
255
|
+
D.value ? (c(), A(fe(me), { key: 0 })) : L("v-if", !0)
|
|
264
256
|
],
|
|
265
257
|
64
|
|
266
258
|
/* STABLE_FRAGMENT */
|
|
@@ -268,5 +260,5 @@ const ke = ["id"], ge = ["role"], Ce = /* @__PURE__ */ ne({
|
|
|
268
260
|
}
|
|
269
261
|
});
|
|
270
262
|
export {
|
|
271
|
-
|
|
263
|
+
be as default
|
|
272
264
|
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { QTextAreaProps } from './types';
|
|
2
|
+
type __VLS_Props = QTextAreaProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: string;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
'label.prepend'?(_: {}): any;
|
|
10
|
+
'label.append'?(_: {}): any;
|
|
11
|
+
prepend?(_: {}): any;
|
|
12
|
+
append?(_: {}): any;
|
|
13
|
+
extras?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {
|
|
16
|
+
textareaRef: HTMLTextAreaElement;
|
|
17
|
+
};
|
|
18
|
+
rootEl: any;
|
|
19
|
+
};
|
|
20
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: string) => any;
|
|
23
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
24
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
resize: "none" | "both" | "horizontal" | "vertical";
|
|
27
|
+
rows: number;
|
|
28
|
+
wrap: "soft" | "hard" | "off";
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
30
|
+
textareaRef: HTMLTextAreaElement;
|
|
31
|
+
}, any>;
|
|
32
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=QTextArea.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AA8GC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoDnC,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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { defineComponent as b, mergeModels as h, useModel as z, computed as s, ref as g, createBlock as x, openBlock as w, unref as o, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as k, createElementVNode as v, mergeProps as B, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
|
|
2
|
+
import { QField as L } from "../QField/index.js";
|
|
3
|
+
import { useId as A } from "../../composables/uid.js";
|
|
4
|
+
import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
|
|
5
|
+
const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], Q = /* @__PURE__ */ b({
|
|
6
|
+
inheritAttrs: !1,
|
|
7
|
+
__name: "QTextArea",
|
|
8
|
+
props: /* @__PURE__ */ h({
|
|
9
|
+
id: {},
|
|
10
|
+
class: {},
|
|
11
|
+
label: {},
|
|
12
|
+
for: {},
|
|
13
|
+
size: {},
|
|
14
|
+
readonly: { type: Boolean },
|
|
15
|
+
disabled: { type: Boolean },
|
|
16
|
+
required: { type: Boolean },
|
|
17
|
+
placeholder: {},
|
|
18
|
+
maxLength: {},
|
|
19
|
+
rows: { default: 3 },
|
|
20
|
+
cols: {},
|
|
21
|
+
resize: { default: "vertical" },
|
|
22
|
+
wrap: { default: "soft" },
|
|
23
|
+
autosize: { type: Boolean }
|
|
24
|
+
}, {
|
|
25
|
+
modelValue: {},
|
|
26
|
+
modelModifiers: {}
|
|
27
|
+
}),
|
|
28
|
+
emits: ["update:modelValue"],
|
|
29
|
+
setup(t) {
|
|
30
|
+
const e = t, d = z(t, "modelValue"), n = A(e.id), m = s(
|
|
31
|
+
() => e.readonly || e.disabled ? void 0 : e.placeholder
|
|
32
|
+
), f = s(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
|
|
33
|
+
element: s(() => e.autosize ? i.value : void 0),
|
|
34
|
+
styleProp: "minHeight"
|
|
35
|
+
}), p = s({
|
|
36
|
+
get: () => d.value,
|
|
37
|
+
set: (l) => {
|
|
38
|
+
d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
return (l, u) => (w(), x(o(L), {
|
|
42
|
+
class: q(["q-text-area", e.class]),
|
|
43
|
+
for: o(n),
|
|
44
|
+
label: e.label,
|
|
45
|
+
size: e.size,
|
|
46
|
+
readonly: e.readonly,
|
|
47
|
+
disabled: e.disabled,
|
|
48
|
+
required: e.required
|
|
49
|
+
}, $({
|
|
50
|
+
"label.prepend": a(() => [
|
|
51
|
+
r(l.$slots, "label.prepend")
|
|
52
|
+
]),
|
|
53
|
+
"label.append": a(() => [
|
|
54
|
+
r(l.$slots, "label.append")
|
|
55
|
+
]),
|
|
56
|
+
default: a(() => [
|
|
57
|
+
k(v("textarea", B({
|
|
58
|
+
id: o(n),
|
|
59
|
+
ref_key: "textareaRef",
|
|
60
|
+
ref: i,
|
|
61
|
+
"onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),
|
|
62
|
+
class: "q-text-area__input",
|
|
63
|
+
required: e.required,
|
|
64
|
+
placeholder: m.value,
|
|
65
|
+
readonly: e.readonly,
|
|
66
|
+
disabled: e.disabled,
|
|
67
|
+
maxlength: e.maxLength,
|
|
68
|
+
rows: e.rows,
|
|
69
|
+
cols: e.cols,
|
|
70
|
+
resize: e.resize,
|
|
71
|
+
wrap: e.wrap
|
|
72
|
+
}, l.$attrs, M(f.value, !0)), null, 16, H), [
|
|
73
|
+
[V, p.value]
|
|
74
|
+
])
|
|
75
|
+
]),
|
|
76
|
+
_: 2
|
|
77
|
+
/* DYNAMIC */
|
|
78
|
+
}, [
|
|
79
|
+
l.$slots.prepend ? {
|
|
80
|
+
name: "prepend",
|
|
81
|
+
fn: a(() => [
|
|
82
|
+
r(l.$slots, "prepend")
|
|
83
|
+
]),
|
|
84
|
+
key: "0"
|
|
85
|
+
} : void 0,
|
|
86
|
+
l.$slots.append ? {
|
|
87
|
+
name: "append",
|
|
88
|
+
fn: a(() => [
|
|
89
|
+
r(l.$slots, "append")
|
|
90
|
+
]),
|
|
91
|
+
key: "1"
|
|
92
|
+
} : void 0,
|
|
93
|
+
l.$slots.extras ? {
|
|
94
|
+
name: "extras",
|
|
95
|
+
fn: a(() => [
|
|
96
|
+
r(l.$slots, "extras")
|
|
97
|
+
]),
|
|
98
|
+
key: "2"
|
|
99
|
+
} : void 0
|
|
100
|
+
]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
|
|
101
|
+
}
|
|
102
|
+
});
|
|
103
|
+
export {
|
|
104
|
+
Q as default
|
|
105
|
+
};
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
declare const QTextArea: {
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
|
+
modelValue?: string;
|
|
4
|
+
} & import('../../types/component').QBaseComponentProps & {
|
|
5
|
+
label?: string;
|
|
6
|
+
for?: string;
|
|
7
|
+
size?: import('..').QFieldSize;
|
|
8
|
+
readonly?: boolean;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
} & {
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
maxLength?: number;
|
|
14
|
+
rows?: number;
|
|
15
|
+
cols?: number;
|
|
16
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
17
|
+
wrap?: "soft" | "hard" | "off";
|
|
18
|
+
autosize?: boolean;
|
|
19
|
+
}> & Readonly<{
|
|
20
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
21
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
22
|
+
"update:modelValue": (value: string) => any;
|
|
23
|
+
}, import('vue').PublicProps, {
|
|
24
|
+
resize: "none" | "both" | "horizontal" | "vertical";
|
|
25
|
+
rows: number;
|
|
26
|
+
wrap: "soft" | "hard" | "off";
|
|
27
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
28
|
+
textareaRef: HTMLTextAreaElement;
|
|
29
|
+
}, any, import('vue').ComponentProvideOptions, {
|
|
30
|
+
P: {};
|
|
31
|
+
B: {};
|
|
32
|
+
D: {};
|
|
33
|
+
C: {};
|
|
34
|
+
M: {};
|
|
35
|
+
Defaults: {};
|
|
36
|
+
}, Readonly<{
|
|
37
|
+
modelValue?: string;
|
|
38
|
+
} & import('../../types/component').QBaseComponentProps & {
|
|
39
|
+
label?: string;
|
|
40
|
+
for?: string;
|
|
41
|
+
size?: import('..').QFieldSize;
|
|
42
|
+
readonly?: boolean;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
required?: boolean;
|
|
45
|
+
} & {
|
|
46
|
+
placeholder?: string;
|
|
47
|
+
maxLength?: number;
|
|
48
|
+
rows?: number;
|
|
49
|
+
cols?: number;
|
|
50
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
51
|
+
wrap?: "soft" | "hard" | "off";
|
|
52
|
+
autosize?: boolean;
|
|
53
|
+
}> & Readonly<{
|
|
54
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
55
|
+
}>, {}, {}, {}, {}, {
|
|
56
|
+
resize: "none" | "both" | "horizontal" | "vertical";
|
|
57
|
+
rows: number;
|
|
58
|
+
wrap: "soft" | "hard" | "off";
|
|
59
|
+
}>;
|
|
60
|
+
__isFragment?: never;
|
|
61
|
+
__isTeleport?: never;
|
|
62
|
+
__isSuspense?: never;
|
|
63
|
+
} & import('vue').ComponentOptionsBase<Readonly<{
|
|
64
|
+
modelValue?: string;
|
|
65
|
+
} & import('../../types/component').QBaseComponentProps & {
|
|
66
|
+
label?: string;
|
|
67
|
+
for?: string;
|
|
68
|
+
size?: import('..').QFieldSize;
|
|
69
|
+
readonly?: boolean;
|
|
70
|
+
disabled?: boolean;
|
|
71
|
+
required?: boolean;
|
|
72
|
+
} & {
|
|
73
|
+
placeholder?: string;
|
|
74
|
+
maxLength?: number;
|
|
75
|
+
rows?: number;
|
|
76
|
+
cols?: number;
|
|
77
|
+
resize?: "none" | "both" | "horizontal" | "vertical";
|
|
78
|
+
wrap?: "soft" | "hard" | "off";
|
|
79
|
+
autosize?: boolean;
|
|
80
|
+
}> & Readonly<{
|
|
81
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
82
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
83
|
+
"update:modelValue": (value: string) => any;
|
|
84
|
+
}, string, {
|
|
85
|
+
resize: "none" | "both" | "horizontal" | "vertical";
|
|
86
|
+
rows: number;
|
|
87
|
+
wrap: "soft" | "hard" | "off";
|
|
88
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
89
|
+
$slots: {
|
|
90
|
+
'label.prepend'?(_: {}): any;
|
|
91
|
+
'label.append'?(_: {}): any;
|
|
92
|
+
prepend?(_: {}): any;
|
|
93
|
+
append?(_: {}): any;
|
|
94
|
+
extras?(_: {}): any;
|
|
95
|
+
};
|
|
96
|
+
});
|
|
97
|
+
export { QTextArea };
|
|
98
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { QFieldProps } from '../QField';
|
|
2
|
+
export type QTextAreaProps = QFieldProps & {
|
|
3
|
+
/**
|
|
4
|
+
* The placeholder text for the text area field.
|
|
5
|
+
*/
|
|
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;
|
|
12
|
+
/**
|
|
13
|
+
* The number of rows of the text area field.
|
|
14
|
+
*/
|
|
15
|
+
rows?: number;
|
|
16
|
+
/**
|
|
17
|
+
* The number of columns of the text area field.
|
|
18
|
+
*/
|
|
19
|
+
cols?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Whether the width and/or height of the text area field can be resized.
|
|
22
|
+
*/
|
|
23
|
+
resize?: 'none' | 'both' | 'horizontal' | 'vertical';
|
|
24
|
+
/**
|
|
25
|
+
* Whether the text of the text area field can be wrapped and how.
|
|
26
|
+
*/
|
|
27
|
+
wrap?: 'soft' | 'hard' | 'off';
|
|
28
|
+
/**
|
|
29
|
+
* Whether the text area field will be auto-sized.
|
|
30
|
+
*/
|
|
31
|
+
autosize?: boolean;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IAEpD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,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"}
|