You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
995 B
30 lines
995 B
import { defineComponent, inject } from 'vue';
|
|
import type { RadioProps } from './Radio';
|
|
import Radio, { radioProps } from './Radio';
|
|
import useConfigInject from '../_util/hooks/useConfigInject';
|
|
import type { RadioGroupContext } from './interface';
|
|
|
|
export default defineComponent({
|
|
compatConfig: { MODE: 3 },
|
|
name: 'ARadioButton',
|
|
props: radioProps(),
|
|
setup(props, { slots }) {
|
|
const { prefixCls } = useConfigInject('radio-button', props);
|
|
const radioGroupContext = inject<RadioGroupContext>('radioGroupContext', undefined);
|
|
|
|
return () => {
|
|
const rProps: RadioProps = {
|
|
...props,
|
|
prefixCls: prefixCls.value,
|
|
};
|
|
|
|
if (radioGroupContext) {
|
|
rProps.onChange = radioGroupContext.onRadioChange;
|
|
rProps.checked = rProps.value === radioGroupContext.stateValue.value;
|
|
rProps.disabled = rProps.disabled || radioGroupContext.props.disabled;
|
|
}
|
|
return <Radio {...rProps}>{slots.default?.()}</Radio>;
|
|
};
|
|
},
|
|
});
|