[VerifyInput/验证码输入框] 功能需求，希望增加这个组件！

[kwooshung]

这个功能解决了什么问题

功能

就像“飞书”网页版登录，输入手机号后，下一步就是“填写验证码”。

优点

• 风格统一，美观
• 第三方可能会存在性能问题
• 可能无法和TDesign中的api高度相似，降低学习成本
• 无法和Form表单一起使用
• 功能不够强大
• 第三方可能无法做到及时的维护和更新

你建议的方案是什么

希望的API

参数名	描述	类型	默认值
count/length	输入框数量	number	6
group	多少个输入框为一组，<=1，表示没有分组	number	3
seg	分隔符，当group有效，才起作用，表示分组之间的间隔	'ReactNode' | 'string'	-（中横线）
modify	内容格式是否可修改意思是说，比如：当你输入到第4个（共6个）输入框，鼠标点击前面的输入框可以直接进修改此值； 如果为false，则就像“飞书”似的，直接聚焦应当输入内容的输入框。	boolean	-
action	可以通过箭头左右控制光标在输入框中来回切换； 鼠标滚轮也可以控制光标； 鼠标滚轮也可以控制光标； 控制方式也可提炼出一个api，是否可以鼠标滚轮控制等； 鼠标滚轮是否是反向操作，比如前滚往后，后滚往前 切换	string[]	具体有哪些字符串，我不知道怎么写了，总之就是描述中的各种操作方式，在数组里表示开启那些操作方式。
size	输入框的尺寸	'mini' | 'small' | 'default' | 'large'	default
disabled	是否禁用	boolean	-
readOnly	是否只读	boolean	-
placeholder	提示文字	string	-
error	是否是错误状态	boolean	-
uppercase	强制输入内容大写	boolean	true
addBefore	输入框前添加元素	ReactNode	-
addAfter	输入框后添加元素	ReactNode	-
prefix	添加前缀文字或者图标	ReactNode	-
suffix	添加后缀文字或者图标	ReactNode	-
allowClear	允许一键清空所有输入框	boolean	-
onChange	输入时的回调	(value: string, e) => void	-
onClear	点击清除按钮的回调	() => void	-
style	节点样式	CSSProperties	-
className	节点类名	string | string[]	-
format	内容格式，全数字、字母、任意字符、正则表达式	'number'|'letter'|'all'|'Regex'	'all'
value	值	与format一致	-
direction	方向，default表示：比如阿拉伯语是从右往左，就跟着从左往右输入）	'ltr'|'rtl'|'default'	default

同时还希望支持和form表单一起使用

• 内容验证之类的，就像input似的

其他同类产品issues
ant-design/ant-design#45429
arco-design/arco-design#2272

Tasks

Beta Give feedback

1. [Statistic/数值显示] 功能需求，希望增加这个组件！ #2309
   3 of 6
   enhancement +1
2. [Typography/排版] 功能需求，希望增加这个组件！ #2310
   3 of 6
   enhancement +1
3. [Empty/空状态] 功能需求，希望增加这个组件！ #2311
   3 of 6
   enhancement +1
4. [Result/结果] 功能需求，希望增加这个组件！ #2312
   3 of 6
   enhancement +1
5. [ResizeBox/伸缩框] 功能需求，希望增加这个组件！ #2313
   4 of 6
   enhancement +1
6. [ScrollBar/滚动条] 功能需求，希望增加这个组件！ #2315
   4 of 7
   enhancement +1

[github-actions]

👋 @kwooshung，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。