UNPKG

cnd-components-mcp

Version:

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

34 lines • 11.1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
复选框常用于信息输入的场景，用户在可见选项中选择一条或多条内容。 | 参数 | 说明 | 类型 | 默认值 | 是否必填 | 支持版本 | | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- | ------ | -------- | -------- | | className | 自定义类名 | string | - | | - | | id | checkbox id, 挂载在 input 上 | string | - | | - | | style | 自定义内联样式 | `React.CSSProperties` | - | | - | | checked | 选中状态 | boolean | - | | - | | value | checkbox 的 value | ValueItem | - | | - | | name | name | string | - | | - | | defaultChecked | 默认选中状态 | boolean | false | | - | | disabled | 禁用 | boolean | - | | - | | label | 通过属性配置 label， | `React.ReactNode` | - | | - | | indeterminate | Checkbox 的中间状态，只会影响到 Checkbox 的样式，并不影响其 checked 属性 | boolean | - | | - | | defaultIndeterminate | Checkbox 的默认中间态，只会影响到 Checkbox 的样式，并不影响其 checked 属性 | boolean | false | | - | | onChange | 状态变化时触发的事件 | (checked: boolean, e: `React.ChangeEvent`\<HTMLInputElement>) => void | - | | - | | onMouseEnter | 鼠标进入 enter 事件 | (e: `React.MouseEvent`\<HTMLInputElement | HTMLLabelElement>) => void | - | | - | | onMouseLeave | 鼠标离开 Leave 事件 | (e: `React.MouseEvent`\<HTMLInputElement | HTMLLabelElement>) => void | - | | - | | isPreview | 是否为预览态 | boolean | false | | 1.19 | | renderPreview | 预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*checked*: 是否选中<br/>*props*: 所有传入的参数<br/>**返回值**:<br/>定制渲染内容 | (checked: boolean, props: CheckboxProps) => `React.ReactNode` | - | | 1.19 | | 参数 | 说明 | 类型 | 默认值 | 是否必填 | 支持版本 | | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | | className | 自定义类名 | string | - | | - | | style | 自定义内联样式 | `React.CSSProperties` | - | | - | | disabled | 整体禁用 | boolean | - | | - | | dataSource | 可选项列表 | Array\<ValueItem> | Array\<CheckboxData> | - | | - | | value | 被选中的值列表 | ValueItem\[] | ValueItem | - | | - | | defaultValue | 默认被选中的值列表 | ValueItem\[] | ValueItem | - | | - | | name | name | string | - | | - | | children | 通过子元素方式设置内部 checkbox | `React.ReactNode` | - | | - | | onChange | 选中值改变时的事件 | (value: ValueItem\[], e: `React.ChangeEvent`\<HTMLInputElement>) => void | - | | - | | direction | 子项目的排列方式 | 'hoz' | 'ver' | - | | - | | itemDirection | \[废弃] 子项目的排列方式 | 'hoz' | 'ver' | - | | - | | isPreview | 是否为预览态 | boolean | - | | 1.19 | | renderPreview | 预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*previewed*: 预览值 \[{label: '', value:''},...]<br/>*props*: 所有传入的参数<br/>**返回值**:<br/>定制渲染内容 | (<br/> previewed: {<br/> label: string | `React.ReactNode`;<br/> value: string | `React.ReactNode`;<br/> }\[],<br/> props: object<br/> ) => `React.ReactNode` | - | | 1.19 |