cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
44 lines • 14.4 kB
Markdown
时间选择器常用于完成时间信息的录入，用户既可以通过键盘输入，也可以通过鼠标点击选择。
| 参数 | 说明 | 类型 | 默认值 | 是否必填 |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- |
| label | 按钮的文案 | `React.ReactNode` | - | |
| state | 输入框状态 | 'error' | 'success' | - | |
| placeholder | 输入框提示 | string | - | |
| value | 时间值（moment 对象或时间字符串，受控状态使用） | string | Moment | null | - | |
| defaultValue | 时间初值（moment 对象或时间字符串，非受控状态使用） | string | Moment | - | |
| size | 时间选择框的尺寸 | 'small' | 'medium' | 'large' | - | |
| hasClear | 是否允许清空时间 | boolean | - | |
| format | 时间的格式 | string | - | |
| hourStep | 小时选项步长 | number | - | |
| minuteStep | 分钟选项步长 | number | - | |
| secondStep | 秒钟选项步长 | number | - | |
| disabledHours | 禁用小时的函数 | (index: number) => boolean | - | |
| disabledMinutes | 禁用分钟函数 | (index: number) => boolean | - | |
| disabledSeconds | 禁用秒钟函数 | (index: number) => boolean | - | |
| visible | 弹层是否显示（受控） | boolean | - | |
| defaultVisible | 弹层默认是否显示（非受控） | boolean | - | |
| popupContainer | 弹层容器 | string | HTMLElement | ((target: HTMLElement) => HTMLElement) | - | |
| popupAlign | 弹层对齐方式，详情见 Overlay 文档 | string | - | |
| popupTriggerType | 弹层触发方式 | 'click' | 'hover' | - | |
| onVisibleChange | 弹层展示状态变化时的回调 | (visible: boolean, reason: string) => void | - | |
| popupStyle | 弹层自定义样式 | `React.CSSProperties` | - | |
| popupClassName | 弹层自定义样式类 | string | - | |
| popupProps | 弹层属性 | PopupProps | - | |
| disabled | 是否禁用 | boolean | - | |
| isPreview | 是否为预览态 | boolean | - | |
| renderPreview | 预览态模式下渲染的内容 | (value: Moment | null, props: TimePickerProps) => `React.ReactNode` | - | |
| onChange | 时间值改变时的回调 | (value: Moment | string | null) => void | - | |
| renderTimeMenuItems | 渲染的可选择时间列表<br/><br/>**签名**:<br/>**参数**:<br/>*list*: 默认渲染的列表<br/>*mode*: 渲染的菜单 hour, minute, second<br/>*value*: 当前时间，可能为 null<br/>**返回值**:<br/>返回需要渲染的数据 | (<br/> list: Array\<TimeMenuListItem>,<br/> mode: TimeMenuProps\['mode'],<br/> value: TimeMenuProps\['value']<br/> ) => Array\<TimeMenuListItem> | - | |
| inputProps | 自定义输入框属性 | InputProps | - | |
| popupContent | 弹层内容 | `React.ReactNode` | - | |
| followTrigger | 跟随触发元素 | boolean | - | |
| 按键 | 说明 |
| :-------------- | :------------------------------------------------------------------------------ |
| Enter | 打开时间选择框 |
| Esc | 关闭时间选择框 |
| Up | 输入上一秒的时间 （如果 `disabledMinutes={true}` 则可能是上一分钟或者上一小时） |
| Down | 输入下一秒的时间 （如果 `disabledMinutes={true}` 则可能是下一分钟或者下一小时） |
| Page Up | 输入上一分钟的时间 |
| Page Down | 输入下一分钟的时间 |
| Alt + Page Up | 输入上一小时的时间 |
| Alt + Page Down | 输入下一小时的时间