@quidgest/ui 0.15.1 → 0.15.3
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 +2 -0
- package/dist/ui.css +150 -76
- package/dist/ui.esm.js +3852 -3696
- package/dist/ui.js +9 -9
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +711 -704
- package/dist/ui.scss +130 -38
- package/esm/components/QCombobox/QCombobox.d.ts +16 -8
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +1 -1
- package/esm/components/QCombobox/index.d.ts +28 -14
- package/esm/components/QCombobox/index.d.ts.map +1 -1
- package/esm/components/QDateTimePicker/QDateTimePicker.vue.js +1 -1
- package/esm/components/QDateTimePicker/index.d.ts +3 -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 +11 -10
- package/esm/components/QFileUpload/QFileUpload.vue.js +1 -1
- package/esm/components/QFileUpload/index.d.ts +3 -0
- package/esm/components/QFileUpload/index.d.ts.map +1 -1
- package/esm/components/QInputGroup/QInputGroup.vue.js +1 -1
- package/esm/components/QLabel/QLabel.d.ts +1 -0
- package/esm/components/QLabel/QLabel.d.ts.map +1 -1
- package/esm/components/QLabel/QLabel.vue.js +28 -13
- package/esm/components/QLabel/index.d.ts +1 -0
- package/esm/components/QLabel/index.d.ts.map +1 -1
- package/esm/components/QLabel/types.d.ts +5 -0
- package/esm/components/QLabel/types.d.ts.map +1 -1
- package/esm/components/QMeter/QMeter.vue.js +14 -13
- package/esm/components/QMeter/index.d.ts +2 -0
- package/esm/components/QMeter/index.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.d.ts.map +1 -1
- package/esm/components/QOverlay/QOverlay.vue.js +95 -90
- package/esm/components/QOverlay/index.d.ts +3 -0
- package/esm/components/QOverlay/index.d.ts.map +1 -1
- package/esm/components/QOverlay/types.d.ts +4 -0
- package/esm/components/QOverlay/types.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.d.ts +8 -4
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +1 -1
- package/esm/components/QPasswordField/QPasswordFieldMeterOverlay.vue.js +14 -13
- package/esm/components/QPasswordField/index.d.ts +4 -2
- package/esm/components/QPasswordField/index.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.d.ts +2 -0
- package/esm/components/QPopover/QPopover.d.ts.map +1 -1
- package/esm/components/QPopover/QPopover.vue.js +36 -26
- package/esm/components/QPopover/index.d.ts +2 -0
- package/esm/components/QPopover/index.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyList.vue.js +23 -23
- package/esm/components/QPropertyList/QPropertyListRow.d.ts +6 -2
- package/esm/components/QPropertyList/QPropertyListRow.d.ts.map +1 -1
- package/esm/components/QPropertyList/QPropertyListRow.vue.js +20 -20
- package/esm/components/QPropertyList/index.d.ts +9 -2
- package/esm/components/QPropertyList/index.d.ts.map +1 -1
- package/esm/components/QRadioGroup/QRadioButton.d.ts +24 -0
- package/esm/components/QRadioGroup/QRadioButton.d.ts.map +1 -0
- package/esm/components/QRadioGroup/QRadioButton.vue.js +78 -0
- package/esm/components/QRadioGroup/QRadioButton.vue2.js +4 -0
- package/esm/components/QRadioGroup/QRadioGroup.d.ts +32 -0
- package/esm/components/QRadioGroup/QRadioGroup.d.ts.map +1 -0
- package/esm/components/QRadioGroup/QRadioGroup.vue.js +79 -0
- package/esm/components/QRadioGroup/QRadioGroup.vue2.js +4 -0
- package/esm/components/QRadioGroup/index.d.ts +108 -0
- package/esm/components/QRadioGroup/index.d.ts.map +1 -0
- package/esm/components/QRadioGroup/index.js +8 -0
- package/esm/components/QRadioGroup/types.d.ts +65 -0
- package/esm/components/QRadioGroup/types.d.ts.map +1 -0
- package/esm/components/QSelect/QSelect.d.ts +2 -2
- package/esm/components/QSelect/QSelect.d.ts.map +1 -1
- package/esm/components/QSelect/QSelect.vue.js +28 -28
- package/esm/components/QSelect/index.d.ts +4 -1
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +1 -1
- package/esm/components/QTextArea/index.d.ts +3 -0
- package/esm/components/QTextArea/index.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.d.ts +2 -2
- package/esm/components/QTextField/QTextField.vue.js +1 -1
- package/esm/components/QTextField/index.d.ts +4 -1
- package/esm/components/QTextField/index.d.ts.map +1 -1
- package/esm/components/index.d.ts +1 -0
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +34 -31
- package/esm/composables/group.d.ts.map +1 -1
- package/esm/composables/group.js +1 -1
- package/esm/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -36,10 +36,10 @@ declare const QCombobox: {
|
|
|
36
36
|
readonly class?: string | unknown[] | undefined;
|
|
37
37
|
readonly label?: string | undefined;
|
|
38
38
|
readonly for?: string | undefined;
|
|
39
|
+
readonly required?: boolean | undefined;
|
|
39
40
|
readonly size?: import('..').QFieldSize | undefined;
|
|
40
41
|
readonly readonly?: boolean | undefined;
|
|
41
42
|
readonly disabled?: boolean | undefined;
|
|
42
|
-
readonly required?: boolean | undefined;
|
|
43
43
|
readonly invalid?: boolean | undefined;
|
|
44
44
|
readonly placeholder?: string | undefined;
|
|
45
45
|
readonly clearable?: boolean | undefined;
|
|
@@ -62,10 +62,10 @@ declare const QCombobox: {
|
|
|
62
62
|
readonly class?: string | unknown[] | undefined;
|
|
63
63
|
readonly label?: string | undefined;
|
|
64
64
|
readonly for?: string | undefined;
|
|
65
|
+
readonly required?: boolean | undefined;
|
|
65
66
|
readonly size?: import('..').QFieldSize | undefined;
|
|
66
67
|
readonly readonly?: boolean | undefined;
|
|
67
68
|
readonly disabled?: boolean | undefined;
|
|
68
|
-
readonly required?: boolean | undefined;
|
|
69
69
|
readonly invalid?: boolean | undefined;
|
|
70
70
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
71
71
|
$attrs: {
|
|
@@ -138,6 +138,7 @@ declare const QCombobox: {
|
|
|
138
138
|
} & import('../../types/component').QBaseComponentProps & {
|
|
139
139
|
label?: string;
|
|
140
140
|
for?: string;
|
|
141
|
+
required?: boolean;
|
|
141
142
|
} & {
|
|
142
143
|
size?: import('..').QFieldSize;
|
|
143
144
|
readonly?: boolean;
|
|
@@ -188,6 +189,7 @@ declare const QCombobox: {
|
|
|
188
189
|
} & import('../../types/component').QBaseComponentProps & {
|
|
189
190
|
label?: string;
|
|
190
191
|
for?: string;
|
|
192
|
+
required?: boolean;
|
|
191
193
|
} & {
|
|
192
194
|
size?: import('..').QFieldSize;
|
|
193
195
|
readonly?: boolean;
|
|
@@ -222,10 +224,10 @@ declare const QCombobox: {
|
|
|
222
224
|
readonly class?: string | unknown[] | undefined;
|
|
223
225
|
readonly label?: string | undefined;
|
|
224
226
|
readonly for?: string | undefined;
|
|
227
|
+
readonly required?: boolean | undefined;
|
|
225
228
|
readonly size?: import('..').QFieldSize | undefined;
|
|
226
229
|
readonly readonly?: boolean | undefined;
|
|
227
230
|
readonly disabled?: boolean | undefined;
|
|
228
|
-
readonly required?: boolean | undefined;
|
|
229
231
|
readonly invalid?: boolean | undefined;
|
|
230
232
|
readonly placeholder?: string | undefined;
|
|
231
233
|
readonly clearable?: boolean | undefined;
|
|
@@ -248,10 +250,10 @@ declare const QCombobox: {
|
|
|
248
250
|
readonly class?: string | unknown[] | undefined;
|
|
249
251
|
readonly label?: string | undefined;
|
|
250
252
|
readonly for?: string | undefined;
|
|
253
|
+
readonly required?: boolean | undefined;
|
|
251
254
|
readonly size?: import('..').QFieldSize | undefined;
|
|
252
255
|
readonly readonly?: boolean | undefined;
|
|
253
256
|
readonly disabled?: boolean | undefined;
|
|
254
|
-
readonly required?: boolean | undefined;
|
|
255
257
|
readonly invalid?: boolean | undefined;
|
|
256
258
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
257
259
|
$attrs: {
|
|
@@ -324,6 +326,7 @@ declare const QCombobox: {
|
|
|
324
326
|
} & import('../../types/component').QBaseComponentProps & {
|
|
325
327
|
label?: string;
|
|
326
328
|
for?: string;
|
|
329
|
+
required?: boolean;
|
|
327
330
|
} & {
|
|
328
331
|
size?: import('..').QFieldSize;
|
|
329
332
|
readonly?: boolean;
|
|
@@ -374,6 +377,7 @@ declare const QCombobox: {
|
|
|
374
377
|
} & import('../../types/component').QBaseComponentProps & {
|
|
375
378
|
label?: string;
|
|
376
379
|
for?: string;
|
|
380
|
+
required?: boolean;
|
|
377
381
|
} & {
|
|
378
382
|
size?: import('..').QFieldSize;
|
|
379
383
|
readonly?: boolean;
|
|
@@ -435,10 +439,10 @@ declare const QCombobox: {
|
|
|
435
439
|
readonly class?: string | unknown[] | undefined;
|
|
436
440
|
readonly label?: string | undefined;
|
|
437
441
|
readonly for?: string | undefined;
|
|
442
|
+
readonly required?: boolean | undefined;
|
|
438
443
|
readonly size?: import('..').QFieldSize | undefined;
|
|
439
444
|
readonly readonly?: boolean | undefined;
|
|
440
445
|
readonly disabled?: boolean | undefined;
|
|
441
|
-
readonly required?: boolean | undefined;
|
|
442
446
|
readonly invalid?: boolean | undefined;
|
|
443
447
|
readonly placeholder?: string | undefined;
|
|
444
448
|
readonly clearable?: boolean | undefined;
|
|
@@ -461,10 +465,10 @@ declare const QCombobox: {
|
|
|
461
465
|
readonly class?: string | unknown[] | undefined;
|
|
462
466
|
readonly label?: string | undefined;
|
|
463
467
|
readonly for?: string | undefined;
|
|
468
|
+
readonly required?: boolean | undefined;
|
|
464
469
|
readonly size?: import('..').QFieldSize | undefined;
|
|
465
470
|
readonly readonly?: boolean | undefined;
|
|
466
471
|
readonly disabled?: boolean | undefined;
|
|
467
|
-
readonly required?: boolean | undefined;
|
|
468
472
|
readonly invalid?: boolean | undefined;
|
|
469
473
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
470
474
|
$attrs: {
|
|
@@ -537,6 +541,7 @@ declare const QCombobox: {
|
|
|
537
541
|
} & import('../../types/component').QBaseComponentProps & {
|
|
538
542
|
label?: string;
|
|
539
543
|
for?: string;
|
|
544
|
+
required?: boolean;
|
|
540
545
|
} & {
|
|
541
546
|
size?: import('..').QFieldSize;
|
|
542
547
|
readonly?: boolean;
|
|
@@ -587,6 +592,7 @@ declare const QCombobox: {
|
|
|
587
592
|
} & import('../../types/component').QBaseComponentProps & {
|
|
588
593
|
label?: string;
|
|
589
594
|
for?: string;
|
|
595
|
+
required?: boolean;
|
|
590
596
|
} & {
|
|
591
597
|
size?: import('..').QFieldSize;
|
|
592
598
|
readonly?: boolean;
|
|
@@ -909,10 +915,10 @@ declare const QCombobox: {
|
|
|
909
915
|
readonly class?: string | unknown[] | undefined;
|
|
910
916
|
readonly label?: string | undefined;
|
|
911
917
|
readonly for?: string | undefined;
|
|
918
|
+
readonly required?: boolean | undefined;
|
|
912
919
|
readonly size?: import('..').QFieldSize | undefined;
|
|
913
920
|
readonly readonly?: boolean | undefined;
|
|
914
921
|
readonly disabled?: boolean | undefined;
|
|
915
|
-
readonly required?: boolean | undefined;
|
|
916
922
|
readonly invalid?: boolean | undefined;
|
|
917
923
|
readonly placeholder?: string | undefined;
|
|
918
924
|
readonly clearable?: boolean | undefined;
|
|
@@ -935,10 +941,10 @@ declare const QCombobox: {
|
|
|
935
941
|
readonly class?: string | unknown[] | undefined;
|
|
936
942
|
readonly label?: string | undefined;
|
|
937
943
|
readonly for?: string | undefined;
|
|
944
|
+
readonly required?: boolean | undefined;
|
|
938
945
|
readonly size?: import('..').QFieldSize | undefined;
|
|
939
946
|
readonly readonly?: boolean | undefined;
|
|
940
947
|
readonly disabled?: boolean | undefined;
|
|
941
|
-
readonly required?: boolean | undefined;
|
|
942
948
|
readonly invalid?: boolean | undefined;
|
|
943
949
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
944
950
|
$attrs: {
|
|
@@ -1011,6 +1017,7 @@ declare const QCombobox: {
|
|
|
1011
1017
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1012
1018
|
label?: string;
|
|
1013
1019
|
for?: string;
|
|
1020
|
+
required?: boolean;
|
|
1014
1021
|
} & {
|
|
1015
1022
|
size?: import('..').QFieldSize;
|
|
1016
1023
|
readonly?: boolean;
|
|
@@ -1061,6 +1068,7 @@ declare const QCombobox: {
|
|
|
1061
1068
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1062
1069
|
label?: string;
|
|
1063
1070
|
for?: string;
|
|
1071
|
+
required?: boolean;
|
|
1064
1072
|
} & {
|
|
1065
1073
|
size?: import('..').QFieldSize;
|
|
1066
1074
|
readonly?: boolean;
|
|
@@ -1095,10 +1103,10 @@ declare const QCombobox: {
|
|
|
1095
1103
|
readonly class?: string | unknown[] | undefined;
|
|
1096
1104
|
readonly label?: string | undefined;
|
|
1097
1105
|
readonly for?: string | undefined;
|
|
1106
|
+
readonly required?: boolean | undefined;
|
|
1098
1107
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1099
1108
|
readonly readonly?: boolean | undefined;
|
|
1100
1109
|
readonly disabled?: boolean | undefined;
|
|
1101
|
-
readonly required?: boolean | undefined;
|
|
1102
1110
|
readonly invalid?: boolean | undefined;
|
|
1103
1111
|
readonly placeholder?: string | undefined;
|
|
1104
1112
|
readonly clearable?: boolean | undefined;
|
|
@@ -1121,10 +1129,10 @@ declare const QCombobox: {
|
|
|
1121
1129
|
readonly class?: string | unknown[] | undefined;
|
|
1122
1130
|
readonly label?: string | undefined;
|
|
1123
1131
|
readonly for?: string | undefined;
|
|
1132
|
+
readonly required?: boolean | undefined;
|
|
1124
1133
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1125
1134
|
readonly readonly?: boolean | undefined;
|
|
1126
1135
|
readonly disabled?: boolean | undefined;
|
|
1127
|
-
readonly required?: boolean | undefined;
|
|
1128
1136
|
readonly invalid?: boolean | undefined;
|
|
1129
1137
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
1130
1138
|
$attrs: {
|
|
@@ -1197,6 +1205,7 @@ declare const QCombobox: {
|
|
|
1197
1205
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1198
1206
|
label?: string;
|
|
1199
1207
|
for?: string;
|
|
1208
|
+
required?: boolean;
|
|
1200
1209
|
} & {
|
|
1201
1210
|
size?: import('..').QFieldSize;
|
|
1202
1211
|
readonly?: boolean;
|
|
@@ -1247,6 +1256,7 @@ declare const QCombobox: {
|
|
|
1247
1256
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1248
1257
|
label?: string;
|
|
1249
1258
|
for?: string;
|
|
1259
|
+
required?: boolean;
|
|
1250
1260
|
} & {
|
|
1251
1261
|
size?: import('..').QFieldSize;
|
|
1252
1262
|
readonly?: boolean;
|
|
@@ -1330,10 +1340,10 @@ declare const QCombobox: {
|
|
|
1330
1340
|
readonly class?: string | unknown[] | undefined;
|
|
1331
1341
|
readonly label?: string | undefined;
|
|
1332
1342
|
readonly for?: string | undefined;
|
|
1343
|
+
readonly required?: boolean | undefined;
|
|
1333
1344
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1334
1345
|
readonly readonly?: boolean | undefined;
|
|
1335
1346
|
readonly disabled?: boolean | undefined;
|
|
1336
|
-
readonly required?: boolean | undefined;
|
|
1337
1347
|
readonly invalid?: boolean | undefined;
|
|
1338
1348
|
readonly placeholder?: string | undefined;
|
|
1339
1349
|
readonly clearable?: boolean | undefined;
|
|
@@ -1356,10 +1366,10 @@ declare const QCombobox: {
|
|
|
1356
1366
|
readonly class?: string | unknown[] | undefined;
|
|
1357
1367
|
readonly label?: string | undefined;
|
|
1358
1368
|
readonly for?: string | undefined;
|
|
1369
|
+
readonly required?: boolean | undefined;
|
|
1359
1370
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1360
1371
|
readonly readonly?: boolean | undefined;
|
|
1361
1372
|
readonly disabled?: boolean | undefined;
|
|
1362
|
-
readonly required?: boolean | undefined;
|
|
1363
1373
|
readonly invalid?: boolean | undefined;
|
|
1364
1374
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
1365
1375
|
$attrs: {
|
|
@@ -1432,6 +1442,7 @@ declare const QCombobox: {
|
|
|
1432
1442
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1433
1443
|
label?: string;
|
|
1434
1444
|
for?: string;
|
|
1445
|
+
required?: boolean;
|
|
1435
1446
|
} & {
|
|
1436
1447
|
size?: import('..').QFieldSize;
|
|
1437
1448
|
readonly?: boolean;
|
|
@@ -1482,6 +1493,7 @@ declare const QCombobox: {
|
|
|
1482
1493
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1483
1494
|
label?: string;
|
|
1484
1495
|
for?: string;
|
|
1496
|
+
required?: boolean;
|
|
1485
1497
|
} & {
|
|
1486
1498
|
size?: import('..').QFieldSize;
|
|
1487
1499
|
readonly?: boolean;
|
|
@@ -1516,10 +1528,10 @@ declare const QCombobox: {
|
|
|
1516
1528
|
readonly class?: string | unknown[] | undefined;
|
|
1517
1529
|
readonly label?: string | undefined;
|
|
1518
1530
|
readonly for?: string | undefined;
|
|
1531
|
+
readonly required?: boolean | undefined;
|
|
1519
1532
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1520
1533
|
readonly readonly?: boolean | undefined;
|
|
1521
1534
|
readonly disabled?: boolean | undefined;
|
|
1522
|
-
readonly required?: boolean | undefined;
|
|
1523
1535
|
readonly invalid?: boolean | undefined;
|
|
1524
1536
|
readonly placeholder?: string | undefined;
|
|
1525
1537
|
readonly clearable?: boolean | undefined;
|
|
@@ -1542,10 +1554,10 @@ declare const QCombobox: {
|
|
|
1542
1554
|
readonly class?: string | unknown[] | undefined;
|
|
1543
1555
|
readonly label?: string | undefined;
|
|
1544
1556
|
readonly for?: string | undefined;
|
|
1557
|
+
readonly required?: boolean | undefined;
|
|
1545
1558
|
readonly size?: import('..').QFieldSize | undefined;
|
|
1546
1559
|
readonly readonly?: boolean | undefined;
|
|
1547
1560
|
readonly disabled?: boolean | undefined;
|
|
1548
|
-
readonly required?: boolean | undefined;
|
|
1549
1561
|
readonly invalid?: boolean | undefined;
|
|
1550
1562
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
1551
1563
|
$attrs: {
|
|
@@ -1618,6 +1630,7 @@ declare const QCombobox: {
|
|
|
1618
1630
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1619
1631
|
label?: string;
|
|
1620
1632
|
for?: string;
|
|
1633
|
+
required?: boolean;
|
|
1621
1634
|
} & {
|
|
1622
1635
|
size?: import('..').QFieldSize;
|
|
1623
1636
|
readonly?: boolean;
|
|
@@ -1668,6 +1681,7 @@ declare const QCombobox: {
|
|
|
1668
1681
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1669
1682
|
label?: string;
|
|
1670
1683
|
for?: string;
|
|
1684
|
+
required?: boolean;
|
|
1671
1685
|
} & {
|
|
1672
1686
|
size?: import('..').QFieldSize;
|
|
1673
1687
|
readonly?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAI+vzB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -17,10 +17,10 @@ const ee = ["value", "placeholder", "disabled", "readonly", "required", "onInput
|
|
|
17
17
|
class: {},
|
|
18
18
|
label: {},
|
|
19
19
|
for: {},
|
|
20
|
+
required: { type: Boolean },
|
|
20
21
|
size: {},
|
|
21
22
|
readonly: { type: Boolean },
|
|
22
23
|
disabled: { type: Boolean },
|
|
23
|
-
required: { type: Boolean },
|
|
24
24
|
invalid: { type: Boolean },
|
|
25
25
|
format: { default: "dd/MM/yyyy HH:mm" },
|
|
26
26
|
minTime: {},
|
|
@@ -5,6 +5,7 @@ declare const QDateTimePicker: {
|
|
|
5
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
6
6
|
label?: string;
|
|
7
7
|
for?: string;
|
|
8
|
+
required?: boolean;
|
|
8
9
|
} & {
|
|
9
10
|
size?: import('..').QFieldSize;
|
|
10
11
|
readonly?: boolean;
|
|
@@ -43,6 +44,7 @@ declare const QDateTimePicker: {
|
|
|
43
44
|
} & import('../../types/component').QBaseComponentProps & {
|
|
44
45
|
label?: string;
|
|
45
46
|
for?: string;
|
|
47
|
+
required?: boolean;
|
|
46
48
|
} & {
|
|
47
49
|
size?: import('..').QFieldSize;
|
|
48
50
|
readonly?: boolean;
|
|
@@ -74,6 +76,7 @@ declare const QDateTimePicker: {
|
|
|
74
76
|
} & import('../../types/component').QBaseComponentProps & {
|
|
75
77
|
label?: string;
|
|
76
78
|
for?: string;
|
|
79
|
+
required?: boolean;
|
|
77
80
|
} & {
|
|
78
81
|
size?: import('..').QFieldSize;
|
|
79
82
|
readonly?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAKnD,QAAA,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDateTimePicker/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAKnD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoC,CAAA;AAGzD,OAAO,EAAE,eAAe,EAAE,CAAA;AAG1B,YAAY,EAAE,oBAAoB,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QField/QField.vue"],"names":[],"mappings":"AA0CA;AAyFC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA4C3C,iBAAS,cAAc;WA8FT,OAAO,IAA6B;;iCAlBb,GAAG;gCACJ,GAAG;yBACV,GAAG;yBACH,GAAG;yBACF,GAAG;wBACJ,GAAG;wBACH,GAAG;;;;;;EAiB/B;AAYD,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
|
|
1
|
+
import { defineComponent as c, ref as q, computed as a, createElementBlock as o, openBlock as d, normalizeClass as m, createBlock as _, createCommentVNode as r, renderSlot as s, unref as v, withCtx as t, createElementVNode as b, mergeProps as y } from "vue";
|
|
2
2
|
import { QLabel as $ } from "../QLabel/index.js";
|
|
3
3
|
const k = ["id"], h = {
|
|
4
4
|
key: 0,
|
|
@@ -9,7 +9,7 @@ const k = ["id"], h = {
|
|
|
9
9
|
}, C = {
|
|
10
10
|
key: 1,
|
|
11
11
|
class: "q-field__extras"
|
|
12
|
-
}, N = /* @__PURE__ */
|
|
12
|
+
}, N = /* @__PURE__ */ c({
|
|
13
13
|
inheritAttrs: !1,
|
|
14
14
|
__name: "QField",
|
|
15
15
|
props: {
|
|
@@ -17,14 +17,14 @@ const k = ["id"], h = {
|
|
|
17
17
|
class: {},
|
|
18
18
|
label: {},
|
|
19
19
|
for: {},
|
|
20
|
+
required: { type: Boolean },
|
|
20
21
|
size: { default: "medium" },
|
|
21
22
|
readonly: { type: Boolean },
|
|
22
23
|
disabled: { type: Boolean },
|
|
23
|
-
required: { type: Boolean },
|
|
24
24
|
invalid: { type: Boolean }
|
|
25
25
|
},
|
|
26
26
|
setup(n, { expose: p }) {
|
|
27
|
-
const e = n, i =
|
|
27
|
+
const e = n, i = q(null), f = a(() => e.required && !e.readonly && !e.disabled), u = a(() => [
|
|
28
28
|
"q-field",
|
|
29
29
|
`q-field--${e.size}`,
|
|
30
30
|
{
|
|
@@ -39,13 +39,14 @@ const k = ["id"], h = {
|
|
|
39
39
|
fieldRef: i
|
|
40
40
|
}), (l, z) => (d(), o("div", {
|
|
41
41
|
id: e.id,
|
|
42
|
-
class:
|
|
42
|
+
class: m(u.value)
|
|
43
43
|
}, [
|
|
44
44
|
e.label ? (d(), _(v($), {
|
|
45
45
|
key: 0,
|
|
46
46
|
class: "q-field__label",
|
|
47
47
|
label: e.label,
|
|
48
|
-
for: e.for
|
|
48
|
+
for: e.for,
|
|
49
|
+
required: e.required
|
|
49
50
|
}, {
|
|
50
51
|
prepend: t(() => [
|
|
51
52
|
s(l.$slots, "label.prepend")
|
|
@@ -55,7 +56,7 @@ const k = ["id"], h = {
|
|
|
55
56
|
]),
|
|
56
57
|
_: 3
|
|
57
58
|
/* FORWARDED */
|
|
58
|
-
}, 8, ["label", "for"])) :
|
|
59
|
+
}, 8, ["label", "for", "required"])) : r("v-if", !0),
|
|
59
60
|
s(l.$slots, "control", {}, () => [
|
|
60
61
|
b(
|
|
61
62
|
"div",
|
|
@@ -67,11 +68,11 @@ const k = ["id"], h = {
|
|
|
67
68
|
[
|
|
68
69
|
l.$slots.prepend ? (d(), o("div", h, [
|
|
69
70
|
s(l.$slots, "prepend")
|
|
70
|
-
])) :
|
|
71
|
+
])) : r("v-if", !0),
|
|
71
72
|
s(l.$slots, "default"),
|
|
72
73
|
l.$slots.append ? (d(), o("div", B, [
|
|
73
74
|
s(l.$slots, "append")
|
|
74
|
-
])) :
|
|
75
|
+
])) : r("v-if", !0)
|
|
75
76
|
],
|
|
76
77
|
16
|
|
77
78
|
/* FULL_PROPS */
|
|
@@ -79,7 +80,7 @@ const k = ["id"], h = {
|
|
|
79
80
|
]),
|
|
80
81
|
l.$slots.extras ? (d(), o("div", C, [
|
|
81
82
|
s(l.$slots, "extras")
|
|
82
|
-
])) :
|
|
83
|
+
])) : r("v-if", !0)
|
|
83
84
|
], 10, k));
|
|
84
85
|
}
|
|
85
86
|
});
|
|
@@ -29,10 +29,10 @@ const K = ["id", "accept", "required", "readonly", "disabled"], Y = {
|
|
|
29
29
|
class: {},
|
|
30
30
|
label: {},
|
|
31
31
|
for: {},
|
|
32
|
+
required: { type: Boolean },
|
|
32
33
|
size: { default: "large" },
|
|
33
34
|
readonly: { type: Boolean },
|
|
34
35
|
disabled: { type: Boolean },
|
|
35
|
-
required: { type: Boolean },
|
|
36
36
|
invalid: { type: Boolean },
|
|
37
37
|
accept: {},
|
|
38
38
|
icons: { default: () => H },
|
|
@@ -5,6 +5,7 @@ declare const QFileUpload: {
|
|
|
5
5
|
} & import('../../types/component').QBaseComponentProps & {
|
|
6
6
|
label?: string;
|
|
7
7
|
for?: string;
|
|
8
|
+
required?: boolean;
|
|
8
9
|
} & {
|
|
9
10
|
size?: import('..').QFieldSize;
|
|
10
11
|
readonly?: boolean;
|
|
@@ -38,6 +39,7 @@ declare const QFileUpload: {
|
|
|
38
39
|
} & import('../../types/component').QBaseComponentProps & {
|
|
39
40
|
label?: string;
|
|
40
41
|
for?: string;
|
|
42
|
+
required?: boolean;
|
|
41
43
|
} & {
|
|
42
44
|
size?: import('..').QFieldSize;
|
|
43
45
|
readonly?: boolean;
|
|
@@ -63,6 +65,7 @@ declare const QFileUpload: {
|
|
|
63
65
|
} & import('../../types/component').QBaseComponentProps & {
|
|
64
66
|
label?: string;
|
|
65
67
|
for?: string;
|
|
68
|
+
required?: boolean;
|
|
66
69
|
} & {
|
|
67
70
|
size?: import('..').QFieldSize;
|
|
68
71
|
readonly?: boolean;
|
|
@@ -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"}
|
|
@@ -15,10 +15,10 @@ const _ = {
|
|
|
15
15
|
class: {},
|
|
16
16
|
label: {},
|
|
17
17
|
for: {},
|
|
18
|
+
required: { type: Boolean },
|
|
18
19
|
size: { default: "large" },
|
|
19
20
|
readonly: { type: Boolean },
|
|
20
21
|
disabled: { type: Boolean },
|
|
21
|
-
required: { type: Boolean },
|
|
22
22
|
invalid: { type: Boolean },
|
|
23
23
|
prependIcon: {},
|
|
24
24
|
appendIcon: {}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAeA;AA0CC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAwB3C,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAgB9B;AASD,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"}
|
|
@@ -1,27 +1,42 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
const
|
|
1
|
+
import { defineComponent as l, computed as a, createElementBlock as n, openBlock as d, normalizeClass as i, renderSlot as s, createElementVNode as p, mergeProps as c, createTextVNode as u, toDisplayString as f } from "vue";
|
|
2
|
+
const m = ["id"], b = ["for"], h = /* @__PURE__ */ l({
|
|
3
3
|
inheritAttrs: !1,
|
|
4
4
|
__name: "QLabel",
|
|
5
5
|
props: {
|
|
6
6
|
id: {},
|
|
7
7
|
class: {},
|
|
8
8
|
label: {},
|
|
9
|
-
for: {}
|
|
9
|
+
for: {},
|
|
10
|
+
required: { type: Boolean }
|
|
10
11
|
},
|
|
11
|
-
setup(
|
|
12
|
-
const e =
|
|
13
|
-
|
|
12
|
+
setup(o) {
|
|
13
|
+
const e = o, t = a(() => [
|
|
14
|
+
"q-label",
|
|
15
|
+
{
|
|
16
|
+
"q-label--required": e.required
|
|
17
|
+
},
|
|
18
|
+
e.class
|
|
19
|
+
]);
|
|
20
|
+
return (r, _) => (d(), n("div", {
|
|
14
21
|
id: e.id,
|
|
15
|
-
class:
|
|
22
|
+
class: i(t.value)
|
|
16
23
|
}, [
|
|
17
|
-
|
|
18
|
-
|
|
24
|
+
s(r.$slots, "prepend"),
|
|
25
|
+
p("label", c({
|
|
19
26
|
for: e.for
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
27
|
+
}, r.$attrs), [
|
|
28
|
+
s(r.$slots, "default", {}, () => [
|
|
29
|
+
u(
|
|
30
|
+
f(e.label),
|
|
31
|
+
1
|
|
32
|
+
/* TEXT */
|
|
33
|
+
)
|
|
34
|
+
])
|
|
35
|
+
], 16, b),
|
|
36
|
+
s(r.$slots, "append")
|
|
37
|
+
], 10, m));
|
|
23
38
|
}
|
|
24
39
|
});
|
|
25
40
|
export {
|
|
26
|
-
|
|
41
|
+
h as default
|
|
27
42
|
};
|
|
@@ -14,6 +14,7 @@ declare const QLabel: {
|
|
|
14
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
15
|
$slots: {
|
|
16
16
|
prepend?(_: {}): any;
|
|
17
|
+
default?(_: {}): any;
|
|
17
18
|
append?(_: {}): any;
|
|
18
19
|
};
|
|
19
20
|
});
|
|
@@ -1 +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
|
|
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"}
|
|
@@ -8,5 +8,10 @@ export type QLabelProps = QBaseComponentProps & {
|
|
|
8
8
|
* The form field associated with the label.
|
|
9
9
|
*/
|
|
10
10
|
for?: string;
|
|
11
|
+
/**
|
|
12
|
+
* If set to true, an asterisk (*) is displayed
|
|
13
|
+
* to indicate that the associated field is required.
|
|
14
|
+
*/
|
|
15
|
+
required?: boolean;
|
|
11
16
|
};
|
|
12
17
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +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;
|
|
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;IAEZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { defineComponent as v, mergeModels as b, useModel as f, computed as t, toRef as
|
|
2
|
-
import { QLabel as
|
|
3
|
-
import { useColor as
|
|
4
|
-
const
|
|
1
|
+
import { defineComponent as v, mergeModels as b, useModel as f, computed as t, toRef as p, createElementBlock as h, openBlock as q, normalizeClass as x, createElementVNode as o, createVNode as n, unref as u, normalizeStyle as y } from "vue";
|
|
2
|
+
import { QLabel as c } from "../QLabel/index.js";
|
|
3
|
+
import { useColor as L } from "../../composables/useColor/index.js";
|
|
4
|
+
const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track" }, B = /* @__PURE__ */ v({
|
|
5
5
|
__name: "QMeter",
|
|
6
6
|
props: /* @__PURE__ */ b({
|
|
7
7
|
id: {},
|
|
8
8
|
class: {},
|
|
9
9
|
label: {},
|
|
10
10
|
for: {},
|
|
11
|
+
required: { type: Boolean },
|
|
11
12
|
max: { default: 100 },
|
|
12
13
|
valueLabel: {},
|
|
13
14
|
color: {}
|
|
@@ -17,25 +18,25 @@ const y = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track
|
|
|
17
18
|
}),
|
|
18
19
|
emits: ["update:modelValue"],
|
|
19
20
|
setup(r) {
|
|
20
|
-
const e = r, s = f(r, "modelValue"),
|
|
21
|
+
const e = r, s = f(r, "modelValue"), m = t(() => s.value / e.max * 100), { style: d } = L(p(e, "color")), i = t(() => {
|
|
21
22
|
var a;
|
|
22
23
|
return {
|
|
23
|
-
width: `${Math.max(0, Math.min(
|
|
24
|
+
width: `${Math.max(0, Math.min(m.value, 100))}%`,
|
|
24
25
|
backgroundColor: (a = d.value) == null ? void 0 : a.mainColor
|
|
25
26
|
};
|
|
26
27
|
}), _ = t(() => {
|
|
27
28
|
var l;
|
|
28
29
|
return typeof e.valueLabel == "string" ? e.valueLabel : (l = e.valueLabel) == null ? void 0 : l.call(e, s.value, e.max);
|
|
29
30
|
});
|
|
30
|
-
return (l, a) => (
|
|
31
|
+
return (l, a) => (q(), h("div", {
|
|
31
32
|
id: e.id,
|
|
32
|
-
class:
|
|
33
|
+
class: x(["q-meter", e.class])
|
|
33
34
|
}, [
|
|
34
35
|
o("div", C, [
|
|
35
|
-
n(c
|
|
36
|
+
n(u(c), {
|
|
36
37
|
label: e.label
|
|
37
38
|
}, null, 8, ["label"]),
|
|
38
|
-
n(c
|
|
39
|
+
n(u(c), {
|
|
39
40
|
label: _.value,
|
|
40
41
|
class: "q-meter__value-label"
|
|
41
42
|
}, null, 8, ["label"])
|
|
@@ -45,16 +46,16 @@ const y = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track
|
|
|
45
46
|
"div",
|
|
46
47
|
{
|
|
47
48
|
class: "q-meter__fill",
|
|
48
|
-
style:
|
|
49
|
+
style: y(i.value)
|
|
49
50
|
},
|
|
50
51
|
null,
|
|
51
52
|
4
|
|
52
53
|
/* STYLE */
|
|
53
54
|
)
|
|
54
55
|
])
|
|
55
|
-
], 10,
|
|
56
|
+
], 10, M));
|
|
56
57
|
}
|
|
57
58
|
});
|
|
58
59
|
export {
|
|
59
|
-
|
|
60
|
+
B as default
|
|
60
61
|
};
|