@quidgest/ui 0.14.18 → 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 +66 -10
- package/dist/ui.esm.js +5840 -5486
- package/dist/ui.js +16 -16
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +670 -646
- package/dist/ui.scss +70 -11
- package/esm/components/QBadge/QBadge.d.ts.map +1 -1
- package/esm/components/QBadge/QBadge.vue.js +42 -48
- 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/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/index.d.ts +3 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +51 -45
- 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/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, 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
|
|
1
|
+
import { defineComponent as L, mergeModels as N, useModel as O, computed as d, ref as h, 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 P } from "vue";
|
|
2
2
|
import { DEFAULT_TEXTS as $, DEFAULT_ICONS as H } from "./types.js";
|
|
3
3
|
import { QButton as b } from "../QButton/index.js";
|
|
4
4
|
import { QField as W } from "../QField/index.js";
|
|
@@ -33,6 +33,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
33
33
|
readonly: { type: Boolean },
|
|
34
34
|
disabled: { type: Boolean },
|
|
35
35
|
required: { type: Boolean },
|
|
36
|
+
invalid: { type: Boolean },
|
|
36
37
|
accept: {},
|
|
37
38
|
icons: { default: () => H },
|
|
38
39
|
texts: { default: () => $ }
|
|
@@ -49,16 +50,16 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
49
50
|
r.value = o ? URL.createObjectURL(l) : null;
|
|
50
51
|
});
|
|
51
52
|
const f = h(null);
|
|
52
|
-
function
|
|
53
|
+
function B() {
|
|
53
54
|
var l;
|
|
54
55
|
(l = f.value) == null || l.click();
|
|
55
56
|
}
|
|
56
|
-
function
|
|
57
|
+
function U(l) {
|
|
57
58
|
var C;
|
|
58
59
|
const o = l.target;
|
|
59
60
|
(C = o == null ? void 0 : o.files) != null && C[0] && (t.value = o.files[0]);
|
|
60
61
|
}
|
|
61
|
-
function
|
|
62
|
+
function V() {
|
|
62
63
|
t.value && J(t.value);
|
|
63
64
|
}
|
|
64
65
|
function D() {
|
|
@@ -90,7 +91,8 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
90
91
|
size: e.size,
|
|
91
92
|
readonly: e.readonly,
|
|
92
93
|
disabled: e.disabled,
|
|
93
|
-
required: e.required
|
|
94
|
+
required: e.required,
|
|
95
|
+
invalid: e.invalid
|
|
94
96
|
}, Z({
|
|
95
97
|
control: _(() => [
|
|
96
98
|
a(
|
|
@@ -111,11 +113,11 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
111
113
|
required: e.required,
|
|
112
114
|
readonly: e.readonly,
|
|
113
115
|
disabled: e.disabled
|
|
114
|
-
}, l.$attrs, { onChange:
|
|
116
|
+
}, l.$attrs, { onChange: U }), null, 16, K),
|
|
115
117
|
!t.value && p.value ? (n(), c("div", Y, [
|
|
116
118
|
s(
|
|
117
119
|
i(u),
|
|
118
|
-
m(
|
|
120
|
+
v(m(e.icons.upload)),
|
|
119
121
|
null,
|
|
120
122
|
16
|
|
121
123
|
/* FULL_PROPS */
|
|
@@ -129,7 +131,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
129
131
|
),
|
|
130
132
|
s(i(b), {
|
|
131
133
|
label: e.texts.chooseFile,
|
|
132
|
-
onClick:
|
|
134
|
+
onClick: B
|
|
133
135
|
}, null, 8, ["label"])
|
|
134
136
|
])) : t.value ? (n(), c("div", ee, [
|
|
135
137
|
a("div", le, [
|
|
@@ -169,12 +171,12 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
169
171
|
s(i(b), {
|
|
170
172
|
title: e.texts.download,
|
|
171
173
|
borderless: "",
|
|
172
|
-
onClick:
|
|
174
|
+
onClick: V
|
|
173
175
|
}, {
|
|
174
176
|
default: _(() => [
|
|
175
177
|
s(
|
|
176
178
|
i(u),
|
|
177
|
-
m(
|
|
179
|
+
v(m(e.icons.download)),
|
|
178
180
|
null,
|
|
179
181
|
16
|
|
180
182
|
/* FULL_PROPS */
|
|
@@ -191,7 +193,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
191
193
|
default: _(() => [
|
|
192
194
|
s(
|
|
193
195
|
i(u),
|
|
194
|
-
m(
|
|
196
|
+
v(m(e.icons.remove)),
|
|
195
197
|
null,
|
|
196
198
|
16
|
|
197
199
|
/* FULL_PROPS */
|
|
@@ -204,7 +206,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
204
206
|
])) : (n(), c("div", re, [
|
|
205
207
|
s(
|
|
206
208
|
i(u),
|
|
207
|
-
m(
|
|
209
|
+
v(m(e.icons.empty)),
|
|
208
210
|
null,
|
|
209
211
|
16
|
|
210
212
|
/* FULL_PROPS */
|
|
@@ -230,7 +232,7 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
230
232
|
]),
|
|
231
233
|
key: "0"
|
|
232
234
|
} : void 0
|
|
233
|
-
]), 1032, ["for", "label", "size", "readonly", "disabled", "required"]));
|
|
235
|
+
]), 1032, ["for", "label", "size", "readonly", "disabled", "required", "invalid"]));
|
|
234
236
|
}
|
|
235
237
|
});
|
|
236
238
|
export {
|
|
@@ -5,10 +5,12 @@ declare const QFileUpload: {
|
|
|
5
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
6
6
|
label?: string;
|
|
7
7
|
for?: string;
|
|
8
|
+
} & {
|
|
8
9
|
size?: import('..').QFieldSize;
|
|
9
10
|
readonly?: boolean;
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
required?: boolean;
|
|
13
|
+
invalid?: boolean;
|
|
12
14
|
} & {
|
|
13
15
|
accept?: string | string[];
|
|
14
16
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -36,10 +38,12 @@ declare const QFileUpload: {
|
|
|
36
38
|
} & import('../../types/component').QBaseComponentProps & {
|
|
37
39
|
label?: string;
|
|
38
40
|
for?: string;
|
|
41
|
+
} & {
|
|
39
42
|
size?: import('..').QFieldSize;
|
|
40
43
|
readonly?: boolean;
|
|
41
44
|
disabled?: boolean;
|
|
42
45
|
required?: boolean;
|
|
46
|
+
invalid?: boolean;
|
|
43
47
|
} & {
|
|
44
48
|
accept?: string | string[];
|
|
45
49
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -59,10 +63,12 @@ declare const QFileUpload: {
|
|
|
59
63
|
} & import('../../types/component').QBaseComponentProps & {
|
|
60
64
|
label?: string;
|
|
61
65
|
for?: string;
|
|
66
|
+
} & {
|
|
62
67
|
size?: import('..').QFieldSize;
|
|
63
68
|
readonly?: boolean;
|
|
64
69
|
disabled?: boolean;
|
|
65
70
|
required?: boolean;
|
|
71
|
+
invalid?: boolean;
|
|
66
72
|
} & {
|
|
67
73
|
accept?: string | string[];
|
|
68
74
|
icons?: typeof import('./types').DEFAULT_ICONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QFileUpload/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA;AAGtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}
|
|
@@ -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":"AAsCA;AAmEC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqBhD,iBAAS,cAAc;WA8GT,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,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as f, createBlock as m, openBlock as
|
|
2
|
-
import { QField as
|
|
1
|
+
import { defineComponent as f, createBlock as m, openBlock as p, unref as a, normalizeClass as v, createSlots as b, withCtx as l, createElementBlock as s, createCommentVNode as r, renderSlot as n, createVNode as d, normalizeProps as t, guardReactiveProps as i } from "vue";
|
|
2
|
+
import { QField as y } from "../QField/index.js";
|
|
3
3
|
import { QIcon as u } from "../QIcon/index.js";
|
|
4
|
-
import { provideDefaults as
|
|
5
|
-
const
|
|
4
|
+
import { provideDefaults as I } from "../../composables/defaults.js";
|
|
5
|
+
const _ = {
|
|
6
6
|
key: 0,
|
|
7
7
|
class: "q-input-group__prepend"
|
|
8
|
-
},
|
|
8
|
+
}, k = { key: 0 }, $ = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "q-input-group__append"
|
|
11
|
-
},
|
|
11
|
+
}, q = { key: 0 }, Q = /* @__PURE__ */ f({
|
|
12
12
|
__name: "QInputGroup",
|
|
13
13
|
props: {
|
|
14
14
|
id: {},
|
|
@@ -19,60 +19,68 @@ const v = {
|
|
|
19
19
|
readonly: { type: Boolean },
|
|
20
20
|
disabled: { type: Boolean },
|
|
21
21
|
required: { type: Boolean },
|
|
22
|
+
invalid: { type: Boolean },
|
|
22
23
|
prependIcon: {},
|
|
23
24
|
appendIcon: {}
|
|
24
25
|
},
|
|
25
26
|
setup(c) {
|
|
26
27
|
const e = c;
|
|
27
|
-
return
|
|
28
|
+
return I({
|
|
28
29
|
QField: {
|
|
29
30
|
size: "block"
|
|
30
31
|
}
|
|
31
|
-
}), (o,
|
|
32
|
+
}), (o, z) => (p(), m(a(y), {
|
|
32
33
|
id: e.id,
|
|
33
|
-
class:
|
|
34
|
+
class: v(["q-input-group", e.class]),
|
|
34
35
|
label: e.label,
|
|
35
36
|
required: e.required,
|
|
36
|
-
size: e.size
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
size: e.size,
|
|
38
|
+
invalid: e.invalid
|
|
39
|
+
}, b({
|
|
40
|
+
"label.prepend": l(() => [
|
|
41
|
+
n(o.$slots, "label.prepend")
|
|
42
|
+
]),
|
|
43
|
+
"label.append": l(() => [
|
|
44
|
+
n(o.$slots, "label.append")
|
|
45
|
+
]),
|
|
46
|
+
default: l(() => [
|
|
47
|
+
o.$slots.prepend || e.prependIcon ? (p(), s("div", _, [
|
|
48
|
+
e.prependIcon ? (p(), s("span", k, [
|
|
49
|
+
d(
|
|
50
|
+
a(u),
|
|
51
|
+
t(i(e.prependIcon)),
|
|
44
52
|
null,
|
|
45
53
|
16
|
|
46
54
|
/* FULL_PROPS */
|
|
47
55
|
)
|
|
48
|
-
])) :
|
|
49
|
-
|
|
50
|
-
])) :
|
|
51
|
-
|
|
52
|
-
o.$slots.append || e.appendIcon ? (
|
|
53
|
-
e.appendIcon ? (
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
56
|
+
])) : r("v-if", !0),
|
|
57
|
+
n(o.$slots, "prepend")
|
|
58
|
+
])) : r("v-if", !0),
|
|
59
|
+
n(o.$slots, "default"),
|
|
60
|
+
o.$slots.append || e.appendIcon ? (p(), s("div", $, [
|
|
61
|
+
e.appendIcon ? (p(), s("span", q, [
|
|
62
|
+
d(
|
|
63
|
+
a(u),
|
|
64
|
+
t(i(e.appendIcon)),
|
|
57
65
|
null,
|
|
58
66
|
16
|
|
59
67
|
/* FULL_PROPS */
|
|
60
68
|
)
|
|
61
|
-
])) :
|
|
62
|
-
|
|
63
|
-
])) :
|
|
69
|
+
])) : r("v-if", !0),
|
|
70
|
+
n(o.$slots, "append")
|
|
71
|
+
])) : r("v-if", !0)
|
|
64
72
|
]),
|
|
65
73
|
_: 2
|
|
66
74
|
/* DYNAMIC */
|
|
67
75
|
}, [
|
|
68
76
|
o.$slots.extras ? {
|
|
69
77
|
name: "extras",
|
|
70
|
-
fn:
|
|
71
|
-
|
|
78
|
+
fn: l(() => [
|
|
79
|
+
n(o.$slots, "extras")
|
|
72
80
|
]),
|
|
73
81
|
key: "0"
|
|
74
82
|
} : void 0
|
|
75
|
-
]), 1032, ["id", "class", "label", "required", "size"]));
|
|
83
|
+
]), 1032, ["id", "class", "label", "required", "size", "invalid"]));
|
|
76
84
|
}
|
|
77
85
|
});
|
|
78
86
|
export {
|
|
@@ -18,6 +18,8 @@ declare const QInputGroup: {
|
|
|
18
18
|
size: import('..').QFieldSize;
|
|
19
19
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
20
20
|
$slots: {
|
|
21
|
+
'label.prepend'?(_: {}): any;
|
|
22
|
+
'label.append'?(_: {}): any;
|
|
21
23
|
prepend?(_: {}): any;
|
|
22
24
|
default?(_: {}): any;
|
|
23
25
|
append?(_: {}): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAGjD,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { QLabelProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
prepend?(_: {}): any;
|
|
6
|
+
append?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: any;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<QLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=QLabel.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAaA;AA2BC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAW3C,iBAAS,cAAc;WAiCT,OAAO,IAA6B;;yBAZrB,GAAG;wBACJ,GAAG;;;;EAgB9B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { defineComponent as t, createElementBlock as l, openBlock as a, normalizeClass as n, renderSlot as o, createElementVNode as i, mergeProps as p, toDisplayString as d } from "vue";
|
|
2
|
+
const c = ["id"], f = ["for"], b = /* @__PURE__ */ t({
|
|
3
|
+
inheritAttrs: !1,
|
|
4
|
+
__name: "QLabel",
|
|
5
|
+
props: {
|
|
6
|
+
id: {},
|
|
7
|
+
class: {},
|
|
8
|
+
label: {},
|
|
9
|
+
for: {}
|
|
10
|
+
},
|
|
11
|
+
setup(r) {
|
|
12
|
+
const e = r;
|
|
13
|
+
return (s, m) => (a(), l("div", {
|
|
14
|
+
id: e.id,
|
|
15
|
+
class: n(["q-label", e.class])
|
|
16
|
+
}, [
|
|
17
|
+
o(s.$slots, "prepend"),
|
|
18
|
+
i("label", p({
|
|
19
|
+
for: e.for
|
|
20
|
+
}, s.$attrs), d(e.label), 17, f),
|
|
21
|
+
o(s.$slots, "append")
|
|
22
|
+
], 10, c));
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
export {
|
|
26
|
+
b as default
|
|
27
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { QLabelProps } from './types';
|
|
2
|
+
declare const QLabel: {
|
|
3
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
4
|
+
P: {};
|
|
5
|
+
B: {};
|
|
6
|
+
D: {};
|
|
7
|
+
C: {};
|
|
8
|
+
M: {};
|
|
9
|
+
Defaults: {};
|
|
10
|
+
}, Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
11
|
+
__isFragment?: never;
|
|
12
|
+
__isTeleport?: never;
|
|
13
|
+
__isSuspense?: never;
|
|
14
|
+
} & import('vue').ComponentOptionsBase<Readonly<QLabelProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
15
|
+
$slots: {
|
|
16
|
+
prepend?(_: {}): any;
|
|
17
|
+
append?(_: {}): any;
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
export { QLabel };
|
|
21
|
+
export type { QLabelProps };
|
|
22
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { QBaseComponentProps } from '../../types/component';
|
|
2
|
+
export type QLabelProps = QBaseComponentProps & {
|
|
3
|
+
/**
|
|
4
|
+
* The label of the input.
|
|
5
|
+
*/
|
|
6
|
+
label?: string;
|
|
7
|
+
/**
|
|
8
|
+
* The form field associated with the label.
|
|
9
|
+
*/
|
|
10
|
+
for?: string;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { QMeterProps } from './types';
|
|
2
|
+
type __VLS_Props = QMeterProps;
|
|
3
|
+
type __VLS_PublicProps = {
|
|
4
|
+
modelValue?: number;
|
|
5
|
+
} & __VLS_Props;
|
|
6
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
7
|
+
"update:modelValue": (value: number) => any;
|
|
8
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
9
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
10
|
+
}>, {
|
|
11
|
+
max: number;
|
|
12
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
13
|
+
export default _default;
|
|
14
|
+
//# sourceMappingURL=QMeter.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QMeter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/QMeter.vue"],"names":[],"mappings":"AAiBA;AAoEC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,KAAK,WAAW,GAAG,WAAW,CAAC;AAoChC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;AA4EhB,wBASG"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { defineComponent as b, mergeModels as v, useModel as f, computed as a, toRef as h, createElementBlock as p, openBlock as y, normalizeClass as x, createElementVNode as o, createVNode as n, unref as c, normalizeStyle as C } from "vue";
|
|
2
|
+
import { QLabel as u } from "../QLabel/index.js";
|
|
3
|
+
import { useColorStyle as L } from "../../composables/useColorStyle/index.js";
|
|
4
|
+
const M = ["id"], g = { class: "q-meter__labels" }, k = { class: "q-meter__track" }, w = /* @__PURE__ */ b({
|
|
5
|
+
__name: "QMeter",
|
|
6
|
+
props: /* @__PURE__ */ v({
|
|
7
|
+
id: {},
|
|
8
|
+
class: {},
|
|
9
|
+
label: {},
|
|
10
|
+
for: {},
|
|
11
|
+
max: { default: 100 },
|
|
12
|
+
valueLabel: {},
|
|
13
|
+
color: {}
|
|
14
|
+
}, {
|
|
15
|
+
modelValue: { default: 0 },
|
|
16
|
+
modelModifiers: {}
|
|
17
|
+
}),
|
|
18
|
+
emits: ["update:modelValue"],
|
|
19
|
+
setup(r) {
|
|
20
|
+
const e = r, s = f(r, "modelValue"), d = a(() => s.value / e.max * 100), m = L(h(e, "color"), "bold"), i = a(() => {
|
|
21
|
+
var t;
|
|
22
|
+
return {
|
|
23
|
+
width: `${Math.max(0, Math.min(d.value, 100))}%`,
|
|
24
|
+
backgroundColor: (t = m.style.value) == null ? void 0 : t.backgroundColor
|
|
25
|
+
};
|
|
26
|
+
}), _ = a(() => {
|
|
27
|
+
var l;
|
|
28
|
+
return typeof e.valueLabel == "string" ? e.valueLabel : (l = e.valueLabel) == null ? void 0 : l.call(e, s.value, e.max);
|
|
29
|
+
});
|
|
30
|
+
return (l, t) => (y(), p("div", {
|
|
31
|
+
id: e.id,
|
|
32
|
+
class: x(["q-meter", e.class])
|
|
33
|
+
}, [
|
|
34
|
+
o("div", g, [
|
|
35
|
+
n(c(u), {
|
|
36
|
+
label: e.label
|
|
37
|
+
}, null, 8, ["label"]),
|
|
38
|
+
n(c(u), {
|
|
39
|
+
label: _.value,
|
|
40
|
+
class: "q-meter__value-label"
|
|
41
|
+
}, null, 8, ["label"])
|
|
42
|
+
]),
|
|
43
|
+
o("div", k, [
|
|
44
|
+
o(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
class: "q-meter__fill",
|
|
48
|
+
style: C(i.value)
|
|
49
|
+
},
|
|
50
|
+
null,
|
|
51
|
+
4
|
|
52
|
+
/* STYLE */
|
|
53
|
+
)
|
|
54
|
+
])
|
|
55
|
+
], 10, M));
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
export {
|
|
59
|
+
w as default
|
|
60
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { QMeterProps } from './types';
|
|
2
|
+
declare const QMeter: import('vue').DefineComponent<{
|
|
3
|
+
modelValue?: number;
|
|
4
|
+
} & import('../../types/component').QBaseComponentProps & {
|
|
5
|
+
label?: string;
|
|
6
|
+
for?: string;
|
|
7
|
+
} & {
|
|
8
|
+
max?: number;
|
|
9
|
+
valueLabel?: string | ((value: number, max: number) => string);
|
|
10
|
+
color?: string;
|
|
11
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
"update:modelValue": (value: number) => any;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
14
|
+
modelValue?: number;
|
|
15
|
+
} & import('../../types/component').QBaseComponentProps & {
|
|
16
|
+
label?: string;
|
|
17
|
+
for?: string;
|
|
18
|
+
} & {
|
|
19
|
+
max?: number;
|
|
20
|
+
valueLabel?: string | ((value: number, max: number) => string);
|
|
21
|
+
color?: string;
|
|
22
|
+
}> & Readonly<{
|
|
23
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
24
|
+
}>, {
|
|
25
|
+
max: number;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
27
|
+
export { QMeter };
|
|
28
|
+
export type { QMeterProps };
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;wFAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { QLabelProps } from '../QLabel';
|
|
2
|
+
/**
|
|
3
|
+
* Props interface for QMeter component.
|
|
4
|
+
* @extends {QLabelProps}
|
|
5
|
+
*/
|
|
6
|
+
export type QMeterProps = QLabelProps & {
|
|
7
|
+
/**
|
|
8
|
+
* Maximum value for the meter.
|
|
9
|
+
*/
|
|
10
|
+
max?: number;
|
|
11
|
+
/**
|
|
12
|
+
* Label to display next to the meter value.
|
|
13
|
+
*/
|
|
14
|
+
valueLabel?: string | ((value: number, max: number) => string);
|
|
15
|
+
/**
|
|
16
|
+
* Color value to control the meter's fill color.
|
|
17
|
+
*/
|
|
18
|
+
color?: string;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QMeter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { QOverlayProps } from './types';
|
|
1
2
|
declare const QOverlay: {
|
|
2
3
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
3
4
|
modelValue?: boolean;
|
|
@@ -134,4 +135,5 @@ declare const QOverlay: {
|
|
|
134
135
|
};
|
|
135
136
|
});
|
|
136
137
|
export { QOverlay };
|
|
138
|
+
export type { QOverlayProps };
|
|
137
139
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAK5C,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA;AAGnB,YAAY,EAAE,aAAa,EAAE,CAAA"}
|