arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-17 13:38:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Select): add appearance prop

Browse Source
This commit is contained in:
Benjamin Canac
2022-05-17 18:02:16 +02:00
parent 358387e358
commit 189c9f3eda
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/runtime/components/forms/Select.vue
View File

@@ -97,6 +97,13 @@ const props = defineProps({
type: String,
default: null
},
appearance: {
type: String,
default: 'default',
validator (value: string) {
return Object.keys($ui.select.appearance).includes(value)
}
},
textAttribute: {
type: String,
default: 'text'
@@ -173,7 +180,7 @@ const selectClass = computed(() => {
props.baseClass,
$ui.select.size[props.size],
$ui.select.spacing[props.size],
$ui.select.appearance.default,
$ui.select.appearance[props.appearance],
!!props.icon && $ui.select.leading.spacing[props.size],
$ui.select.trailing.spacing[props.size],
props.customClass

9
src/runtime/components/forms/SelectCustom.vue
View File

@@ -101,6 +101,13 @@ const props = defineProps({
type: String,
default: null
},
appearance: {
type: String,
default: 'default',
validator (value: string) {
return Object.keys($ui.selectCustom.appearance).includes(value)
}
},
listBaseClass: {
type: String,
default: () => $ui.selectCustom.list.base
@@ -150,7 +157,7 @@ const selectCustomClass = computed(() => {
props.baseClass,
$ui.selectCustom.size[props.size],
$ui.selectCustom.spacing[props.size],
$ui.selectCustom.appearance.default,
$ui.selectCustom.appearance[props.appearance],
$ui.selectCustom.trailing.spacing[props.size],
props.customClass
)