cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务,包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
35 lines • 8.49 kB
Markdown
单选框常用于单项信息输入的场景,用户在可见选项中仅可选择一条内容。
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ------ | -------- |
| id | 组件 input 的 id | string | - | |
| checked | 设置 radio 是否选中 | boolean | - | |
| defaultChecked | 设置 radio 是否默认选中 | boolean | - | |
| label | 通过属性配置 label | `React.ReactNode` | - | |
| onChange | 选中状态变化时触发的事件<br/><br/>**签名**:<br/>**参数**:<br/>*checked*: 是否选中<br/>*event*: DOM 事件 | (checked: boolean, event: `React.ChangeEvent`\<HTMLInputElement>) => void | - | |
| onMouseEnter | 鼠标进入 enter 事件 | (e: `React.MouseEvent`\<HTMLInputElement>) => void | - | |
| onMouseLeave | 鼠标离开事件 | (e: `React.MouseEvent`\<HTMLInputElement>) => void | - | |
| disabled | radio 是否被禁用 | boolean | - | |
| value | radio 的 value | RadioValue | - | |
| name | 表单项 name | string | - | |
| isPreview | 是否开启预览态 | boolean | - | |
| renderPreview | 自定义预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*checked*: 是否选中<br/>*props*: 所有传入的参数<br/>**返回值**:<br/>渲染内容 | (checked: boolean, props: RadioProps) => `React.ReactNode` | - | |
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- | -------- | -------- |
| name | 表单 name | string | - | |
| value | radio group 的选中项的值(受控) | RadioValue | - | |
| defaultValue | radio group 的默认值(非受控) | RadioValue | - | |
| component | 设置标签类型 | `React.ElementType` | 'div' | |
| onChange | 选中值改变时的事件<br/><br/>**签名**:<br/>**参数**:<br/>*value*: 选中的值<br/>*event*: Dom 事件对象 | (value: RadioValue, event: `React.ChangeEvent`\<HTMLInputElement>) => void | - | |
| disabled | 表示 radio 被禁用 | boolean | - | |
| shape | 展示类型 | 'normal' | 'button' | - | |
| size | 与 `shape` 属性配套使用,shape 设为 button 时有效 | 'large' | 'medium' | 'small' | 'medium' | |
| dataSource | 可选项列表 | Array\<RadioValue> | Array\<RadioValueItem> | - | |
| children | 通过子元素方式设置内部 radio | `React.ReactNode` | - | |
| direction | 子项目的排列方式 | 'hoz' | 'ver' | - | |
| isPreview | 是否开启预览态 | boolean | - | |
| renderPreview | 自定义预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*previewed*: 预览的数据项<br/>*props*: 预览项的参数<br/>**返回值**:<br/>渲染内容 | (previewed: RadioValueItem | object, props: GroupProps) => `React.ReactNode` | - | |
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| -------- | ---- | --------------- | ------ | -------- |
| label | - | `React.ReactNode` | - | |
| value | - | RadioValue | - | 是 |
| disabled | - | boolean | - | |