UNPKG

cnd-components-mcp

Version:

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务,包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

20 lines 5.37 kB
开关常用于需要进行两种状态切换的场景,适用于语义非常明确的场景,例如代表“是”或“否”。 | 参数 | 说明 | 类型 | 默认值 | 是否必填 | | ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | | 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 | 切换选中状态 |