lostecho/vue-element-plus-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Radio改造

Browse Source
This commit is contained in:
kailong321200875
2023-05-25 09:29:49 +08:00
parent 6f1a94809e
commit deeee73bcb
5 changed files with 88 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/views/Components/Form/DefaultForm.vue
View File

@@ -13,7 +13,7 @@ import {
RadioOption
} from '@/types/components'
import { useForm } from '@/hooks/web/useForm'
import { ElOption, ElOptionGroup, ElButton, ElRadio } from 'element-plus'
import { ElOption, ElOptionGroup, ElButton, ElRadio, ElRadioButton } from 'element-plus'
const appStore = useAppStore()
@@ -1029,31 +1029,58 @@ const schema = reactive<FormSchema[]>([
}
}
}
},
{
field: 'field40',
label: t('formDemo.button'),
component: 'RadioButton',
componentProps: {
options: [
{
label: 'option-1',
value: '1'
},
{
label: 'option-2',
value: '2'
}
]
}
},
{
field: 'field40',
label: `${t('formDemo.button')}${t('formDemo.slot')}`,
component: 'RadioButton',
componentProps: {
options: [
{
label: 'option-1',
value: '1'
},
{
label: 'option-2',
value: '2'
}
],
slots: {
default: (options: RadioOption[]) => {
return options?.map((v) => {
return (
<ElRadioButton label={v.value}>
{v.label}({v.value})
</ElRadioButton>
)
})
}
}
}
},
{
field: 'field41',
label: t('formDemo.checkbox'),
component: 'Divider'
}
// {
// field: 'field40',
// label: t('formDemo.button'),
// component: 'RadioButton',
// componentProps: {
// options: [
// {
// disabled: true,
// label: 'option-1',
// value: '1'
// },
// {
// label: 'option-2',
// value: '2'
// }
// ]
// }
// },
// {
// field: 'field41',
// label: t('formDemo.checkbox'),
// component: 'Divider'
// },
// {
// field: 'field42',
// label: t('formDemo.default'),
// component: 'Checkbox',