4.1.4 • Published 27 days ago
@hi-ui/radio v4.1.4
Radio 单选
单选是用来在一组平铺选项中选择目标选项,每次只选一个
何时使用
需要快速完成多选一且备选项数量不多时
常见于后台设置、调研问卷等场景
使用示例
Props
Radio.Group
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
data | 选择项数据源 | DataItem[] | - | - |
placement | 设置水平或垂直展示 | string | 'vertical' | 'horizontal' | 'horizontal' |
value | 选中项的值(受控) | string | number | - | - |
defaultValue | 默认选中项的值 | string | number | - | - |
disabled | 是否禁用 | boolean | - | - |
type | 单选按展示形状 | string | 'default' | 'button' | 'default' |
name | RadioGroup 下透传给所有 Radio 的 name 属性 | string | - | - |
Radio
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 单选对应的值 | string | - | - |
autoFocus | 是否自动获取焦点 | boolean | true | false | false |
disabled | 是否禁用 | boolean | - | - |
checked | 是否选中 | boolean | true | false | false |
defaultChecked | 是否默认选中 | boolean | true | false | false |
readOnly | 是否只读 | boolean | true | false | false |
Events
Radio
名称 | 说明 | 类型 | 参数 | 返回值 |
---|---|---|---|---|
onChange | 变化时的回调 | (event: React.ChangeEvent\<HTMLInputElement>) => void | event: input 事件对象 | - |
RadioGroup
名称 | 说明 | 类型 | 参数 | 返回值 |
---|---|---|---|---|
onChange | 选中项改变时的回调 | (value: string) => void | value: 选中项 ID | - |
Type
DataItem
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
id | 选择项对应的值 | string | - | - |
content | 选择项的展示内容 | ReactText | - | - |
disabled | 是否禁用 | boolean | true | false | false |
CHANGELOG
参数 | 变更类型 | 变更内容 | 解决的问题 |
---|---|---|---|
propName | feature | deprecated | update | 变更了什么 | 之前是什么样子,解决什么问题 |
---- | ---- | ---- | ---- |
children | feature | RadioGroup 支持内嵌 Radio | 实现灵活的布局 |
content | feature | 类型:string -> ReactNode | 1. 强化类型支持 |
readOnly | feature | - | 1. 强化 Radio 功能支持 |
4.1.4
27 days ago
4.1.4-alpha.0
1 month ago
4.0.5
6 months ago
4.1.3
6 months ago
4.1.0
6 months ago
4.1.2
6 months ago
4.1.1
6 months ago
4.0.4
2 years ago
4.0.3
2 years ago
4.0.2
2 years ago
4.0.0-beta.20
2 years ago
4.0.1
2 years ago
4.0.0
2 years ago
4.0.0-beta.19
2 years ago
4.0.0-beta.15
2 years ago
4.0.0-beta.17
2 years ago
4.0.0-beta.16
2 years ago
4.0.0-beta.18
2 years ago
4.0.0-beta.8
2 years ago
4.0.0-beta.14
2 years ago
4.0.0-beta.7
2 years ago
4.0.0-beta.11
2 years ago
4.0.0-beta.10
2 years ago
4.0.0-beta.13
2 years ago
4.0.0-beta.12
2 years ago
4.0.0-beta.9
2 years ago
4.0.0-beta.6
2 years ago
4.0.0-beta.5
2 years ago
4.0.0-alpha.9
2 years ago
4.0.0-alpha.7
2 years ago
4.0.0-alpha.8
2 years ago
4.0.0-alpha.17
2 years ago
4.0.0-alpha.16
2 years ago
4.0.0-alpha.15
2 years ago
4.0.0-alpha.14
2 years ago
4.0.0-alpha.19
2 years ago
4.0.0-alpha.18
2 years ago
4.0.0-alpha.13
2 years ago
4.0.0-alpha.12
2 years ago
4.0.0-alpha.11
2 years ago
4.0.0-beta.4
2 years ago
4.0.0-beta.3
2 years ago
4.0.0-beta.2
2 years ago
4.0.0-beta.1
2 years ago
4.0.0-beta.0
2 years ago
4.0.0-alpha.20
2 years ago
4.0.0-alpha.21
2 years ago
4.0.0-alpha.5
2 years ago
4.0.0-alpha.4
2 years ago
4.0.0-alpha.3
2 years ago
4.0.0-alpha.2
2 years ago
4.0.0-alpha.1
2 years ago