UNPKG

cnd-components-mcp

Version:

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

98 lines 25.7 kB
输入框常用于字母、数字、符号等信息的录入,可以按需提供输入前提示、输入中提示及输入后的验证反馈,也可以根据需要预先填充内容或者提供格式规则限制,比如IP、邮箱、电话号等格式规则限制。 | 参数 | 说明 | 类型 | 默认值 | 是否必填 | 支持版本 | | -------------------- | --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | | value | 当前值(受控) | string | number | - | | - | | defaultValue | 默认值(非受控) | string | number | - | | - | | onChange | 发生改变的时候触发的回调 | (<br/> value: string | number,<br/> e:<br/> | `React.ChangeEvent`\<HTMLInputElement><br/> | `React.CompositionEvent`\<HTMLInputElement><br/> | `React.KeyboardEvent`\<HTMLInputElement>,<br/> reason?: string<br/> ) => void | - | | - | | onKeyDown | 键盘按下的时候触发的回调 | (<br/> e: `React.KeyboardEvent`\<HTMLInputElement>,<br/> opts: OnKeyDownOpts<br/> ) => void | - | | - | | disabled | 禁用状态 | boolean | false | | - | | maxLength | 最大长度 | number | - | | - | | hasLimitHint | 是否展现最大长度样式 | boolean | false | | - | | showLimitHint | 是否展现最大长度样式 | boolean | false | | - | | cutString | 当设置了 maxLength 时,是否截断超出的字符串 | boolean | true | | - | | readOnly | 只读 | boolean | false | | - | | trim | onChange 返回会自动去除头尾空字符 | boolean | false | | - | | placeholder | 输入提示 | string | - | | - | | onFocus | 获取焦点时候触发的回调 | (e: `React.FocusEvent`\<HTMLInputElement>) => void | - | | - | | onBlur | 失去焦点时候触发的回调 | (e: `React.FocusEvent`\<HTMLInputElement>) => void | - | | - | | getValueLength | 自定义字符串计算长度方式 | (value: string) => number | void | - | | - | | className | 自定义 class | string | - | | - | | style | 自定义内联样式 | `React.CSSProperties` | - | | - | | htmlType | 原生 type | string | - | | - | | name | name | string | - | | - | | state | 状态 | 'error' | 'loading' | 'success' | 'warning' | - | | - | | label | label | `React.ReactNode` | - | | - | | hasClear | 是否出现 clear 按钮 | boolean | - | | - | | hasBorder | 是否有边框 | boolean | true | | - | | size | 尺寸 | 'small' | 'medium' | 'large' | 'medium' | | - | | onPressEnter | 按下回车的回调 | (e: `React.KeyboardEvent`\<HTMLInputElement>) => void | - | | - | | hint | 水印 (Icontype 类型,和清除按钮占用同一个地方) | string | `React.ReactNode` | - | | - | | innerBefore | 文字前附加内容 | `React.ReactNode` | - | | - | | innerAfter | 文字后附加内容 | `React.ReactNode` | - | | - | | addonBefore | 输入框前附加内容 | `React.ReactNode` | - | | - | | addonAfter | 输入框后附加内容 | `React.ReactNode` | - | | - | | addonTextBefore | 输入框前附加文字 | `React.ReactNode` | - | | - | | addonTextAfter | 输入框后附加文字 | `React.ReactNode` | - | | - | | autoComplete | 自动补全 (原生 input 支持) | string | 'off' | | - | | autoFocus | 自动聚焦 (原生 input 支持) | boolean | - | | - | | isPreview | 是否为预览态 | boolean | false | | - | | renderPreview | 自定义预览态内容 | (value: string | number | undefined, props: InputProps) => `React.ReactNode` | - | | - | | composition | 开启后会过滤输入法中间字母状态,文字输入完成后才会触发 onChange | boolean | false | | 1.23 | | hoverShowClear | hover 展示 clear (配合 hasClear=true 使用) | boolean | false | | 1.24 | | extra | 额外内容 | `React.ReactNode` | - | | - | | htmlSize | 原生 input 的 size 属性 | string | - | | - | | inputRender | 自定义 input 样式 | (input: `React.ReactElement`) => `React.ReactNode` | - | | - | | inputStyle | 自定义 input 样式 | `React.CSSProperties` | - | | - | | inputClassName | 自定义 input 类名 | string | - | | - | | innerBeforeClassName | 文字前附加内容类名 | string | - | | - | | innerAfterClassName | 文字后附加内容类名 | string | - | | - | | 参数 | 说明 | 类型 | 默认值 | 是否必填 | 支持版本 | | -------------- | --------------------------------------------------------------- | -------------------------------------------------------------------------------------------- | -------- | -------- | -------- | | value | 当前值(受控) | string | number | - | | - | | defaultValue | 默认值(非受控) | string | number | - | | - | | onChange | 发生改变的时候触发的回调 | (value: string, e: `React.ChangeEvent`\<HTMLTextAreaElement>, type?: string) => void | - | | - | | onKeyDown | 键盘按下的时候触发的回调 | (<br/> e: `React.KeyboardEvent`\<HTMLTextAreaElement>,<br/> opts: OnKeyDownOpts<br/> ) => void | - | | - | | disabled | 禁用状态 | boolean | false | | - | | maxLength | 最大长度 | number | - | | - | | hasLimitHint | 是否展现最大长度样式 | boolean | false | | - | | showLimitHint | 是否展现最大长度样式 | boolean | false | | - | | cutString | 当设置了 maxLength 时,是否截断超出的字符串 | boolean | true | | - | | readOnly | 只读 | boolean | false | | - | | trim | onChange 返回会自动去除头尾空字符 | boolean | false | | - | | placeholder | 输入提示 | string | - | | - | | onFocus | 获取焦点时候触发的回调 | (e: `React.FocusEvent`\<HTMLTextAreaElement>) => void | - | | - | | onBlur | 失去焦点时候触发的回调 | (e: `React.FocusEvent`\<HTMLTextAreaElement>) => void | - | | - | | getValueLength | 自定义字符串计算长度方式 | (value: string) => number | void | - | | - | | className | 自定义 class | string | - | | - | | style | 自定义内联样式 | `React.CSSProperties` | - | | - | | htmlType | 原生 type | string | - | | - | | name | name | string | - | | - | | state | 状态 | 'error' | 'warning' | 'loading' | - | | - | | hasBorder | 是否有边框 | boolean | true | | - | | autoHeight | 根据内容自动改变高度 | boolean | { minRows?: number | string; maxRows?: number | string } | false | | - | | rows | 多行文本框高度 | number | 4 | | - | | isPreview | 是否为预览态 | boolean | false | | - | | renderPreview | 自定义预览态内容 | (value: string | number | undefined, props: TextAreaProps) => `React.ReactNode` | - | | - | | composition | 开启后会过滤输入法中间字母状态,文字输入完成后才会触发 onChange | boolean | false | | 1.23 | | hasClear | 是否出现 clear 按钮 | boolean | - | | - | | size | 尺寸 | 'small' | 'medium' | 'large' | 'medium' | | - | | 参数 | 说明 | 类型 | 默认值 | 是否必填 | | -------------------- | ---------------------- | --------------- | ------ | -------- | | addonBefore | 输入框前附加内容 | `React.ReactNode` | - | | | addonBeforeClassName | 输入框前附加内容的类名 | string | - | | | addonAfter | 输入框后附加内容 | `React.ReactNode` | - | | | addonAfterClassName | 输入框后附加内容的类名 | string | - | | | rtl | rtl | boolean | - | | | disabled | 禁用状态 | boolean | - | | 继承 Input 的属性 | 参数 | 说明 | 类型 | 默认值 | 是否必填 | | ---------- | ---------------- | ------- | ------ | -------- | | showToggle | 是否展示切换按钮 | boolean | true | | | 参数 | 说明 | 类型 | 默认值 | 是否必填 | | ------------- | ---------------- | ------- | ------ | -------- | | beTrimed | 输入的空格被清理 | boolean | - | | | overMaxLength | 已超出最大长度 | boolean | - | | | 参数 | 说明 | 类型 | 默认值 | | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------ | -------- | ------ | | getInputNode | 获取真正 input 节点 | Function | | | focus | 获取焦点<br><br>**签名**:<br> Function(start:Number, end: Number)<br>**参数**:<br>*start*: {Number} 光标起始位置<br>*end*: {Number} 选择结束位置 | Function | |