[comp: inputNumber]feature inputNumber component

[calvinchan22]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

What does the proposed API look like?

[danranVm]

表单组件下周我会出一个统一的设计方案，到时候需要一起沟通下。

[danranVm]

@Usualminds @danranVm 负责此组件的 review， API 设计完成后请 @ 他们

[danranVm]

re #153

[calvinchan22]

What problem does this feature solve?

通过鼠标或键盘，输入范围内的数值

What does the proposed API look like?

• 提供三种不同大小 large|medium|small
• 支持禁用
• 支持设置最大值、最小值
• 支持小数点
• 支持

何时使用

输入框限制输入数值的时候

API

名称	说明	类型	默认值
v-model:value	当前值	number	-
disabled	是否禁用	boolean	false
formatter	指定输入框展示值的格式	function	-
max	最大值	number	Infinity
min	最小值	number	-Infinity
parser	指定从 formatter 里转换回数字的方式，和 formatter 搭配使用	function	-
precision	数值精度	number	-
decimalSeparator	小数点	string	-
size	最小值	string	无
step	每次改变步数，可以为小数	string/number	1

Events

事件名称	说明	回调参数
change	变化回调
pressEnter	按下回车的回调

事件

名称	描述
blur()	移除焦点
focus()	获取焦点

[danranVm]

• pressEnter 这个事件不需要提供吧，跟 inputNumber 组件没什么特别的关系。
• decimalSeparator 的使用场景是什么？

[imguolao]

api of input-number component

名称	说明	类型	默认值	全局配置	备注
v-model:value	控件值	number	-	-	-
control	控件控制器	string | number | AbstractControl	-	-	配合 @idux/cdk/forms 使用, 参考 Form
disabled	禁用	boolean	false	-	-
keyboard	启用键盘行为	boolean	true	✅	-
max	最大值	number	Infinity	-	-
min	最小值	number	-Infinity	-	-
placeholder	提示信息	string	-	-	-
precision	数值精度	number	-	-	-
readonly	只读	boolean	false	-	-
size	设置大小	'sm' | 'md' | 'lg'	'md'	✅	-
step	步进	number	1	-	-
onChange	值发生改变时触发的回调	(value: number | null, oldValue: number | null | undefined) => void	-	-	-
onFocus	获取焦点时触发的回调	(evt: FocusEvent) => void	-	-	-
onBlur	失去焦点时触发的回调	(evt: FocusEvent) => void	-	-	-