import { ComponentType } from 'react' import { StandardProps, CommonEventFunction, FormItemProps } from './common' interface RadioProps extends StandardProps { /** `` 标识。当该`` 选中时,``的 change 事件会携带``的 value * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid */ value?: string /** 当前是否选中 * @default false * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid */ checked?: boolean /** 是否禁用 * @default false * @supported weapp, alipay, swan, tt, qq, jd, h5, rn, harmony, harmony_hybrid */ disabled?: boolean /** Radio 的颜色,同 css 的 color * @default "#09BB07" * @supported weapp, alipay, swan, tt, qq, jd, rn, harmony */ color?: string /** * Radio 的名字 * @supported h5, harmony, harmony_hybrid */ name?: string /** 用于透传 `WebComponents` 上的属性到内部 H5 标签上 * @supported h5, harmony_hybrid */ nativeProps?: Record /** 无障碍访问,(属性)元素的额外描述 * @supported qq */ ariaLabel?: string /** 中的选中项发生变化时触发 change 事件 * @supported h5, rn, harmony, harmony_hybrid */ onChange?: CommonEventFunction<{ value?: string }> } /** 单选项目 * @classification forms * @supported weapp, alipay, swan, tt, qq, h5, rn, harmony, harmony_hybrid * @example_react * ```tsx * export default class PageRadio extends Component { * state = { * list: [ * { * value: '美国', * text: '美国', * checked: false * }, * { * value: '中国', * text: '中国', * checked: true * }, * { * value: '巴西', * text: '巴西', * checked: false * }, * { * value: '日本', * text: '日本', * checked: false * }, * { * value: '英国', * text: '英国', * checked: false * }, * { * value: '法国', * text: '法国', * checked: false * } * ] * } * render () { * return ( * * * * * 默认样式 * 选中 * 未选中 * * * 推荐展示样式 * * * {this.state.list.map((item, i) => { * return ( * * ) * })} * * * * * * ) * } * } * ``` * @example_vue * ```html * * * * ``` * @see https://developers.weixin.qq.com/miniprogram/dev/component/radio.html */ declare const Radio: ComponentType export { Radio, RadioProps }