mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-12 12:25:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(radio-group): imporve robustness

Browse Source
This commit is contained in:
07akioni 2020-02-11 10:07:16 +08:00
parent 4ccdb39a65
commit 6d31f6402d
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/common/Radio/src/RadioGroup.vue
View File

@ -4,27 +4,33 @@ import themeable from '../../../mixins/themeable'
import hollowoutable from '../../../mixins/hollowoutable'
import asformitem from '../../../mixins/asformitem'
function mapSlot (h, defaultSlot, currentComponent) {
function mapSlot (h, defaultSlot, groupInstance) {
const mappedSlot = []
defaultSlot = defaultSlot || []
for (let i = 0; i < defaultSlot.length; ++i) {
const wrappedInstance = defaultSlot[i]
if (wrappedInstance === null) {
const instanceOptions = wrappedInstance.componentOptions
const instanceCtorOptions = instanceOptions && instanceOptions.Ctor.options
if (
!instanceOptions ||
!['NRadio', 'NRadioButton'].includes(instanceCtorOptions.name)
) {
console.error(
'[naive ui/radio]: `n-radio-group` only taks `n-radio` and `n-radio-button` as children.'
)
continue
}
if (i === 0 || wrappedInstance.componentOptions.tag === 'n-radio') {
if (i === 0 || instanceCtorOptions.name === 'NRadio') {
mappedSlot.push(wrappedInstance)
} else {
const lastInstanceComponentOptions = mappedSlot[mappedSlot.length - 1].componentOptions
const lastInstanceChecked = currentComponent.$props.value === lastInstanceComponentOptions.propsData.value
const lastInstanceChecked = groupInstance.$props.value === lastInstanceComponentOptions.propsData.value
const lastInstanceDisabled = lastInstanceComponentOptions.propsData.disabled
const currentInstanceChecked = currentComponent.$props.value === wrappedInstance.componentOptions.propsData.value
const currentInstanceDisabled = wrappedInstance.componentOptions.propsData.disabled
const currentInstanceChecked = groupInstance.$props.value === instanceOptions.propsData.value
const currentInstanceDisabled = instanceOptions.propsData.disabled
let lastInstancePriority
let currentInstancePriority
if (currentComponent.synthesizedTheme === 'dark') {
if (groupInstance.synthesizedTheme === 'dark') {
/**
* Priority of button splitor:
* !disabled checked >