cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务,包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
20 lines • 5.37 kB
Markdown
开关常用于需要进行两种状态切换的场景,适用于语义非常明确的场景,例如代表“是”或“否”。
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- |
| defaultChecked | 开关是否打开默认值 (非受控) | boolean | false | |
| checked | 开关是否打开(受控) | boolean | - | |
| onChange | 开关状态改变时事件<br/><br/>**签名**:<br/>**参数**:<br/>*checked*: 是否打开 | (<br/> checked: boolean,<br/> e: `React.MouseEvent`\<HTMLDivElement> | `React.KeyboardEvent`\<HTMLDivElement><br/> ) => void | - | |
| size | switch 的尺寸 | 'medium' | 'small' | 'medium' | |
| loading | 加载状态 | boolean | false | |
| disabled | 表示开关被禁用 | boolean | false | |
| autoWidth | 宽度根据内容自适应 | boolean | false | |
| isPreview | 是否预览模式 | boolean | false | |
| renderPreview | 自定义预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*checked*: 是否打开<br/>*props*: 组件参数对象<br/>**返回值**:<br/>预览模式下的渲染内容 | (checked: boolean, props: SwitchProps) => `React.ReactNode` | - | |
| checkedChildren | 打开时的内容 | `React.ReactNode` | - | |
| unCheckedChildren | 关闭时的内容 | `React.ReactNode` | - | |
| onClick | 鼠标点击事件 | (e: `React.MouseEvent`\<HTMLDivElement> | `React.KeyboardEvent`\<HTMLDivElement>) => void | - | |
| onKeyDown | 键盘按键事件 | (e: `React.KeyboardEvent`\<HTMLDivElement>) => void | - | |
| 按键 | 说明 |
| :---- | :----------- |
| Enter | 切换选中状态 |
| SPACE | 切换选中状态 |