@quidgest/ui 0.14.21 → 0.14.23
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 +110 -5
- package/dist/ui.esm.js +3449 -3286
- package/dist/ui.js +9 -9
- package/dist/ui.min.css +1 -1
- package/dist/ui.min.js +714 -702
- package/dist/ui.scss +118 -8
- package/esm/components/QColorPicker/QColorPicker.vue.js +1 -1
- package/esm/components/QCombobox/QCombobox.d.ts +28 -8
- package/esm/components/QCombobox/QCombobox.d.ts.map +1 -1
- package/esm/components/QCombobox/QCombobox.vue.js +31 -30
- package/esm/components/QCombobox/index.d.ts +49 -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/QPasswordField/QPasswordField.d.ts +14 -4
- package/esm/components/QPasswordField/QPasswordField.d.ts.map +1 -1
- package/esm/components/QPasswordField/QPasswordField.vue.js +22 -21
- package/esm/components/QPasswordField/index.d.ts +7 -2
- package/esm/components/QPasswordField/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.vue.js +1 -1
- package/esm/components/QSelect/index.d.ts +4 -1
- package/esm/components/QSelect/index.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.d.ts.map +1 -1
- package/esm/components/QTextArea/QTextArea.vue.js +34 -31
- 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.d.ts.map +1 -1
- package/esm/components/QTextField/QTextField.vue.js +49 -39
- package/esm/components/QTextField/index.d.ts +7 -1
- 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/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/index.d.ts +2 -0
- package/package.json +1 -1
package/dist/ui.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Quidgest UI v0.14.
|
|
2
|
+
* Quidgest UI v0.14.23
|
|
3
3
|
* (c) 2025 Quidgest - Consultores de Gestão, S.A.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -1199,13 +1199,6 @@ $button-text-on-plain: var(--q-theme-on-background);
|
|
|
1199
1199
|
padding-right: 0.05rem;
|
|
1200
1200
|
}
|
|
1201
1201
|
|
|
1202
|
-
&--required {
|
|
1203
|
-
> #{$this}__label label::after {
|
|
1204
|
-
content: ' *';
|
|
1205
|
-
font-weight: 700;
|
|
1206
|
-
color: var(--q-theme-danger);
|
|
1207
|
-
}
|
|
1208
|
-
}
|
|
1209
1202
|
&--readonly {
|
|
1210
1203
|
> #{$this}__control {
|
|
1211
1204
|
background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
|
|
@@ -1430,6 +1423,13 @@ $input-group-addon-background: rgb(var(--q-theme-neutral-light-rgb) / 25%);
|
|
|
1430
1423
|
.q-icon {
|
|
1431
1424
|
color: currentcolor;
|
|
1432
1425
|
}
|
|
1426
|
+
&--required {
|
|
1427
|
+
&::after {
|
|
1428
|
+
content: ' *';
|
|
1429
|
+
font-weight: 700;
|
|
1430
|
+
color: var(--q-theme-danger);
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1433
1433
|
}
|
|
1434
1434
|
$line-color: var(--q-theme-primary);
|
|
1435
1435
|
.q-line-loader {
|
|
@@ -1819,6 +1819,116 @@ $base-border: 1px solid rgb(0 0 0 / 10%);
|
|
|
1819
1819
|
border-bottom: $base-border;
|
|
1820
1820
|
}
|
|
1821
1821
|
}
|
|
1822
|
+
.q-radio-group {
|
|
1823
|
+
$this: &;
|
|
1824
|
+
display: flex;
|
|
1825
|
+
flex-direction: column;
|
|
1826
|
+
gap: calc($space-base * 2);
|
|
1827
|
+
&__group {
|
|
1828
|
+
display: flex;
|
|
1829
|
+
flex-direction: column;
|
|
1830
|
+
gap: calc($space-base * 2);
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
&--horizontal {
|
|
1834
|
+
#{$this}__group {
|
|
1835
|
+
flex-direction: row;
|
|
1836
|
+
}
|
|
1837
|
+
}
|
|
1838
|
+
}
|
|
1839
|
+
.q-radio-button {
|
|
1840
|
+
$this: &;
|
|
1841
|
+
--q-radio-button-circle-size: 1rem;
|
|
1842
|
+
--q-radio-button-checked-color: var(--q-theme-primary);
|
|
1843
|
+
display: flex;
|
|
1844
|
+
align-items: center;
|
|
1845
|
+
font-size: var(--q-radio-button-circle-size);
|
|
1846
|
+
gap: 0.5em;
|
|
1847
|
+
label {
|
|
1848
|
+
font-size: 0.875em;
|
|
1849
|
+
line-height: 1;
|
|
1850
|
+
}
|
|
1851
|
+
&__input {
|
|
1852
|
+
position: relative;
|
|
1853
|
+
width: var(--q-radio-button-circle-size);
|
|
1854
|
+
height: var(--q-radio-button-circle-size);
|
|
1855
|
+
background-color: transparent;
|
|
1856
|
+
flex-shrink: 0;
|
|
1857
|
+
appearance: none;
|
|
1858
|
+
border-width: 1px;
|
|
1859
|
+
border-color: var(--q-theme-neutral);
|
|
1860
|
+
border-radius: 50%;
|
|
1861
|
+
|
|
1862
|
+
&::before {
|
|
1863
|
+
content: '';
|
|
1864
|
+
position: absolute;
|
|
1865
|
+
top: 50%;
|
|
1866
|
+
left: 50%;
|
|
1867
|
+
width: 0.5em;
|
|
1868
|
+
height: 0.5em;
|
|
1869
|
+
background-color: var(--q-theme-background);
|
|
1870
|
+
border-radius: 50%;
|
|
1871
|
+
transform: translate(-50%, -50%) scale(0);
|
|
1872
|
+
opacity: 0;
|
|
1873
|
+
transition:
|
|
1874
|
+
transform 0.1s ease-out,
|
|
1875
|
+
opacity 0.1s ease-out;
|
|
1876
|
+
}
|
|
1877
|
+
&:checked {
|
|
1878
|
+
&::before {
|
|
1879
|
+
transform: translate(-50%, -50%) scale(1);
|
|
1880
|
+
opacity: 1;
|
|
1881
|
+
}
|
|
1882
|
+
&:not(:disabled) {
|
|
1883
|
+
background-color: var(--q-radio-button-checked-color);
|
|
1884
|
+
border-color: var(--q-radio-button-checked-color);
|
|
1885
|
+
}
|
|
1886
|
+
&:disabled::before {
|
|
1887
|
+
background-color: var(--q-theme-neutral);
|
|
1888
|
+
}
|
|
1889
|
+
}
|
|
1890
|
+
&:hover:not(:disabled) {
|
|
1891
|
+
border-color: var(--q-radio-button-checked-color);
|
|
1892
|
+
cursor: pointer;
|
|
1893
|
+
}
|
|
1894
|
+
&:focus:not(:disabled) {
|
|
1895
|
+
outline: 0;
|
|
1896
|
+
}
|
|
1897
|
+
&:focus-visible:not(:disabled) {
|
|
1898
|
+
outline: $outline;
|
|
1899
|
+
}
|
|
1900
|
+
}
|
|
1901
|
+
|
|
1902
|
+
@mixin color-variant($color) {
|
|
1903
|
+
&--#{$color} {
|
|
1904
|
+
--q-radio-button-checked-color: var(--q-theme-#{$color});
|
|
1905
|
+
}
|
|
1906
|
+
}
|
|
1907
|
+
@each $color in (primary, info, success, warning, danger) {
|
|
1908
|
+
@include color-variant($color);
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1911
|
+
&--disabled {
|
|
1912
|
+
opacity: 0.5;
|
|
1913
|
+
}
|
|
1914
|
+
&--readonly {
|
|
1915
|
+
#{$this}__input {
|
|
1916
|
+
background-color: rgb(var(--q-theme-neutral-light-rgb) / 25%);
|
|
1917
|
+
}
|
|
1918
|
+
}
|
|
1919
|
+
&--invalid {
|
|
1920
|
+
#{$this}__input {
|
|
1921
|
+
border-color: var(--q-theme-danger);
|
|
1922
|
+
}
|
|
1923
|
+
}
|
|
1924
|
+
|
|
1925
|
+
&--small {
|
|
1926
|
+
--q-radio-button-circle-size: 0.875rem;
|
|
1927
|
+
}
|
|
1928
|
+
&--large {
|
|
1929
|
+
--q-radio-button-circle-size: 1.125rem;
|
|
1930
|
+
}
|
|
1931
|
+
}
|
|
1822
1932
|
.q-select {
|
|
1823
1933
|
$this: &;
|
|
1824
1934
|
&:not(#{$this}--readonly):not(#{$this}--disabled) {
|
|
@@ -43,7 +43,7 @@ const P = ["readonly", "disabled", "aria-label"], H = /* @__PURE__ */ h({
|
|
|
43
43
|
id: l.id,
|
|
44
44
|
modelValue: a.value,
|
|
45
45
|
"onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
|
|
46
|
-
|
|
46
|
+
"max-length": 7,
|
|
47
47
|
class: B(["q-color-picker", l.class]),
|
|
48
48
|
label: l.label,
|
|
49
49
|
size: l.size,
|
|
@@ -31,12 +31,13 @@ declare function __VLS_template(): {
|
|
|
31
31
|
readonly class?: string | unknown[] | undefined;
|
|
32
32
|
readonly label?: string | undefined;
|
|
33
33
|
readonly for?: string | undefined;
|
|
34
|
+
readonly required?: boolean | undefined;
|
|
34
35
|
readonly size?: import('..').QFieldSize | undefined;
|
|
35
36
|
readonly readonly?: boolean | undefined;
|
|
36
37
|
readonly disabled?: boolean | undefined;
|
|
37
|
-
readonly required?: boolean | undefined;
|
|
38
38
|
readonly invalid?: boolean | undefined;
|
|
39
39
|
readonly placeholder?: string | undefined;
|
|
40
|
+
readonly maxLength?: number | undefined;
|
|
40
41
|
readonly clearable?: boolean | undefined;
|
|
41
42
|
readonly type?: string | undefined;
|
|
42
43
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -57,10 +58,10 @@ declare function __VLS_template(): {
|
|
|
57
58
|
readonly class?: string | unknown[] | undefined;
|
|
58
59
|
readonly label?: string | undefined;
|
|
59
60
|
readonly for?: string | undefined;
|
|
61
|
+
readonly required?: boolean | undefined;
|
|
60
62
|
readonly size?: import('..').QFieldSize | undefined;
|
|
61
63
|
readonly readonly?: boolean | undefined;
|
|
62
64
|
readonly disabled?: boolean | undefined;
|
|
63
|
-
readonly required?: boolean | undefined;
|
|
64
65
|
readonly invalid?: boolean | undefined;
|
|
65
66
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
66
67
|
$attrs: {
|
|
@@ -133,6 +134,7 @@ declare function __VLS_template(): {
|
|
|
133
134
|
} & import('../../types/component').QBaseComponentProps & {
|
|
134
135
|
label?: string;
|
|
135
136
|
for?: string;
|
|
137
|
+
required?: boolean;
|
|
136
138
|
} & {
|
|
137
139
|
size?: import('..').QFieldSize;
|
|
138
140
|
readonly?: boolean;
|
|
@@ -141,6 +143,7 @@ declare function __VLS_template(): {
|
|
|
141
143
|
invalid?: boolean;
|
|
142
144
|
} & {
|
|
143
145
|
placeholder?: string;
|
|
146
|
+
maxLength?: number;
|
|
144
147
|
clearable?: boolean;
|
|
145
148
|
type?: string;
|
|
146
149
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -183,6 +186,7 @@ declare function __VLS_template(): {
|
|
|
183
186
|
} & import('../../types/component').QBaseComponentProps & {
|
|
184
187
|
label?: string;
|
|
185
188
|
for?: string;
|
|
189
|
+
required?: boolean;
|
|
186
190
|
} & {
|
|
187
191
|
size?: import('..').QFieldSize;
|
|
188
192
|
readonly?: boolean;
|
|
@@ -191,6 +195,7 @@ declare function __VLS_template(): {
|
|
|
191
195
|
invalid?: boolean;
|
|
192
196
|
} & {
|
|
193
197
|
placeholder?: string;
|
|
198
|
+
maxLength?: number;
|
|
194
199
|
clearable?: boolean;
|
|
195
200
|
type?: string;
|
|
196
201
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -469,12 +474,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
469
474
|
readonly class?: string | unknown[] | undefined;
|
|
470
475
|
readonly label?: string | undefined;
|
|
471
476
|
readonly for?: string | undefined;
|
|
477
|
+
readonly required?: boolean | undefined;
|
|
472
478
|
readonly size?: import('..').QFieldSize | undefined;
|
|
473
479
|
readonly readonly?: boolean | undefined;
|
|
474
480
|
readonly disabled?: boolean | undefined;
|
|
475
|
-
readonly required?: boolean | undefined;
|
|
476
481
|
readonly invalid?: boolean | undefined;
|
|
477
482
|
readonly placeholder?: string | undefined;
|
|
483
|
+
readonly maxLength?: number | undefined;
|
|
478
484
|
readonly clearable?: boolean | undefined;
|
|
479
485
|
readonly type?: string | undefined;
|
|
480
486
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -495,10 +501,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
495
501
|
readonly class?: string | unknown[] | undefined;
|
|
496
502
|
readonly label?: string | undefined;
|
|
497
503
|
readonly for?: string | undefined;
|
|
504
|
+
readonly required?: boolean | undefined;
|
|
498
505
|
readonly size?: import('..').QFieldSize | undefined;
|
|
499
506
|
readonly readonly?: boolean | undefined;
|
|
500
507
|
readonly disabled?: boolean | undefined;
|
|
501
|
-
readonly required?: boolean | undefined;
|
|
502
508
|
readonly invalid?: boolean | undefined;
|
|
503
509
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
504
510
|
$attrs: {
|
|
@@ -571,6 +577,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
571
577
|
} & import('../../types/component').QBaseComponentProps & {
|
|
572
578
|
label?: string;
|
|
573
579
|
for?: string;
|
|
580
|
+
required?: boolean;
|
|
574
581
|
} & {
|
|
575
582
|
size?: import('..').QFieldSize;
|
|
576
583
|
readonly?: boolean;
|
|
@@ -579,6 +586,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
579
586
|
invalid?: boolean;
|
|
580
587
|
} & {
|
|
581
588
|
placeholder?: string;
|
|
589
|
+
maxLength?: number;
|
|
582
590
|
clearable?: boolean;
|
|
583
591
|
type?: string;
|
|
584
592
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -621,6 +629,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
621
629
|
} & import('../../types/component').QBaseComponentProps & {
|
|
622
630
|
label?: string;
|
|
623
631
|
for?: string;
|
|
632
|
+
required?: boolean;
|
|
624
633
|
} & {
|
|
625
634
|
size?: import('..').QFieldSize;
|
|
626
635
|
readonly?: boolean;
|
|
@@ -629,6 +638,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
629
638
|
invalid?: boolean;
|
|
630
639
|
} & {
|
|
631
640
|
placeholder?: string;
|
|
641
|
+
maxLength?: number;
|
|
632
642
|
clearable?: boolean;
|
|
633
643
|
type?: string;
|
|
634
644
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -655,12 +665,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
655
665
|
readonly class?: string | unknown[] | undefined;
|
|
656
666
|
readonly label?: string | undefined;
|
|
657
667
|
readonly for?: string | undefined;
|
|
668
|
+
readonly required?: boolean | undefined;
|
|
658
669
|
readonly size?: import('..').QFieldSize | undefined;
|
|
659
670
|
readonly readonly?: boolean | undefined;
|
|
660
671
|
readonly disabled?: boolean | undefined;
|
|
661
|
-
readonly required?: boolean | undefined;
|
|
662
672
|
readonly invalid?: boolean | undefined;
|
|
663
673
|
readonly placeholder?: string | undefined;
|
|
674
|
+
readonly maxLength?: number | undefined;
|
|
664
675
|
readonly clearable?: boolean | undefined;
|
|
665
676
|
readonly type?: string | undefined;
|
|
666
677
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -681,10 +692,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
681
692
|
readonly class?: string | unknown[] | undefined;
|
|
682
693
|
readonly label?: string | undefined;
|
|
683
694
|
readonly for?: string | undefined;
|
|
695
|
+
readonly required?: boolean | undefined;
|
|
684
696
|
readonly size?: import('..').QFieldSize | undefined;
|
|
685
697
|
readonly readonly?: boolean | undefined;
|
|
686
698
|
readonly disabled?: boolean | undefined;
|
|
687
|
-
readonly required?: boolean | undefined;
|
|
688
699
|
readonly invalid?: boolean | undefined;
|
|
689
700
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
690
701
|
$attrs: {
|
|
@@ -757,6 +768,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
757
768
|
} & import('../../types/component').QBaseComponentProps & {
|
|
758
769
|
label?: string;
|
|
759
770
|
for?: string;
|
|
771
|
+
required?: boolean;
|
|
760
772
|
} & {
|
|
761
773
|
size?: import('..').QFieldSize;
|
|
762
774
|
readonly?: boolean;
|
|
@@ -765,6 +777,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
765
777
|
invalid?: boolean;
|
|
766
778
|
} & {
|
|
767
779
|
placeholder?: string;
|
|
780
|
+
maxLength?: number;
|
|
768
781
|
clearable?: boolean;
|
|
769
782
|
type?: string;
|
|
770
783
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -807,6 +820,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
807
820
|
} & import('../../types/component').QBaseComponentProps & {
|
|
808
821
|
label?: string;
|
|
809
822
|
for?: string;
|
|
823
|
+
required?: boolean;
|
|
810
824
|
} & {
|
|
811
825
|
size?: import('..').QFieldSize;
|
|
812
826
|
readonly?: boolean;
|
|
@@ -815,6 +829,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
815
829
|
invalid?: boolean;
|
|
816
830
|
} & {
|
|
817
831
|
placeholder?: string;
|
|
832
|
+
maxLength?: number;
|
|
818
833
|
clearable?: boolean;
|
|
819
834
|
type?: string;
|
|
820
835
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -876,12 +891,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
876
891
|
readonly class?: string | unknown[] | undefined;
|
|
877
892
|
readonly label?: string | undefined;
|
|
878
893
|
readonly for?: string | undefined;
|
|
894
|
+
readonly required?: boolean | undefined;
|
|
879
895
|
readonly size?: import('..').QFieldSize | undefined;
|
|
880
896
|
readonly readonly?: boolean | undefined;
|
|
881
897
|
readonly disabled?: boolean | undefined;
|
|
882
|
-
readonly required?: boolean | undefined;
|
|
883
898
|
readonly invalid?: boolean | undefined;
|
|
884
899
|
readonly placeholder?: string | undefined;
|
|
900
|
+
readonly maxLength?: number | undefined;
|
|
885
901
|
readonly clearable?: boolean | undefined;
|
|
886
902
|
readonly type?: string | undefined;
|
|
887
903
|
readonly texts?: typeof import('../QTextField/types').DEFAULT_TEXTS | undefined;
|
|
@@ -902,10 +918,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
902
918
|
readonly class?: string | unknown[] | undefined;
|
|
903
919
|
readonly label?: string | undefined;
|
|
904
920
|
readonly for?: string | undefined;
|
|
921
|
+
readonly required?: boolean | undefined;
|
|
905
922
|
readonly size?: import('..').QFieldSize | undefined;
|
|
906
923
|
readonly readonly?: boolean | undefined;
|
|
907
924
|
readonly disabled?: boolean | undefined;
|
|
908
|
-
readonly required?: boolean | undefined;
|
|
909
925
|
readonly invalid?: boolean | undefined;
|
|
910
926
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
911
927
|
$attrs: {
|
|
@@ -978,6 +994,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
978
994
|
} & import('../../types/component').QBaseComponentProps & {
|
|
979
995
|
label?: string;
|
|
980
996
|
for?: string;
|
|
997
|
+
required?: boolean;
|
|
981
998
|
} & {
|
|
982
999
|
size?: import('..').QFieldSize;
|
|
983
1000
|
readonly?: boolean;
|
|
@@ -986,6 +1003,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
986
1003
|
invalid?: boolean;
|
|
987
1004
|
} & {
|
|
988
1005
|
placeholder?: string;
|
|
1006
|
+
maxLength?: number;
|
|
989
1007
|
clearable?: boolean;
|
|
990
1008
|
type?: string;
|
|
991
1009
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -1028,6 +1046,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
1028
1046
|
} & import('../../types/component').QBaseComponentProps & {
|
|
1029
1047
|
label?: string;
|
|
1030
1048
|
for?: string;
|
|
1049
|
+
required?: boolean;
|
|
1031
1050
|
} & {
|
|
1032
1051
|
size?: import('..').QFieldSize;
|
|
1033
1052
|
readonly?: boolean;
|
|
@@ -1036,6 +1055,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
1036
1055
|
invalid?: boolean;
|
|
1037
1056
|
} & {
|
|
1038
1057
|
placeholder?: string;
|
|
1058
|
+
maxLength?: number;
|
|
1039
1059
|
clearable?: boolean;
|
|
1040
1060
|
type?: string;
|
|
1041
1061
|
texts?: typeof import('../QTextField/types').DEFAULT_TEXTS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"AAyHA;AAqkBC,OAAO,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAA;AAYtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C,OAAO,EAAY,QAAQ,EAAyB,MAAM,KAAK,CAAA;AAE/D,KAAK,WAAW,GAAG,cAAc,CAAC;AAscnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,WAAW,CAAC;AAOhB,iBAAS,cAAc;WA2UT,OAAO,IAA6B;;iCAtBZ,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACH,GAAG;gCACK,GAAG;;;YACb,GAAG;+BACM,GAAG
|
|
1
|
+
{"version":3,"file":"QCombobox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/QCombobox.vue"],"names":[],"mappings":"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"}
|
|
@@ -21,12 +21,13 @@ const we = ["data-key"], xe = {
|
|
|
21
21
|
class: {},
|
|
22
22
|
label: {},
|
|
23
23
|
for: {},
|
|
24
|
+
required: { type: Boolean },
|
|
24
25
|
size: {},
|
|
25
26
|
readonly: { type: Boolean },
|
|
26
27
|
disabled: { type: Boolean },
|
|
27
|
-
required: { type: Boolean },
|
|
28
28
|
invalid: { type: Boolean },
|
|
29
29
|
placeholder: {},
|
|
30
|
+
maxLength: {},
|
|
30
31
|
clearable: { type: Boolean },
|
|
31
32
|
texts: { default: () => pe },
|
|
32
33
|
items: {},
|
|
@@ -48,7 +49,7 @@ const we = ["data-key"], xe = {
|
|
|
48
49
|
}),
|
|
49
50
|
emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
|
|
50
51
|
setup(w, { expose: W, emit: X }) {
|
|
51
|
-
const l = w, x = X, d = S(w, "modelValue"), i = S(w, "open"), u = S(w, "search"),
|
|
52
|
+
const l = w, x = X, d = S(w, "modelValue"), i = S(w, "open"), u = S(w, "search"), o = g(void 0), c = g(null), s = g(null), V = g(null), L = g(null);
|
|
52
53
|
ue(h);
|
|
53
54
|
const q = m(() => l.clearable && !l.readonly && !l.disabled), v = m(() => {
|
|
54
55
|
var e;
|
|
@@ -59,14 +60,14 @@ const we = ["data-key"], xe = {
|
|
|
59
60
|
var e;
|
|
60
61
|
return (e = l.items) == null ? void 0 : e.find((t) => t[l.itemValue] === d.value);
|
|
61
62
|
}), _ = m(() => y.value === void 0), C = m(() => {
|
|
62
|
-
const e =
|
|
63
|
+
const e = o.value;
|
|
63
64
|
if (e !== void 0 && v.value[e])
|
|
64
65
|
return v.value[e];
|
|
65
66
|
}), G = m(() => {
|
|
66
67
|
var t;
|
|
67
|
-
if (
|
|
68
|
+
if (o.value === void 0)
|
|
68
69
|
return;
|
|
69
|
-
const e = (t = s.value) == null ? void 0 : t.getItem(
|
|
70
|
+
const e = (t = s.value) == null ? void 0 : t.getItem(o.value);
|
|
70
71
|
return e == null ? void 0 : e.id;
|
|
71
72
|
}), J = m(() => {
|
|
72
73
|
var e;
|
|
@@ -84,13 +85,13 @@ const we = ["data-key"], xe = {
|
|
|
84
85
|
i.value || l.readonly || l.disabled || (x("before-show"), i.value = !0, E());
|
|
85
86
|
}
|
|
86
87
|
function F() {
|
|
87
|
-
i.value && (x("before-hide"), i.value = !1,
|
|
88
|
+
i.value && (x("before-hide"), i.value = !1, o.value = void 0);
|
|
88
89
|
}
|
|
89
90
|
function Y() {
|
|
90
91
|
i.value ? F() : U();
|
|
91
92
|
}
|
|
92
93
|
function Z() {
|
|
93
|
-
q.value && (d.value = l.emptyValue,
|
|
94
|
+
q.value && (d.value = l.emptyValue, o.value = void 0, E());
|
|
94
95
|
}
|
|
95
96
|
function U() {
|
|
96
97
|
if (D(), y.value !== void 0) {
|
|
@@ -99,17 +100,17 @@ const we = ["data-key"], xe = {
|
|
|
99
100
|
}
|
|
100
101
|
}
|
|
101
102
|
function ee(e) {
|
|
102
|
-
var t,
|
|
103
|
+
var t, a;
|
|
103
104
|
if (!(!e.key || l.readonly || l.disabled))
|
|
104
105
|
if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape")
|
|
105
106
|
h(), i.value && F();
|
|
106
107
|
else if (["ArrowDown", "ArrowUp"].includes(e.key))
|
|
107
108
|
i.value ? I(() => {
|
|
108
|
-
if (
|
|
109
|
+
if (o.value === void 0)
|
|
109
110
|
$();
|
|
110
111
|
else {
|
|
111
112
|
const n = e.key === "ArrowDown" ? "next" : "prev";
|
|
112
|
-
te(
|
|
113
|
+
te(o.value, n);
|
|
113
114
|
}
|
|
114
115
|
}) : (D(), I(() => {
|
|
115
116
|
e.key === "ArrowDown" ? $() : le();
|
|
@@ -117,31 +118,31 @@ const we = ["data-key"], xe = {
|
|
|
117
118
|
else if (e.key === "Enter") {
|
|
118
119
|
if (C.value === void 0) return;
|
|
119
120
|
Q(C.value[l.itemValue]);
|
|
120
|
-
} else e.key === "Home" ?
|
|
121
|
+
} else e.key === "Home" ? o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex() : e.key === "End" ? o.value = (a = s.value) == null ? void 0 : a.getLastFocusableItemIndex() : (/^[a-z]$/i.test(e.key) || e.key === "Backspace") && D();
|
|
121
122
|
}
|
|
122
123
|
function $() {
|
|
123
124
|
var e, t;
|
|
124
125
|
if (_.value)
|
|
125
|
-
|
|
126
|
+
o.value = (t = s.value) == null ? void 0 : t.getFirstFocusableItemIndex();
|
|
126
127
|
else {
|
|
127
|
-
const
|
|
128
|
+
const a = v.value.findIndex(
|
|
128
129
|
(n) => n[l.itemValue] === d.value
|
|
129
130
|
);
|
|
130
|
-
|
|
131
|
+
a === -1 ? o.value = (e = s.value) == null ? void 0 : e.getFirstFocusableItemIndex() : o.value = a;
|
|
131
132
|
}
|
|
132
133
|
}
|
|
133
134
|
function le() {
|
|
134
135
|
var e;
|
|
135
|
-
|
|
136
|
+
o.value = (e = s.value) == null ? void 0 : e.getLastFocusableItemIndex();
|
|
136
137
|
}
|
|
137
138
|
function te(e, t) {
|
|
138
|
-
var
|
|
139
|
-
|
|
139
|
+
var a;
|
|
140
|
+
o.value = (a = s.value) == null ? void 0 : a.getAdjacentItemIndex(e, t);
|
|
140
141
|
}
|
|
141
142
|
function N(e) {
|
|
142
143
|
var B, z, P, R;
|
|
143
|
-
const t = ((B = V == null ? void 0 : V.value) == null ? void 0 : B.$el) === e.relatedTarget,
|
|
144
|
-
if (t || n ||
|
|
144
|
+
const t = ((B = V == null ? void 0 : V.value) == null ? void 0 : B.$el) === e.relatedTarget, a = (P = (z = c == null ? void 0 : c.value) == null ? void 0 : z.$el) == null ? void 0 : P.contains(e.relatedTarget), n = (R = L == null ? void 0 : L.value) == null ? void 0 : R.contains(e.relatedTarget);
|
|
145
|
+
if (t || n || a) {
|
|
145
146
|
e.preventDefault(), e.stopPropagation();
|
|
146
147
|
return;
|
|
147
148
|
}
|
|
@@ -151,30 +152,30 @@ const we = ["data-key"], xe = {
|
|
|
151
152
|
var e, t;
|
|
152
153
|
(t = (e = c.value) == null ? void 0 : e.inputRef) == null || t.focus();
|
|
153
154
|
}
|
|
154
|
-
function
|
|
155
|
+
function ae() {
|
|
155
156
|
E();
|
|
156
157
|
}
|
|
157
|
-
function
|
|
158
|
+
function oe() {
|
|
158
159
|
x("show");
|
|
159
160
|
}
|
|
160
161
|
function ne() {
|
|
161
162
|
x("hide");
|
|
162
163
|
}
|
|
163
164
|
function O(e) {
|
|
164
|
-
var
|
|
165
|
-
const t = (
|
|
165
|
+
var a;
|
|
166
|
+
const t = (a = s.value) == null ? void 0 : a.getItem(e);
|
|
166
167
|
s.value && (s.value.$el.scrollTop = t == null ? void 0 : t.offsetTop);
|
|
167
168
|
}
|
|
168
169
|
return k(d, h), k(
|
|
169
170
|
() => l.items,
|
|
170
171
|
(e, t) => {
|
|
171
172
|
if (!_.value) {
|
|
172
|
-
const
|
|
173
|
-
u.value === (
|
|
173
|
+
const a = t == null ? void 0 : t.find((n) => n[l.itemValue] === d.value);
|
|
174
|
+
u.value === (a == null ? void 0 : a[l.itemLabel]) && h();
|
|
174
175
|
}
|
|
175
176
|
},
|
|
176
177
|
{ deep: !0 }
|
|
177
|
-
), k(
|
|
178
|
+
), k(o, (e) => {
|
|
178
179
|
e !== void 0 && O(e);
|
|
179
180
|
}), k(u, (e) => {
|
|
180
181
|
e && i.value && l.selectionMode === "automatic" && I($);
|
|
@@ -186,7 +187,7 @@ const we = ["data-key"], xe = {
|
|
|
186
187
|
), W({
|
|
187
188
|
triggerEl: c
|
|
188
189
|
}), (e, t) => {
|
|
189
|
-
var
|
|
190
|
+
var a;
|
|
190
191
|
return b(), T(
|
|
191
192
|
se,
|
|
192
193
|
null,
|
|
@@ -286,8 +287,8 @@ const we = ["data-key"], xe = {
|
|
|
286
287
|
placement: "bottom-start",
|
|
287
288
|
width: "anchor",
|
|
288
289
|
offset: 4,
|
|
289
|
-
anchor: (
|
|
290
|
-
onEnter:
|
|
290
|
+
anchor: (a = c.value) == null ? void 0 : a.$el,
|
|
291
|
+
onEnter: oe,
|
|
291
292
|
onLeave: ne
|
|
292
293
|
}, {
|
|
293
294
|
default: r(() => {
|
|
@@ -316,7 +317,7 @@ const we = ["data-key"], xe = {
|
|
|
316
317
|
groups: e.groups,
|
|
317
318
|
"item-label": l.itemLabel,
|
|
318
319
|
"item-value": l.itemValue,
|
|
319
|
-
onMouseup:
|
|
320
|
+
onMouseup: ae,
|
|
320
321
|
"onUpdate:modelValue": Q
|
|
321
322
|
}, {
|
|
322
323
|
item: r(({ item: B }) => [
|