@usssa/component-library 1.0.0-alpha.165 → 1.0.0-alpha.166
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/README.md +1 -1
- package/package.json +1 -1
- package/src/components/core/USelectStd.vue +14 -7
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -11,13 +11,13 @@ import UTooltip from './UTooltip.vue'
|
|
|
11
11
|
const emit = defineEmits(['update:modelValue'])
|
|
12
12
|
|
|
13
13
|
const props = defineProps({
|
|
14
|
-
applyLabel:{
|
|
14
|
+
applyLabel: {
|
|
15
15
|
type: String,
|
|
16
|
-
default: 'Apply'
|
|
16
|
+
default: 'Apply',
|
|
17
17
|
},
|
|
18
|
-
cancelLabel:{
|
|
18
|
+
cancelLabel: {
|
|
19
19
|
type: String,
|
|
20
|
-
default: 'Cancel'
|
|
20
|
+
default: 'Cancel',
|
|
21
21
|
},
|
|
22
22
|
caption: {
|
|
23
23
|
type: String,
|
|
@@ -29,7 +29,7 @@ const props = defineProps({
|
|
|
29
29
|
},
|
|
30
30
|
closeIconLabel: {
|
|
31
31
|
type: String,
|
|
32
|
-
default: 'Close Icon'
|
|
32
|
+
default: 'Close Icon',
|
|
33
33
|
},
|
|
34
34
|
dataTestId: {
|
|
35
35
|
type: String,
|
|
@@ -88,7 +88,7 @@ const props = defineProps({
|
|
|
88
88
|
},
|
|
89
89
|
readonly: {
|
|
90
90
|
type: Boolean,
|
|
91
|
-
default: false
|
|
91
|
+
default: false,
|
|
92
92
|
},
|
|
93
93
|
sheetLabel: {
|
|
94
94
|
type: String,
|
|
@@ -127,6 +127,7 @@ const filterOptions = computed(() => {
|
|
|
127
127
|
option.label.toLowerCase().includes(search.value.toLocaleLowerCase())
|
|
128
128
|
)
|
|
129
129
|
})
|
|
130
|
+
|
|
130
131
|
const model = computed({
|
|
131
132
|
get() {
|
|
132
133
|
return props.modelValue
|
|
@@ -136,6 +137,7 @@ const model = computed({
|
|
|
136
137
|
return emit('update:modelValue', value)
|
|
137
138
|
},
|
|
138
139
|
})
|
|
140
|
+
|
|
139
141
|
const sheetHeading = computed(() => {
|
|
140
142
|
if (props.sheetLabel) {
|
|
141
143
|
return props.sheetLabel
|
|
@@ -151,7 +153,7 @@ const handleApply = () => {
|
|
|
151
153
|
|
|
152
154
|
// for opening the sheet in mobile screen
|
|
153
155
|
const handleClick = (event) => {
|
|
154
|
-
if(props.readonly) return
|
|
156
|
+
if (props.readonly) return
|
|
155
157
|
if (!$screen.value.isMobile) return
|
|
156
158
|
const isBorderClick = event.target.classList.contains('q-field__control')
|
|
157
159
|
|
|
@@ -523,6 +525,11 @@ watch(
|
|
|
523
525
|
.q-field__prepend
|
|
524
526
|
padding-right: $xs
|
|
525
527
|
|
|
528
|
+
.u-select.q-field--disabled
|
|
529
|
+
&.q-field--outlined .q-field__control
|
|
530
|
+
&::before
|
|
531
|
+
background: $neutral-3
|
|
532
|
+
|
|
526
533
|
.select-sheet
|
|
527
534
|
.sheet-card-wrapper .q-card__section .q-item
|
|
528
535
|
padding:$ba $ba !important
|