NumberInput
Props
| Prop Name | Type | Required | Default | Description |
|---|---|---|---|---|
| value | union | 值,受控 | ||
| defaultValue | union | 默认值,非受控 | ||
| onChange | func | function noop() {} | 修改回调 | |
| onNumberChange | func | function noop() {} | 有效的修改回调,使用按钮改变值或者输入、回车后失焦时触发,可防止监听到无效的回调 @param 当前的值,必为有效数字 | |
| disabled | bool | 禁用 | ||
| readOnly | bool | 只读 | ||
| max | number | 最大值 | ||
| min | number | -MAX_SAFE_INTEGER | 最小值 | |
| step | union | 1 | 按钮每次变动大小 | |
| upStep | union | 增加按钮点击增加的大小,会覆盖 step | ||
| downStep | union | 减少按钮点击减少的大小,会覆盖 step | ||
| upHandler | node | 自定义'+'按钮 | ||
| downHandler | node | 自定义'-'按钮 | ||
| formatter | func | 定义数值展示格式化 | ||
| parser | func | function defaultParser(input) { return input.replace(/[^\w.-]+/g, ''); } | 定义输入内容过滤 | |
| precision | number | 精度,小数点位数 | ||
| styleType | enum | StyleType[0] | 样式风格 | |
| size | enum | 'md' | 尺寸 | |
| suffix | node | 自定义后缀 | ||
| inputStyle | object | input框自定义样式 | ||
| computeValidNumber | func | v => v | 计算合法值 | |
| hideHandler | bool | 是否隐藏操作按钮 | ||
| tooltip | union | 输入提示,hover 和输入焦点时显示,可直接传入 tooltip 内容,或传入 tooltip 的 props,props 参考 tooltip 组件文档
注意,如果使用自定义 props 中的 visible 和 onVisibleChange 则需要自己去控制 tooltip 的显示隐藏 |
说明
- 这是 NumberInput 数字输入框组件





