cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务,包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
34 lines • 17.5 kB
Markdown
数字选择器常用于数字信息输入的场景,用户可以通过鼠标或键盘精准、便捷地调整所需求输入的数字。
| 参数 | 说明 | 类型 | 默认值 | 是否必填 | 支持版本 |
| ----------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------- | -------- |
| size | 大小 | 'large' | 'medium' | 'small' | 'medium' | | - |
| type | 设置类型(当 device 为 phone 时,NumberPicker 的类型强制为 normal,不可通过 type 修改) | 'normal' | 'inline' | 'normal' | | - |
| value | 当前值 | number | string | - | | - |
| defaultValue | 默认值 | number | string | - | | - |
| disabled | 是否禁用 | boolean | - | | - |
| step | 步长 | number | string | 1 | | - |
| precision | 保留小数点后位数 | number | 0 | | - |
| editable | 用户是否可以输入 | boolean | true | | - |
| autoFocus | 自动焦点 | boolean | - | | - |
| onChange | 数值被改变的事件<br/><br/>**签名**:<br/>**参数**:<br/>*value*: 新的数值。<br/>*e*: DOM 事件对象。 | (<br/> value: number | string | undefined,<br/> e: (<br/> | `React.ChangeEvent`\<HTMLInputElement><br/> | `React.CompositionEvent`\<HTMLInputElement><br/> | `React.KeyboardEvent`\<HTMLInputElement><br/> | `React.FocusEvent`\<HTMLInputElement><br/> | `React.KeyboardEvent`\<HTMLInputElement><br/> ) & {<br/> triggerType: 'up' | 'down' | undefined;<br/> }<br/> ) => void | func.noop | | - |
| onKeyDown | 键盘按下<br/><br/>**签名**:<br/>**参数**:<br/>*e*: DOM 事件对象。 | InputProps\['onKeyDown'] | func.noop | | - |
| onFocus | 焦点获得<br/><br/>**签名**:<br/>**参数**:<br/>*e*: DOM 事件对象。 | InputProps\['onFocus'] | - | | - |
| onBlur | 焦点失去<br/><br/>**签名**:<br/>**参数**:<br/>*e*: DOM 事件对象。 | InputProps\['onBlur'] | func.noop | | - |
| onCorrect | 数值订正后的回调<br/><br/>**签名**:<br/>**参数**:<br/>*obj*: 包含 currentValue 和 oldValue 的对象。 | (obj: { currentValue: number | string; oldValue: number | string }) => void | func.noop | | - |
| max | 最大值 | number | string | - | | - |
| min | 最小值 | number | string | - | | - |
| format | 格式化当前值<br/><br/>**签名**:<br/>**参数**:<br/>*value*: 当前的数值。<br/>**返回值**:<br/>格式化后的值,可以是字符串或数字。 | (value: string | number) => string | number | - | | - |
| hasTrigger | 是否展示点击按钮 | boolean | true | | - |
| alwaysShowTrigger | 是否一直显示点击按钮(无须hover) | boolean | false | | - |
| label | 内联 左侧label | `React.ReactNode` | - | | - |
| innerAfter | 内联 右侧附加内容 | `React.ReactNode` | - | | - |
| upBtnProps | 增加按钮的props | ButtonProps | - | | - |
| downBtnProps | 减少按钮的props | ButtonProps | - | | - |
| isPreview | 是否为预览态 | boolean | - | | - |
| renderPreview | 预览态模式下渲染的内容<br/><br/>**签名**:<br/>**参数**:<br/>*value*: 当前值。<br/>*props*: 传入的组件参数。<br/>**返回值**:<br/>Element 渲染内容。 | (value: number | string, props: NumberPickerProps) => `React.ReactNode` | - | | - |
| stringMode | 开启大数支持,输入输出均为string类型 | boolean | false | | 1.24 |
| state | 状态 | 'error' | 'success' | - | | - |
| 按键 | 说明 |
| :--------- | :------- |
| Up Arrow | 数字增加 |
| Down Arrow | 数字减小 |